#🙏श्री गुरुदेव दत्त💐 #good morning <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>🚄 Bullet Train Hub</title> <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet"> <style> *{ margin:0; padding:0; box-sizing:border-box; } body{ font-family:'Orbitron',sans-serif; background:#0f172a; color:white; } /* Header */ header{ background:linear-gradient(90deg,#00f5ff,#008cff); padding:40px; text-align:center; box-shadow:0 0 40px #00f5ff; } header h1{ font-size:2.5rem; } /* Hero Section */ .hero{ height:60vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('https://via.placeholder.com/1200x600') center/cover; } .hero h2{ font-size:2rem; margin-bottom:15px; } .hero p{ max-width:600px; margin-bottom:20px; } .btn{ padding:12px 25px; background:#00f5ff; color:black; border-radius:30px; text-decoration:none; font-weight:bold; transition:0.3s; } .btn:hover{ background:white; transform:scale(1.1); } /* Section */ section{ padding:60px 20px; } .section-title{ text-align:center; font-size:2rem; margin-bottom:40px; } /* Grid */ .grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px; } /* Card */ .card{ background:#1e293b; padding:20px; border-radius:20px; text-align:center; transition:0.4s; box-shadow:0 0 20px rgba(0,0,0,0.5); } .card:hover{ transform:translateY(-10px); box-shadow:0 0 30px #00f5ff; } .card img{ width:100%; border-radius:15px; margin-bottom:15px; } .speed{ font-size:1.5rem; color:#00f5ff; margin:10px 0; } /* Footer */ footer{ text-align:center; padding:20px; background:#0f172a; border-top:1px solid #00f5ff; } </style> </head> <body> <header> <h1>🚄 Bullet Train Hub</h1> <p>Experience The Future of High-Speed Rail</p> </header> <div class="hero"> <h2>India's Upcoming Bullet Train Project</h2> <p>Ultra modern, ultra fast, and ultra safe travel system connecting major cities at 320+ km/h speed.</p> <a href="#" class="btn">Book Ticket</a> </div> <section> <h2 class="section-title">⚡ Top Bullet Trains</h2> <div class="grid"> <div class="card"> <img src="https://via.placeholder.com/300x200"> <h3>Shinkansen</h3> <div class="speed">Speed: 320 km/h</div> <p>Japan’s world-famous high-speed rail system.</p> </div> <div class="card"> <img src="https://via.placeholder.com/300x200"> <h3>Mumbai–Ahmedabad Bullet Train</h3> <div class="speed">Speed: 320 km/h</div> <p>India’s first high-speed rail corridor project.</p> </div> <div class="card"> <img src="https://via.placeholder.com/300x200"> <h3>TGV France</h3> <div class="speed">Speed: 350 km/h</div> <p>Europe’s fastest operational train service.</p> </div> </div> </section> <section> <h2 class="section-title">🌍 Global High-Speed Rail Companies</h2> <div class="grid"> <div class="card"> <h3>Indian Railways</h3> <a href="https://indianrailways.gov.in" target="_blank" class="btn">Visit</a> </div> <div class="card"> <h3>JR Group (Japan Railways)</h3> <a href="#" class="btn">Visit</a> </div> <div class="card"> <h3>SNCF France</h3> <a href="#" class="btn">Visit</a> </div> </div> </section> <footer> © 2026 Bullet Train Hub | Designed by Bhavesh 🚄🔥 </footer> </body> </html>
943 ने देखा