From a288107a5796eec6075235da462cbac55dcbb7db Mon Sep 17 00:00:00 2001
From: ChandelAnish <anish8427singh@gmail.com>
Date: Thu, 23 May 2024 13:48:01 +0530
Subject: [PATCH] changed footer section

---
 client/index.html           |  80 ++++++++++++++-----------
 client/login-page/script.js |   2 +-
 client/style.css            | 113 +-----------------------------------
 3 files changed, 51 insertions(+), 144 deletions(-)

diff --git a/client/index.html b/client/index.html
index d5de0fb..13c0d9f 100644
--- a/client/index.html
+++ b/client/index.html
@@ -198,45 +198,59 @@ <h2>skilled professionals worldwide</h2>
     </div>
 
 
-    <!-- contact us -->
-    <div class="contactme0" id="contact-us">
-      <div class="about contactbox">
-        <h2>about</h2>
-        <h3>Our labour hiring website streamlines the process of connecting employers with skilled professionals worldwide. With user-friendly features and a vast talent pool, we facilitate efficient and effective workforce solutions. Join us today to tap into unparalleled opportunities for building successful teams and advancing your business goals.</h3>
+    <!-- footer -->
+    <hr style="margin-top: 10rem;" class="mx-5">
+    <footer class="py-5 mx-5 mt-5">
+    <div class="row">
+      <div class="col-6 col-md-2 mb-3">
+        <h5>About us</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">How it Works</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Security</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Team</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Press Releases</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">News</a></li>
+        </ul>
       </div>
+      
 
-      <div class="terms contactbox">
-        <h2>terms & conditions</h2>
-        <h3>
-          <ul>
-            <li><a href="#">privacy policy</a></li>
-            <li><a href="#">terms and condition</a></li>
-            <li><a href="#">copyright policy</a></li>
-            <li><a href="#">fees and charges</a></li>
-          </ul>
-        </h3>
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Terms</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Privacy Policy</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Terms and Conditions</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Copyright Policy</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Code of Conduct</a></li>
+        </ul>
       </div>
 
-      <div class="links contactbox">
-        <h2>contact us</h2>
-        <div class="contactme">
-            <div class="linkedin">
-                <a href="https://www.linkedin.com/in/as-chandel/"><img src="assets/linkedin-icon.png" alt="linkedin"></a>
-            </div>
-            <div class="facebook">
-                <a href="https://www.facebook.com/login/"><img src="assets/Facebook_icon.png" alt="facebook"></a>
-            </div>
-            <div class="insta">
-                <a href="https://www.instagram.com/accounts/login/?hl=en"><img src="assets/insta_icon.png" alt="instagram"></a>
-            </div>
-            <div class="twitter">
-                <a href="https://twitter.com/i/flow/login"><img src="assets/twitter_icon.png" alt="twitter"></a>
-            </div>
-        </div>
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Registered Office Address</h5>
+          <p>Address - 434 D1 panikantra apartment,near corazone, opposite of Tinker space ,Vidya Nagar colony,Ernakulam,kalameserry, kerela -682022</p>
+      </div>
+
+      <div class="col-md-5 offset-md-1 mb-3">
+        <form>
+          <h5>Hire or get Hired with hireHUB</h5>
+          <p> hireHUB is a free platform connecting laborers and recruiters for seamless job matching and career opportunities. Sign up today!</p>
+          <div class="d-flex flex-column flex-sm-row w-100 gap-2">
+            <button type="button" class="btn btn-success">Explore</button>
+          </div>
+        </form>
       </div>
     </div>
-    <!-- contact us end-->
-    <footer>copyright &copy; GDCG</footer>
+
+    <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
+      <p>© GDCG, Inc. All rights reserved.</p>
+      <ul class="list-unstyled d-flex">
+        <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"></use></svg></a></li>
+        <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"></use></svg></a></li>
+        <li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"></use></svg></a></li>
+      </ul>
+    </div>
+  </footer>
+
+  <!-- footer end -->
 
 
     <script src="script.js"></script>
diff --git a/client/login-page/script.js b/client/login-page/script.js
index a871368..fe7d8b2 100644
--- a/client/login-page/script.js
+++ b/client/login-page/script.js
@@ -45,7 +45,7 @@ form.addEventListener('submit', async (e) => {
     else if (response.userdetails.usertype === 'labour') {
         return window.open("../main-page/labour/index.html", "_parent");
     }
-    if (response.userdetails.usertype === 'admin') {
+    else if (response.userdetails.usertype === 'admin') {
         return window.open("../main-page/admin/index.html", "_parent");
     }
 })
diff --git a/client/style.css b/client/style.css
index 36c1e80..fd02b6a 100644
--- a/client/style.css
+++ b/client/style.css
@@ -255,113 +255,6 @@
     transition: all .7s;
     transform: scale(1.03);
 }
-/* contact us */
-.facebook img
-{
-    width: 3rem;
-    /* margin: 5rem; */
-}
-.linkedin img
-{
-    width: 3.5rem;
-    margin-bottom: 8px;
-}
-.insta img
-{
-    width: 4.6rem;
-}
-.twitter img
-{
-    width: 4rem;
-}
-.contactme0
-{
-    display: grid;
-    grid-template-columns: 35rem 35rem auto;
-    margin: 10rem 0rem 0rem 0rem;
-    background-color: rgba(193, 239, 206, 0.898);
-    border-radius: 10px;
-    /* align-items: center;
-    justify-content: center; */
-    padding-top: 3rem;
-    padding-bottom: 5rem;
-}
-.contactbox
-{
-    background-color: rgba(255, 255, 255, 0.598);
-    margin: 1rem;
-    border-radius: 15px;
-    box-shadow: 2px 2px 2px 0.5px;
-}
-.contactme0 :hover
-{
-    transition: all .7s;
-    transform: scale(1.03);
-}
-.about
-{
-    padding: 2rem;
-}
-.about h2
-{
-    margin: 0rem 0rem 3rem 0rem;
-}
-.terms
-{
-    padding: 2rem;
-}
-.terms h2
-{
-    margin: 0rem 0rem 3rem 0rem;
-}
-.terms h3 ul
-{
-    list-style-type: none;
-}
-.links
-{
-    padding: 2rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    /* justify-content: center; */
-}
-.links h2
-{
-    margin: 0rem 0rem 3rem 0rem;
-}
-.contactme
-{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    height: 15rem;
-}
-.linkedin :hover
-{
-    transform: scale(1.07);
-    transition: all .5s;
-}
-.facebook :hover
-{
-    transform: scale(1.07);
-    transition: all .5s;
-}
-.insta :hover
-{
-    transform: scale(1.07);
-    transition: all .5s;
-}
-.twitter :hover
-{
-    transform: scale(1.07);
-    transition: all .5s;
-}
-.contactme0 footer
-{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 5rem;
-}
\ No newline at end of file
+
+/* footer */
+