From b2f988a0ecfdebc3d7525af6cd4028083ef6dd29 Mon Sep 17 00:00:00 2001 From: KhushiChauhan8 Date: Fri, 8 Nov 2024 10:53:28 +0530 Subject: [PATCH] Enhance the Design and Styling of Login and Get Started Buttons on Feedback Page --- Feedback.html | 49 ++++++++++++++++++++++++++++++++++++++++++++++--- team.html | 5 +++-- 2 files changed, 49 insertions(+), 5 deletions(-) diff --git a/Feedback.html b/Feedback.html index 2728182..c80e9ad 100644 --- a/Feedback.html +++ b/Feedback.html @@ -31,9 +31,52 @@ .dark-mode-toggle { font-size: 18px; /* Increase font size */ - padding: 10px 15px; - /* Adjust padding for better appearance */ - } + padding: 10px 30px; + transition: background-color 0.3s ease, transform 0.3s ease; + } + + /* Container spacing from the top */ +.buttons { + margin-top: 20px; + display: flex; + gap: 30px; +} + +/* Login button styling */ +.login { + background-color: blue; + color: white; + border: none; + border-radius: 5px; + padding: 10px 50px; + text-decoration: none; +} + +/* Get Started button styling */ +.get-started { + background-color: blue; + color: white; + border: none; + border-radius: 5px; + padding: 10px 50px; + text-decoration: none; + +} + +/* Login button hover effect */ +.login:hover { + background-color: darkblue; + transform: scale(1.05); + color: white; +} + +/* Get Started button hover effect */ +.get-started:hover { + background-color: darkblue; /* Darker shade for hover effect */ + transform: scale(1.05); /* Slightly enlarge the button */ + color: white; + +} /* dark mode toggle button styling */ diff --git a/team.html b/team.html index 771933c..486379c 100644 --- a/team.html +++ b/team.html @@ -28,7 +28,7 @@ .buttons { margin-top: 20px; display: flex; - gap: 15px; + gap: 30px; } /* Login button styling */ @@ -46,6 +46,7 @@ background-color: blue; color: white; border: none; + border-radius: 5px; padding: 10px 50px; text-decoration: none; @@ -347,7 +348,7 @@ Get started + Ambulance Monitoring System Logo