Ministry of External Affairs — Passport Seva
Helpline: +91 8076432622 | Mon–Sat: 9:00 AM – 6:00 PM
🛡️ Authorized Passport Seva Partner

Your Passport.
Your Right.
Made Simple.

Apply, renew, or track your Indian passport through India's most trusted official passport services portal.

Quick Passport Application

``` # FILE 2 — style.css ```css *{ margin:0; padding:0; box-sizing:border-box; font-family:'Poppins',sans-serif; } body{ background:#f7f8fc; overflow-x:hidden; } .container{ width:90%; max-width:1400px; margin:auto; } .topbar{ background:#04286f; color:#fff; padding:12px 0; font-size:14px; } .topbar .container{ display:flex; justify-content:space-between; } header{ position:sticky; top:0; background:#06296d; z-index:1000; } nav{ display:flex; justify-content:space-between; align-items:center; padding:20px 0; } .logo h1{ color:#fff; font-size:38px; font-weight:900; } .logo span{ color:#ff9d2d; } .logo p{ color:#a7c3ff; font-size:12px; letter-spacing:4px; } .menu{ display:flex; gap:40px; } .menu a{ color:#fff; text-decoration:none; font-size:18px; } .btn{ background:#ff9d2d; color:#fff; border:none; padding:16px 32px; border-radius:18px; font-size:18px; font-weight:700; cursor:pointer; } .hero{ background:#06296d; min-height:100vh; position:relative; overflow:hidden; display:flex; align-items:center; } .circle1, .circle2, .circle3{ position:absolute; border:1px solid rgba(255,255,255,0.08); border-radius:50%; } .circle1{ width:900px; height:900px; right:-200px; top:100px; } .circle2{ width:650px; height:650px; right:50px; top:200px; } .circle3{ width:400px; height:400px; right:180px; top:330px; } .hero-content{ display:grid; grid-template-columns:1.2fr 0.8fr; gap:80px; align-items:center; padding:100px 0; position:relative; z-index:2; } .badge{ display:inline-block; padding:14px 28px; border-radius:50px; background:rgba(255,255,255,0.08); color:#fff; margin-bottom:35px; } .hero h2{ font-size:90px; line-height:0.95; font-weight:900; margin-bottom:30px; color:#fff; } .hero h2 span{ color:#ff9d2d; } .hero p{ color:#d7e4ff; font-size:24px; line-height:1.8; margin-bottom:40px; } .hero-buttons{ display:flex; gap:20px; } .outline-btn{ border:1px solid rgba(255,255,255,0.2); background:transparent; color:#fff; padding:16px 32px; border-radius:18px; font-size:18px; cursor:pointer; } .form-box{ background:#fff; border-radius:40px; padding:50px; } .form-box h3{ color:#06296d; font-size:42px; margin-bottom:30px; } .form-box input, .form-box select{ width:100%; padding:18px 22px; margin-bottom:20px; border-radius:18px; border:1px solid #ddd; font-size:18px; } @media(max-width:900px){ .hero-content{ grid-template-columns:1fr; } .menu{ display:none; } .hero h2{ font-size:48px; } } ``` # FILE 3 — script.js ```javascript const buttons = document.querySelectorAll('.btn'); buttons.forEach(button => { button.addEventListener('mouseenter', () => { button.style.transform = 'translateY(-4px)'; button.style.transition = '0.3s'; }); button.addEventListener('mouseleave', () => { button.style.transform = 'translateY(0px)'; }); }); const formButton = document.querySelector('.form-box .btn'); formButton.addEventListener('click', () => { alert('Application Submitted Successfully'); }); ``` # HOW TO RUN 1. Ek folder banao 2. 3 files banao: - index.html - style.css - script.js 3. Upar wala respective code respective file me paste karo 4. index.html ko browser me open karo 5. Website run ho jayegi