From 2ba26119fa53c4e626ecf0fb32e06837db61cb92 Mon Sep 17 00:00:00 2001 From: Bohdan Date: Wed, 27 Nov 2024 00:35:27 +0200 Subject: [PATCH 1/3] add header --- src/index.html | 19 +++++++++++++++- src/style.css | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 77 insertions(+), 1 deletion(-) diff --git a/src/index.html b/src/index.html index b39fe97123..6af661aac8 100644 --- a/src/index.html +++ b/src/index.html @@ -15,8 +15,25 @@ rel="stylesheet" href="./style.css" /> + + + -

Moyo header

+
+ logo + +
diff --git a/src/style.css b/src/style.css index 293d3b1f13..c028f08392 100644 --- a/src/style.css +++ b/src/style.css @@ -1,3 +1,62 @@ body { margin: 0; + font-family: "Roboto", sans-serif; + font-weight: 400; + font-style: normal; +} + +.header { + display: flex; + width: 1200px; + background-color: fff; + justify-content: space-between; + +.img { + display: block; + margin-left: 50px; + margin-top: 10px; + margin-bottom: 10px; +} +.nav { + margin-right: 50px; + display: flex; + align-items: center; + justify-content: center; +} +a { + text-decoration: none; + color: black; +} + +ul { + display: flex; + font-size: 12px; + list-style: none; + text-transform: uppercase; + +} +li:not(:last-child) { + margin-right: 20px; +} +} +.blue { + color: #00ACDC; +} + +a:hover { + color: #00ACDC; +} +.is-active { + color: #00ACDC; + position: relative; +} +.is-active::after { + content: ""; + position: absolute; + left: 0; + bottom: -22.5px; + width: 100%; + height: 4px; + border-radius: 8px; + background-color: b#00ACDC; } From 631b25dc144c11146c7e3af7b15d3c694d9cdad0 Mon Sep 17 00:00:00 2001 From: Bohdan Date: Wed, 27 Nov 2024 23:37:02 +0200 Subject: [PATCH 2/3] add task solution --- src/index.html | 42 ++++++++++++++++++++++++++----- src/style.css | 67 ++++++++++++++++++++++++++------------------------ 2 files changed, 71 insertions(+), 38 deletions(-) diff --git a/src/index.html b/src/index.html index 6af661aac8..05d03c4637 100644 --- a/src/index.html +++ b/src/index.html @@ -15,19 +15,49 @@ rel="stylesheet" href="./style.css" /> - - - + + +
- logo + + logo +