<section class="bg-light overflow-hidden">
<div class="row">
<div class="col-12 col-md-5 col-lg-3 py-20 px-6 bg-white">
<div class="mw-xs mx-auto">
<a class="d-inline-block mb-12" href="#">
<img class="img-fluid" src="yofte-assets/logos/yofte-logo.svg" alt="">
</a>
<div class="mb-12 font-semibold">
<p>Our Store</p>
<p>Nørremark 51, 8700 Horsens</p>
<p>Denmark</p>
</div>
<div class="d-flex mb-16 mb-md-40">
<a class="d-inline-block me-2" href="#">
<img class="img-fluid" src="yofte-assets/buttons/facebook-circle.svg" alt="">
</a>
<a class="d-inline-block me-2" href="#">
<img class="img-fluid" src="yofte-assets/buttons/instagram-circle.svg" alt="">
</a>
<a class="d-inline-block" href="#">
<img class="img-fluid" src="yofte-assets/buttons/twitter-circle.svg" alt="">
</a>
</div>
<div class="row">
<div class="col-4">
<img class="img-fluid" src="yofte-assets/brands/visa.svg" alt="">
</div>
<div class="col-4">
<img class="img-fluid" src="yofte-assets/brands/paypal.svg" alt="">
</div>
<div class="col-4">
<img class="img-fluid" src="yofte-assets/brands/mastercard.svg" alt="">
</div>
</div>
</div>
</div>
<div class="col-12 col-md-7 col-lg-9 py-20 px-6 ps-lg-40">
<ul class="row mb-16 list-unstyled">
<li class="col-6 col-lg-4 col-xl-auto mb-3"><a class="btn btn-light-light py-2 text-center rounded-pill" href="#">Category</a></li>
<li class="col-6 col-lg-4 col-xl-auto mb-3"><a class="btn btn-light-light py-2 text-center rounded-pill" href="#">Collection</a></li>
<li class="col-6 col-lg-4 col-xl-auto mb-3"><a class="btn btn-light-light py-2 text-center rounded-pill" href="#">Story</a></li>
<li class="col-6 col-lg-4 col-xl-auto mb-3"><a class="btn btn-light-light py-2 text-center rounded-pill" href="#">Brand</a></li>
<li class="col-6 col-lg-4 col-xl-auto mb-3"><a class="btn btn-light-light py-2 text-center rounded-pill" href="#">Partners</a></li>
<li class="col-6 col-lg-4 col-xl-auto mb-3"><a class="btn btn-light-light py-2 text-center rounded-pill" href="#">Videos</a></li>
</ul>
<div class="row pb-20 border-bottom">
<div class="col-12 col-md-6 col-lg-4 mb-10 mb-lg-0">
<h6 class="mb-8">Information</h6>
<ul class="list-unstyled mb-0">
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Newsroom</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Story</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Yofte Careers</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Investor Relations</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Reward program</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Delivery information</a></li>
<li><a class="link-dark text-decoration-none" href="#">Paying by invoice</a></li>
</ul>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-10 mb-lg-0">
<h6 class="mb-8">Customer Service</h6>
<ul class="list-unstyled mb-0">
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Return an order</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Search Terms</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Advanced Search</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Orders and Returns</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">FAQs</a></li>
<li class="mb-6"><a class="link-dark text-decoration-none" href="#">Store Location</a></li>
<li><a class="link-dark text-decoration-none" href="#">Contact Us</a></li>
</ul>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h6 class="mb-8">Contact Us</h6>
<ul class="list-unstyled">
<li class="mb-6">
<p class="mb-2">Mobile</p>
<a class="link-info text-decoration-none" href="#">+39 4097 533 32 331</a>
</li>
<li class="mb-6">
<p class="mb-2">Email</p>
<a class="link-info text-decoration-none" href="#">[email protected]</a>
</li>
<li>
<p class="mb-2">Live Chat</p>
<a class="link-info text-decoration-none" href="#">yoftestore</a>
</li>
</ul>
</div>
</div>
<div class="position-relative mt-8 pb-32 pb-lg-0">
<p>© Copyright 2021 Yofte</p>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 5
- Application 38
- Banner 10
- Blog 43
- Call to action 75
- Contact 23
- Content 4
- Content 45
- Cookies 31
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 29
- Features 108
- Footer 27
- Footers 10
- Graphs 9
- HTTP codes 32
- Headers 75
- How it works 29
- Logo clouds 51
- Modals 3
- Navbar 40
- Navigation (horizontal) 63
- Navigation (vertical) 4
- Newsletter 31
- Portfolio 29
- Pricing 25
- Projects 9
- Reviews 5
- Sign in / Sign up 55
- Stats 45
- Tables 25
- Team 24
- Testimonials 25
- Users 8
Footer is the place where you will put the site navigation and all the relevant information. That is why it is worth putting some effort into its design, prioritizing vital information and links over the less important ones.
Choose from many variants of Bootstrap components footers. The variants shown here are available in various UI libraries in the Shuffle Editor. You will also find many other types of components that will be in the same style. This will allow you to build a comprehensive Bootstrap website template. Each library is designed by a professional designer and coded by our team of developers.
Get access to all Bootstrap components footers section, code and our editor. Try the demo for free.
Component #1
