182 lines
7.2 KiB
HTML
182 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>About Tanki 2D</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
|
|
<link rel="icon" href="https://cdn.discordapp.com/attachments/856238529502511144/1234217742689767424/free-icon-tank-942355.png?ex=662fee58&is=662e9cd8&hm=82b93f0803c76e54589ff9766815979b37ed52b2ac7ac88a05cd081040a33492&">
|
|
<style>
|
|
body {
|
|
font-family: 'Montserrat', sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #000; /* Черный цвет фона */
|
|
color: #fff; /* Белый цвет текста */
|
|
}
|
|
|
|
.wrapper {
|
|
margin-top: 80px; /* Отступ для контента под фиксированной шапкой */
|
|
overflow-y: auto; /* Включаем вертикальную прокрутку */
|
|
}
|
|
|
|
nav {
|
|
position: fixed; /* Фиксированная позиция */
|
|
top: 0; /* Расположение шапки вверху */
|
|
left: 0; /* Расположение шапки слева */
|
|
width: 100%; /* Занимает всю ширину экрана */
|
|
background-color: #333;
|
|
padding: 10px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
z-index: 999; /* Чтобы шапка была выше других элементов */
|
|
}
|
|
|
|
.logo img {
|
|
width: 100px; /* Устанавливаем ширину логотипа */
|
|
}
|
|
|
|
nav ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
nav ul li {
|
|
display: inline;
|
|
}
|
|
|
|
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: 0 auto;
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
box-shadow: 0 0 10px #748623;
|
|
background-size: cover;
|
|
background-position: center;
|
|
margin-top: 80px;
|
|
position: relative;
|
|
background-color: #222; /* Серый фон */
|
|
}
|
|
|
|
h1 {
|
|
color: #748623;
|
|
text-align: center; /* Add this line */
|
|
}
|
|
|
|
|
|
p {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
line-height: 1.6;
|
|
margin-bottom: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.back-button {
|
|
background-color: #007bff;
|
|
color: #fff;
|
|
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 #748623;
|
|
}
|
|
|
|
/* Стили для области оценки */
|
|
#ratings {
|
|
padding-top: 50px; /* Добавляем отступ сверху, чтобы область оценки была выше */
|
|
text-align: center; /* Центрируем содержимое */
|
|
}
|
|
|
|
#ratings input {
|
|
width: 50px; /* Устанавливаем ширину поля ввода */
|
|
margin: 10px; /* Добавляем отступы между элементами */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<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>
|
|
<li><a href="/game">Game</a></li>
|
|
<li><a href="/support">Support</a></li>
|
|
<li><a href="/updates">Updates</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="container">
|
|
<h1>About Tanki 2D</h1>
|
|
</div>
|
|
<div class="container">
|
|
<p>Welcome to the world of Tanks 2D, an exciting single-player game in which you take command of a formidable tank and set out to conquer enemy territory.</p>
|
|
<p>Embark on an epic single-player campaign filled with exciting missions and challenges.</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, using strategic tactics and your tank's unique abilities to overcome obstacles and emerge victorious.</p>
|
|
<p>With addictive gameplay and stunning graphics, Tanki 2D offers an immersive gaming experience that will keep you hooked for hours. Get ready to go on an epic journey and become the best commander in Tanki 2D!</p>
|
|
<div class="images-container">
|
|
<img class="image" src="https://cdn.discordapp.com/attachments/856238529502511144/1234087135787618377/image.png?ex=662f74b5&is=662e2335&hm=ce9367095cc02d2236475fe2c7b6f8f958fe3e8b6547d727fce3e76126cfeb8a&" alt="Left Image">
|
|
<img class="image" src="https://cdn.discordapp.com/attachments/856238529502511144/1234087242314813500/image.png?ex=662f74ce&is=662e234e&hm=5a7c75a04a0959a718b2a401bf74026a3f204e25639106d886d0dcb4759bfebf&" alt="Right Image">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Область для оценки -->
|
|
<div id="ratings" class="container" style="margin-top: 1000px;"> <!-- Установите высоту в px в зависимости от контента выше -->
|
|
<h2>Rate Our Website and Game</h2>
|
|
<p>Please rate our website and game from 1 to 5 stars:</p>
|
|
<div>
|
|
<label for="websiteRating">Website:</label>
|
|
<input type="number" id="websiteRating" name="websiteRating" min="1" max="5">
|
|
</div>
|
|
<div>
|
|
<label for="gameRating">Game:</label>
|
|
<input type="number" id="gameRating" name="gameRating" min="1" max="5">
|
|
</div>
|
|
<button onclick="submitRatings()">Submit Ratings</button>
|
|
</div>
|
|
|
|
<script>
|
|
// Функция для отправки оценок
|
|
function submitRatings() {
|
|
var websiteRating = document.getElementById("websiteRating").value;
|
|
var gameRating = document.getElementById("gameRating").value;
|
|
|
|
alert("Thank you for your ratings! \nFrom: Arsenij, Artem and Roman. :) \nWebsite: " + websiteRating + " stars\nGame: " + gameRating + " stars");
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |