Doctype HTML
Uploaded by
aamishrajpoot991Doctype HTML
Uploaded by
aamishrajpoot991<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Client Registration Form - A1 Immigration & Tours Agency</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 40px;
color: #333;
background-color: #fff;
position: relative;
/* Background Watermark */
.watermark {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-30deg);
font-size: 55px;
font-weight: bold;
color: rgba(0, 51, 102, 0.06);
white-space: nowrap;
pointer-events: none;
z-index: 0;
text-transform: uppercase;
.container {
position: relative;
z-index: 1;
max-width: 800px;
margin: auto;
border: 2px solid #003366;
padding: 30px;
background: #ffffff;
.header {
text-align: center;
border-bottom: 2px solid #003366;
padding-bottom: 15px;
margin-bottom: 20px;
.header h1 {
margin: 0;
color: #003366;
font-size: 26px;
text-transform: uppercase;
.header p {
margin: 5px 0 0;
font-size: 14px;
color: #555;
.meta-info {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
font-weight: bold;
font-size: 14px;
.section-title {
background-color: #003366;
color: #ffffff;
padding: 6px 10px;
font-size: 14px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 15px;
text-transform: uppercase;
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
.form-group {
display: flex;
flex-direction: column;
.[Link]-width {
grid-column: span 2;
label {
font-size: 12px;
font-weight: bold;
margin-bottom: 4px;
color: #333;
}
.input-line {
border-bottom: 1px solid #777;
min-height: 22px;
.checkbox-group {
display: flex;
gap: 15px;
font-size: 13px;
padding-top: 5px;
.declaration {
margin-top: 25px;
font-size: 12px;
line-height: 1.4;
color: #444;
background-color: #f9f9f9;
padding: 10px;
border-left: 3px solid #003366;
.footer-section {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: flex-end;
.signature-box, .stamp-box {
width: 45%;
text-align: center;
.signature-line {
border-bottom: 1px dashed #333;
margin-bottom: 8px;
height: 50px;
.stamp-circle {
border: 2px dashed #003366;
width: 130px;
height: 130px;
border-radius: 50%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
color: #003366;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
.box-label {
font-size: 13px;
font-weight: bold;
color: #333;
margin-top: 8px;
</style>
</head>
<body>
<!-- Watermark Background -->
<div class="watermark">A1 Immigration & Tours</div>
<div class="container">
<!-- Header -->
<div class="header">
<h1>A1 Immigration & Tours Agency</h1>
<p>Centaurus Mall, Islamabad | Official Client Registration Form</p>
</div>
<!-- Meta Info -->
<div class="meta-info">
<span>Form Ref: #A1-2026-REG</span>
<span>Date: August 12, 2026</span>
</div>
<!-- Section 1 -->
<div class="section-title">1. Personal Information</div>
<div class="form-grid">
<div class="form-group full-width">
<label>Full Name (as on passport):</label>
<div class="input-line"></div>
</div>
<div class="form-group">
<label>Father's / Husband's Name:</label>
<div class="input-line"></div>
</div>
<div class="form-group">
<label>Gender:</label>
<div class="checkbox-group">
<span>[ ] Male</span>
<span>[ ] Female</span>
<span>[ ] Other</span>
</div>
</div>
<div class="form-group">
<label>Date of Birth (DD/MM/YYYY):</label>
<div class="input-line"></div>
</div>
<div class="form-group">
<label>CNIC / National ID Number:</label>
<div class="input-line"></div>
</div>
<div class="form-group">
<label>Nationality:</label>
<div class="input-line"></div>
</div>
<div class="form-group">
<label>Place of Birth:</label>
<div class="input-line"></div>
</div>
</div>
<!-- Section 2 -->
<div class="section-title">2. Contact & Address Details</div>
<div class="form-grid">
<div class="form-group">
<label>Mobile / WhatsApp Number:</label>
<div class="input-line"></div>
</div>
<div class="form-group">
<label>Email Address:</label>
<div class="input-line"></div>
</div>
<div class="form-group full-width">
<label>Current Residential Address:</label>
<div class="input-line"></div>
</div>
</div>
<!-- Section 3 -->
<div class="section-title">3. Travel & Visa Details</div>
<div class="form-grid">
<div class="form-group">
<label>Passport Number:</label>
<div class="input-line"></div>
</div>
<div class="form-group">
<label>Target Destination / Country:</label>
<div class="input-line"></div>
</div>
<div class="form-group">
<label>Passport Issue Date:</label>
<div class="input-line"></div>
</div>
<div class="form-group">
<label>Passport Expiry Date:</label>
<div class="input-line"></div>
</div>
<div class="form-group full-width">
<label>Service Category Requested:</label>
<div class="checkbox-group">
<span>[ ] Visit Visa</span>
<span>[ ] Work Visa</span>
<span>[ ] Student Visa</span>
<span>[ ] Tour Package</span>
</div>
</div>
</div>
<!-- Declaration -->
<div class="declaration">
<strong>Declaration:</strong> I hereby declare that the details provided above are correct and
accurate to the best of my knowledge. I authorize <strong>A1 Immigration & Tours Agency</strong> to
process my application and registration accordingly.
</div>
<!-- Signatures & Stamp -->
<div class="footer-section">
<div class="signature-box">
<div class="signature-line"></div>
<div class="box-label">Client Signature</div>
</div>
<div class="stamp-box">
<div class="stamp-circle">
Official Stamp<br>A1 Immigration
</div>
<div class="box-label">Authorized Stamp & Sign</div>
</div>
</div>
</div>
</body>
</html>