#good morning <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>📺 Cartoon Network Movies</title>
<link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
scroll-behavior:smooth;
font-family: 'Bangers', cursive;
}
body{
background:#000;
color:white;
}
/* Navbar */
nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 50px;
background:#111;
position:sticky;
top:0;
z-index:1000;
box-shadow:0 0 15px yellow;
}
nav h2{
color:yellow;
letter-spacing:2px;
}
nav ul{
list-style:none;
display:flex;
gap:25px;
}
nav ul li a{
text-decoration:none;
color:white;
transition:0.3s;
}
nav ul li a:hover{
color:yellow;
}
/* Hero Section */
.hero{
height:80vh;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
text-align:center;
background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url("https://images.unsplash.com/photo-1608889175652-4c94c36c7c70");
background-size:cover;
background-position:center;
}
.hero h1{
font-size:3.5em;
margin-bottom:20px;
color:yellow;
}
.hero p{
font-size:1.3em;
margin-bottom:20px;
}
.btn{
padding:12px 25px;
background:yellow;
color:black;
text-decoration:none;
border-radius:8px;
transition:0.3s;
font-weight:bold;
}
.btn:hover{
background:white;
}
/* Section */
section{
padding:60px 50px;
}
.section-title{
text-align:center;
font-size:2.5em;
margin-bottom:40px;
color:yellow;
}
/* Grid */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}
/* Card */
.card{
background:#1a1a1a;
padding:20px;
border-radius:15px;
text-align:center;
transition:0.4s;
box-shadow:0 0 20px rgba(0,0,0,0.5);
}
.card:hover{
transform:translateY(-12px);
box-shadow:0 0 30px yellow;
}
.card img{
width:100%;
border-radius:12px;
margin-bottom:15px;
}
/* Footer */
footer{
background:#111;
text-align:center;
padding:20px;
margin-top:40px;
color:#aaa;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav>
<h2>CartoonNetwork Movies</h2>
<ul>
<li><a href="#movies">Movies</a></li>
<li><a href="#studios">Studios</a></li>
<li><a href="#watch">Watch Online</a></li>
</ul>
</nav>
<!-- Hero -->
<div class="hero">
<h1>Welcome to Cartoon Movie World 🎬</h1>
<p>Enjoy Your Favorite Cartoon Network Movies Anytime!</p>
<a href="#movies" class="btn">Explore Now</a>
</div>
<!-- Movies -->
<section id="movies">
<h2 class="section-title">🔥 Popular Movies</h2>
<div class="grid">
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>The Powerpuff Girls Movie</h3>
<p>Genre: Superhero / Comedy</p>
<a href="#" class="btn">Watch</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>Ben 10: Secret of the Omnitrix</h3>
<p>Genre: Action / Sci-Fi</p>
<a href="#" class="btn">Watch</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>Teen Titans Go! To the Movies</h3>
<p>Genre: Comedy / Action</p>
<a href="#" class="btn">Watch</a>
</div>
</div>
</section>
<!-- Studios -->
<section id="studios">
<h2 class="section-title">🏭 Cartoon Studios</h2>
<div class="grid">
<div class="card">
<h3>Cartoon Network Studios</h3>
<a href="https://www.cartoonnetworkstudios.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>Warner Bros. Animation</h3>
<a href="https://www.warnerbros.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>DC Animation</h3>
<a href="#" class="btn">Visit</a>
</div>
</div>
</section>
<!-- Watch Online -->
<section id="watch">
<h2 class="section-title">🌐 Watch Online</h2>
<div class="grid">
<div class="card">
<h3>Netflix</h3>
<a href="https://www.netflix.com" target="_blank" class="btn">Explore</a>
</div>
<div class="card">
<h3>Amazon Prime Video</h3>
<a href="https://www.primevideo.com" target="_blank" class="btn">Explore</a>
</div>
<div class="card">
<h3>HBO Max</h3>
<a href="#" class="btn">Explore</a>
</div>
</div>
</section>
<footer>
© 2026 Cartoon Network Movies | Designed by Maharajya 👑
</footer>
</body>
</html>
#🙏श्री गुरुदेव दत्त💐 #good morning niche Ek Disneyland ki website Di gai hai<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🌟 Disney Channel Hub</title>
<style>
body{
margin:0;
font-family:Arial, sans-serif;
background:#0c1445;
color:#fff;
}
/* Header */
header{
text-align:center;
padding:25px;
background:linear-gradient(90deg,#1e3c72,#2a5298);
box-shadow:0 0 25px rgba(42,82,152,0.7);
}
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:#1a1f6b;
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 #00c3ff;
}
.card img{
width:100%;
border-radius:12px;
}
/* Button */
.btn{
display:inline-block;
margin-top:10px;
padding:10px 20px;
background:#00c3ff;
color:white;
border-radius:8px;
text-decoration:none;
font-weight:bold;
transition:0.3s;
}
.btn:hover{
background:white;
color:black;
}
</style>
</head>
<body>
<header>
<h1>🌟 Disney Channel Hub</h1>
</header>
<!-- Popular Shows -->
<section>
<h2 class="section-title">📺 Popular Disney Shows</h2>
<div class="grid">
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>Hannah Montana</h3>
<p>Starring: Miley Cyrus</p>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch Now</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>The Suite Life</h3>
<p>Comedy Series</p>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch Now</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>Wizards of Waverly Place</h3>
<p>Fantasy Series</p>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch Now</a>
</div>
</div>
</section>
<!-- Disney Movies -->
<section>
<h2 class="section-title">🎥 Disney Movies</h2>
<div class="grid">
<div class="card">
<h3>Frozen</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch</a>
</div>
<div class="card">
<h3>The Lion King</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch</a>
</div>
<div class="card">
<h3>Aladdin</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch</a>
</div>
</div>
</section>
<!-- Disney Platforms -->
<section>
<h2 class="section-title">🌐 Disney Platforms</h2>
<div class="grid">
<div class="card">
<h3>Disney+</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>Disney Channel</h3>
<a href="https://disneychannel.disney.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>Marvel Studios</h3>
<a href="https://www.marvel.com" target="_blank" class="btn">Visit</a>
</div>
</div>
</section>
</body>
</html>
#good morning niche Disneyland ki website Di gai hai<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🌟 Disney Channel Hub</title>
<style>
body{
margin:0;
font-family:Arial, sans-serif;
background:#0c1445;
color:#fff;
}
/* Header */
header{
text-align:center;
padding:25px;
background:linear-gradient(90deg,#1e3c72,#2a5298);
box-shadow:0 0 25px rgba(42,82,152,0.7);
}
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:#1a1f6b;
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 #00c3ff;
}
.card img{
width:100%;
border-radius:12px;
}
/* Button */
.btn{
display:inline-block;
margin-top:10px;
padding:10px 20px;
background:#00c3ff;
color:white;
border-radius:8px;
text-decoration:none;
font-weight:bold;
transition:0.3s;
}
.btn:hover{
background:white;
color:black;
}
</style>
</head>
<body>
<header>
<h1>🌟 Disney Channel Hub</h1>
</header>
<!-- Popular Shows -->
<section>
<h2 class="section-title">📺 Popular Disney Shows</h2>
<div class="grid">
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>Hannah Montana</h3>
<p>Starring: Miley Cyrus</p>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch Now</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>The Suite Life</h3>
<p>Comedy Series</p>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch Now</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>Wizards of Waverly Place</h3>
<p>Fantasy Series</p>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch Now</a>
</div>
</div>
</section>
<!-- Disney Movies -->
<section>
<h2 class="section-title">🎥 Disney Movies</h2>
<div class="grid">
<div class="card">
<h3>Frozen</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch</a>
</div>
<div class="card">
<h3>The Lion King</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch</a>
</div>
<div class="card">
<h3>Aladdin</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Watch</a>
</div>
</div>
</section>
<!-- Disney Platforms -->
<section>
<h2 class="section-title">🌐 Disney Platforms</h2>
<div class="grid">
<div class="card">
<h3>Disney+</h3>
<a href="https://www.disneyplus.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>Disney Channel</h3>
<a href="https://disneychannel.disney.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>Marvel Studios</h3>
<a href="https://www.marvel.com" target="_blank" class="btn">Visit</a>
</div>
</div>
</section>
</body>
</html>
#🙏श्री गुरुदेव दत्त💐 Khalil gaming website Delhi aahe<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🎮 Gaming 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,#ff416c,#ff4b2b);
box-shadow:0 0 25px rgba(255,75,43,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 #ff416c;
}
.card img{
width:100%;
border-radius:12px;
}
/* Button */
.btn{
display:inline-block;
margin-top:10px;
padding:10px 20px;
background:#ff416c;
color:white;
border-radius:8px;
text-decoration:none;
font-weight:bold;
transition:0.3s;
}
.btn:hover{
background:white;
color:black;
}
</style>
</head>
<body>
<header>
<h1>🎮 Gaming Hub</h1>
</header>
<!-- Top Games -->
<section>
<h2 class="section-title">🔥 Top Games</h2>
<div class="grid">
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>GTA V</h3>
<p>Platform: PC / Console</p>
<a href="https://www.rockstargames.com/gta-v" target="_blank" class="btn">View Details</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>Call of Duty: Warzone</h3>
<p>Platform: PC / Console</p>
<a href="https://www.callofduty.com/warzone" target="_blank" class="btn">View Details</a>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200">
<h3>BGMI</h3>
<p>Platform: Android</p>
<a href="https://www.battlegroundsmobileindia.com" target="_blank" class="btn">View Details</a>
</div>
</div>
</section>
<!-- Game Companies -->
<section>
<h2 class="section-title">🏭 Game Companies</h2>
<div class="grid">
<div class="card">
<h3>Rockstar Games</h3>
<a href="https://www.rockstargames.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>Activision</h3>
<a href="https://www.activision.com" target="_blank" class="btn">Visit</a>
</div>
<div class="card">
<h3>Krafton</h3>
<a href="https://www.krafton.com" target="_blank" class="btn">Visit</a>
</div>
</div>
</section>
<!-- Gaming Resources -->
<section>
<h2 class="section-title">🌐 Gaming Resources</h2>
<div class="grid">
<div class="card">
<h3>Steam</h3>
<a href="https://store.steampowered.com" target="_blank" class="btn">Explore</a>
</div>
<div class="card">
<h3>Epic Games</h3>
<a href="https://www.epicgames.com" target="_blank" class="btn">Explore</a>
</div>
<div class="card">
<h3>Twitch</h3>
<a href="https://www.twitch.tv" target="_blank" class="btn">Explore</a>
</div>
</div>
</section>
</body>
</html>
#🙏श्री गुरुदेव दत्त💐 <!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>
#🙏श्री गुरुदेव दत्त💐 #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>
#good morning <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloud Gaming Hub</title>
<style>
body{
margin:0;
font-family:Arial, sans-serif;
background:#0f0f1a;
color:#fff;
}
/* Header */
header{
background:linear-gradient(90deg,#7c3aed,#22d3ee);
padding:25px;
text-align:center;
}
header h1{
margin:0;
font-size:2.2em;
}
/* Section */
section{
padding:50px 20px;
}
.section-title{
font-size:1.8em;
margin-bottom:30px;
color:#22d3ee;
text-align:center;
}
/* Grid */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}
/* Card */
.card{
background:#1a1a2e;
padding:20px;
border-radius:15px;
box-shadow:0 0 15px rgba(124,58,237,0.4);
transition:0.4s;
}
.card:hover{
transform:translateY(-10px);
box-shadow:0 0 25px #22d3ee;
}
.card h3{
margin-top:0;
color:#c084fc;
}
/* Button */
.btn{
display:inline-block;
margin-top:10px;
padding:10px 20px;
background:#7c3aed;
color:white;
text-decoration:none;
border-radius:8px;
font-weight:bold;
}
.btn:hover{
background:#22d3ee;
}
/* Footer */
footer{
background:#111827;
text-align:center;
padding:20px;
color:#9ca3af;
}
</style>
</head>
<body>
<header>
🎮 Cloud Gaming Hub
<p>Play Anywhere • No Downloads • Instant Access</p>
</header>
<!-- Top Games -->
<section>
<h2 class="section-title">🔥 Popular Cloud Games</h2>
<div class="grid">
<div class="card">
<h3>Cyberpunk 2077</h3>
<p>Genre: RPG • High Graphics</p>
</div>
<div class="card">
<h3>Fortnite</h3>
<p>Genre: Battle Royale • Multiplayer</p>
</div>
<div class="card">
<h3>FIFA 24</h3>
<p>Genre: Sports • Competitive</p>
</div>
</div>
</section>
<!-- Cloud Platforms -->
<section>
<h2 class="section-title">☁️ Cloud Gaming Platforms</h2>
<div class="grid">
<div class="card">
<h3>NVIDIA GeForce NOW</h3>
<a class="btn" href="https://www.nvidia.com/geforce-now" target="_blank">Visit</a>
</div>
<div class="card">
<h3>Microsoft Xbox Cloud Gaming</h3>
<a class="btn" href="https://www.xbox.com/play" target="_blank">Visit</a>
</div>
<div class="card">
<h3>Sony PlayStation Cloud</h3>
<a class="btn" href="https://www.playstation.com" target="_blank">Visit</a>
</div>
</div>
</section>
<!-- Gaming Resources -->
<section>
<h2 class="section-title">🌐 Gaming Resources</h2>
<div class="grid">
<div class="card">
<h3>Steam</h3>
<a class="btn" href="https://store.steampowered.com" target="_blank">Explore</a>
</div>
<div class="card">
<h3>Epic Games Store</h3>
<a class="btn" href="https://www.epicgames.com" target="_blank">Explore</a>
</div>
<div class="card">
<h3>Ubisoft Connect</h3>
<a class="btn" href="https://www.ubisoft.com" target="_blank">Explore</a>
</div>
</div>
</section>
<footer>
© 2026 Cloud Gaming Hub | All Rights Reserved
</footer>
</body>
</html>
#🙏श्री गुरुदेव दत्त💐 <!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>
