#🙏श्री गुरुदेव दत्त💐 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>✈️ Flight Hub</title> <style> body{ margin:0; font-family:Arial, sans-serif; background:#0b132b; color:#fff; } /* Header */ header{ background:linear-gradient(90deg,#1c2541,#3a86ff); padding:25px; text-align:center; } header h1{ margin:0; } /* Section */ section{ padding:40px 20px; } .section-title{ font-size:28px; margin-bottom:25px; text-align:center; } /* Grid */ .grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; } /* Card */ .card{ background:#1c2541; padding:20px; border-radius:15px; box-shadow:0 0 15px rgba(0,0,0,0.4); transition:0.3s; } .card:hover{ transform:translateY(-8px); box-shadow:0 0 25px #3a86ff; } .card h3{ margin-top:0; } /* Button */ a.btn{ display:inline-block; margin-top:10px; padding:10px 18px; background:#3a86ff; color:white; text-decoration:none; border-radius:8px; font-weight:bold; } a.btn:hover{ background:#00b4d8; } /* Footer */ footer{ background:#1c2541; padding:15px; text-align:center; font-size:14px; } </style> </head> <body> <header> <h1>✈️ Flight Hub</h1> <p>Discover Flights, Airlines & Air Travel Resources</p> </header> <!-- Top Flights --> <section> <h2 class="section-title">✈️ Top Flights</h2> <div class="grid"> <div class="card"> <h3>IndiGo 6E</h3> <p>Type: Low-Cost, Domestic & International</p> </div> <div class="card"> <h3>Vistara</h3> <p>Type: Premium, Full-Service</p> </div> <div class="card"> <h3>Emirates</h3> <p>Type: International, Luxury</p> </div> </div> </section> <!-- Airlines --> <section> <h2 class="section-title">🛫 Airline Companies</h2> <div class="grid"> <div class="card"> <h3>Air India</h3> <a class="btn" href="https://www.airindia.com" target="_blank">Visit</a> </div> <div class="card"> <h3>IndiGo</h3> <a class="btn" href="https://www.goindigo.in" target="_blank">Visit</a> </div> <div class="card"> <h3>Emirates</h3> <a class="btn" href="https://www.emirates.com" target="_blank">Visit</a> </div> </div> </section> <!-- Resources --> <section> <h2 class="section-title">🌐 Flight Resources</h2> <div class="grid"> <div class="card"> <h3>Skyscanner</h3> <a class="btn" href="https://www.skyscanner.co.in" target="_blank">Explore</a> </div> <div class="card"> <h3>MakeMyTrip Flights</h3> <a class="btn" href="https://www.makemytrip.com/flights" target="_blank">Explore</a> </div> <div class="card"> <h3>IRCTC Air</h3> <a class="btn" href="https://www.air.irctc.co.in" target="_blank">Explore</a> </div> </div> </section> <footer> © 2026 Flight Hub ✈️ | All Rights Reserved </footer> </body> </html>
2.9K ने देखा