Section & Variations › Footer
Available Variations
Starter Kit Codes
<!-- include sections/footer -->
<footer class="footer footer-variation-1">
<div class="top-side">
<div class="container">
<div class="inner-container">
<div class="left-side">
<a href="index.html" class="footer-brand">
<img src="assets/images/logo-vendora.svg" alt="Vendora" height="32">
</a>
<div class="description">
<p>Our target is helping businesses leverage technology for success.</p>
</div>
<form class="form-newsletter" action="#">
<div class="text-container">
<h5>Subscribe to keep up with our news</h5>
</div>
<div class="input-group">
<input type="email" class="form-control" placeholder="Your email">
<button class="btn btn-icon btn-secondary" type="button"><i class="ic ic-paper-plane-right white"></i></button>
</div>
</form>
</div>
<div class="right-side">
<div class="navs">
<div class="nav-col">
<h5>Company</h5>
<ul class="items">
<li><a href="#">About Us</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Investor Relations</a></li>
<li><a href="#">Trust & Safety</a></li>
<li><a href="#">How to Book</a></li>
</ul>
</div>
<div class="nav-col">
<h5>Explore</h5>
<ul class="items">
<li><a href="#">Write a review</a></li>
<li><a href="#">Add a Place</a></li>
<li><a href="#">Travelers' Choice</a></li>
<li><a href="#">Join </a></li>
<li><a href="#">Travel Articles</a></li>
</ul>
</div>
<div class="nav-col">
<h5>Business</h5>
<ul class="items">
<li><a href="#">Owners</a></li>
<li><a href="#">Business Advantage</a></li>
<li><a href="#">Sponsored Placements</a></li>
<li><a href="#">Advertise with Us</a></li>
<li><a href="#">Become an Affiliate</a></li>
</ul>
</div>
<div class="nav-col">
<h5>Support</h5>
<ul class="items">
<li><a href="#">Contact Us</a></li>
<li><a href="#">Payment Options</a></li>
<li><a href="#">Cancellation options</a></li>
<li><a href="#">Accessibility</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-side">
<div class="container">
<div class="inner-container">
<div class="left-side">
<p class="copyrights">© 2025 Vendora. All Rights Reserved.</p>
</div>
<div class="right-side">
<ul class="bottom-navs">
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
<div class="inner-right-side">
<div class="dropdown">
<button class="btn btn-switch-lang dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ic ic-globe"></i><span>Eng (UK)</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Eng (UK)</a></li>
<li><a class="dropdown-item" href="#">Eng (US)</a></li>
</ul>
</div>
<div class="dropdown">
<button class="btn btn-switch-cur dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<span>$ USD</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">$ USD</a></li>
<li><a class="dropdown-item" href="#">$ SGD</a></li>
</ul>
</div>
<div class="footer-social-nav">
<ul class="social-navs">
<li><a href="#"><img src="assets/images/ic-facebook-colored.svg" alt="ic-facebook" class="icon" /></a></li>
<li><a href="#"><img src="assets/images/ic-linkedin-colored.svg" alt="ic-linkedin" class="icon" /></a></li>
<li><a href="#"><img src="assets/images/ic-twitter-colored.svg" alt="ic-twitter" class="icon" /></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
Starter Kit Codes
<!-- include sections/footer -->
<footer class="footer footer-variation-2">
<div class="top-side">
<div class="container">
<div class="inner-container">
<div class="left-side">
<a href="index.html" class="footer-brand">
<img src="assets/images/logo-vendora-light.svg" alt="Vendora" height="32">
</a>
<div class="description">
<p>Our target is helping businesses leverage technology for success.</p>
</div>
<div class="footer-social-nav">
<h5>Social media</h5>
<ul class="social-navs">
<li>
<a href="#">
<img src="assets/images/ic-facebook-white.svg" alt="ic-facebook" class="icon" />
</a>
</li>
<li>
<a href="#">
<img src="assets/images/ic-instagram-white.svg" alt="ic-instagram" class="icon" />
</a>
</li>
<li>
<a href="#">
<img src="assets/images/ic-twitter-white.svg" alt="ic-twitter" class="icon" />
</a>
</li>
<li>
<a href="#">
<img src="assets/images/ic-youtube-white.svg" alt="ic-youtube" class="icon" />
</a>
</li>
</ul>
</div>
</div>
<div class="right-side">
<div class="navs">
<div class="nav-col">
<h5>Company</h5>
<ul class="items">
<li>
<a href="#">About us</a>
</li>
<li>
<a href="#">Careers</a>
</li>
<li>
<a href="#">Pricing</a>
</li>
<li>
<a href="#">Customers</a>
</li>
<li>
<a href="#">Partners</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
<div class="nav-col">
<h5>Shop</h5>
<ul class="items">
<li>
<a href="#">Gift cards</a>
</li>
<li>
<a href="#">Our Products</a>
</li>
<li>
<a href="#">My Account</a>
</li>
<li>
<a href="#">Shipping</a>
</li>
<li>
<a href="#">Returns</a>
</li>
</ul>
</div>
<div class="nav-col">
<h5>Resources</h5>
<ul class="items">
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="#">Newslatter</a>
</li>
<li>
<a href="#">Support</a>
</li>
<li>
<a href="#">Tutorial</a>
</li>
<li>
<a href="#">Interview</a>
</li>
</ul>
</div>
<div class="nav-col">
<h5>Support</h5>
<ul class="items">
<li>
<a href="#">Help Center</a>
</li>
<li>
<a href="#">Privacy Statement</a>
</li>
<li>
<a href="#">Status</a>
</li>
<li>
<a href="#">Privacy Request</a>
</li>
<li>
<a href="#">Privacy Opt-Out</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="secondary-side">
<div class="container">
<div class="inner-container">
<div class="left-side">
<div class="footer-download-app">
<h5>Download our app</h5>
<ul>
<li><img src="assets/images/footer-download-app-1.png" /></li>
<li><img src="assets/images/footer-download-app-2.png" /></li>
</ul>
</div>
</div>
<div class="right-side">
<div class="footer-payments">
<h5>Accepted Payments</h5>
<ul>
<li><img src="assets/images/footer-payment-1.png" /></li>
<li><img src="assets/images/footer-payment-2.png" /></li>
<li><img src="assets/images/footer-payment-3.png" /></li>
<li><img src="assets/images/footer-payment-4.png" /></li>
<li><img src="assets/images/footer-payment-5.png" /></li>
<li><img src="assets/images/footer-payment-6.png" /></li>
<li><img src="assets/images/footer-payment-7.png" /></li>
<li><img src="assets/images/footer-payment-8.png" /></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-side">
<div class="container">
<div class="inner-container">
<div class="left-side">
<p class="copyrights">© 2025 Vendora. All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</footer>
Starter Kit Codes
<!-- include sections/footer -->
<footer class="footer footer-variation-3">
<div class="top-side">
<div class="container">
<div class="inner-container">
<div class="left-side">
<h4 class="section-title">Let's Stay in Touch</h4>
<div class="description">
<p>Get exclusive offers, new product previews, event invites, tips, and more</p>
</div>
<form class="form-newsletter" action="#">
<div class="input-group">
<input type="email" class="form-control" placeholder="Your email">
<button class="btn btn-icon btn-outline-dark-4" type="button">Subscribe</button>
</div>
</form>
<div class="footer-social-nav">
<h5>Social media</h5>
<ul class="social-navs">
<li>
<a href="#">
<img src="assets/images/ic-facebook-colored.svg" alt="ic-facebook" class="icon" />
</a>
</li>
<li>
<a href="#">
<img src="assets/images/ic-twitter-colored.svg" alt="ic-twitter" class="icon" />
</a>
</li>
<li>
<a href="#">
<img src="assets/images/ic-linkedin-colored.svg" alt="ic-linkedin" class="icon" />
</a>
</li>
</ul>
</div>
</div>
<div class="right-side">
<div class="navs">
<div class="nav-col">
<h5>Company</h5>
<ul class="items">
<li>
<a href="#">About Us</a>
</li>
<li>
<a href="#">Press</a>
</li>
<li>
<a href="#">Careers</a>
</li>
<li>
<a href="#">Investor Relations</a>
</li>
<li>
<a href="#">Trust & Safety</a>
</li>
<li>
<a href="#">How to Book</a>
</li>
</ul>
</div>
<div class="nav-col">
<h5>Business</h5>
<ul class="items">
<li>
<a href="#">Owners</a>
</li>
<li>
<a href="#">Business Advantage</a>
</li>
<li>
<a href="#">Sponsored Placements</a>
</li>
<li>
<a href="#">Advertise with Us</a>
</li>
<li>
<a href="#">Become an Affiliate</a>
</li>
</ul>
</div>
<div class="nav-col">
<h5>Support</h5>
<ul class="items">
<li>
<a href="#">Contact Us</a>
</li>
<li>
<a href="#">Payment Options</a>
</li>
<li>
<a href="#">Cancellation options</a>
</li>
<li>
<a href="#">Accessibility</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-side">
<div class="container">
<div class="inner-container">
<div class="left-side">
<a href="index.html" class="footer-brand">
<img src="assets/images/logo-vendora.svg" alt="Vendora" height="32">
</a>
<p class="copyrights">© 2025 Vendora. All Rights Reserved.</p>
</div>
<div class="right-side">
<div class="inner-right-side">
<div class="dropdown">
<button class="btn btn-switch-lang dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ic ic-globe"></i><span>Eng (UK)</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Eng (UK)</a></li>
<li><a class="dropdown-item" href="#">Eng (US)</a></li>
</ul>
</div>
<div class="dropdown">
<button class="btn btn-switch-cur dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<span>$ USD</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">$ USD</a></li>
<li><a class="dropdown-item" href="#">$ SGD</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>