Merge pull request #572 from maheshwar04/master

Enhanced signin and signup page
QAZIMAAZARSHAD · Oct 13, 2023 · 3377f2c · 3377f2c
2 parents 641cb59 + 981507e
commit 3377f2c
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 15 deletions.
diff --git a/login.html b/login.html
@@ -396,8 +396,6 @@
           font-size: 1.05rem;
           cursor: pointer;
       }
-
-
       .logo img{
         position: relative;
         top: 30px;
@@ -498,7 +496,7 @@ <h1 class="sign">Sign In</h1>
         <div class="remember-flex">
         <div> 
               <div class="or">OR</div>
-              <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark" data-width="250" data-height="50" data-longtitle="true"></div>
+              <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark" data-width="258.5" data-height="50" data-longtitle="true"></div>
         </div>
 
         </div>

diff --git a/signup.html b/signup.html
@@ -229,21 +229,33 @@
           color: #bdc7c9;
       }
 
-      .new-members{
-          margin-bottom: 10px;
-          color: #bdc7c9;
+      .al_members{
+          margin: 12px 0px;
+          color: #a0a2a2;
+          padding: 0px 12px;
+          font-size:16.2px;
+      }
+      .log-link{
+        text-decoration: none;
+        color: whitesmoke;
+      }
+      .log-link:hover{
+        text-decoration:underline;
+      }
+      .help{
+        text-align: right;
       }
-
       .help a{
           text-decoration: none;
+          font-size: 16.5px;
       }
       .help a:hover{
           text-decoration: underline;
       }
-
       .protection{
           font-size: 0.8rem;
           color: #bdc7c9;
+          text-align: center;
       }
 
       .protection a{
@@ -412,18 +424,16 @@ <h1 class="sign">Sign Up</h1>
         /><i class="fa fa-fw fa-eye field-icon toggle-password2" id="togglePassword"></i>
       </div>
         <input class="signin-button" type="submit" value="Sign Up" />
-        <div class="remember-flex">
-            <div>
-
-            </div>
             <div class="help">
                 <a class="color_text" href="https://www.google.com/gmail/">Need help?</a>
             </div>
+            <div class="al_members" >
+                Already a Member? <a href="login.html" class="log-link">Sign in here</a>.
+            </div>
+        <div class="protection color_link help">
+          This page is protected by Google reCAPTCHA to ensure you're not a bot. <a href="#">Learn more.</a>
         </div>
       </form>
-      <div class="protection color_link help" style="margin: 0px 30%;">
-        This page is protected by Google reCAPTCHA to ensure you're not a bot. <a href="#">Learn more.</a>
-      </div>
       <span class="seperator"></span>
       <form style="opacity: 0;" class="aftersubmit" onsubmit="return FinalResults()" name="verificationform" autocomplete="off">
         <hr>