From d233d6919d0a60a9f53342b938e054f953c46c5c Mon Sep 17 00:00:00 2001 From: Thuan Bui <9248622+10h30@users.noreply.github.com> Date: Sat, 8 Feb 2025 19:14:57 +0900 Subject: [PATCH] Add draft content for header and hero section --- index.html | 21 ++++++++++++++++----- style.css | 40 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 56 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index d03ad5e..a87971a 100644 --- a/index.html +++ b/index.html @@ -7,12 +7,23 @@ -
Header
-
-
Hero
-
Section 1
-
Section 2
+
+
+ +
+
    +
  • One
    • +
  • Two
    • +
  • Three
    • +
+
+
+
+
+
Hero
+
Section 1
+
Section 2
\ No newline at end of file diff --git a/style.css b/style.css index e69de29..469a4e9 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,40 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap'); +:root { + --dark-background: #1F2937; +} +body { + font-family: Roboto; +} +header { + background-color: var(--dark-background); + color: #F9FAF8; + padding: 10px 40px; +} +.content-wrap { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 80%; + margin: 0 auto; +} + +header .logo { + font-size: 24px; +} + +header .nav ul { + list-style: none; + display: flex; + gap: 20px +} + +.hero { + background-color: var(--dark-background); + color: #F9FAF8; +} + +footer { + background-color: var(--dark-background); + color: #F9FAF8; + padding: 10px 40px; +} \ No newline at end of file