Update about.html
parent
0b0408e178
commit
1847a023b6
64
about.html
64
about.html
|
|
@ -4,9 +4,10 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About Tanki</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f0f0f0;
|
||||
|
|
@ -14,20 +15,21 @@
|
|||
}
|
||||
|
||||
nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: #333;
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin-left: 20px;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
max-height: 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
|
|
@ -35,10 +37,10 @@
|
|||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
nav ul li {
|
||||
display: inline;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -57,24 +59,24 @@
|
|||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
background-color: rgba(255, 255, 255, 0.8); /* Прозрачный белый фон */
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
background-image: url('https://image.slidesdocs.com/responsive-images/background/grass-cartoon-powerpoint-background_3d94a6801a__960_540.jpg');
|
||||
background: linear-gradient(rgba(70, 185, 70, 0.3), rgba(204, 204, 204, 0.7)), url('https://support.discord.com/hc/user_images/KxH_3KeTycUVZQp-ddSftQ.png');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
margin-top: 80px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #fff; /* Белый цвет текста */
|
||||
h1, p {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 18px;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 20px;
|
||||
font-weight: bold; /* Делаем текст жирным */
|
||||
color: #fff; /* Белый цвет текста */
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.back-button {
|
||||
|
|
@ -83,17 +85,35 @@
|
|||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
margin-top: 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.back-button:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
|
||||
.images-container {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 45%;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<div class="logo">
|
||||
<img src="logo.png" alt="Tanki Logo">
|
||||
<div class="logo" onclick="location.href='/'">
|
||||
<img src="https://cdn.discordapp.com/attachments/704651653873139803/1233880220004519986/Screenshot_2024-04-27_233856-removebg-preview.png?ex=662eb400&is=662d6280&hm=518bf12af052c5268492e81d64f8957eea1d6163b3c8fe28c3e8a69758169263&" alt="Tanki Logo">
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="/about">About</a></li>
|
||||
|
|
@ -101,12 +121,16 @@
|
|||
<li><a href="/link">Link</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<a href="/" class="back-button">Back</a>
|
||||
<div class="container">
|
||||
<h1>About Tanki</h1>
|
||||
<p><strong>This is where you can provide information about your game "Tanki" including its features, development team, and any other relevant details.</strong></p>
|
||||
|
||||
<!-- Additional content about the game -->
|
||||
<p>Welcome to the world of Tanki, an exhilarating single-player action game where you take command of a formidable tank on a mission to conquer enemy territory.</p>
|
||||
<p>Embark on an epic solo campaign filled with thrilling missions and challenges as you navigate through diverse landscapes, from desolate wastelands to bustling cities.</p>
|
||||
<p>Customize your tank with a wide range of weapons, armor, and upgrades to enhance your combat capabilities. Engage in adrenaline-pumping battles against enemy forces and bosses, utilizing strategic tactics and your tank's unique abilities to overcome obstacles and emerge victorious.</p>
|
||||
<p>With its captivating gameplay and stunning visuals, Tanki offers an immersive gaming experience that will keep you engaged for hours. Get ready to embark on an epic journey and become the ultimate tank commander in Tanki!</p>
|
||||
<div class="images-container">
|
||||
<img class="image" src="https://via.placeholder.com/600x1500" alt="Left Image">
|
||||
<img class="image" src="https://via.placeholder.com/600x1500" alt="Right Image">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue