From d1bca0d0a3743bf5b9b0c85998cb257f66997872 Mon Sep 17 00:00:00 2001 From: MorozovDanil Date: Sat, 1 Mar 2025 03:53:25 +0400 Subject: [PATCH] =?UTF-8?q?=D0=B2=D1=8B=D0=BF=D0=B0=D0=B4=D0=B0=D1=8E?= =?UTF-8?q?=D1=89=D0=B8=D0=B9=20=D1=81=D0=BF=D0=B8=D1=81=D0=BE=D0=BA,=20?= =?UTF-8?q?=D0=BF=D0=BE=D0=B4=D0=B2=D0=B0=D0=BB,=20=D0=BA=D0=BE=D1=80?= =?UTF-8?q?=D1=80=D0=B5=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=BA=D0=B0=20?= =?UTF-8?q?=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 79 +++++++++++++++++++++++++++++++++++++++++++++------ index.html | 25 ++++++++++++---- 2 files changed, 91 insertions(+), 13 deletions(-) diff --git a/css/style.css b/css/style.css index 2e075c3..7869bd4 100644 --- a/css/style.css +++ b/css/style.css @@ -16,8 +16,8 @@ a { div { background-color: #312b46; - width: 1300px; - margin: 0 auto 10px; + width: 1075px; + margin: 0 auto 20px; } .author { @@ -29,19 +29,18 @@ div { margin-top: 70px; } -.menu { - margin-bottom: 50px; -} - .icons { display: flex; flex-wrap: wrap; } .icon { - width: 150px; - margin: 0 30px; + margin-left: 25px; +} + +.icon:nth-of-type(n+6){ + margin-right: 25px; } .card { @@ -57,4 +56,68 @@ h3 { display: block; } +footer { + background-color: #312b46; + margin-top: 50px; + padding: 10px; + height: 150px; + color: rgb(163, 154, 87); +} + +.menu { + display: flex; + align-items: center; + margin-bottom: 50px; + background-color: #312b46; + padding: 10px; +} + +.logo img { + height: 50px; +} + +.nav { + list-style: none; + display: flex; + margin-left: 20px; +} + +.nav li { + position: relative; + padding: 10px; +} + +.nav a, .dropdown span { + color: bisque; + cursor: pointer; +} + +.features-menu { + display: none; + position: absolute; + top: 100%; + left: 0; + background: #413a58; + list-style: none; + padding: 5px 0; + min-width: 150px; +} + +.features-menu li { + padding: 5px 10px; +} + +.features-menu li a { + display: block; + color: bisque; + padding: 5px; +} + +.features-menu li a:hover { + background: #574f73; +} + +.dropdown:hover .features-menu { + display: block; +} diff --git a/index.html b/index.html index 5c33fb3..52423fa 100644 --- a/index.html +++ b/index.html @@ -2,19 +2,29 @@ - Заголовок страницы + Манга онлайн +
- + -

надо будет прикрепить, чтобы не двигался при прокрутке

-

Тут возможно будет каталог

- вход +
@@ -107,6 +117,11 @@
+ + \ No newline at end of file