Merge pull request khushi-joshi-05#1077 from harikasayani/signbranch

signup page enhanced

Css-files/signup1.css

@@ -24,7 +24,7 @@ body * {
 .main-login {
   width: 100vw;
   height: 100vh;
-  background: brown;
+  background:white;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -90,6 +90,7 @@ body * {
   display: flex;
   justify-content: center;
   align-items: center;
+
 }
 
 .card-login {
@@ -100,7 +101,9 @@ body * {
   padding: 10px 35px;
   border-radius: 20px;
   box-shadow: 0px 10px 50px #000000a4;
-  background-color: white;
+  background-color:rgb(221, 221, 247);
+  padding-left: 70px;
+  padding-right: 70px;
 }
 
 .card-login > h1 {

Html-files/signup.html

@@ -22,8 +22,8 @@
   </div>
   <div class="main-login">
     <div class="left-login" data-aos="zoom-out-left" data-aos-duration="1000" data-aos-offset="170" data-aos-easing="ease-in-out">
-      <h1>Sign Up Here<br>Good Food is Good Mood</h1>
-      <img src="../Images/desserts.avif" class="left-login-image" alt="food">
+      <!--<h1>Sign Up Here<br>Good Food is Good Mood</h1>-->
+      <img src="../Images/signupimage.jpg" class="left-login-image" alt="food">
     </div>
     <div class="right-login">
       <div class="card-login" data-aos="zoom-out-right" data-aos-duration="1000" data-aos-offset="170" data-aos-easing="ease-in-out">
@@ -32,7 +32,7 @@ <h1>SIGN UP</h1>
         <form id="signup-form">
           <div class="textfield">
             <label for="name">Name</label>
-            <input type="text" id="name" name="name" placeholder="Enter your name" required>
+            <input type="text" id="name" name="name" placeholder="Enter your name" required >
           </div>
           <div class="textfield">
             <label for="email">Email</label>
@@ -50,9 +50,10 @@ <h1>SIGN UP</h1>
             </span>
           </div>
           <button type="submit" class="btn-login">Register</button>
+          <h1 style="font-size:13px; text-align:center;">Already have an account <a href="C:\Users\user\Desktop\signupfood\Food-ordering-website\Html-files\login.html">login</a></h1>
         </form>
-        <h3><center>OR</center></h3>
-        <button id="google-login">Login with Google</button>
+        <!--<h3><center>OR</center></h3>
+        <button id="google-login">Login with Google</button>-->
       </div>
     </div>
   </div>