#🙏श्री गुरुदेव दत्त💐 #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>
00:09