From de6e8bbac1aa3daad388c3c398c0933af026f18d Mon Sep 17 00:00:00 2001 From: HodiamontHods <521924@vistacollege.nl> Date: Tue, 30 Sep 2025 11:37:54 +0200 Subject: [PATCH] Alvin --- concept/index.html | 22 ++++++++++++++-------- concept/style.css | 35 ++++++++++++++++++++++++++--------- 2 files changed, 40 insertions(+), 17 deletions(-) diff --git a/concept/index.html b/concept/index.html index 8718ebd..84539aa 100644 --- a/concept/index.html +++ b/concept/index.html @@ -7,14 +7,20 @@ -
- - -
+
+
+
+ + + +
+
+ + +
+
+
+ \ No newline at end of file diff --git a/concept/style.css b/concept/style.css index 3a0f962..f60c8a9 100644 --- a/concept/style.css +++ b/concept/style.css @@ -1,25 +1,42 @@ body{ - background-color: #cd977e; +background: linear-gradient(to right, #d3705a, #cd977e); + } +header{ + background-color: #1f4952; + border-radius: 15px; + padding: 1rem; +} + +.header-buttons { + display: flex; + justify-content: space-between; + align-items: center; +} + +.left-buttons, .right-buttons { + display: flex; + gap: 10px; +} ul { list-style-type: none; margin: 0; padding: 0; - background-color: #d3705a; - display: flex; - justify-content: center; - border-radius: 15px; + display: none; /* Hide old ul if still present */ } button{ color: white; font-size: large; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif ; - background-color: #1f4952; - height: 100px; - width: 150px; - margin: 1rem; + background-color: #d3705a; + height: 75px; + width: 100px; border-radius: 5px; +} + +button:hover{ + background-color: #cd977e; } \ No newline at end of file