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