From f6e582be3f36700bea73d6f6de89a5495e499924 Mon Sep 17 00:00:00 2001
From: ananthvijay <ananthvijay@bizgaze.com>
Date: Fri, 20 Jan 2023 15:04:52 +0530
Subject: [PATCH] Added footer

---
 dist/Js/footer.js | 132 ++--------------------------------------------
 dist/css/main.css |  51 ++++--------------
 2 files changed, 13 insertions(+), 170 deletions(-)

diff --git a/dist/Js/footer.js b/dist/Js/footer.js
index aa15f7d..519bed1 100644
--- a/dist/Js/footer.js
+++ b/dist/Js/footer.js
@@ -1,132 +1,6 @@
 $(document).ready(function () {
-    // Footer Js
-    let footerHtml = `  <footer class=" bg-dark">
-    <div class="footer-main container">
-      <div class="footer-logo">
-        <img src="../../assets/anwi logo-02.png" class="img-fluid "
-          style="width: 10%;" alt="anwi">
-      </div>
-      <hr class="container-fluid text-white">
-      <div class="footer-content">
-        <ul class="d-flex align-items-center list-inline text-white
-          justify-content-between">
-          <li class="border-end border-white">
-            <ul class="list-inline">
-              <li class="fw-bold my-2"> Products</li>
-              <li>
-                <ul class="list-inline">
-                  <li>Servers</li>
-                  <li>Storage</li>
-                  <li>Network Switches</li>
-                  <li>Network Cards</li>
-                  <li>Servers</li>
-                  <li>Storage</li>
-                  <li>Network Switches</li>
-                  <li>Network Cards</li>
-                  <li>Servers</li>
-                  <li>Storage</li>
-                  <li>Network Switches</li>
-                  <li>Network Cards</li>
-                </ul>
-              </li>
-            </ul>
-          </li>
-          <li class="border-end border-white">
-            <ul class="list-inline">
-              <li class="fw-bold my-2"> About</li>
-              <li>
-                <ul class="list-inline">
-                  <li>About Us</li>
-                  <li>Terms</li>
-                  <li>Privacy</li>
-                  <li>Careers</li>
-                  <li>About Us</li>
-                  <li>Terms</li>
-                  <li>Privacy</li>
-                  <li>Careers</li>
-                  <li>Test1</li>
-                  <li>Test1</li>
-                  <li>Test1</li>
-                  <li>Test1</li>
-                </ul>
-              </li>
-            </ul>
-          </li>
-          <li class="border-end border-white">
-            <ul class="list-inline">
-              <li class="fw-bold my-2"> Support</li>
-              <li>
-                <ul class="list-inline">
-                  <li>Online Help</li>
-                  <li>Customer Service</li>
-                  <li>Shipping FAQ</li>
-                  <li>Warranty</li>
-                  <li>Bulk Orders</li>
-                </ul>
-              </li>
-            </ul>
-          </li>
-          <li>
-            <ul class="list-inline">
-              <li class="fw-bold my-2">Account</li>
-              <li>
-                <ul class="list-inline">
-                  <li>My Shopping Cart</li>
-                  <li>My Account</li>
-                </ul>
-                <ul class="list-inline">
-                  <li class="fw-bold my-2">Follow Us</li>
-                  <li>
-                    <ul class="d-flex list-inline">
-                      <li><img src="" alt="logo"></li>
-                      <li>Twitter</li>
-                    </ul>
-                  </li>
-                  <li>
-                    <ul class="d-flex list-inline">
-                      <li><img src="" alt="logo"></li>
-                      <li>Instagram</li>
-                    </ul>
-                  </li>
-                  <li>
-                    <ul class="d-flex list-inline">
-                      <li><img src="" alt="logo"></li>
-                      <li>Youtube</li>
-                    </ul>
-                  </li>
-                  <li>
-                    <ul class="d-flex list-inline">
-                      <li><img src="" alt="logo"></li>
-                      <li>Linkedin</li>
-                    </ul>
-                  </li>
-                  <li>
-                    <ul class="d-flex list-inline">
-                      <li><img src="" alt="logo"></li>
-                      <li>Facebook</li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </li>
-        </ul>
-      </div>
-      <hr class="container-fluid text-white">
-      <div class="footer-sub-content">
-        <ul class="d-flex list-inline align-items-center text-white">
-          <li>Copyright © 2022 Anwisystems pvt ltd. All rights reserved.</li>
-          <li>
-            <ul class="d-flex list-inline align-items-center ms-4">
-              <li>Privacy Policy</li>
-              <li class="mx-5">Terms of Use Sales</li>
-              <li>Policy</li>
-            </ul>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </footer>`;
+  // Footer Js
+  let footerHtml = `<footer class="container-fluid footer-wrapper"> <div class="footer-main-container "> <div class="footer-logo container"> <img src="../../assets/anwi logo-02.png" class="img-fluid " style="width: 100px;height: 100px;" alt="anwi"> </div><hr class="container-fluid text-white"> <div class="footer-content text-white "> <div class="container"> <div class="d-flex my-3"> <div class="col-lg-3 border-end col-lg-3 mx-3"> <h5>Products</h5> <ul class="list-inline"> <li>Servers</li><li>Storage</li><li>Network Switches</li><li>Network Cards</li><li>Servers</li><li>Storage</li><li>Network Switches</li><li>Network Cards</li><li>Servers</li><li>Storage</li><li>Network Switches</li><li>Network Cards</li></ul> </div><div class="col-lg-3 border-end col-lg-3 mx-3"> <h5>About</h5> <ul class="list-inline"> <li>About Us</li><li>Terms</li><li>Privacy</li><li>Careers</li><li>About Us</li><li>Terms</li><li>Privacy</li><li>Careers</li><li>Test1</li><li>Test1</li><li>Test1</li><li>Test1</li></ul> </div><div class="col-lg-3 border-end col-lg-3 mx-3"> <h5>Support</h5> <ul class="list-inline"> <li>Online Help</li><li>Customer Service</li><li>Shipping FAQ</li><li>Warranty</li><li>Bulk Orders</li></ul> </div><div class="col-lg-3"> <h5>Account</h5> <ul class="list-inline"> <li>My Shopping Cart</li><li>My Account</li></ul> <h6>Follow Us</h6> <ul class="list-inline"> <li> <ul class="d-flex list-inline"> <li><img src="" alt="logo"></li><li>Twitter</li></ul> </li><li> <ul class="d-flex list-inline"> <li><img src="" alt="logo"></li><li>Instagram</li></ul> </li><li> <ul class="d-flex list-inline"> <li><img src="" alt="logo"></li><li>Youtube</li></ul> </li><li> <ul class="d-flex list-inline"> <li><img src="" alt="logo"></li><li>Linkedin</li></ul> </li><li> <ul class="d-flex list-inline"> <li><img src="" alt="logo"></li><li>Facebook</li></ul> </li></ul> </div></div></div></div><hr class="container-fluid text-white"> <div class="footer-sub-content container"> <ul class="d-flex list-inline align-items-center text-white"> <li>Copyright © 2022 Anwisystems pvt ltd. All rights reserved.</li><li> <ul class="d-flex list-inline align-items-center ms-4"> <li>Privacy Policy</li><li class="mx-5">Terms of Use Sales</li><li>Policy</li></ul> </li></ul> </div></div></footer>`;
 
-    $("#footer-head").html(footerHtml);
+  $("#footer-head").html(footerHtml);
 });
diff --git a/dist/css/main.css b/dist/css/main.css
index 47bd1a1..0818f1b 100644
--- a/dist/css/main.css
+++ b/dist/css/main.css
@@ -82,50 +82,19 @@ body {
 
 .h-200p {
   height: 200px; }
-
+/* button */
 .button_dark {
   clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
   padding-right: 1.7rem;
   padding-bottom: 0.6rem;
   padding-top: 0.6rem;
   border-radius: 10px; }
-
-.photo_dual {
-  width: 40rem; }
-
-.price_footer {
-  background-color: #52cba5;
-  border: 2px solid; }
-
-.boxImgContainer {
-  width: 4rem; }
-
-.priceCut_multi {
-  font-size: .7rem; }
-
-.productOverview .overviewProductHeading {
-  font-size: 2.1rem; }
-
-.productOverview .overviewProductFullTitle {
-  padding: 2rem 13rem;
-  font-size: 3rem; }
-
-.productOverview .overviewProductDes {
-  padding: 0 2rem;
-  font-size: 1.5rem; }
-
-.PO_galleryContainer .PO_gallery_display {
-  min-height: 500px;
-  width: 100%;
-  background: white;
-  background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%);
-  position: relative; }
-  .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%); }
-
-.PO_galleryContainer .PO_gallery_box_inner {
-  padding: 2rem;
-  background-color: #EEEEEE; }
+/* footer */
+.footer-wrapper {
+  background-color: rgb(0, 0, 0);
+  border-radius: 0 275px 0 0;
+  clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
+}
+.footer-wrapper li {
+  line-height: 2rem;
+}
\ No newline at end of file