White footer
White style of footer layouts.
White footer #1 #
<footer id="section-04" class="main-footer main-footer-style-02 pt-13 pb-42">
<div class="footer-second">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg mb-6 mb-lg-0">
<h5 class="font-weight-normal mb-4">Customers</h5>
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="#" class="link-hover-secondary-primary">Join Thedir</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="#" class="link-hover-secondary-primary">Become Provider</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="#" class="link-hover-secondary-primary">Sitemap</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="#" class="link-hover-secondary-primary">Hire Smart</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="#" class="link-hover-secondary-primary">Service Near Me</a>
</li>
</ul>
</div>
<div class="col-md-6 col-lg mb-6 mb-lg-0">
<h5 class="font-weight-normal mb-4">
Company
</h5>
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="../page-about.html" class="link-hover-secondary-primary">About</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="../page-contact.html" class="link-hover-secondary-primary">Contact</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="#" class="link-hover-secondary-primary" >Testimonials</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="../blog-listing-grid.html" class="link-hover-secondary-primary">Blog</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="#" class="link-hover-secondary-primary">Careers</a>
</li>
</ul>
</div>
<div class="col-md-6 col-lg mb-6 mb-lg-0">
<h5 class="font-weight-normal mb-4">
Help Center
</h5>
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="../page-faqs.html" class="link-hover-secondary-primary">FAQS</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="../page-pricing-plan.html" class="link-hover-secondary-primary">Pricing Plan</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="../page-privacy-policy.html" class="link-hover-secondary-primary">Policy</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="../page-terms-and-condition.html" class="link-hover-secondary-primary">Terms & Condition</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="#" class="link-hover-secondary-primary">Affiliate Program</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="#" class="link-hover-secondary-primary">Merchandise</a>
</li>
<li class="list-group-item px-0 bg-transparent py-0 lh-lg">
<a href="../page-how-it-work.html" class="link-hover-secondary-primary">How It Works</a>
</li>
</ul>
</div>
<div class="col-md-6 col-lg-4 mb-6 mb-lg-0">
<h5 class="font-weight-normal mb-4">Newsletter</h5>
<div class="mb-5">Subscribe to our newsletter to get the latest jobs
posted, candidates ,and other latest news stay updated.
</div>
<div class="form-newsletter">
<form>
<div class="input-group">
<input type="text"
class="form-control"
placeholder="Email Address... ">
<button type="button" class="input-group-append btn btn-info px-4 font-size-lg lh-13">
<i class="fal fa-chevron-right"></i>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer-last mt-12">
<div class="container">
<div class="row align-items-center footer-last-container">
<div class="col-lg-8 mb-3 mb-lg-0">
<div >
© 2020 <a href="../index.html" class="link-hover-dark-primary font-weight-semibold">The Dir.</a> All Rights Resevered. Design by <a
href="http://g5plus.net/" class="link-hover-dark-primary font-weight-semibold">G5Theme</a>
</div>
</div>
<div class="col-lg-4">
<div class="social-icon light-color d-flex align-items-center flex-wrap">
<span class="d-inline-block mr-4">Follow us on:</span>
<ul class="list-inline">
<li class="list-inline-item mr-5">
<a target="_blank" title="Twitter" href="#">
<i class="fab fa-twitter">
</i>
<span>Twitter</span>
</a>
</li>
<li class="list-inline-item mr-5">
<a target="_blank" title="Facebook" href="#">
<i class="fab fa-facebook-f">
</i>
<span>Facebook</span>
</a>
</li>
<li class="list-inline-item mr-5">
<a target="_blank" title="Google plus" href="#">
<svg class="icon icon-google-plus-symbol">
<use xlink:href="#icon-google-plus-symbol"></use>
</svg>
<span>Google plus</span>
</a>
</li>
<li class="list-inline-item mr-5">
<a target="_blank" title="Instagram" href="#">
<svg class="icon icon-instagram">
<use xlink:href="#icon-instagram"></use>
</svg>
<span>Instagram</span>
</a>
</li>
<li class="list-inline-item mr-5">
<a target="_blank" title="Rss" href="#">
<i class="fas fa-rss"></i>
<span>Rss</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="back-top text-left text-md-right">
<a href="#" class="gtf-back-to-top"><i class="fal fa-chevron-circle-up"></i></a>
</div>
</div>
</footer>