#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>