281 lines
17 KiB
PHP
281 lines
17 KiB
PHP
<footer class="footer position-relative bg-dark border-top">
|
|
<span class="position-absolute top-0 start-0 w-100 h-100 bg-body d-none d-block-dark"></span>
|
|
<div class="container position-relative z-1 pt-sm-2 pt-md-3 pt-lg-4" data-bs-theme="dark">
|
|
|
|
<!-- Columns with links that are turned into accordion on screens < 500px wide (sm breakpoint) -->
|
|
<div class="accordion py-5" id="footerLinks">
|
|
<div class="row">
|
|
<div class="col-md-4 d-sm-flex flex-md-column align-items-center align-items-md-start pb-3 mb-sm-4">
|
|
<h4 class="mb-sm-0 mb-md-4 me-4">
|
|
<a class="text-dark-emphasis text-decoration-none" href="{{ route('second', ['home', 'electronics']) }}">Cartzilla</a>
|
|
</h4>
|
|
<p class="text-body fs-sm text-sm-end text-md-start mb-sm-0 mb-md-3 ms-0 ms-sm-auto ms-md-0 me-4">
|
|
Got questions? Contact us 24/7</p>
|
|
<div class="dropdown" style="max-width: 250px">
|
|
<button type="button"
|
|
class="btn btn-light dropdown-toggle justify-content-between w-100 d-none-dark"
|
|
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Help and consultation
|
|
</button>
|
|
<button type="button"
|
|
class="btn btn-secondary dropdown-toggle justify-content-between w-100 d-none d-flex-dark"
|
|
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Help and consultation
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#!">Help center & FAQ</a></li>
|
|
<li><a class="dropdown-item" href="#!">Support chat</a></li>
|
|
<li><a class="dropdown-item" href="#!">Open support ticket</a></li>
|
|
<li><a class="dropdown-item" href="#!">Call center</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<div class="row row-cols-1 row-cols-sm-3 gx-3 gx-md-4">
|
|
<div class="accordion-item col border-0">
|
|
<h6 class="accordion-header" id="companyHeading">
|
|
<span class="text-dark-emphasis d-none d-sm-block">Company</span>
|
|
<button type="button" class="accordion-button collapsed py-3 d-sm-none"
|
|
data-bs-toggle="collapse" data-bs-target="#companyLinks" aria-expanded="false"
|
|
aria-controls="companyLinks">Company</button>
|
|
</h6>
|
|
<div class="accordion-collapse collapse d-sm-block" id="companyLinks"
|
|
aria-labelledby="companyHeading" data-bs-parent="#footerLinks">
|
|
<ul class="nav flex-column gap-2 pt-sm-3 pb-3 mt-n1 mb-1">
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">About company</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Our team</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Careers</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Contact us</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">News</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<hr class="d-sm-none my-0">
|
|
</div>
|
|
<div class="accordion-item col border-0">
|
|
<h6 class="accordion-header" id="accountHeading">
|
|
<span class="text-dark-emphasis d-none d-sm-block">Account</span>
|
|
<button type="button" class="accordion-button collapsed py-3 d-sm-none"
|
|
data-bs-toggle="collapse" data-bs-target="#accountLinks" aria-expanded="false"
|
|
aria-controls="accountLinks">Account</button>
|
|
</h6>
|
|
<div class="accordion-collapse collapse d-sm-block" id="accountLinks"
|
|
aria-labelledby="accountHeading" data-bs-parent="#footerLinks">
|
|
<ul class="nav flex-column gap-2 pt-sm-3 pb-3 mt-n1 mb-1">
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Your account</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Shipping rates & policies</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Refunds & replacements</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Delivery info</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Order tracking</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Taxes & fees</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<hr class="d-sm-none my-0">
|
|
</div>
|
|
<div class="accordion-item col border-0">
|
|
<h6 class="accordion-header" id="customerHeading">
|
|
<span class="text-dark-emphasis d-none d-sm-block">Customer service</span>
|
|
<button type="button" class="accordion-button collapsed py-3 d-sm-none"
|
|
data-bs-toggle="collapse" data-bs-target="#customerLinks" aria-expanded="false"
|
|
aria-controls="customerLinks">Customer service</button>
|
|
</h6>
|
|
<div class="accordion-collapse collapse d-sm-block" id="customerLinks"
|
|
aria-labelledby="customerHeading" data-bs-parent="#footerLinks">
|
|
<ul class="nav flex-column gap-2 pt-sm-3 pb-3 mt-n1 mb-1">
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Payment methods</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Money back guarantee</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Product returns</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Support center</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Shipping</a>
|
|
</li>
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="#!">Terms & conditions</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<hr class="d-sm-none my-0">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Category / tag links -->
|
|
<div class="d-flex flex-column gap-3 pb-3 pb-md-4 pb-lg-5 mt-n2 mt-sm-n4 mt-lg-0 mb-4">
|
|
<ul class="nav align-items-center text-body-tertiary gap-2">
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Computers</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Smartphones</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">TV, Video</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Speakers</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Cameras</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Printers</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Video Games</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Headphones</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Wearable</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">HDD/SSD</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Smart Home</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Apple Devices</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Tablets</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="nav align-items-center text-body-tertiary gap-2">
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Monitors</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Scanners</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Servers</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Heating and Cooling</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">E-readers</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Data Storage</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Networking</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Power Strips</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Plugs and Outlets</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Detectors and Sensors</a>
|
|
</li>
|
|
<li class="px-1">/</li>
|
|
<li class="animate-underline">
|
|
<a class="nav-link fw-normal p-0 animate-target" href="#!">Accessories</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Copyright + Payment methods -->
|
|
<div class="d-md-flex align-items-center border-top py-4">
|
|
<div class="d-flex gap-2 gap-sm-3 justify-content-center ms-md-auto mb-4 mb-md-0 order-md-2">
|
|
<div>
|
|
<img src="/img/payment-methods/visa-dark-mode.svg" alt="Visa">
|
|
</div>
|
|
<div>
|
|
<img src="/img/payment-methods/mastercard.svg" alt="Mastercard">
|
|
</div>
|
|
<div>
|
|
<img src="/img/payment-methods/paypal-dark-mode.svg" alt="PayPal">
|
|
</div>
|
|
<div>
|
|
<img src="/img/payment-methods/google-pay-dark-mode.svg" alt="Google Pay">
|
|
</div>
|
|
<div>
|
|
<img src="/img/payment-methods/apple-pay-dark-mode.svg" alt="Apple Pay">
|
|
</div>
|
|
</div>
|
|
<p class="text-body fs-xs text-center text-md-start mb-0 me-4 order-md-1">© All rights reserved. Made
|
|
by <span class="animate-underline"><a
|
|
class="animate-target text-dark-emphasis fw-medium text-decoration-none"
|
|
href="https://coderthemes.com/" target="_blank" rel="noreferrer">Coderthemes</a></span></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Additional spacing to accommodate the sticky offcanvas toggle button -->
|
|
<div class="d-lg-none" style="height: 3.75rem"></div>
|
|
</footer>
|