Widgets
Search Widget
<div class="widget">
<h6 class="widget-title">Search</h6>
<div class="input-group input-w-overlap-btn mb-0">
<input type="text" class="form-control rounded" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-sm btn-primary rounded-sm overlapping-btn" type="button">
<i class="bi-search mr-5"></i>
<span>Search</span>
</button>
</span><!-- / input-group-btn -->
</div><!-- / input-group -->
</div><!-- / widget -->
Logo & Text
<div class="widget">
<img src="../assets/images/logo.png" alt="" class="widget-title footer-logo">
<p>Morbi eu orci quis purus vehicula lacinia ut non massa. Etiam iaculis commodo ante.</p>
<p class="mb-0">Quisque imperdiet odio elementum, convallis urna non, elementum.</p>
</div><!-- / widget -->
Links List
<div class="widget">
<h6 class="widget-title">Links List</h6>
<div class="row">
<div class="col-6">
<ul class="list-unstyled list-icon list-arrow list-primary list-has-link menu-list mb-0 tablet-lg-top">
<li class="mb-15"><a href="#x">Home</a></li>
<li class="mb-15"><a href="#x">About</a></li>
<li class="mb-15"><a href="#x">Services</a></li>
<li class="mb-0"><a href="#x">Apps</a></li>
</ul><!-- / list-unstyled -->
</div><!-- / column -->
<div class="col-6">
<ul class="list-unstyled list-icon list-arrow list-primary list-has-link menu-list mb-0">
<li class="mb-15"><a href="#x">Shop</a></li>
<li class="mb-15"><a href="#x">Team</a></li>
<li class="mb-15"><a href="#x">Blog</a></li>
<li class="mb-0"><a href="#x">Contact</a></li>
</ul><!-- / list-icon -->
</div><!-- / column -->
</div><!-- / row -->
</div><!-- / widget -->
Newsletter
<div class="widget">
<h6 class="widget-title">Newsletter</h6>
<p class="mb-20">Quisque aliquet lorem nec dui posuere des et, scelerisque ultrices metus aliquam.</p>
<div class="input-group input-w-overlap-btn mb-0">
<input type="text" class="form-control rounded" placeholder="Email Address">
<span class="input-group-btn">
<button class="btn btn-sm btn-primary lh-0 overlapping-btn big-btn rounded-sm" type="button"><i class="bi-send mr-5"></i> Subscribe</button>
</span><!-- / input-group-btn -->
</div><!-- / input-group -->
</div><!-- / widget -->
Social Feed
<div class="widget">
<h6 class="widget-title">Social Feed</h6>
<p class="mb-20"><span class="fab fa-twitter fs-24 text-twitter va-top mr-5 mb-5"></span> <span class="va-top"><a href="#x">#lorem</a> ipsum vel libero ut digisim. Nullam <a href="#x">lipsum.com</a> quam.</span></p>
<p class="mb-0"><span class="fab fa-twitter fs-24 text-twitter va-top mr-5 mb-5"></span> <span class="va-top">Quisque <a href="#x">#quisque</a> ultrices metus aliquam faucibus ligula.</span></p>
</div><!-- / widget -->
Contact
<div class="widget">
<h6 class="widget-title">Contact Us</h6>
<ul class="list-unstyled mb-0 menu-list">
<li class="mb-15 fw-regular"><i class="bi-map va-middle text-primary mr-5"></i> <span class="va-middle">New York, Prince Street, 4733</span></li>
<li class="mb-15"><a href="tel:01234567890"><i class="bi-telephone fa-rotate-90 va-middle text-primary mr-5"></i> <span class="va-middle">0123 4567 890</span></a></li>
<li class="mb-15"><a href="mailto:office@yoursite.com"><i class="bi-envelope-open va-middle text-primary mr-5"></i> <span class="va-middle">office@yoursite.com</span></a></li>
<li class="mb-0"><a href="mailto:support@yoursite.com"><i class="bi-envelope-open va-middle text-primary mr-5"></i> <span class="va-middle">support@yoursite.com</span></a></li>
</ul><!-- / menu-list -->
</div><!-- / widget -->
Recent Posts
<div class="widget">
<h6 class="widget-title">Recent Posts</h6>
<div class="post-widget">
<ul class="list-unstyled mb-0">
<li>
<div class="recent-post first">
<div class="recent-post-image">
<img src="../assets/images/ph.jpg" alt="" class="raised-xs">
</div><!-- / recent-post-image -->
<div class="recent-post-content">
<a href="#x" class="recent-post-title">Post One</a>
<p class="post-tag">Travel</p>
<p class="post-date opc-75"><i class="bi-clock text-primary mr-5 va-middle"></i><span class="va-middle">Apr 02, 2022</span></p>
</div><!-- / recent-post-content -->
</div><!-- / recent-posts -->
</li>
<li>
<div class="recent-post last">
<div class="recent-post-image">
<img src="../assets/images/ph.jpg" alt="" class="raised-xs">
</div><!-- / recent-post-image -->
<div class="recent-post-content">
<a href="#x" class="recent-post-title">Post Two</a>
<p class="post-tag">Food</p>
<p class="post-date opc-75"><i class="bi-clock text-primary mr-5 va-middle"></i><span class="va-middle">Apr 03, 2022</span></p>
</div><!-- / recent-post-content -->
</div><!-- / recent-posts -->
</li>
</ul><!-- / list-unstyled -->
</div><!-- / post-widget -->
</div><!-- / widget -->
<div class="widget">
<h6 class="widget-title">Instagram Feed</h6>
<div class="instagram-widget">
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
<a href="#x"><img src="../assets/images/ph-mini.jpg" alt="" class="raised-xs"></a>
</div><!-- / instagram-widget -->
</div><!-- / widget -->











