Pygame_Project/game.html

143 lines
3.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game - Tanks 2D</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
color: #333;
}
nav {
background-color: #333;
padding: 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.logo {
margin-left: 20px;
}
.logo img {
max-height: 50px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
nav ul li {
display: inline;
margin-left: 20px;
}
nav ul li a {
color: #fff;
text-decoration: none;
padding: 10px 20px;
transition: background-color 0.3s;
}
nav ul li a:hover {
background-color: #555;
}
.container {
max-width: 800px;
margin: 50px auto;
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
h1 {
font-size: 48px;
font-weight: bold;
margin-bottom: 20px;
}
img {
max-width: 100%;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-top: 20px;
}
p {
font-size: 18px;
line-height: 1.6;
text-align: left;
margin-bottom: 20px;
}
.download-link {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
}
.download-link:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<nav>
<div class="logo">
<img src="logo.png" alt="Tanki Logo">
</div>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/game">Game</a></li>
<li><a href="/link">Link</a></li>
</ul>
</nav>
<div class="container">
<h1>Tanks 2D</h1>
<img src="https://img.poki.com/cdn-cgi/image/quality=78,width=314,height=314,fit=cover,f=auto/2fc66b5540735bef2565f422131519d8.png" alt="Tanks 2D Screenshot">
<p>
Tanks 2D is an action-packed game where you control a tank and battle against other tanks in various environments.
The game features multiple levels, unique weapons, and challenging obstacles.
As you progress, you unlock new tanks and upgrades to enhance your gameplay experience.
</p>
<h2>Key Features</h2>
<p>
- Fast-paced 2D tank battles<br>
- Unique weapons and upgrades<br>
- Various maps and environments<br>
- Multiplayer modes and special events<br>
</p>
<h2>How to Play</h2>
<p>
To start playing Tanks 2D, download the game using the link below and follow the instructions to install it.
You can play single-player or join multiplayer battles to test your skills against other players.
</p>
<a href="/download" class="download-link">Download Tanks 2D</a>
</div>
</body>
</html>