diff --git a/login-modified.html b/login-modified.html deleted file mode 100644 index ded482a6..00000000 --- a/login-modified.html +++ /dev/null @@ -1,103 +0,0 @@ - - - - - - - Login - - - -
-
- -

- Tourguide| -

-

- Welcome to TourGuide, where we firmly believe that life's true purpose - unfolds amidst the thrill of exploration, the embrace of the - unfamiliar, and the pursuit of the extraordinary! Our mission is to - embolden you, the intrepid traveler, to unveil this purpose and - elevate your journey by providing unparalleled assistance and - guidance. -

- travel_pics - -

- Not signed up? Sign In -

-
-
- travel_pics - travel_pics - travel_pics - travel_pics - travel_pics - travel_pics - travel_pics -
-
- - - - diff --git a/login.css b/login.css deleted file mode 100644 index 7450b7e1..00000000 --- a/login.css +++ /dev/null @@ -1,237 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: "Poppins", sans-serif; -} - -body { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - background: linear-gradient(135deg, #f0f0f0, #e5f0ff); -} - -.container { - width: 100%; - height: 100%; - background: rgb(240, 240, 240); - display: flex; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); - border-radius: 15px; - overflow: hidden; -} - -.left-section, -.right-section { - padding: 20px; -} - -.left-section { - flex: 3; - margin-top: 58px; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - background: rgb(240, 240, 240); /* Light Green */ - text-align: center; -} - -.animated-heading { - font-size: 50px; - font-weight: 600; - margin-bottom: 20px; - color: #000000; /* Yellow */ - animation: fadeIn 2s ease-in-out; -} - -.description { - font-size: 16px; - color: #000000; - margin-bottom: 20px; - line-height: 1.5; -} - -.login-form { - display: flex; - flex-direction: column; - gap: 20px; - width: 100%; - max-width: 300px; - margin-bottom: 20px; -} - -.input-field { - padding: 12px 20px; - border: 2px solid #000000; /* Yellow */ - border-radius: 90px; - font-size: 16px; - outline: none; - transition: border-color 0.3s; -} - -.input-field:focus { - border-color: #000000; /* Darker Yellow */ -} - -.submit-button { - background-color: #000000; /* Yellow */ - border: none; - color: white; - padding: 12px 20px; - font-size: 16px; - cursor: pointer; - border-radius: 90px; - transition: background-color 0.3s, color 0.3s, transform 0.3s; - width: 100%; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -} - -.submit-button:hover { - background-color: #ffffff; /* Darker Yellow */ - transform: scale(1.05); - color: #000000; - border: #000000; - border-style: groove; -} - -.right-section { - flex: 7; - display: flex; - justify-content: center; - align-items: center; - background: #f0f0f0; - position: relative; - overflow: hidden; - padding: 0; -} - -.transition-image { - position: absolute; - width: 100%; - height: 100%; - object-fit: cover; - opacity: 0; - transition: opacity 1s ease-in-out; -} - -.transition-image:first-child { - opacity: 1; -} - -@keyframes fadeIn { - 0% { - opacity: 0; - transform: translateY(-20px); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} - -.blinking-cursor { - font-weight: 100; - font-size: 50px; - color: #000000; /* Yellow */ - animation: blink 1s step-end infinite; -} - -@keyframes blink { - from, - to { - color: transparent; - } - 50% { - color: #070707; /* Yellow */ - } -} - -.back-button { - position: absolute; - top: 20px; - left: 20px; - background: rgb(240, 240, 240); - border: none; - color: rgb(240, 240, 240); - padding: 0px; - font-size: 16px; - cursor: pointer; - border-radius: 1%; - transition: background-color 0.3s, color 0.3s, transform 0.3s; -} - -.back-button:hover { - transform: scale(1.25); - color: #000000; /* Yellow */ -} - -.already-signed-up { - font-size: 14px; - color: #000000; - margin-top: 20px; - display: flex; - flex-direction: row; - align-items: center; - text-decoration: none; - gap: 5px; /* Add some space between the text and the link */ -} - -a { - font-size: 14px; - color: #000000; - text-decoration: none; - display: inline-block; -} - -.small-screen-image { - display: none; - width: 100%; - max-width: 300px; - margin-bottom: 20px; -} - -@media (max-width: 768px) { - .container { - flex-direction: column; - } - - .left-section, - .right-section { - flex: 1; - width: 100%; - padding: 10px; - } - - .animated-heading { - font-size: 32px; - } - - .description { - font-size: 14px; - } - - .login-form { - max-width: 100%; - } - - .input-field { - font-size: 14px; - padding: 10px 15px; - } - - .submit-button { - font-size: 14px; - padding: 10px 15px; - } - - .transition-image { - display: none; - } - - .small-screen-image { - display: block; - } -} diff --git a/login.html b/login.html deleted file mode 100644 index acbb17b4..00000000 --- a/login.html +++ /dev/null @@ -1,152 +0,0 @@ - - - - - Registration Page - - - - - - - - - -
- - - - -
-
-
- -
-
- - - - diff --git a/loginPage.css b/loginPage.css deleted file mode 100644 index 2869feba..00000000 --- a/loginPage.css +++ /dev/null @@ -1,161 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: "Roboto", sans-serif; - font-weight: 500; - font-style: normal; -} -.main-container { - min-height: 100vh; - min-width: 100vw; - background-image: url("./img/img1.jpeg"); - background-position: center; - background-size: cover; - background-repeat: no-repeat; - display: flex; - justify-content: center; - align-items: center; -} - -.form-container { - display: flex; - gap: 2rem; - justify-content: center; - align-items: center; - color: white; - backdrop-filter: blur(8px); - padding: 2rem 1rem; - background-color: rgba(44, 57, 104, 0.2); - border-radius: 20px; -} -.content { - display: flex; - flex-direction: column; - gap: 2rem; - justify-content: center; - align-items: center; - padding: 2rem 0; - font-weight: 600; - flex-wrap: wrap; -} - -.content h1 { - font-weight: 700; - font-size: 3rem; - text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618; - text-align: center; - position: relative; -} -.content p { - width: 100%; - font-size: 1.5rem; - color: white; - opacity: 1; - font-weight: 600; - text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618; - text-align: center; -} -text{ - color:aquamarine -} -.register-link { - font-weight: bold; - color: white; - text-decoration: none; - transition: color 0.2s ease-in-out; -} - -.register-link:hover { - color: #f39c12; /* Change to your desired hover color */ -} -.passForget{ - color: rgb(234, 35, 35); - font-weight: bold; - - -} - -.content button { - font-size: 1.5rem; - padding: 1rem 2rem; - border-radius: 0.5rem; - border: none; - background: linear-gradient( - 109.6deg, - rgb(5, 85, 84) 11.2%, - rgb(64, 224, 208) 91.1% - ); - color: white; - font-weight: 700; - box-shadow: 0px 0px 10px rgb(10, 64, 88); - transition: all 0.2s ease-in-out; - letter-spacing: 1.1px; -} - -.content button:hover { - transform: scale(1.02); - box-shadow: 0px 0px 10px rgb(10, 64, 88), 0px 0px 20px rgb(10, 64, 88), - 0px 0px 30px rgb(10, 64, 88); - transition: all 0.2s ease-in-out; -} -form { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - gap: 1rem; -} - -form > input { - font-size: 1.3rem; - padding: 0.5rem 0.5rem; - width: 20rem; - background: transparent; - border: 2px solid white; - border-radius: 6px; - color: white; - transition: outline 0.2s ease-in-out; - outline: none; -} - -form > input::placeholder { - color: white; -} - -form > input:focus { - outline: 3px solid #010618; - transition: outline 0.2s ease-in-out; - border: none; -} - -@media screen and (max-width: 815px) { - .form-container { - flex-direction: column; - } - - .content { - box-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618; - padding: 2rem 0rem; - border-radius: 10px; - } -} - -@media screen and (max-width: 510px) { - .content h1 { - font-size: 2rem; - } - - .content p { - width: 50%; - } -} -form>input { - font-size: 1rem; - padding: 0.5rem 0.5rem; - width: 14rem; - background: transparent; - } diff --git a/loginPage.html b/loginPage.html deleted file mode 100644 index d9542c98..00000000 --- a/loginPage.html +++ /dev/null @@ -1,59 +0,0 @@ - - - - - - - Login Page - - - - - -
-
-
-

Welcome Back !

-

Login with your personal information.

-
- - - -
-
Forgot your password?
- Don't have an account? Please Register here. -
-
-
- - - - - - \ No newline at end of file