#🙏श्री गुरुदेव दत्त💐 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>🚁 Helicopter Hub</title> <style> body { margin:0; font-family: Arial, sans-serif; background:#0f0f0f; color:#fff; } /* Header */ header { text-align:center; padding:25px; background:linear-gradient(90deg,#00c6ff,#0072ff); box-shadow:0 0 25px rgba(0,114,255,0.6); } h1 { margin:0; } /* Sections */ section { padding:40px 20px; } .section-title { text-align:center; margin-bottom:30px; font-size:2em; } /* Grid */ .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:25px; } /* Card */ .card { background:#1a1a1a; padding:15px; border-radius:15px; transition:0.4s; text-align:center; box-shadow:0 0 15px rgba(0,0,0,0.5); } .card:hover { transform:translateY(-10px); box-shadow:0 0 25px #0072ff; } .card img { width:100%; border-radius:12px; } /* Button */ .btn { display:inline-block; margin-top:10px; padding:10px 20px; background:#00c6ff; color:black; border-radius:8px; text-decoration:none; font-weight:bold; transition:0.3s; } .btn:hover { background:#fff; } </style> </head> <body> <header> <h1>🚁 Helicopter Hub</h1> </header> <!-- Top Helicopters Section --> <section> <h2 class="section-title">🔥 Top Helicopters</h2> <div class="grid"> <div class="card"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6c/AH-64D_Apache_Longbow.jpg"> <h3>AH-64 Apache</h3> <p>Type: Military Attack Helicopter</p> <a href="https://www.boeing.com/defense/ah-64-apache/" target="_blank" class="btn">View Details</a> </div> <div class="card"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/3b/Eurocopter_EC135.jpg"> <h3>Airbus H135</h3> <p>Type: Light Utility Helicopter</p> <a href="https://www.airbus.com/en/products-services/helicopters/civil-helicopters/h135" target="_blank" class="btn">View Details</a> </div> <div class="card"> <img src="https://upload.wikimedia.org/wikipedia/commons/0/0f/Sikorsky_UH-60_Black_Hawk.jpg"> <h3>UH-60 Black Hawk</h3> <p>Type: Military Utility Helicopter</p> <a href="https://www.lockheedmartin.com/en-us/products/sikorsky-black-hawk.html" target="_blank" class="btn">View Details</a> </div> </div> </section> <!-- Manufacturers Section --> <section> <h2 class="section-title">🏭 Helicopter Manufacturers</h2> <div class="grid"> <div class="card"> <h3>Boeing</h3> <a href="https://www.boeing.com" target="_blank" class="btn">Visit</a> </div> <div class="card"> <h3>Airbus Helicopters</h3> <a href="https://www.airbus.com" target="_blank" class="btn">Visit</a> </div> <div class="card"> <h3>Lockheed Martin</h3> <a href="https://www.lockheedmartin.com" target="_blank" class="btn">Visit</a> </div> </div> </section> <!-- Aviation Resources --> <section> <h2 class="section-title">🌐 Aviation Resources</h2> <div class="grid"> <div class="card"> <h3>FlightRadar24</h3> <a href="https://www.flightradar24.com" target="_blank" class="btn">Explore</a> </div> <div class="card"> <h3>GlobalAir</h3> <a href="https://www.globalair.com" target="_blank" class="btn">Explore</a> </div> </div> </section> </body> </html>
835 ने देखा