Update game.html

main
Arsenijs Ļu 2024-04-28 14:14:22 +00:00
parent 937cfd8953
commit 9a91b4a436
1 changed files with 10 additions and 36 deletions

View File

@ -14,11 +14,6 @@
color: #fff; /* Белый цвет текста */
}
.wrapper {
margin-top: 80px; /* Отступ для контента под фиксированной шапкой */
overflow-y: auto; /* Включаем вертикальную прокрутку */
}
nav {
position: fixed; /* Фиксированная позиция */
top: 0; /* Расположение шапки вверху */
@ -78,20 +73,6 @@
margin-bottom: 20px;
}
.btn {
display: inline-block;
padding: 10px 20px;
background-color: #748623; /* Цвет кнопки */
color: #fff; /* Цвет текста на кнопке */
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
}
.btn:hover {
background-color: #748623; /* Изменение цвета кнопки при наведении */
}
.advertisement {
margin-top: 50px;
}
@ -102,20 +83,10 @@
box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Тень изображения */
}
.footer {
background-color: #748623; /* Серый цвет фона нижнего раздела */
padding: 20px;
margin-top: 50px; /* Отступ сверху */
}
.footer h2 {
color: #fff; /* Белый цвет текста */
margin: 0; /* Убираем внешние отступы */
}
/* Стили для области оценки */
#ratings {
padding-top: 50px; /* Добавляем отступ сверху, чтобы область оценки была выше */
padding-bottom: 50px; /* Добавляем отступ снизу */
text-align: center; /* Центрируем содержимое */
}
@ -123,6 +94,12 @@
width: 50px; /* Устанавливаем ширину поля ввода */
margin: 10px; /* Добавляем отступы между элементами */
}
/* Стили для QR-кода */
#qr-code {
width: 150px; /* Задаем ширину */
height: 150px; /* Задаем высоту */
}
</style>
</head>
<body>
@ -158,14 +135,11 @@
<h2>Difficulties</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.
To start playing Tanks 2D, <a href="your-pdf-file.pdf" target="_blank">click here</a> to view the PDF file showcasing the difficulties encountered during the game development process.
</p>
<a href="/download" class="download-link">Download Tanks 2D</a>
<p><img id="qr-code" src="https://cdn.discordapp.com/attachments/711235658319921268/1234144155463057408/QRCode.png?ex=662fa9cf&is=662e584f&hm=469e1f53dc4872746d91f8bb84db6d2da0b47d7dda6b37745341179a20df19ab&" alt="QR Code"><br>QR Code</p>
</div>
<!-- Область для оценки -->
<div id="ratings" class="container" style="margin-top: 1000px;"> <!-- Установите высоту в px в зависимости от контента выше -->
<h2>Rate Our Website and Game</h2>
@ -193,4 +167,4 @@
}
</script>
</body>
</html>
</html>