From 3cc272fc272e3f85342b015a3b34792987a5fa59 Mon Sep 17 00:00:00 2001
From: Gimhani2000 <86472955+Gimhani2000@users.noreply.github.com>
Date: Wed, 30 Oct 2024 16:15:18 +0530
Subject: [PATCH 1/2] update register form
---
register.html | 239 ++++++++++----------------------------------------
1 file changed, 47 insertions(+), 192 deletions(-)
diff --git a/register.html b/register.html
index 97b8c51..e0f611f 100644
--- a/register.html
+++ b/register.html
@@ -20,11 +20,11 @@
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
- background-color: #ffff;
+ background-color: #f9f9f9;
display: flex;
flex-direction: column;
align-items: center;
- color: black;
+ color: #333;
}
header {
@@ -32,53 +32,47 @@
background-color: white;
color: black;
padding: 1em 0;
- text-align: center;
- margin-top: 300px;
+ display: flex;
+ justify-content: center;
+ box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
- main {
- padding: 1em;
- width: 100%;
- max-width: 800px;
+ .navbar {
display: flex;
- flex-direction: column;
+ justify-content: space-between;
align-items: center;
- margin-top: 100px;
- margin-bottom: 100px;
+ max-width: 1200px;
+ width: 100%;
+ padding: 0 20px;
}
- .confirmation {
- margin-top: 20px;
- display: none; /* Initially hidden */
- color: green; /* Style for confirmation message */
+ .navbar-links {
+ display: flex;
+ gap: 15px;
}
- * {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
+ .navbar a {
+ text-decoration: none;
+ color: black;
+ font-weight: 500;
+ transition: color 0.3s;
}
- body {
- font-family: "Arial", sans-serif;
- background-color: #f9f9f9;
- color: #333;
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100vh;
+ .navbar a:hover {
+ color: #0073e6;
}
- .footer-section {
+ main {
width: 100%;
+ max-width: 800px;
+ padding: 1em;
+ margin: 50px auto;
}
.container {
display: flex;
justify-content: center;
align-items: center;
- width: 100%;
- height: 100%;
}
.registration-form {
@@ -88,15 +82,12 @@
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 400px;
- border: 1px solid #000;
}
.registration-form h2 {
text-align: center;
- color: #000;
+ color: #333;
margin-bottom: 30px;
- font-size: 32px;
- font-weight: 700;
}
.form-group {
@@ -106,7 +97,7 @@
.form-group label {
display: block;
font-weight: bold;
- color: #000;
+ color: #333;
margin-bottom: 8px;
}
@@ -114,35 +105,28 @@
.form-group select {
width: 100%;
padding: 12px;
- border: 1px solid #000;
+ border: 1px solid #ddd;
border-radius: 4px;
- font-size: 16px;
- background-color: #fff;
- color: #000;
- }
-
- .form-group input:focus,
- .form-group select:focus {
- outline: none;
- border-color: #333;
}
.form-group input[type="submit"] {
- background-color: #000;
+ background-color: #0073e6;
color: #fff;
- font-size: 18px;
cursor: pointer;
- transition: background-color 0.3s ease;
+ font-size: 18px;
border: none;
padding: 14px;
}
.form-group input[type="submit"]:hover {
- background-color: #333;
+ background-color: #005bb5;
}
- .form-group select {
- height: 50px;
+ .confirmation {
+ margin-top: 20px;
+ display: none;
+ color: green;
+ text-align: center;
}
/* For small screens */
@@ -157,75 +141,17 @@
@@ -278,87 +204,16 @@ Registration Form
+
-