Загрузить файлы в «/»

2025-03-01 10:36:29 +04:00 · 2025-03-01 10:36:29 +04:00 · 7171131698
commit 7171131698
parent 8c9b3f857d
5 changed files with 142 additions and 0 deletions
--- a/nekrofilia.jpg
+++ b/nekrofilia.jpg
--- a/pankrock.jpg
+++ b/pankrock.jpg
--- a/psy.png
+++ b/psy.png
--- a/punkrock.html
+++ b/punkrock.html
@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ru">
+<link rel="stylesheet" href="styles.css">
+<head>
+    <title>Панк-рок</title>
+</head>
+<body>
+    
+<h3>Тут будет перечень исполнителей, принадлежащих жанру</h3>
+<p>Инфа будет +- такая</p>
+<ul class="autors">
+    <li><a href="grob.html">Гражданская Оборона</a></li>
+    <li><a href="">Король и Шут</a></li>
+    <li><a href="">Наив</a></li>
+    
+</ul>
+
+</body>
+<br><a href="index.html"> Вернуться назад</a>
+
+</html>
--- a/styles.css
+++ b/styles.css
@ -0,0 +1,121 @@
+body{
+    background-color: #474444;
+    color: white;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    font-size: medium;
+}
+a{
+    color: aliceblue;
+    text-decoration: none;
+    font-size: 15pt;
+}
+a:hover{
+    color:lightblue;
+}
+img{
+    display: block;
+    margin: 0 auto;
+}
+.description{
+    font-size: 20pt;
+}
+.reviews{
+    background-color: rgb(96, 89, 89);
+    margin: 15pt;
+    font-size: 20pt;
+}
+
+.catalog{
+    margin: 10pt;
+}
+.text{
+    text-align: center;
+}
+.text li{
+    list-style: none; 
+}
+.descriptionForSong{
+    font-size: 20pt;
+    background-color: beige;
+    color: black;
+}
+.punk-list {
+    list-style: none; 
+    padding: 0;
+    margin: 0;
+    display: flex; 
+    gap: 20px; 
+}
+
+.punk-list li {
+    display: inline-block; 
+}
+
+.item {
+    display: flex;
+    flex-direction: column;
+    align-items: center; 
+    text-align: center; 
+}
+
+.item img {
+    margin-bottom: 10px;
+}
+
+.list {
+    font-size: 17pt;
+    color: black;
+}
+.autors {
+    list-style: none;
+}
+.main{
+    text-align: center;
+    
+}
+.main li{
+    list-style: none;
+    margin: 15pt;
+    border-width: 5pt;
+    padding-bottom: 1pt;
+    border-color: aliceblue;
+    border: 1pt solid white;
+}
+
+
+footer{
+    text-align: center;
+    background-color: grey;
+}
+.header {
+    display: flex;
+    justify-content: space-between; /* Логотип и навигация по краям */
+    align-items: center;           /* Выравнивание по вертикали */
+    background-color: #333;        /* Цвет фона */
+    padding: 10px 20px;            /* Отступы внутри шапки */
+    color: white;                  /* Цвет текста */
+}
+
+
+.logo img {
+    height: 50px; 
+}
+
+
+.nav ul {
+    list-style: none; 
+    margin: 0;
+    padding: 0;
+    display: flex;
+    gap: 20px; 
+}
+
+.nav a {
+    color: white; 
+    text-decoration: none;
+    font-size: 18px;
+}
+
+.nav a:hover {
+    text-decoration: underline;
+}