ivaisfelds
/
Pygame_Project
0
3
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update index.html

main
Arsenijs Ļu 2024-04-27 20:08:57 +00:00
parent 27fa656918
commit 0b0408e178
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -4,27 +4,28 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to Tanki!</title> <title>Welcome to Tanki!</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<style> <style>
body { body {
font-family: Arial, sans-serif; font-family: 'Montserrat', sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f0f0f0; background-color: #000; /* Черный цвет фона */
color: #333; color: #fff; /* Белый цвет текста */
} }
.container { .container {
max-width: 800px; max-width: 800px;
margin: 50px auto; margin: 50px auto;
padding: 20px; padding: 20px;
background-color: #fff; background-color: #222; /* Цвет фона контейнера */
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Тень контейнера */
text-align: center; text-align: center;
} }
h1 { h1 {
color: #007bff; color: #007bff; /* Цвет заголовка */
} }
p { p {
@ -36,15 +37,15 @@
.btn { .btn {
display: inline-block; display: inline-block;
padding: 10px 20px; padding: 10px 20px;
background-color: #007bff; background-color: #007bff; /* Цвет кнопки */
color: #fff; color: #fff; /* Цвет текста на кнопке */
text-decoration: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
transition: background-color 0.3s; transition: background-color 0.3s;
} }
.btn:hover { .btn:hover {
background-color: #0056b3; background-color: #0056b3; /* Изменение цвета кнопки при наведении */
} }
.advertisement { .advertisement {
@ -54,7 +55,7 @@
.advertisement img { .advertisement img {
max-width: 100%; max-width: 100%;
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Тень изображения */
} }
nav { nav {