From d44ab9248efd3249686858e0401e0596493cca2d Mon Sep 17 00:00:00 2001 From: abhas20 Date: Wed, 29 Oct 2025 15:05:44 +0530 Subject: [PATCH] Added Login and Signup Page --- Travelling Website/auth-pages.css | 120 +++++++++++++++++++++++++ Travelling Website/create_account.html | 32 +++++++ Travelling Website/index.html | 4 +- Travelling Website/login.html | 33 +++++++ 4 files changed, 187 insertions(+), 2 deletions(-) create mode 100644 Travelling Website/auth-pages.css create mode 100644 Travelling Website/create_account.html create mode 100644 Travelling Website/login.html diff --git a/Travelling Website/auth-pages.css b/Travelling Website/auth-pages.css new file mode 100644 index 00000000..800c28af --- /dev/null +++ b/Travelling Website/auth-pages.css @@ -0,0 +1,120 @@ +body, +html { + margin: 0; + padding: 0; + height: 100%; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif; + box-sizing: border-box; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +body { + background-image: url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&q=80"); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + min-height: 100vh; + padding: 2rem; +} + +header { + width: 100%; + text-align: center; + margin-bottom: 2rem; +} + +.navbar2 h1 { + color: #ffffff; + font-size: 2.5rem; + font-weight: 700; + text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6); + margin: 0; +} + +.container { + width: 100%; + display: flex; + justify-content: center; +} + +.form-box { + background-color: #ffffff; + padding: 2.5rem; + border-radius: 16px; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); + width: 100%; + max-width: 420px; + text-align: center; +} + +.form-box h1 { + font-size: 2rem; + color: #333; + margin-top: 0; + margin-bottom: 2rem; +} + +.form { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.form input { + width: 100%; + padding: 14px 16px; + border: 1px solid #dcdcdc; + border-radius: 8px; + font-size: 1rem; + color: #333; +} + +.form input:focus { + outline: none; + border-color: #4a4a9f; + box-shadow: 0 0 0 2px rgba(74, 74, 159, 0.2); +} + +.form button { + background-color: #4a4a9f; + color: white; + padding: 14px; + border: none; + border-radius: 8px; + font-size: 1.1rem; + font-weight: 600; + cursor: pointer; + transition: background-color 0.3s ease; + margin-top: 0.5rem; +} + +.form button:hover { + background-color: #3a3a7f; +} + +.form-box p { + margin-top: 1.5rem; + font-size: 0.9rem; + color: #555; +} + +.form-box p a { + color: #1f3a5e; + text-decoration: none; + font-weight: 600; +} + +.form-box p a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/Travelling Website/create_account.html b/Travelling Website/create_account.html new file mode 100644 index 00000000..60a5ac91 --- /dev/null +++ b/Travelling Website/create_account.html @@ -0,0 +1,32 @@ + + + + + + Sign Up + + + +
+
+

"Explore More, Worry Less"

+
+
+
+
+

Sign Up

+ +
+ + + + + +

Already have an account? Login

+ Go Back to HOME +
+ +
+
+ + \ No newline at end of file diff --git a/Travelling Website/index.html b/Travelling Website/index.html index 872068f4..e35c1ff2 100644 --- a/Travelling Website/index.html +++ b/Travelling Website/index.html @@ -36,8 +36,8 @@
- - + +
diff --git a/Travelling Website/login.html b/Travelling Website/login.html new file mode 100644 index 00000000..d63022af --- /dev/null +++ b/Travelling Website/login.html @@ -0,0 +1,33 @@ + + + + + + login-form + + + + +
+
+

"Explore More, Worry Less"

+
+
+
+
+

Login

+ +
+ + + +

+ Don't have an account? + Sign up +

+ Go Back to HOME +
+
+
+ +