sachin.ganesh/anwi_website
1
0
Rozštěpit 0
Zdrojový kód Úkoly Pull requesty Vydání Wiki Aktivita

Added footer

Procházet zdrojové kódy
Tento commit je obsažen v:
ananthvijay
2023-01-20 15:04:52 +05:30
rodič 34b451c0b6
revize f6e582be3f
2 změnil soubory, kde provedl 13 přidání a 170 odebrání
Stáhněte soubor záplaty Stáhněte rozdílový soubor Rozbalit všechny soubory Sbalit všechny soubory
dist/Js/footer.js
vendorováno
+3 -129
Zobrazit soubor
@@ -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);
});
dist/css/main.css
vendorováno
+10 -41
Zobrazit soubor
@@ -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;
}