<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rocky X</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}
body{
background:#090909;
color:#fff;
}
header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 8%;
position:fixed;
width:100%;
background:rgba(0,0,0,.8);
backdrop-filter:blur(8px);
}
.logo{
font-size:32px;
font-weight:bold;
color:#00BFFF;
text-shadow:0 0 15px #00BFFF;
}
nav a{
text-decoration:none;
color:#fff;
margin-left:25px;
transition:.3s;
}
nav a:hover{
color:#FFD700;
}
.hero{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:20px;
background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.85));
}
.hero h1{
font-size:70px;
color:#00BFFF;
text-shadow:0 0 20px #00BFFF;
}
.hero p{
margin:20px 0;
font-size:24px;
color:#ddd;
}
.btn{
padding:15px 40px;
background:#FFD700;
color:#000;
text-decoration:none;
font-weight:bold;
border-radius:50px;
transition:.3s;
}
.btn:hover{
background:#00BFFF;
color:#fff;
box-shadow:0 0 20px #00BFFF;
}
.section{
padding:80px 8%;
}
.title{
text-align:center;
font-size:40px;
margin-bottom:40px;
color:#FFD700;
}
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}
.card{
background:#141414;
padding:35px;
border-radius:20px;
border:1px solid #00BFFF;
transition:.3s;
}
.card:hover{
transform:translateY(-10px);
box-shadow:0 0 20px #00BFFF;
}
.card h2{
margin-bottom:15px;
color:#FFD700;
}
footer{
text-align:center;
padding:30px;
border-top:1px solid #222;
color:#aaa;
}
</style>
</head>
<body>
<header>
<div class="logo">Rocky X</div>
<nav>
<a href="#">Home</a>
<a href="#games">Games</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
</header>
<section class="hero">
<h1>Rocky X</h1>
<p>Play Without Limits.</p>
[Join Now](#)
</section>
<section class="section" id="games">
<h2 class="title">Featured Games</h2>
<div class="cards">
<div class="card">
<h2>🏏 Cricket</h2>
<p>Experience exciting cricket gameplay with a modern interface.</p>
</div>
<div class="card">
<h2>🎰 Casino</h2>
<p>Explore a stylish gaming section designed for entertainment.</p>
</div>
<div class="card">
<h2>✈️ Aviator</h2>
<p>Fast-paced, futuristic game section with a premium look.</p>
</div>
</div>
</section>
<footer>
© 2026 Rocky X • Play Without Limits.
</footer>
</body>
</html>
Welcome to the forum!
We see you have posted some code but did you have a question?
It is recommend to familiarize yourself with how to ask a question on this forum. Specifically, you are more likely to get useful help, if you provide a helpful title and description:
This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.