- Live Preview
- |
Footer
Welcome to the footer, where all the important stuff lives! Think of it as our victory lap, packed with links, deets, and all the good vibes.
IM Sports Component
Light version
<!-- Light footer -->
<footer class="bg-secondary pt-5">
<div class="container">
<div class="row pb-2">
<div class="col-md-4 col-sm-6">
<div class="widget widget-links pb-2 mb-4">
<h3 class="widget-title">Shop departments</h3>
<ul class="widget-list">
<li class="widget-list-item">
<a href="#" class="widget-list-link">Sneakers & Athletic</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Athletic Apparel</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Sandals</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Jeans</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Shirts & Tops</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Shorts</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">T-Shirts</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Swimwear</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Clogs & Mules</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Bags & Wallets</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Accessories</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Sunglasses & Eyewear</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Watches</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="widget widget-links pb-2 mb-4">
<h3 class="widget-title">Account & shipping info</h3>
<ul class="widget-list">
<li class="widget-list-item">
<a href="#" class="widget-list-link">Your account</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Shipping rates & policies</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Refunds & replacements</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Order tracking</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Delivery info</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Taxes & fees</a>
</li>
</ul>
</div>
<div class="widget widget-links pb-2 mb-4">
<h3 class="widget-title">About us</h3>
<ul class="widget-list">
<li class="widget-list-item">
<a href="#" class="widget-list-link">About company</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Our team</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Careers</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">News</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="widget pb-2 mb-4">
<h3 class="widget-title pb-1">Stay informed</h3>
<form class="input-group flex-nowrap">
<i class="ci-mail position-absolute top-50 translate-middle-y text-muted fs-base ms-3"></i>
<input class="form-control rounded-start" type="email" placeholder="Your email" required>
<button class="btn btn-primary" type="submit">Subscribe*</button>
</form>
<div class="form-text">*Subscribe to our newsletter to receive early discount offers, updates and new products info.</div>
</div>
<div class="widget pb-2 mb-4">
<h3 class="widget-title pb-1">Download our app</h3>
<div class="d-flex flex-wrap">
<div class="me-2 mb-2">
<a class="btn-market btn-apple" href="#" role="button">
<span class="btn-market-subtitle">Download on the</span>
<span class="btn-market-title">App Store</span>
</a>
</div>
<div class="mb-2">
<a class="btn-market btn-google" href="#" role="button">
<span class="btn-market-subtitle">Download on the</span>
<span class="btn-market-title">Google Play</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-5" style="background-color: #ecf2f7;">
<div class="container">
<div class="row pb-3">
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex">
<i class="ci-rocket text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base mb-1">Fast and free delivery</h6>
<p class="mb-0 fs-ms text-muted">Free delivery for all orders over $200</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex">
<i class="ci-currency-exchange text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base mb-1">Money back guarantee</h6>
<p class="mb-0 fs-ms text-muted">We return money within 30 days</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex">
<i class="ci-support text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base mb-1">24/7 customer support</h6>
<p class="mb-0 fs-ms text-muted">Friendly 24/7 customer support</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex">
<i class="ci-card text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base mb-1">Secure online payment</h6>
<p class="mb-0 fs-ms text-muted">We possess SSL / Secure сertificate</p>
</div>
</div>
</div>
</div>
<hr class="mb-5">
<div class="row pb-2">
<div class="col-md-6 text-center text-md-start mb-4">
<div class="text-nowrap mb-4">
<a class="d-inline-block align-middle mt-n1 me-3" href="#">
<img class="d-block" width="117" src="path-to-logo" alt="DigiCart"/>
</a>
<div class="btn-group dropdown disable-autohide">
<button class="btn btn-outline-secondary btn-sm dropdown-toggle px-2" type="button" data-bs-toggle="dropdown">
<img class="me-2" width="20" src="path-to-image" alt="English"/>
Eng / $
</button>
<ul class="dropdown-menu my-1">
<li class="dropdown-item">
<select class="form-select form-select-sm">
<option value="usd">$ USD</option>
<option value="eur">€ EUR</option>
<option value="ukp">£ UKP</option>
<option value="jpy">¥ JPY</option>
</select>
</li>
<li>
<a class="dropdown-item pb-1" href="#">
<img class="me-2" width="20" src="path-to-image" alt="Français"/>
Français
</a>
</li>
<li>
<a class="dropdown-item pb-1" href="#">
<img class="me-2" width="20" src="path-to-image" alt="Deutsch"/>
Deutsch
</a>
</li>
<li>
<a class="dropdown-item" href="#">
<img class="me-2" width="20" src="path-to-image" alt="Italiano"/>
Italiano
</a>
</li>
</ul>
</div>
</div>
<div class="widget widget-links">
<ul class="widget-list d-flex flex-wrap justify-content-center justify-content-md-start">
<li class="widget-list-item me-4">
<a href="#" class="widget-list-link">Outlets</a>
</li>
<li class="widget-list-item me-4">
<a href="#" class="widget-list-link">Affiliates</a>
</li>
<li class="widget-list-item me-4">
<a href="#" class="widget-list-link">Support</a>
</li>
<li class="widget-list-item me-4">
<a href="#" class="widget-list-link">Privacy</a>
</li>
<li class="widget-list-itemme-4">
<a href="#" class="widget-list-link">Terms of use</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 text-center text-md-end mb-4">
<div class="mb-3">
<a class="btn-social bs-outline bs-twitter ms-2 mb-2" href="#"><i class="ci-twitter"></i></a>
<a class="btn-social bs-outline bs-facebook ms-2 mb-2" href="#"><i class="ci-facebook"></i></a>
<a class="btn-social bs-outline bs-instagram ms-2 mb-2" href="#"><i class="ci-instagram"></i></a>
<a class="btn-social bs-outline bs-pinterest ms-2 mb-2" href="#"><i class="ci-pinterest"></i></a>
<a class="btn-social bs-outline bs-youtube ms-2 mb-2" href="#"><i class="ci-youtube"></i></a>
</div>
<img class="d-inline-block" width="187" src="path-to-image" alt="Payment methods"/>
</div>
</div>
<div class="pb-4 fs-xs text-muted text-center text-md-start">© All rights reserved. Made by <a class="text-muted" href="#">SovWare</a></div>
</div>
</div>
</footer>// Light footer
footer.bg-secondary.pt-5
.container
.row.pb-2
.col-md-4.col-sm-6
.widget.widget-links.pb-2.mb-4
h3.widget-title Shop departments
ul.widget-list
li.widget-list-item
a.widget-list-link(href="#") Sneakers & Athletic
li.widget-list-item
a.widget-list-link(href="#") Athletic Apparel
li.widget-list-item
a.widget-list-link(href="#") Sandals
li.widget-list-item
a.widget-list-link(href="#") Jeans
li.widget-list-item
a.widget-list-link(href="#") Shirts & Tops
li.widget-list-item
a.widget-list-link(href="#") Shorts
li.widget-list-item
a.widget-list-link(href="#") T-Shirts
li.widget-list-item
a.widget-list-link(href="#") Swimwear
li.widget-list-item
a.widget-list-link(href="#") Clogs & Mules
li.widget-list-item
a.widget-list-link(href="#") Bags & Wallets
li.widget-list-item
a.widget-list-link(href="#") Accessories
li.widget-list-item
a.widget-list-link(href="#") Sunglasses & Eyewear
li.widget-list-item
a.widget-list-link(href="#") Watches
.col-md-4.col-sm-6
.widget.widget-links.pb-2.mb-4
h3.widget-title Account & shipping info
ul.widget-list
li.widget-list-item
a.widget-list-link(href="#") Your account
li.widget-list-item
a.widget-list-link(href="#") Shipping rates & policies
li.widget-list-item
a.widget-list-link(href="#") Refunds & replacements
li.widget-list-item
a.widget-list-link(href="#") Order tracking
li.widget-list-item
a.widget-list-link(href="#") Delivery info
li.widget-list-item
a.widget-list-link(href="#") Taxes & fees
.widget.widget-links.pb-2.mb-4
h3.widget-title About us
ul.widget-list
li.widget-list-item
a.widget-list-link(href="#") About company
li.widget-list-item
a.widget-list-link(href="#") Our team
li.widget-list-item
a.widget-list-link(href="#") Careers
li.widget-list-item
a.widget-list-link(href="#") News
.col-md-4
.widget.pb-2.mb-4
h3.widget-title.pb-1 Stay informed
form.input-group.flex-nowrap
i.ci-mail.position-absolute.top-50.translate-middle-y.text-muted.fs-base.ms-3
input(type="email", placeholder="Your email", requied).form-control.rounded-start
button(type="submit").btn.btn-primary
| Subscribe*
.form-text *Subscribe to our newsletter to receive early discount offers, updates and new products info.
.widget.pb-2.mb-4
h3.widget-title.pb-1 Download our app
.d-flex.flex-wrap
.me-2.mb-2
a(href="#", role="button").btn-market.btn-apple
span.btn-market-subtitle Download on the
span.btn-market-title App Store
.mb-2
a(href="#", role="button").btn-market.btn-google
span.btn-market-subtitle Download on the
span.btn-market-title Google Play
.pt-5(style="background-color: #ecf2f7;")
.container
.row.pb-3
.col-md-3.col-sm-6.mb-4
.d-flex
i.ci-rocket.text-primary(style="font-size: 2.25rem;")
.ps-3
h6.fs-base.mb-1 Fast and free delivery
p.mb-0.fs-ms.text-muted Free delivery for all orders over $200
.col-md-3.col-sm-6.mb-4
.d-flex
i.ci-currency-exchange.text-primary(style="font-size: 2.25rem;")
.ps-3
h6.fs-base.mb-1 Money back guarantee
p.mb-0.fs-ms.text-muted We return money within 30 days
.col-md-3.col-sm-6.mb-4
.d-flex
i.ci-support.text-primary(style="font-size: 2.25rem;")
.ps-3
h6.fs-base.mb-1 24/7 customer support
p.mb-0.fs-ms.text-muted Friendly 24/7 customer support
.col-md-3.col-sm-6.mb-4
.d-flex
i.ci-card.text-primary(style="font-size: 2.25rem;")
.ps-3
h6.fs-base.mb-1 Secure online payment
p.mb-0.fs-ms.text-muted We possess SSL / Secure сertificate
hr.mb-5
.row.pb-2
.col-md-6.text-center.text-md-start.mb-4
.text-nowrap.mb-4
a(href="#").d-inline-block.align-middle.mt-n1.me-3
img(src="path-to-logo", width="117", alt="DigiCart").d-block
.btn-group.dropdown.disable-autohide
button(type="button", data-bs-toggle="dropdown").btn.btn-outline-secondary.btn-sm.dropdown-toggle.px-2
img(src="path-to-image", width="20", alt="English").me-2
| Eng / $
ul.dropdown-menu.my-1
li.dropdown-item
select.form-select.form-select-sm
option(value="usd") $ USD
option(value="eur") € EUR
option(value="ukp") £ UKP
option(value="jpy") ¥ JPY
li
a(href="#").dropdown-item.pb-1
img(src="path-to-image", width="20", alt="Français").me-2
| Français
li
a(href="#").dropdown-item.pb-1
img(src="path-to-image", width="20", alt="Deutsch").me-2
| Deutsch
li
a(href="#").dropdown-item
img(src="path-to-image", width="20", alt="Italiano")(width="20").me-2
| Italiano
.widget.widget-links
ul.widget-list.d-flex.flex-wrap.justify-content-center.justify-content-md-start
li.widget-list-item.me-4
a.widget-list-link(href="#") Outlets
li.widget-list-item.me-4
a.widget-list-link(href="#") Affiliates
li.widget-list-item.me-4
a.widget-list-link(href="#") Support
li.widget-list-item.me-4
a.widget-list-link(href="#") Privacy
li.widget-list-item.me-4
a.widget-list-link(href="#") Terms of use
.col-md-6.text-center.text-md-end.mb-4
.mb-3
a(href="#").btn-social.bs-outline.bs-twitter.ms-2.mb-2
i.ci-twitter
a(href="#").btn-social.bs-outline.bs-facebook.ms-2.mb-2
i.ci-facebook
a(href="#").btn-social.bs-outline.bs-instagram.ms-2.mb-2
i.ci-instagram
a(href="#").btn-social.bs-outline.bs-pinterest.ms-2.mb-2
i.ci-pinterest
a(href="#").btn-social.bs-outline.bs-youtube.ms-2.mb-2
i.ci-youtube
img(src="path-to-image" width="187" alt="Payment methods").d-inline-block
.pb-4.fs-xs.text-muted.text-center.text-md-start
| © All rights reserved. Made by
a.text-muted(href="#") SovWare
Dark version
<!-- Dark footer -->
<footer class="bg-dark pt-5">
<div class="container">
<div class="row pb-2">
<div class="col-md-4 col-sm-6">
<div class="widget widget-links widget-light pb-2 mb-4">
<h3 class="widget-title text-light">Shop departments</h3>
<ul class="widget-list">
<li class="widget-list-item">
<a href="#" class="widget-list-link">Sneakers & Athletic</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Athletic Apparel</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Sandals</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Jeans</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Shirts & Tops</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Shorts</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">T-Shirts</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Swimwear</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Clogs & Mules</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Bags & Wallets</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Accessories</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Sunglasses & Eyewear</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Watches</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="widget widget-links widget-light pb-2 mb-4">
<h3 class="widget-title text-light">Account & shipping info</h3>
<ul class="widget-list">
<li class="widget-list-item">
<a href="#" class="widget-list-link">Your account</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Shipping rates & policies</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Refunds & replacements</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Order tracking</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Delivery info</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Taxes & fees</a>
</li>
</ul>
</div>
<div class="widget widget-links widget-light pb-2 mb-4">
<h3 class="widget-title">About us</h3>
<ul class="widget-list">
<li class="widget-list-item">
<a href="#" class="widget-list-link">About company</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Our team</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">Careers</a>
</li>
<li class="widget-list-item">
<a href="#" class="widget-list-link">News</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="widget pb-2 mb-4">
<h3 class="widget-title text-light pb-1">Stay informed</h3>
<form class="input-group flex-nowrap">
<i class="ci-mail position-absolute top-50 translate-middle-y text-muted fs-base ms-3"></i>
<input class="form-control rounded-start" type="email" placeholder="Your email" required>
<button class="btn btn-primary" type="submit">Subscribe*</button>
</form>
<div class="form-text text-light opacity-50">*Subscribe to our newsletter to receive early discount offers, updates and new products info.</div>
</div>
<div class="widget pb-2 mb-4">
<h3 class="widget-title text-light pb-1">Download our app</h3>
<div class="d-flex flex-wrap">
<div class="me-2 mb-2">
<a class="btn-market btn-apple" href="#" role="button">
<span class="btn-market-subtitle">Download on the</span>
<span class="btn-market-title">App Store</span>
</a>
</div>
<div class="mb-2">
<a class="btn-market btn-google" href="#" role="button">
<span class="btn-market-subtitle">Download on the</span>
<span class="btn-market-title">Google Play</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-5 bg-darker">
<div class="container">
<div class="row pb-3">
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex">
<i class="ci-rocket text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base text-light mb-1">Fast and free delivery</h6>
<p class="mb-0 fs-ms text-light opacity-50">Free delivery for all orders over $200</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex">
<i class="ci-currency-exchange text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base text-light mb-1">Money back guarantee</h6>
<p class="mb-0 fs-ms text-light opacity-50">We return money within 30 days</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex">
<i class="ci-support text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base text-light mb-1">24/7 customer support</h6>
<p class="mb-0 fs-ms text-light opacity-50">Friendly 24/7 customer support</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex">
<i class="ci-card text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base text-light mb-1">Secure online payment</h6>
<p class="mb-0 fs-ms text-light opacity-50">We possess SSL / Secure сertificate</p>
</div>
</div>
</div>
</div>
<hr class="hr-light mb-5">
<div class="row pb-2">
<div class="col-md-6 text-center text-md-start mb-4">
<div class="text-nowrap mb-4">
<a class="d-inline-block align-middle mt-n1 me-3" href="#">
<img class="d-block" width="117" src="path-to-logo" alt="DigiCart"/>
</a>
<div class="btn-group dropdown disable-autohide">
<button class="btn btn-outline-light border-light btn-sm dropdown-toggle px-2" type="button" data-bs-toggle="dropdown">
<img class="me-2" width="20" src="path-to-image" alt="English"/>
Eng / $
</button>
<ul class="dropdown-menu my-1">
<li class="dropdown-item">
<select class="form-select form-select-sm">
<option value="usd">$ USD</option>
<option value="eur">€ EUR</option>
<option value="ukp">£ UKP</option>
<option value="jpy">¥ JPY</option>
</select>
</li>
<li>
<a class="dropdown-item pb-1" href="#">
<img class="me-2" width="20" src="path-to-image" alt="Français"/>
Français
</a>
</li>
<li>
<a class="dropdown-item pb-1" href="#">
<img class="me-2" width="20" src="path-to-image" alt="Deutsch"/>
Deutsch
</a>
</li>
<li>
<a class="dropdown-item" href="#">
<img class="me-2" width="20" src="path-to-image" alt="Italiano"/>
Italiano
</a>
</li>
</ul>
</div>
</div>
<div class="widget widget-links widget-light">
<ul class="widget-list d-flex flex-wrap justify-content-center justify-content-md-start">
<li class="widget-list-item me-4">
<a href="#" class="widget-list-link">Outlets</a>
</li>
<li class="widget-list-item me-4">
<a href="#" class="widget-list-link">Affiliates</a>
</li>
<li class="widget-list-item me-4">
<a href="#" class="widget-list-link">Support</a>
</li>
<li class="widget-list-item me-4">
<a href="#" class="widget-list-link">Privacy</a>
</li>
<li class=" widget-list-itemme-4">
<a href="#" class="widget-list-link">Terms of use</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 text-center text-md-end mb-4">
<div class="mb-3">
<a class="btn-social bs-light bs-twitter ms-2 mb-2" href="#"><i class="ci-twitter"></i></a>
<a class="btn-social bs-light bs-facebook ms-2 mb-2" href="#"><i class="ci-facebook"></i></a>
<a class="btn-social bs-light bs-instagram ms-2 mb-2" href="#"><i class="ci-instagram"></i></a>
<a class="btn-social bs-light bs-pinterest ms-2 mb-2" href="#"><i class="ci-pinterest"></i></a>
<a class="btn-social bs-light bs-youtube ms-2 mb-2" href="#"><i class="ci-youtube"></i></a>
</div>
<img class="d-inline-block" width="187" src="path-to-image" alt="Payment methods"/>
</div>
</div>
<div class="pb-4 fs-xs text-light opacity-50 text-center text-md-start">© All rights reserved. Made by <a class="text-light" href="#">SovWare</a></div>
</div>
</div>
</footer>// Dark footer
footer.bg-dark.pt-5
.container
.row.pb-2
.col-md-4.col-sm-6
.widget.widget-links.widget-light.pb-2.mb-4
h3.widget-title.text-light Shop departments
ul.widget-list
li.widget-list-item
a.widget-list-link(href="#") Sneakers & Athletic
li.widget-list-item
a.widget-list-link(href="#") Athletic Apparel
li.widget-list-item
a.widget-list-link(href="#") Sandals
li.widget-list-item
a.widget-list-link(href="#") Jeans
li.widget-list-item
a.widget-list-link(href="#") Shirts & Tops
li.widget-list-item
a.widget-list-link(href="#") Shorts
li.widget-list-item
a.widget-list-link(href="#") T-Shirts
li.widget-list-item
a.widget-list-link(href="#") Swimwear
li.widget-list-item
a.widget-list-link(href="#") Clogs & Mules
li.widget-list-item
a.widget-list-link(href="#") Bags & Wallets
li.widget-list-item
a.widget-list-link(href="#") Accessories
li.widget-list-item
a.widget-list-link(href="#") Sunglasses & Eyewear
li.widget-list-item
a.widget-list-link(href="#") Watches
.col-md-4.col-sm-6
.widget.widget-links.widget-light.pb-2.mb-4
h3.widget-title.text-light Account & shipping info
ul.widget-list
li.widget-list-item
a.widget-list-link(href="#") Your account
li.widget-list-item
a.widget-list-link(href="#") Shipping rates & policies
li.widget-list-item
a.widget-list-link(href="#") Refunds & replacements
li.widget-list-item
a.widget-list-link(href="#") Order tracking
li.widget-list-item
a.widget-list-link(href="#") Delivery info
li.widget-list-item
a.widget-list-link(href="#") Taxes & fees
.widget.widget-links.widget-light.pb-2.mb-4
h3.widget-title.text-light About us
ul.widget-list
li.widget-list-item
a.widget-list-link(href="#") About company
li.widget-list-item
a.widget-list-link(href="#") Our team
li.widget-list-item
a.widget-list-link(href="#") Careers
li.widget-list-item
a.widget-list-link(href="#") News
.col-md-4
.widget.pb-2.mb-4
h3.widget-title.text-light.pb-1 Stay informed
form.input-group.flex-nowrap
i.ci-mail.position-absolute.top-50.translate-middle-y.text-muted.fs-base.ms-3
input(type="email", placeholder="Your email", required).form-control.rounded-start
button(type="submit").btn.btn-primary
| Subscribe*
.form-text.text-light.opacity-50 *Subscribe to our newsletter to receive early discount offers, updates and new products info.
.widget.pb-2.mb-4
h3.widget-title.text-light.pb-1 Download our app
.d-flex.flex-wrap
.me-2.mb-2
a(href="#", role="button").btn-market.btn-apple
span.btn-market-subtitle Download on the
span.btn-market-title App Store
.mb-2
a(href="#", role="button").btn-market.btn-google
span.btn-market-subtitle Download on the
span.btn-market-title Google Play
.pt-5.bg-darker
.container
.row.pb-3
.col-md-3.col-sm-6.mb-4
.d-flex
i.ci-rocket.text-primary(style="font-size: 2.25rem;")
.ps-3
h6.fs-base.text-light.mb-1 Fast and free delivery
p.mb-0.fs-ms.text-light.opacity-50 Free delivery for all orders over $200
.col-md-3.col-sm-6.mb-4
.d-flex
i.ci-currency-exchange.text-primary(style="font-size: 2.25rem;")
.ps-3
h6.fs-base.text-light.mb-1 Money back guarantee
p.mb-0.fs-ms.text-light.opacity-50 We return money within 30 days
.col-md-3.col-sm-6.mb-4
.d-flex
i.ci-support.text-primary(style="font-size: 2.25rem;")
.ps-3
h6.fs-base.text-light.mb-1 24/7 customer support
p.mb-0.fs-ms.text-light.opacity-50 Friendly 24/7 customer support
.col-md-3.col-sm-6.mb-4
.d-flex
i.ci-card.text-primary(style="font-size: 2.25rem;")
.ps-3
h6.fs-base.text-light.mb-1 Secure online payment
p.mb-0.fs-ms.text-light.opacity-50 We possess SSL / Secure сertificate
hr.hr-light.mb-5
.row.pb-2
.col-md-6.text-center.text-md-start.mb-4
.text-nowrap.mb-4
a(href="#").d-inline-block.align-middle.mt-n1.me-3
img(src="path-to-logo", width="117", alt="DigiCart").d-block
.btn-group.dropdown.disable-autohide
button(type="button", data-bs-toggle="dropdown").btn.btn-outline-light.border-light.btn-sm.dropdown-toggle.px-2
img(src="path-to-image", width="20", alt="English").me-2
| Eng / $
ul.dropdown-menu.my-1
li.dropdown-item
select.form-select.form-select-sm
option(value="usd") $ USD
option(value="eur") € EUR
option(value="ukp") £ UKP
option(value="jpy") ¥ JPY
li
a(href="#").dropdown-item.pb-1
img(src="path-to-image", width="20", alt="Français").me-2
| Français
li
a(href="#").dropdown-item.pb-1
img(src="path-to-image", width="20", alt="Deutsch").me-2
| Deutsch
li
a(href="#").dropdown-item
img(src="path-to-image", width="20", alt="Italiano").me-2
| Italiano
.widget.widget-links.widget-light
ul.widget-list.d-flex.flex-wrap.justify-content-center.justify-content-md-start
li.widget-list-item.me-4
a.widget-list-link(href="#") Outlets
li.widget-list-item.me-4
a.widget-list-link(href="#") Affiliates
li.widget-list-item.me-4
a.widget-list-link(href="#") Support
li.widget-list-item.me-4
a.widget-list-link(href="#") Privacy
li.widget-list-item.me-4
a.widget-list-link(href="#") Terms of use
.col-md-6.text-center.text-md-end.mb-4
.mb-3
a(href="#").btn-social.bs-light.bs-twitter.ms-2.mb-2
i.ci-twitter
a(href="#").btn-social.bs-light.bs-facebook.ms-2.mb-2
i.ci-facebook
a(href="#").btn-social.bs-light.bs-instagram.ms-2.mb-2
i.ci-instagram
a(href="#").btn-social.bs-light.bs-pinterest.ms-2.mb-2
i.ci-pinterest
a(href="#").btn-social.bs-light.bs-youtube.ms-2.mb-2
i.ci-youtube
img(src="path-to-image", width="187", alt="Payment methods").d-inline-block
.pb-4.fs-xs.text-light.opacity-50.text-center.text-md-start
| © All rights reserved. Made by
a.text-light(href="#") SovWare