Added reset password page with 2-step form for OTP verification

* Removed Facebbok and Twitter icons from footer of every page * Added copyright disclaimer in acknowledgement section of terms and conditions page * Removed price tag from course card as requested by company mentor
nepython · Jul 14, 2021 · e9d66d2 · e9d66d2
1 parent 390b0f4
commit e9d66d2
Show file tree

Hide file tree

Showing 12 changed files with 235 additions and 130 deletions.
diff --git a/blogs.html b/blogs.html
@@ -332,12 +332,6 @@ <h4>Services</h4>
             <div class="col-4">
                 <h4>Follow Us</h4>
                 <ul class="nav follow-us-nav">
-                    <li class="nav-item"><a class="nav-link pl-0" href="#">
-                        <i class="fa fa-facebook" aria-hidden="true"></i></a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="mailto:[email protected]">
                         <i class="fa fa-google" aria-hidden="true"></i></a>
                     </li>

diff --git a/careers.html b/careers.html
@@ -70,7 +70,7 @@ <h5>Our Courses</h5>
     </div>
 </div>
 
-<form action="" method="POST" id="gtco-form" class="container" autocomplete="on">
+<form action="" method="POST" class="container gtco-form" autocomplete="on">
     <h4 style="margin-top: -100px;"> Please fill in the necessary details: </h4>
     <input name="full_name" type="text" class="form-control" placeholder="Full Name" required>
     <input name="email" type="email" class="form-control" placeholder="Email Address" required>
@@ -140,12 +140,6 @@ <h4>Services</h4>
             <div class="col-4">
                 <h4>Follow Us</h4>
                 <ul class="nav follow-us-nav">
-                    <li class="nav-item"><a class="nav-link pl-0" href="#">
-                        <i class="fa fa-facebook" aria-hidden="true"></i></a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="mailto:[email protected]">
                         <i class="fa fa-google" aria-hidden="true"></i></a>
                     </li>

diff --git a/contact.html b/contact.html
@@ -59,7 +59,7 @@ <h5>Our Courses</h5>
 <div class="container-fluid gtco-banner-area">
     <div class="container">
         <div class="row">
-            <form action="" method="POST" class="col-lg-6" id="gtco-form" autocomplete="on">
+            <form action="" method="POST" class="col-lg-6 gtco-form" autocomplete="on">
                 <img class="rashiv-logo" src="images/rashiv_logo-blue.png" alt="logo"></img>
                 <h2 class="margin-40"> Contact Us </h2>
                 <input name="full_name" type="text" class="form-control" placeholder="Full Name" required>
@@ -148,12 +148,6 @@ <h4>Services</h4>
             <div class="col-4">
                 <h4>Follow Us</h4>
                 <ul class="nav follow-us-nav">
-                    <li class="nav-item"><a class="nav-link pl-0" href="#">
-                        <i class="fa fa-facebook" aria-hidden="true"></i></a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="mailto:[email protected]">
                         <i class="fa fa-google" aria-hidden="true"></i></a>
                     </li>

diff --git a/courseslist.html b/courseslist.html
diff --git a/css/style.css b/css/style.css
@@ -219,7 +219,7 @@ body {
   padding-top: 10%;
 }
 
-.gtco-banner-area a, .gtco-feature a, .gtco-features a, .gtco-blogs .owl-carousel .card a, #gtco-form .submit-button {
+.gtco-banner-area a, .gtco-feature a, .gtco-features a, .gtco-blogs .owl-carousel .card a, .gtco-form .submit-button {
   background-image: -moz-linear-gradient(0deg, #06c6f9 0%, #38eaf9 100%);
   background-image: -webkit-linear-gradient(0deg, #06c6f9 0%, #38eaf9 100%);
   background-image: -ms-linear-gradient(0deg, #06c6f9 0%, #38eaf9 100%);
@@ -233,7 +233,7 @@ body {
   padding-right: 5px;
   text-decoration: none !important;
 }
-.gtco-banner-area a .fa, .gtco-feature a .fa, .gtco-features a .fa, .gtco-blogs .owl-carousel .card a .fa, #gtco-form .submit-button .fa {
+.gtco-banner-area a .fa, .gtco-feature a .fa, .gtco-features a .fa, .gtco-blogs .owl-carousel .card a .fa, .gtco-form .submit-button .fa {
   background: #fff;
   border-radius: 50%;
   height: 32px;
@@ -751,7 +751,7 @@ body {
   color: #1d3ede;
   margin-bottom: 30px;
 }
-#gtco-form input.form-control, #gtco-form textarea {
+.gtco-form input.form-control, .gtco-form textarea {
   background-color: white;
   box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);
   border-radius: 50px;
@@ -763,12 +763,12 @@ body {
   padding-left: 30px;
   color: #000;
 }
-#gtco-form input.form-control::-webkit-input-placeholder, #gtco-form input.form-control::-moz-placeholder, #gtco-form input.form-control:-ms-input-placeholder, #gtco-form input.form-control:-moz-placeholder, #gtco-footer textarea::-webkit-input-placeholder, #gtco-form textarea::-moz-placeholder, #gtco-form textarea:-ms-input-placeholder, #gtco-form textarea:-moz-placeholder {
+.gtco-form input.form-control::-webkit-input-placeholder, .gtco-form input.form-control::-moz-placeholder, .gtco-form input.form-control:-ms-input-placeholder, .gtco-form input.form-control:-moz-placeholder, #gtco-footer textarea::-webkit-input-placeholder, .gtco-form textarea::-moz-placeholder, .gtco-form textarea:-ms-input-placeholder, .gtco-form textarea:-moz-placeholder {
   color: #999999;
   font-family: "OpenSans-Regular";
   font-size: 18px;
 }
-#gtco-form textarea {
+.gtco-form textarea {
   min-height: 200px;
   border-radius: 30px;
   padding-top: 20px;
@@ -867,14 +867,6 @@ h4.courses-header {
   transform: scale(1.2);
   opacity: 1 !important;
 }
-.courses-container .item .price-tag {
-  position: absolute;
-  bottom: 37px;
-  text-align: center;
-  font-size: 15px;
-  margin-right: 30px;
-  width: 83%;
-}
 .card.text-center .card-img-top {
   margin-top: 30px;
 }
@@ -1190,7 +1182,7 @@ footer {
   margin-top:20px;
   margin-bottom: -40px;
 }
-#gtco-form h4{
+.gtco-form h4{
   padding-left: 20px;
   text-align: left;
 }
@@ -1203,18 +1195,21 @@ footer {
 .pass:hover{
   text-decoration: underline;
 }
-.signup_link, .register_link{
+.signup_link, .register_link, .forgot_pass{
   margin: 30px 0;
   font-size: 16px;
   color: #666666;
 
 }
-.signup_link a, .register_link a{
+.signup_link a, .register_link a, .forgot_pass a{
   background: none;
   font-size: 16px;
   color: #2691d9;
   text-decoration: none;
 }
+.forgot_pass a {
+  padding-left: 10px;
+}
 .signup_link a:hover, .register_link a:hover{
   text-decoration: underline;
 }
@@ -1268,3 +1263,12 @@ footer {
   width: 60px;
   height: 60px;
 }
+a.tc_links {
+  background: transparent;
+  color: #666666;
+  text-transform: none;
+  font-family: Opensans-regular;
+  margin: unset;
+  padding: unset;
+  text-decoration: underline !important;
+}
diff --git a/index.html b/index.html
@@ -374,12 +374,6 @@ <h4>Services</h4>
             <div class="col-4">
                 <h4>Follow Us</h4>
                 <ul class="nav follow-us-nav">
-                    <li class="nav-item"><a class="nav-link pl-0" href="#">
-                        <i class="fa fa-facebook" aria-hidden="true"></i></a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="mailto:[email protected]">
                         <i class="fa fa-google" aria-hidden="true"></i></a>
                     </li>

diff --git a/js/main.js b/js/main.js
@@ -244,3 +244,23 @@ s.onload = function() {
 };
 var x = document.getElementsByTagName('script')[0];
 x.parentNode.insertBefore(s, x);
+
+// Reset password send OTP
+function sendOTP() {
+    var email = document.getElementById('reg_email').value;
+    fetch("#", // TODO: Once the website is hosted, below url needs to be changed
+    {
+        method: 'post',
+        headers: {
+            "Content-type": "application/json; charset=UTF-8"
+        },
+        body: {"email": email}
+    }).then(function (data) {
+        $(".gtco-form#1").css("display", "none");
+        document.getElementById('regemail').value = email;
+        $('#regemail').css("background-color", "lightblue");
+        $(".gtco-form#2").css("display", "block");
+    }).catch(function (error) {
+        alert('Unable to make contact with server', error);
+    });
+}
diff --git a/login.html b/login.html
@@ -60,15 +60,15 @@ <h5>Our Courses</h5>
 <div class="container-fluid gtco-banner-area">
     <div class="container">
         <div class="row">
-            <form action="" method="POST" class="col-lg-6" id="gtco-form" autocomplete="on">
+            <form action="" method="POST" class="col-lg-6 gtco-form" autocomplete="on">
                 <img class="rashiv-logo" src="images/rashiv_logo-blue.png" alt="logo"></img>
                 <h4 class="margin-40"> Log In </h4>
                 <input name="email" type="email" class="form-control" placeholder="Email Address" required>
                 <div class="inline-row">
                     <input name="password" id="password" type="password" class="form-control" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" placeholder="Password" required />
                     <span class="password-toggle"><i class="fa fa-eye-slash" id="eye" onclick="toggleVisibility('password')"></i></span>
                 </div>
-                <div class="pass">Forgot password?</div>
+                <div class="forgot_pass"><a href="./resetpass.html">Forgot password?</a></div>
                 <button id= "submit" type="submit" class="submit-button">Log In<i class="fa fa-angle-right" aria-hidden="true"></i></button>
                 <p> <a href="#" class="submit-button"><img class="glogo" src="images/google_logo.png">Log In with Google <i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
                 <div class="signup_link">
@@ -121,12 +121,6 @@ <h4>Services</h4>
             <div class="col-4">
                 <h4>Follow Us</h4>
                 <ul class="nav follow-us-nav">
-                    <li class="nav-item"><a class="nav-link pl-0" href="#">
-                        <i class="fa fa-facebook" aria-hidden="true"></i></a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="mailto:[email protected]">
                         <i class="fa fa-google" aria-hidden="true"></i></a>
                     </li>

diff --git a/register.html b/register.html
@@ -60,7 +60,7 @@ <h5>Our Courses</h5>
 <div class="container-fluid gtco-banner-area">
     <div class="container">
         <div class="row">
-            <form action="" method="POST" class="col-lg-6" id="gtco-form" autocomplete="on">
+            <form action="" method="POST" class="col-lg-6 gtco-form" autocomplete="on">
                 <img class="rashiv-logo" src="images/rashiv_logo-blue.png" alt="logo"></img>
                 <h4 class="margin-40"> Sign Up </h4>
                 <input name="first_name" type="text" class="form-control" placeholder="First Name" required>
@@ -133,12 +133,6 @@ <h4>Services</h4>
             <div class="col-4">
                 <h4>Follow Us</h4>
                 <ul class="nav follow-us-nav">
-                    <li class="nav-item"><a class="nav-link pl-0" href="#">
-                        <i class="fa fa-facebook" aria-hidden="true"></i></a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
-                    </li>
                     <li class="nav-item"><a class="nav-link" href="mailto:[email protected]">
                         <i class="fa fa-google" aria-hidden="true"></i></a>
                     </li>