326 lines
28 KiB
HTML
326 lines
28 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>document_upload</title>
|
||
<link rel="stylesheet" href="style.css" />
|
||
</head>
|
||
<body>
|
||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">Visa2Egypt</div><ul class="nav-1-nav-links"><li><a href="home.html">Home</a></li><li><a href="about.html">Visa Types</a></li><li><a href="contact.html">Requirements</a></li><li><a href="services.html">Processing</a></li><li><a href="faq.html">FAQ</a></li><li class="nav-1-dropdown"><a href="#">Resources<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Track Visa</button><button class="nav-1-btn nav-1-solid">Apply Now</button></div></nav></div>
|
||
<div class="text-1-wrapper"><section class="text-1-section"><p class="text-1-tagline">Pharaoh-Approved Processing</p><h2 class="text-1-heading">Apply for Your Egypt Visa Online – Fast & Secure</h2><p class="text-1-description">Government-approved processing with 24/7 support. Explore the land of Pharaohs with confidence.</p><div class="text-1-button-group"><button class="text-1-btn text-1-solid">Start Your Application</button><button class="text-1-btn text-1-outline">Explore Visa Types</button></div></section></div>
|
||
<section class="upload-instructions" style="background-color: #F8F8F8; padding: 60px 0; font-family: 'Open Sans', sans-serif; color: #002147;">
|
||
<div class="container" style="max-width: 1200px; margin: 0 auto; padding: 0 20px;">
|
||
<h2 style="font-family: 'Cairo', sans-serif; text-align: center; color: #002147; font-size: 2.5em; margin-bottom: 40px; position: relative;">
|
||
<span style="border-bottom: 3px solid #C19A6B; padding-bottom: 8px;">Upload Your Documents Securely</span>
|
||
</h2>
|
||
|
||
<p style="text-align: center; font-size: 1.1em; line-height: 1.6; margin-bottom: 50px;">
|
||
To ensure a swift and successful visa application, please carefully prepare and upload the required documents. Our AI-powered Document Hub will assist in verifying your submissions for compliance.
|
||
</p>
|
||
|
||
<div class="document-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 50px;">
|
||
<div class="document-card" style="background-color: #FFFFFF; padding: 30px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border-top: 5px solid #C19A6B;">
|
||
<h3 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.6em; margin-bottom: 15px;">1. Valid Passport Scan</h3>
|
||
<ul style="list-style: none; padding: 0; margin-bottom: 20px;">
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 25px;"><span style="color: #C19A6B; font-weight: bold; position: absolute; left: 0;">✓</span> Full data page (including photo and signature).</li>
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 25px;"><span style="color: #C19A6B; font-weight: bold; position: absolute; left: 0;">✓</span> Must be valid for at least 6 months beyond your intended stay.</li>
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 25px;"><span style="color: #C19A6B; font-weight: bold; position: absolute; left: 0;">✓</span> Clear, high-resolution scan (PDF or JPG).</li>
|
||
</ul>
|
||
<figure style="margin: 0; text-align: center; background-color: #E6EBF0; padding: 15px; border-radius: 8px;">
|
||
<img src="https://via.placeholder.com/280x160?text=Passport+Scan+Example" alt="Example of a passport scan" style="max-width: 100%; height: auto; border-radius: 5px; border: 1px solid #CCC;">
|
||
<figcaption style="font-size: 0.9em; color: #555; margin-top: 10px;">Ensure all details are legible.</figcaption>
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="document-card" style="background-color: #FFFFFF; padding: 30px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border-top: 5px solid #002147;">
|
||
<h3 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.6em; margin-bottom: 15px;">2. Recent Passport-Sized Photo</h3>
|
||
<ul style="list-style: none; padding: 0; margin-bottom: 20px;">
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 25px;"><span style="color: #C19A6B; font-weight: bold; position: absolute; left: 0;">✓</span> Taken within the last 6 months.</li>
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 25px;"><span style="color: #C19A6B; font-weight: bold; position: absolute; left: 0;">✓</span> White or off-white background, full-face view.</li>
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 25px;"><span style="color: #C19A6B; font-weight: bold; position: absolute; left: 0;">✓</span> High-resolution JPG format (minimum 600x600 pixels).</li>
|
||
</ul>
|
||
<figure style="margin: 0; text-align: center; background-color: #E6EBF0; padding: 15px; border-radius: 8px;">
|
||
<img src="https://via.placeholder.com/160x160?text=Passport+Photo+Example" alt="Example of a passport photo" style="max-width: 100%; height: auto; border-radius: 5px; border: 1px solid #CCC;">
|
||
<figcaption style="font-size: 0.9em; color: #555; margin-top: 10px;">No shadows, proper lighting.</figcaption>
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="document-card" style="background-color: #FFFFFF; padding: 30px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); border-top: 5px solid #C19A6B;">
|
||
<h3 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.6em; margin-bottom: 15px;">3. Travel Itinerary / Flight Tickets</h3>
|
||
<ul style="list-style: none; padding: 0; margin-bottom: 20px;">
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 25px;"><span style="color: #C19A6B; font-weight: bold; position: absolute; left: 0;">✓</span> Round-trip flight reservations.</li>
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 25px;"><span style="color: #C19A6B; font-weight: bold; position: absolute; left: 0;">✓</span> Accommodation details (hotel bookings or invitation letter).</li>
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 25px;"><span style="color: #C19A6B; font-weight: bold; position: absolute; left: 0;">✓</span> For Nile Cruise Visas, include cruise booking details.</li>
|
||
</ul>
|
||
<figure style="margin: 0; text-align: center; background-color: #E6EBF0; padding: 15px; border-radius: 8px;">
|
||
<img src="https://via.placeholder.com/280x160?text=Itinerary+Example" alt="Example of a travel itinerary" style="max-width: 100%; height: auto; border-radius: 5px; border: 1px solid #CCC;">
|
||
<figcaption style="font-size: 0.9em; color: #555; margin-top: 10px;">Ensure dates and names match passport.</figcaption>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="additional-notes" style="background-color: #002147; color: #FFFFFF; padding: 30px; border-radius: 10px; margin-bottom: 50px; text-align: center;">
|
||
<h3 style="font-family: 'Cairo', sans-serif; color: #C19A6B; font-size: 1.8em; margin-bottom: 15px;">Important Notes for Uploading</h3>
|
||
<ul style="list-style: none; padding: 0; display: inline-block; text-align: left;">
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 30px;"><span style="color: #C19A6B; font-weight: bold; font-size: 1.2em; position: absolute; left: 0;">★</span> **File Formats:** Only PDF, JPG, JPEG, or PNG are accepted. Max file size: 5MB per document.</li>
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 30px;"><span style="color: #C19A6B; font-weight: bold; font-size: 1.2em; position: absolute; left: 0;">★</span> **Quality:** Ensure all documents are clear, uncropped, and have no glare or shadows.</li>
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 30px;"><span style="color: #C19A6B; font-weight: bold; font-size: 1.2em; position: absolute; left: 0;">★</span> **AR Document Check:** Use our optional AR tool on your mobile device for real-time validation of photo specs and passport compliance.</li>
|
||
<li style="margin-bottom: 10px; position: relative; padding-left: 30px;"><span style="color: #C19A6B; font-weight: bold; font-size: 1.2em; position: absolute; left: 0;">★</span> **Specific Visa Types:** Business visas may require an invitation letter; Archaeology permits need specific institutional letters. Refer to our "Visa Types" section for details.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div style="text-align: center;">
|
||
<a href="#" class="button-primary" style="display: inline-block; background-color: #C19A6B; color: #002147; padding: 15px 30px; border-radius: 8px; text-decoration: none; font-weight: bold; font-size: 1.2em; transition: background-color 0.3s ease, color 0.3s ease;"
|
||
onmouseover="this.style.backgroundColor='#002147'; this.style.color='#C19A6B';" onmouseout="this.style.backgroundColor='#C19A6B'; this.style.color='#002147';">
|
||
Proceed to Upload
|
||
</a>
|
||
<p style="margin-top: 20px; font-size: 0.95em; color: #555;">Need assistance? <a href="#" style="color: #002147; text-decoration: underline;">Chat with an Expert</a>.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="document-upload-area">
|
||
<div class="container">
|
||
<h2 class="section-title">Upload Your Documents</h2>
|
||
<p class="section-description">Ensure a seamless application process by uploading the required documents. Our secure, AI-powered system validates your submissions for swift compliance. Explore the land of Pharaohs with confidence!</p>
|
||
|
||
<div class="upload-grid">
|
||
<!-- Document Upload Card 1: Passport Scan -->
|
||
<div class="upload-card">
|
||
<h3 class="card-title">1. Passport Bio-Data Scan</h3>
|
||
<p class="card-description">High-resolution scan (PDF or JPEG) of your passport's bio-data page, including photo, name, and passport number.</p>
|
||
<div class="upload-box" id="passportUploadBox">
|
||
<div class="upload-icon passport-icon"></div>
|
||
<p class="drag-drop-text">Drag & Drop your Passport Scan here</p>
|
||
<input type="file" id="passportInput" accept=".pdf, .jpg, .jpeg, .png" class="file-input" hidden>
|
||
<label for="passportInput" class="btn btn-browse">Browse Files</label>
|
||
<button class="btn btn-camera">Use Camera / AR Check</button>
|
||
</div>
|
||
<ul class="file-list" id="passportFileList">
|
||
<li class="file-item placeholder-item">No file selected</li>
|
||
</ul>
|
||
<div class="upload-status" id="passportStatus"></div>
|
||
<div class="document-guidelines">
|
||
<h4>Guidelines:</h4>
|
||
<ul>
|
||
<li><i class="icon-check"></i> Clear & legible full bio-data page</li>
|
||
<li><i class="icon-check"></i> No glare, shadows, or obstructions</li>
|
||
<li><i class="icon-check"></i> Max file size: 5MB</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Document Upload Card 2: Recent Photo -->
|
||
<div class="upload-card">
|
||
<h3 class="card-title">2. Recent Passport-Style Photo</h3>
|
||
<p class="card-description">A recent, color, passport-style photograph with a plain white or off-white background (JPEG or PNG).</p>
|
||
<div class="upload-box" id="photoUploadBox">
|
||
<div class="upload-icon photo-icon"></div>
|
||
<p class="drag-drop-text">Drag & Drop your Photo here</p>
|
||
<input type="file" id="photoInput" accept=".jpg, .jpeg, .png" class="file-input" hidden>
|
||
<label for="photoInput" class="btn btn-browse">Browse Files</label>
|
||
<button class="btn btn-camera">Use Camera / AR Check</button>
|
||
</div>
|
||
<ul class="file-list" id="photoFileList">
|
||
<li class="file-item placeholder-item">No file selected</li>
|
||
</ul>
|
||
<div class="upload-status" id="photoStatus"></div>
|
||
<div class="document-guidelines">
|
||
<h4>Guidelines:</h4>
|
||
<ul>
|
||
<li><i class="icon-check"></i> 2x2 inches (51x51 mm) square</li>
|
||
<li><i class="icon-check"></i> Full face, front view, open eyes</li>
|
||
<li><i class="icon-check"></i> No shadows, hats, or glasses</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Document Upload Card 3: Travel Itinerary / Invitation Letter -->
|
||
<div class="upload-card">
|
||
<h3 class="card-title">3. Travel Itinerary or Invitation (Optional)</h3>
|
||
<p class="card-description">For Business or Nile Cruise visas, provide flight details, hotel bookings, or an official invitation letter.</p>
|
||
<div class="upload-box" id="itineraryUploadBox">
|
||
<div class="upload-icon document-icon"></div>
|
||
<p class="drag-drop-text">Drag & Drop your Document here</p>
|
||
<input type="file" id="itineraryInput" accept=".pdf, .doc, .docx, .jpg, .jpeg, .png" class="file-input" hidden>
|
||
<label for="itineraryInput" class="btn btn-browse">Browse Files</label>
|
||
</div>
|
||
<ul class="file-list" id="itineraryFileList">
|
||
<li class="file-item placeholder-item">No file selected</li>
|
||
</ul>
|
||
<div class="upload-status" id="itineraryStatus"></div>
|
||
<div class="document-guidelines">
|
||
<h4>Resources:</h4>
|
||
<ul>
|
||
<li><a href="#" class="link-download">Download Itinerary Template</a></li>
|
||
<li><a href="#" class="link-download">Sample Invitation Letter</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="overall-status-summary">
|
||
<h3>Overall Document Status:</h3>
|
||
<p id="overallProgress">All documents pending upload.</p>
|
||
<button class="btn btn-primary submit-docs-btn" disabled>Proceed to Review & Submit</button>
|
||
<p class="note">You will be notified via email/SMS if any re-upload is required after AI verification. Trust our "Pharaoh-approved processing" for seamless applications.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="ar-document-check" class="py-16 bg-white">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-[#002147] text-4xl font-cairo font-bold text-center mb-8">AR Document Check Tool</h2>
|
||
<p class="text-center text-gray-700 max-w-3xl mx-auto mb-10 font-open-sans leading-relaxed">
|
||
Ensure your critical application documents meet strict embassy requirements with our cutting-edge Augmented Reality Document Check.
|
||
Simply use your phone or webcam to instantly validate photo specifications, passport readability, signature placement, and more.
|
||
"Pharaoh-approved processing" made easy, ensuring a seamless application experience from your device.
|
||
</p>
|
||
|
||
<div class="grid md:grid-cols-2 gap-12 items-center">
|
||
<!-- Left side: Description and Call to Action -->
|
||
<div class="text-center md:text-left">
|
||
<h3 class="text-[#C19A6B] text-2xl font-cairo mb-4">How it Works:</h3>
|
||
<ul class="list-none space-y-4 mb-8 text-gray-700 font-open-sans text-lg">
|
||
<li class="flex items-start">
|
||
<span class="text-[#C19A6B] text-2xl mr-3 mt-[-4px]">✔</span>
|
||
<p><strong>Click "Start AR Scan":</strong> Initiate the AR camera session on your device.</p>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-[#C19A6B] text-2xl mr-3 mt-[-4px]">✔</span>
|
||
<p><strong>Grant Camera Access:</strong> Allow your browser to access your device's camera.</p>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-[#C19A6B] text-2xl mr-3 mt-[-4px]">✔</span>
|
||
<p><strong>Position Your Document:</strong> Align your passport, photo, or invitation letter within the on-screen guide.</p>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-[#C19A6B] text-2xl mr-3 mt-[-4px]">✔</span>
|
||
<p><strong>Get Instant Feedback:</strong> Receive real-time validation on compliance, clarity, and dimensions.</p>
|
||
</li>
|
||
</ul>
|
||
<button class="bg-[#C19A6B] text-white font-bold py-3 px-8 rounded-full hover:bg-opacity-90 transition-colors duration-300 shadow-lg text-lg font-open-sans">
|
||
Start AR Scan
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Right side: Visual Placeholder for AR Feed -->
|
||
<div class="bg-gray-100 rounded-lg p-8 shadow-inner flex flex-col items-center justify-center min-h-[350px] border-2 border-dashed border-gray-300">
|
||
<svg class="w-20 h-20 text-gray-400 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.805-1.207a2 2 0 011.664-.89h1.862a2 2 0 011.664.89l.805 1.207a2 2 0 001.664.89H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path>
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
||
</svg>
|
||
<p class="text-center text-gray-500 font-open-sans text-xl font-semibold">
|
||
Live Camera Feed & Overlay
|
||
</p>
|
||
<p class="text-center text-gray-600 font-open-sans mt-2 text-sm max-w-xs">
|
||
(Your document will appear here with interactive guides for validation)
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="uploaded-documents-preview">
|
||
<div class="container">
|
||
<h2 class="section-title">Uploaded Documents Preview</h2>
|
||
<p class="section-subtitle">Review your uploaded files. Ensure all documents meet the requirements for fast processing.</p>
|
||
|
||
<div class="document-grid">
|
||
<div class="document-item">
|
||
<div class="document-icon">
|
||
<img src="https://via.placeholder.com/48/C19A6B/FFFFFF?text=PASS" alt="Passport Icon" aria-hidden="true">
|
||
</div>
|
||
<div class="document-details">
|
||
<p class="document-name">PassportScan_JohnDoe.pdf</p>
|
||
<p class="document-info">2.5 MB | <span class="document-status status-uploaded">Uploaded</span></p>
|
||
</div>
|
||
<div class="document-actions">
|
||
<button class="btn btn-icon btn-view" aria-label="View Passport Scan">
|
||
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
|
||
</button>
|
||
<button class="btn btn-icon btn-remove" aria-label="Remove Passport Scan">
|
||
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="document-item">
|
||
<div class="document-icon">
|
||
<img src="https://via.placeholder.com/48/C19A6B/FFFFFF?text=PHOTO" alt="Photo Icon" aria-hidden="true">
|
||
</div>
|
||
<div class="document-details">
|
||
<p class="document-name">ApplicantPhoto_Selfie.jpg</p>
|
||
<p class="document-info">0.8 MB | <span class="document-status status-pending">Pending Review</span></p>
|
||
</div>
|
||
<div class="document-actions">
|
||
<button class="btn btn-icon btn-view" aria-label="View Applicant Photo">
|
||
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
|
||
</button>
|
||
<button class="btn btn-icon btn-remove" aria-label="Remove Applicant Photo">
|
||
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="document-item">
|
||
<div class="document-icon">
|
||
<img src="https://via.placeholder.com/48/C19A6B/FFFFFF?text=TRIP" alt="Itinerary Icon" aria-hidden="true">
|
||
</div>
|
||
<div class="document-details">
|
||
<p class="document-name">TravelItinerary_EgyptTrip.pdf</p>
|
||
<p class="document-info">1.1 MB | <span class="document-status status-uploaded">Uploaded</span></p>
|
||
</div>
|
||
<div class="document-actions">
|
||
<button class="btn btn-icon btn-view" aria-label="View Travel Itinerary">
|
||
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
|
||
</button>
|
||
<button class="btn btn-icon btn-remove" aria-label="Remove Travel Itinerary">
|
||
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="document-item">
|
||
<div class="document-icon">
|
||
<img src="https://via.placeholder.com/48/C19A6B/FFFFFF?text=INVITE" alt="Invitation Letter Icon" aria-hidden="true">
|
||
</div>
|
||
<div class="document-details">
|
||
<p class="document-name">InvitationLetter_CairoUni.pdf</p>
|
||
<p class="document-info">0.7 MB | <span class="document-status status-rejected">Rejected</span></p>
|
||
<small class="document-feedback">Low Resolution. Please re-upload a clearer scan.</small>
|
||
</div>
|
||
<div class="document-actions">
|
||
<button class="btn btn-icon btn-view" aria-label="View Invitation Letter">
|
||
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
|
||
</button>
|
||
<button class="btn btn-icon btn-reupload" aria-label="Re-upload Invitation Letter">
|
||
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-footer">
|
||
<p class="summary-text">All required documents have been uploaded. We will notify you upon review completion.</p>
|
||
<button class="btn btn-primary">Proceed to Payment</button>
|
||
<button class="btn btn-secondary">Upload More Documents</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="next-step-section" aria-labelledby="nextStepHeading">
|
||
<div class="container">
|
||
<h2 id="nextStepHeading" class="section-title">Your Next Step Towards Ancient Egypt</h2>
|
||
<p class="section-description">
|
||
Embark on a seamless application journey. Click below to continue with confidence, knowing your details are securely processed by our trusted platform.
|
||
</p>
|
||
<div class="button-group">
|
||
<button type="submit" class="btn btn-gold">
|
||
Continue Application <span class="visually-hidden">to the next stage</span>
|
||
</button>
|
||
<!-- Optional: A "back" button for multi-step forms -->
|
||
<!-- <a href="#" class="btn btn-link">Go Back</a> -->
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">Visa2Egypt</h3><p class="footer-1-newsletter-text">Stay informed with the latest Egypt travel and visa updates. Your seamless journey starts here!</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"></input><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates about Egypt visa services.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Visa Services</h4><ul><li><a href="#">Tourist Visa</a></li><li><a href="#">Business Visa</a></li><li><a href="#">Nile Cruise Visa</a></li><li><a href="#">Archaeology Permit</a></li><li><a href="#">All Visa Types</a></li></ul></div><div class="footer-1-column"><h4>Quick Links</h4><ul><li><a href="#">Requirements</a></li><li><a href="#">Application Process</a></li><li><a href="#">FAQ</a></li><li><a href="#">Track Your Visa</a></li><li><a href="#">Contact Support</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Follow Our Journey</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>Youtube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2024 Visa2Egypt. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
|
||
</body>
|
||
</html> |