<!DOCTYPE html>
<html>
<head>
<title>Online Games Landing Page</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f1f1f1;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
text-align: center;
color: #333;
}
p {
text-align: center;
color: #666;
font-size: 18px;
}
.game {
text-align: center;
margin-top: 50px;
}
.game img {
max-width: 300px;
height: auto;
margin-bottom: 20px;
}
.game p {
margin-bottom: 10px;
}
.cta {
text-align: center;
margin-top: 50px;
}
.cta a {
background-color: #333;
color: #fff;
padding: 10px 20px;
text-decoration: none;
border-radius: 4px;
}
</style>
</head>
<body>
<div class="container">
<h1>Welcome to Online Games!</h1>
<p>Choose from our selection of exciting games and start playing now!</p>
<div class="game">
<img src="game1.jpg" alt="Game 1">
<p>Game 1 Description</p>
</div>
<div class="game">
<img src="game2.jpg" alt="Game 2">
<p>Game 2 Description</p>
</div>
<div class="game">
<img src="game3.jpg" alt="Game 3">
<p>Game 3 Description</p>
</div>
<div class="cta">
<a href="https://example.com">Play Now</a>
</div>
</div>
</body>
</html>