From 960f4ac6a9665acf8436fd2da2a38f5b03da8a8d Mon Sep 17 00:00:00 2001 From: Sandra Date: Wed, 30 Jul 2025 17:00:29 +0200 Subject: [PATCH 01/16] complete section 1 --- index.html | 47 +++++++++++++++++++++++++ styles/styles.css | 88 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 135 insertions(+) create mode 100644 index.html create mode 100644 styles/styles.css diff --git a/index.html b/index.html new file mode 100644 index 00000000..8e4b98a3 --- /dev/null +++ b/index.html @@ -0,0 +1,47 @@ + + + + + + Document + + + + +
+ +
+ + +
+ +
+
+

Beautiful Free Nova
template

+

+ A top notch premium quality
+ template for your ext web
+ project. +

+ +
+
+ image/screen +
+
+ +
+ + +
+
+
+
+
+ + + \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 00000000..6d428909 --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,88 @@ +body { + font-family: 'Poppins', sans-serif; +} + +.container { + width: 100%; +} + +.section-1 { + background: linear-gradient(135deg, #6f00ff, hsl(302, 78%, 63%)); + min-height: 100px; + justify-items: center; + color: white; +} + +.header { + max-width: 1150px; + display: flex; + justify-content: space-between; + margin-bottom: 3rem; + background-color: transparent; + gap: 35rem; +} + +.logo { + width: 6rem; + height: 4rem; +} + +.menu { + display: flex; + gap: 1rem; + font-size: 1rem; + font-family: "Poppins"; + padding: 1rem; +} + +.container1-section2 { + max-width: 1150px; + display: flex; + justify-content: space-between; + min-height: 50vh; + gap: 15rem; +} + +.screen { + width: 20rem; + height: 14rem; + border: white solid 15px; + border-radius: 10px; + transform: rotate(-10deg); +} + +.section-left { + display: flex; + flex-direction: column; +} + +.section-right { + display: flex; + justify-content: flex-start; +} + +.text { + font-weight: 100; +} + +h1 { + font-size: xx-large; + font-weight: 600; +} + + + +.button--section-1 { + height: 3rem; + width: 12rem; + background-color: #25f18b; + border-radius: 10px; + color: white; + font-size: small; + padding: 1rem; + border: none; + cursor: pointer; +} +.button--section-1:hover { + background-color: #14e07c; +} \ No newline at end of file From dc61e53bb67a7236f362c4293f065b4fe842f4bb Mon Sep 17 00:00:00 2001 From: Sandra Date: Wed, 30 Jul 2025 17:19:35 +0200 Subject: [PATCH 02/16] add content wrapper to align the view --- index.html | 4 ++-- styles/styles.css | 37 +++++++++++++++++++++---------------- 2 files changed, 23 insertions(+), 18 deletions(-) diff --git a/index.html b/index.html index 8e4b98a3..9a75ba2e 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@
- +
- +
diff --git a/styles/styles.css b/styles/styles.css index 6d428909..a282b586 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -8,57 +8,62 @@ body { .section-1 { background: linear-gradient(135deg, #6f00ff, hsl(302, 78%, 63%)); - min-height: 100px; - justify-items: center; color: white; + padding: 2rem 0; } -.header { +.content-wrapper { max-width: 1150px; + margin: 0 auto; + padding: 0 1rem; +} + +.header { display: flex; justify-content: space-between; + align-items: center; margin-bottom: 3rem; - background-color: transparent; - gap: 35rem; } .logo { - width: 6rem; - height: 4rem; + width: 8rem; + height: 6rem; } .menu { display: flex; gap: 1rem; - font-size: 1rem; + font-size: medium; + font-weight: 600; font-family: "Poppins"; - padding: 1rem; + padding: 0.5rem 2rem; } .container1-section2 { - max-width: 1150px; display: flex; justify-content: space-between; - min-height: 50vh; - gap: 15rem; + align-items: center; + margin-bottom: 3rem; } .screen { - width: 20rem; - height: 14rem; + width: 25rem; + height: 20rem; border: white solid 15px; - border-radius: 10px; - transform: rotate(-10deg); + border-radius: 20px; + transform: rotate(-8deg); } .section-left { display: flex; flex-direction: column; + width: 40%; } .section-right { display: flex; justify-content: flex-start; + width: 50%; } .text { From d225451630fbef3f0c43c001bcc2b1b3bf210bc6 Mon Sep 17 00:00:00 2001 From: Sandra Date: Wed, 30 Jul 2025 19:01:00 +0200 Subject: [PATCH 03/16] complete section 2 --- index.html | 48 ++++++++++++++++++++++++++++++++++++++- styles/styles.css | 57 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 104 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 9a75ba2e..3e3e4087 100644 --- a/index.html +++ b/index.html @@ -37,7 +37,53 @@

Beautiful Free Nova
template

-
+
+
+
+

FEATURES

+
+
+
+
+ icon phone +
+

FULLY RESPONSIVE

+

+ Looks amazing on any device:
+ smartphone, tablet, laptop and
+ desktop. +

+
+
+
+ icon tools +
+

CUSTOMIZABLE

+

+ Change the colors, pictures or
+ any od the sections to suit your
+ needs. +

+
+
+
+ award +
+

+ SLICK AND BEAUTIFUL
+ DESIGN +

+

+ Trendy and fresh design, fits
+ any website. +

+
+
+
+
+ + +
diff --git a/styles/styles.css b/styles/styles.css index a282b586..aada5f18 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -88,6 +88,63 @@ h1 { border: none; cursor: pointer; } + .button--section-1:hover { background-color: #14e07c; +} + +.section-2 { + background-color: black; + color: white; + padding: 1rem 0; +} + +.container2-header { + display: flex; + justify-content: center; + font-size: 3rem; + letter-spacing: 3px; +} + +.container2-section2 { + display: flex; + justify-content: center; + align-items: center; + gap: 3rem; + margin-top: 2rem; +} + +.items-features { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.icon-container2 { + width: 5rem; + height: 5rem; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background-color: white; + cursor: pointer; +} + +.icon-container2 img { + width: 2rem; + height: 2rem; +} + +h3 { + font-size: medium; + font-weight: 600; + text-align: center; + letter-spacing: 1px; +} + +.text-align { + text-align: center; + font-weight: 300; } \ No newline at end of file From 08bb2677342d8c8ab34f02f65df3f3bbe8652775 Mon Sep 17 00:00:00 2001 From: Sandra Date: Wed, 30 Jul 2025 19:09:13 +0200 Subject: [PATCH 04/16] complete section 3 --- index.html | 11 +++++++++-- styles/styles.css | 16 +++++++++++++++- 2 files changed, 24 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 3e3e4087..a90e6935 100644 --- a/index.html +++ b/index.html @@ -40,7 +40,7 @@

Beautiful Free Nova
template

-

FEATURES

+

FEATURES

@@ -84,7 +84,14 @@

-
+
+
+ img logos +
+
+ + +
diff --git a/styles/styles.css b/styles/styles.css index aada5f18..8e365549 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -147,4 +147,18 @@ h3 { .text-align { text-align: center; font-weight: 300; -} \ No newline at end of file +} + +.section-3 { + +} + +.section-3 { + display: flex; + justify-content: center; + align-items: center; + background-color: #f9fafa; + background: #f9fafa; + padding: 2rem 0; +} + From c942ef85967415b81b66c658ca58457b6b7534cf Mon Sep 17 00:00:00 2001 From: Sandra Date: Wed, 30 Jul 2025 19:51:57 +0200 Subject: [PATCH 05/16] complete section 4 --- index.html | 22 +++++++++++++++++++++- styles/styles.css | 34 +++++++++++++++++++++++++++++----- 2 files changed, 50 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index a90e6935..f2f35237 100644 --- a/index.html +++ b/index.html @@ -92,7 +92,27 @@

-
+
+
+
+ icon imac +
+
+

SIMPLE AND BEAUTIFUL

+

+ Use Nova theme for your next web project. It is
+ completely customizable so you can change any of
+ the section to fit your needs. Nova Theme is Free for
+ any kind od use, personal and commercial. Have fu
+ and good luck! +

+
+
+
+ + + +
diff --git a/styles/styles.css b/styles/styles.css index 8e365549..ed55cd6d 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -149,16 +149,40 @@ h3 { font-weight: 300; } -.section-3 { - -} - .section-3 { display: flex; justify-content: center; align-items: center; background-color: #f9fafa; - background: #f9fafa; padding: 2rem 0; } +.section-4 .content-wrapper { + display: flex; + justify-content: space-around; + align-items: start; + gap: 1rem; + background-color: #f9fafa; + color: gray; +} + +h2 { + font-size: x-large; + font-weight: 100; +} + +.container4-section2 { + display: flex; + justify-content: flex-start; + align-items: start; + flex-direction: column; + font-size: small; + font-weight: 100; + margin-top: 2rem; +} + +.container4-section1 img { + margin-top: 2rem; + width: 30rem; + height: 25rem; +} From e43610a668a3d3b0813820f622730b09a5f849b0 Mon Sep 17 00:00:00 2001 From: Sandra Date: Thu, 31 Jul 2025 12:05:13 +0200 Subject: [PATCH 06/16] complete section 5 --- index.html | 48 ++++++++++++++++++++++++- styles/styles.css | 91 ++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 137 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index f2f35237..ea19cf2e 100644 --- a/index.html +++ b/index.html @@ -113,7 +113,53 @@

SIMPLE AND BEAUTIFUL

-
+
+
+
+

CHOOSE YOUR PRICING PLAN

+

Pick any of our super affordable pricing plans

+
+
+
+
+
BASIC
+

$15

+

per month

+

+ Up to 7 Projects
+ 2 Additional Developers +

+ +
+
+
AGENCY
+

$55

+

per month

+

+ Up to 25 Projects
+ 2 Additional Developers
+ Unlimited Support +

+ +
+
+
PRO
+

$75

+

per month

+

+ Up to 25 Projects
+ 2 Additional Developers
+ Unlimited Support
+ 1.5GB Disk Space +

+ +
+
+
+
+
+ +
diff --git a/styles/styles.css b/styles/styles.css index ed55cd6d..d6cbaf92 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -162,7 +162,7 @@ h3 { justify-content: space-around; align-items: start; gap: 1rem; - background-color: #f9fafa; + background-color: white; color: gray; } @@ -186,3 +186,92 @@ h2 { width: 30rem; height: 25rem; } + +.section-5 .content-wrapper { + margin-top: 3rem; + background-color: #f9fafa; + color: gray; +} + +.container5-header { + display: flex; + justify-items: center; + align-items: center; + flex-direction: column; +} + +h3 { + font-size: xx-large; + letter-spacing: 2px; + font-weight: 400; + margin-bottom: 0; +} + +.container5-section2 { + display: flex; + justify-content: center; + align-items: flex-start; + flex-wrap: wrap; +} + +.container5-section2--items { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + width: 24%; + margin: 1rem 2rem; + padding: 1rem; + min-height: 25rem; + text-align: center; + transition: box-shadow 0.3s ease, transform 0.3s ease; +} + +.button-container5 { + color: white; + font-size: small; + font-weight: 100; + letter-spacing: 2px; + width: 10rem; + height: 3rem; + padding: 0.5rem; + background-color: #0abceb; + border: none; + border-radius: 10px; + cursor: pointer; +} + +h5 { + font-size: 1.5rem; + color: grey; + letter-spacing: 3px; + font-weight: 100; +} + +.price { + font-size: 3rem; + font-weight: bold; + color: black; +} + +.text-small { + font-size: 0.75rem; + color: black; +} + +.text-bold { + font-weight: 600; +} + +.container5-section2--items h5, +.container5-section2--items .price, +.container5-section2--items .button-container5 { + margin: 0.25rem 0; +} + +.container5-section2--items:hover { + background-color: white; + border-radius: 5px; + box-shadow: 0 10px 30px rgba(150, 150, 150, 0.6); + transform: translateY(-4px); +} \ No newline at end of file From f3b653cc26ea5148435e3db133b530ea71a78ab0 Mon Sep 17 00:00:00 2001 From: Sandra Date: Thu, 31 Jul 2025 13:07:08 +0200 Subject: [PATCH 07/16] complete section 6 --- index.html | 45 ++++++++++++++++++++++++++++++++- styles/styles.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 107 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index ea19cf2e..395fe928 100644 --- a/index.html +++ b/index.html @@ -160,7 +160,50 @@
PRO

-
+
+
+
+

THE TEAM

+
+
+
+
+ image CTO +

CTO

+

Johnny B Good

+

The brain behind the whole operation

+
+ twitter icon + fb icon +
+
+
+ image CEO +

CEO

+

Roll Over Beethoven

+

The one that puts it all together

+
+ image CTO + fb icon +
+
+
+ image CFO +

CFO

+

Chuck Berry

+

The guy with his hand on the wallet

+
+ image CTO + fb icon +
+
+
+
+
+
+ + +
\ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css index d6cbaf92..abf18eac 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -274,4 +274,67 @@ h5 { border-radius: 5px; box-shadow: 0 10px 30px rgba(150, 150, 150, 0.6); transform: translateY(-4px); +} + +.section-6 { + display: block; + justify-content: center; + align-items: center; + background-color: white; + color: gray; +} + +.container6-section2{ + display: flex; + justify-content: center; + gap: 1rem; +} + +.container6-section2--items { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + width: 24%; + margin: 1rem 2rem; + padding: 1rem; + min-height: 25rem; + text-align: center; +} + +.container6-header { + display: flex; + justify-content: center; + margin-top: 3rem; +} + +.profile-img { + width: 10rem; + height: 10rem; + border-radius: 50%; + border: none; +} + +.icon-small { + width: 1rem; + height: 1rem; + background: transparent; + cursor: pointer; +} + +.container6-icons { + display: flex; + justify-items: center; + gap: 1rem; +} + +.h1-special { + font-size: xx-large; + font-weight: 200; + letter-spacing: 3px; +} + +.text-large { + font-size: x-large; + margin-bottom: 0.25rem; } \ No newline at end of file From d6abe0a8bd2af2d8970cb36a42c0066990f34a80 Mon Sep 17 00:00:00 2001 From: Sandra Date: Thu, 31 Jul 2025 13:29:03 +0200 Subject: [PATCH 08/16] complete footer and fix small bugs in earlier code --- index.html | 7 ++++++- styles/styles.css | 27 ++++++++++++++++++++++++++- 2 files changed, 32 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 395fe928..dfc00440 100644 --- a/index.html +++ b/index.html @@ -204,6 +204,11 @@

THE TEAM

-
+
+ +
\ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css index abf18eac..c2559306 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -73,6 +73,7 @@ body { h1 { font-size: xx-large; font-weight: 600; + line-height: 1; } @@ -142,6 +143,7 @@ h3 { font-weight: 600; text-align: center; letter-spacing: 1px; + line-height: 1; } .text-align { @@ -336,5 +338,28 @@ h5 { .text-large { font-size: x-large; - margin-bottom: 0.25rem; +} + +footer { + background-color: #464646; + min-height: 4rem; +} + +.footer-wrapper { + display: flex; + justify-content: center; + align-items: center; + gap: 1rem; + padding: 0.5rem; +} + +.text-wrapper { + font-size: small; + color: white; +} + +.footer-icon { + width: 4rem; + height: 2rem; + background: transparent; } \ No newline at end of file From 2707da909ffce7f68daa8dbeadeb8a40f013db0c Mon Sep 17 00:00:00 2001 From: Sandra Date: Thu, 31 Jul 2025 13:33:34 +0200 Subject: [PATCH 09/16] clean the code from whitespace --- index.html | 20 +------------------- styles/styles.css | 2 -- 2 files changed, 1 insertion(+), 21 deletions(-) diff --git a/index.html b/index.html index dfc00440..a04a72cb 100644 --- a/index.html +++ b/index.html @@ -17,8 +17,7 @@ Pricing Features - - +

Beautiful Free Nova
template

@@ -35,8 +34,6 @@

Beautiful Free Nova
template

- -
@@ -81,17 +78,11 @@

- - -
img logos
- - -
@@ -109,10 +100,6 @@

SIMPLE AND BEAUTIFUL

- - - -
@@ -158,8 +145,6 @@
PRO
- -
@@ -201,9 +186,6 @@

THE TEAM

- - -
- \ No newline at end of file + + diff --git a/styles/styles.css b/styles/styles.css index e730bbf7..6bbcf2cc 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -30,13 +30,21 @@ body { height: 6rem; } -.menu { +.menu ul { display: flex; - gap: 1rem; + gap: 0.5rem; + list-style: none; + margin: 0; + padding: 0; font-size: medium; font-weight: 600; - font-family: "Poppins"; - padding: 0.5rem 2rem; +} + +.menu li a { + text-decoration: none; + color: inherit; + padding: 0.5rem 1rem; + transition: color 0.3s ease; } .container1-section2 { From a687111bcf1559af730bd2b5aeb14024f495b176 Mon Sep 17 00:00:00 2001 From: Sandra Date: Mon, 4 Aug 2025 12:14:59 +0200 Subject: [PATCH 11/16] add article in line 24 and add figure in line 34 --- index.html | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index e0f640b8..763ffe97 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@
-
+

Beautiful Free Nova
template

A top notch premium quality
@@ -29,9 +29,11 @@

Beautiful Free Nova
template

project.

-
+
- image/screen +
+ image/screen +
From d9aee5f622f8fc97c8d1533bfa50b1774d717056 Mon Sep 17 00:00:00 2001 From: Sandra Date: Mon, 4 Aug 2025 12:26:08 +0200 Subject: [PATCH 12/16] add to section Features ul > li concept --- index.html | 74 ++++++++++++++++++++++++----------------------- styles/styles.css | 5 +++- 2 files changed, 42 insertions(+), 37 deletions(-) diff --git a/index.html b/index.html index 763ffe97..6035c40c 100644 --- a/index.html +++ b/index.html @@ -43,42 +43,44 @@

Beautiful Free Nova
template

FEATURES

-
-
-
- icon phone -
-

FULLY RESPONSIVE

-

- Looks amazing on any device:
- smartphone, tablet, laptop and
- desktop. -

-
-
-
- icon tools -
-

CUSTOMIZABLE

-

- Change the colors, pictures or
- any od the sections to suit your
- needs. -

-
-
-
- award -
-

- SLICK AND BEAUTIFUL
- DESIGN -

-

- Trendy and fresh design, fits
- any website. -

-
+
+
    +
  • +
    + icon phone +
    +

    FULLY RESPONSIVE

    +

    + Looks amazing on any device:
    + smartphone, tablet, laptop and
    + desktop. +

    +
  • +
  • +
    + icon tools +
    +

    CUSTOMIZABLE

    +

    + Change the colors, pictures or
    + any od the sections to suit your
    + needs. +

    +
  • +
  • +
    + award +
    +

    + SLICK AND BEAUTIFUL
    + DESIGN +

    +

    + Trendy and fresh design, fits
    + any website. +

    +
  • +
diff --git a/styles/styles.css b/styles/styles.css index 6bbcf2cc..26c6410e 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -113,12 +113,15 @@ h1 { letter-spacing: 3px; } -.container2-section2 { +.features-list { display: flex; justify-content: center; align-items: center; gap: 3rem; margin-top: 2rem; + list-style: none; + padding: 0; + margin: 0; } .items-features { From 8656641299eff9b55c1ccf7cbef4d27eca842d8d Mon Sep 17 00:00:00 2001 From: Sandra Date: Mon, 4 Aug 2025 12:47:24 +0200 Subject: [PATCH 13/16] add
-
+

FEATURES

@@ -84,14 +84,14 @@

-
+
-
+
@@ -110,7 +110,7 @@

SIMPLE AND BEAUTIFUL

-
+

CHOOSE YOUR PRICING PLAN

@@ -119,7 +119,7 @@

CHOOSE YOUR PRICING PLAN

  • -
    BASIC
    +

    BASIC

    $15

    per month

    @@ -129,7 +129,7 @@

    BASIC
  • -
    AGENCY
    +

    AGENCY

    $55

    per month

    @@ -140,7 +140,7 @@

    AGENCY
  • -
    PRO
    +

    PRO

    $75

    per month

    @@ -155,7 +155,7 @@

    PRO
-
+

THE TEAM

diff --git a/styles/styles.css b/styles/styles.css index 23221167..bd78c293 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -6,7 +6,7 @@ body { width: 100%; } -.section-1 { +.section--header-and-template { background: linear-gradient(135deg, #6f00ff, hsl(302, 78%, 63%)); color: white; padding: 2rem 0; @@ -100,7 +100,7 @@ h1 { background-color: #14e07c; } -.section-2 { +.section--features { background-color: black; color: white; padding: 1rem 0; @@ -160,7 +160,7 @@ h3 { font-weight: 300; } -.section-3 { +.section--aside { display: flex; justify-content: center; align-items: center; @@ -168,7 +168,7 @@ h3 { padding: 2rem 0; } -.section-4 .content-wrapper { +.section--imac .content-wrapper { display: flex; justify-content: space-around; align-items: start; @@ -198,7 +198,7 @@ h2 { height: 25rem; } -.section-5 .content-wrapper { +.section--pricing-plan .content-wrapper { margin-top: 3rem; background-color: #f9fafa; color: gray; @@ -255,7 +255,7 @@ h3 { cursor: pointer; } -h5 { +h4 { font-size: 1.5rem; color: grey; letter-spacing: 3px; @@ -290,7 +290,7 @@ h5 { transform: translateY(-4px); } -.section-6 { +.section--team { display: block; justify-content: center; align-items: center; From 8d1d85997fe5f25fbd246630ae0d1576be709852 Mon Sep 17 00:00:00 2001 From: Sandra Date: Mon, 4 Aug 2025 13:19:04 +0200 Subject: [PATCH 16/16] add ul > li concept to section-team --- index.html | 16 ++++++++-------- styles/styles.css | 3 +++ 2 files changed, 11 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index d60f3c38..f16ff54c 100644 --- a/index.html +++ b/index.html @@ -161,8 +161,8 @@

PRO

THE TEAM

-
-
+
    +
  • image CTO

    CTO

    Johnny B Good

    @@ -171,8 +171,8 @@

    THE TEAM

    twitter icon fb icon
-
-
+ +
  • image CEO

    CEO

    Roll Over Beethoven

    @@ -181,8 +181,8 @@

    THE TEAM

    image CTO fb icon
  • -
    -
    + +
  • image CFO

    CFO

    Chuck Berry

    @@ -191,8 +191,8 @@

    THE TEAM

    image CTO fb icon
  • -
    -
    + +
    diff --git a/styles/styles.css b/styles/styles.css index bd78c293..a52b43e4 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -302,6 +302,9 @@ h4 { display: flex; justify-content: center; gap: 1rem; + list-style: none; + padding: 0; + margin: 0; } .container6-section2--items {