sachin.ganesh
/
anwi_website
關註 1
收藏 0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
瀏覽代碼

Added footer

ananthvijay 2 年之前
父節點
34b451c0b6
當前提交
f6e582be3f
共有 2 個文件被更改，包括 13 次插入 和 170 次删除
分割檢視 顯示文件統計
  1. 3
    129
      dist/Js/footer.js
  2. 10
    41
      dist/css/main.css

+ 3
- 129
dist/Js/footer.js 查看文件 

@@ -1,132 +1,6 @@
1 1 
 $(document).ready(function () {
2 
-    // Footer Js
3 
-    let footerHtml = `  <footer class=" bg-dark">
4 
-    <div class="footer-main container">
5 
-      <div class="footer-logo">
6 
-        <img src="../../assets/anwi logo-02.png" class="img-fluid "
7 
-          style="width: 10%;" alt="anwi">
8 
-      </div>
9 
-      <hr class="container-fluid text-white">
10 
-      <div class="footer-content">
11 
-        <ul class="d-flex align-items-center list-inline text-white
12 
-          justify-content-between">
13 
-          <li class="border-end border-white">
14 
-            <ul class="list-inline">
15 
-              <li class="fw-bold my-2"> Products</li>
16 
-              <li>
17 
-                <ul class="list-inline">
18 
-                  <li>Servers</li>
19 
-                  <li>Storage</li>
20 
-                  <li>Network Switches</li>
21 
-                  <li>Network Cards</li>
22 
-                  <li>Servers</li>
23 
-                  <li>Storage</li>
24 
-                  <li>Network Switches</li>
25 
-                  <li>Network Cards</li>
26 
-                  <li>Servers</li>
27 
-                  <li>Storage</li>
28 
-                  <li>Network Switches</li>
29 
-                  <li>Network Cards</li>
30 
-                </ul>
31 
-              </li>
32 
-            </ul>
33 
-          </li>
34 
-          <li class="border-end border-white">
35 
-            <ul class="list-inline">
36 
-              <li class="fw-bold my-2"> About</li>
37 
-              <li>
38 
-                <ul class="list-inline">
39 
-                  <li>About Us</li>
40 
-                  <li>Terms</li>
41 
-                  <li>Privacy</li>
42 
-                  <li>Careers</li>
43 
-                  <li>About Us</li>
44 
-                  <li>Terms</li>
45 
-                  <li>Privacy</li>
46 
-                  <li>Careers</li>
47 
-                  <li>Test1</li>
48 
-                  <li>Test1</li>
49 
-                  <li>Test1</li>
50 
-                  <li>Test1</li>
51 
-                </ul>
52 
-              </li>
53 
-            </ul>
54 
-          </li>
55 
-          <li class="border-end border-white">
56 
-            <ul class="list-inline">
57 
-              <li class="fw-bold my-2"> Support</li>
58 
-              <li>
59 
-                <ul class="list-inline">
60 
-                  <li>Online Help</li>
61 
-                  <li>Customer Service</li>
62 
-                  <li>Shipping FAQ</li>
63 
-                  <li>Warranty</li>
64 
-                  <li>Bulk Orders</li>
65 
-                </ul>
66 
-              </li>
67 
-            </ul>
68 
-          </li>
69 
-          <li>
70 
-            <ul class="list-inline">
71 
-              <li class="fw-bold my-2">Account</li>
72 
-              <li>
73 
-                <ul class="list-inline">
74 
-                  <li>My Shopping Cart</li>
75 
-                  <li>My Account</li>
76 
-                </ul>
77 
-                <ul class="list-inline">
78 
-                  <li class="fw-bold my-2">Follow Us</li>
79 
-                  <li>
80 
-                    <ul class="d-flex list-inline">
81 
-                      <li><img src="" alt="logo"></li>
82 
-                      <li>Twitter</li>
83 
-                    </ul>
84 
-                  </li>
85 
-                  <li>
86 
-                    <ul class="d-flex list-inline">
87 
-                      <li><img src="" alt="logo"></li>
88 
-                      <li>Instagram</li>
89 
-                    </ul>
90 
-                  </li>
91 
-                  <li>
92 
-                    <ul class="d-flex list-inline">
93 
-                      <li><img src="" alt="logo"></li>
94 
-                      <li>Youtube</li>
95 
-                    </ul>
96 
-                  </li>
97 
-                  <li>
98 
-                    <ul class="d-flex list-inline">
99 
-                      <li><img src="" alt="logo"></li>
100 
-                      <li>Linkedin</li>
101 
-                    </ul>
102 
-                  </li>
103 
-                  <li>
104 
-                    <ul class="d-flex list-inline">
105 
-                      <li><img src="" alt="logo"></li>
106 
-                      <li>Facebook</li>
107 
-                    </ul>
108 
-                  </li>
109 
-                </ul>
110 
-              </li>
111 
-            </ul>
112 
-          </li>
113 
-        </ul>
114 
-      </div>
115 
-      <hr class="container-fluid text-white">
116 
-      <div class="footer-sub-content">
117 
-        <ul class="d-flex list-inline align-items-center text-white">
118 
-          <li>Copyright © 2022 Anwisystems pvt ltd. All rights reserved.</li>
119 
-          <li>
120 
-            <ul class="d-flex list-inline align-items-center ms-4">
121 
-              <li>Privacy Policy</li>
122 
-              <li class="mx-5">Terms of Use Sales</li>
123 
-              <li>Policy</li>
124 
-            </ul>
125 
-          </li>
126 
-        </ul>
127 
-      </div>
128 
-    </div>
129 
-  </footer>`;
2 
+  // Footer Js
3 
+  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>`;
130 4
131 
-    $("#footer-head").html(footerHtml);
5 
+  $("#footer-head").html(footerHtml);
132 6 
 });

+ 10
- 41
dist/css/main.css 查看文件 

@@ -82,50 +82,19 @@ body {
82 82
83 83 
 .h-200p {
84 84 
   height: 200px; }
85 
-
85 
+/* button */
86 86 
 .button_dark {
87 87 
   clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
88 88 
   padding-right: 1.7rem;
89 89 
   padding-bottom: 0.6rem;
90 90 
   padding-top: 0.6rem;
91 91 
   border-radius: 10px; }
92 
-
93 
-.photo_dual {
94 
-  width: 40rem; }
95 
-
96 
-.price_footer {
97 
-  background-color: #52cba5;
98 
-  border: 2px solid; }
99 
-
100 
-.boxImgContainer {
101 
-  width: 4rem; }
102 
-
103 
-.priceCut_multi {
104 
-  font-size: .7rem; }
105 
-
106 
-.productOverview .overviewProductHeading {
107 
-  font-size: 2.1rem; }
108 
-
109 
-.productOverview .overviewProductFullTitle {
110 
-  padding: 2rem 13rem;
111 
-  font-size: 3rem; }
112 
-
113 
-.productOverview .overviewProductDes {
114 
-  padding: 0 2rem;
115 
-  font-size: 1.5rem; }
116 
-
117 
-.PO_galleryContainer .PO_gallery_display {
118 
-  min-height: 500px;
119 
-  width: 100%;
120 
-  background: white;
121 
-  background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%);
122 
-  position: relative; }
123 
-  .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img {
124 
-    position: absolute;
125 
-    top: 50%;
126 
-    left: 50%;
127 
-    transform: translate(-50%, -50%); }
128 
-
129 
-.PO_galleryContainer .PO_gallery_box_inner {
130 
-  padding: 2rem;
131 
-  background-color: #EEEEEE; }
92 
+/* footer */
93 
+.footer-wrapper {
94 
+  background-color: rgb(0, 0, 0);
95 
+  border-radius: 0 275px 0 0;
96 
+  clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
97 
+}
98 
+.footer-wrapper li {
99 
+  line-height: 2rem;
100 
+}

Write Preview
Loading…
取消
儲存