Mauris pulvinar metus sed nibh iaculis nec congue lacus ultrices vestibulum ac consequat sapien quis interdum tortor in tincidunt nisl sit amet egestas fermentum donec ut nibh eu nibh.
Subscribe
Quick links
Our Services
Copyright @ yourdomain.com. All Rights Reserved.
HTML Code
<div class="w-100 bg-viridian-500 text-white-50">
<div class="py-5">
<div class="container">
<div class="row py-5">
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="widget">
<img class="img-fluid d-block mb-4" src="../../assets/svg/upload/logo-light.svg" alt="logo" data-width="146px" data-height="42px">
<div data-height="5px"></div>
<p>Mauris pulvinar metus sed nibh iaculis nec congue lacus ultrices vestibulum ac consequat sapien quis interdum tortor in tincidunt nisl sit amet egestas fermentum donec ut nibh eu nibh.</p>
</div>
<div class="row">
<div class="col-md-8 col-lg-12">
<div class="widget">
<h6 class="widget-title text-white text-uppercase font-weight-700">Subscribe</h6>
<form class="form-light-1">
<div class="input-group input-group-lg input-group-round">
<div class="input-group-inner">
<input type="email" class="form-control form-control-lg" placeholder="Your email address">
<div class="input-group-append">
<button class="btn btn-lg btn-round btn-primary shadow-none mb-0" type="button">Subscribe</button>
</div>
<div class="input-focus-bg"></div>
</div>
</div>
<small class="form-text mt-3">Personal data will be encrypted.</small>
</form>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row">
<div class="col-md-6 mb-5 mb-lg-0">
<div class="widget">
<h6 class="widget-title text-white text-uppercase font-weight-700">Quick links</h6>
<ul class="custom-list fa-ul mb-0 ml-4">
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Homepage</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">About Us</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Services</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Portfolio</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">News & Event</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Plans & Pricing</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Contact Us</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 mb-5 mb-lg-0">
<div class="widget">
<h6 class="widget-title text-white text-uppercase font-weight-700">Our Services</h6>
<ul class="custom-list fa-ul mb-0 ml-4">
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Accounting</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Consulting</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Marketing</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">SEO Services</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Programming</a>
</li>
<li><span class="fa-li"><i class="fas fa-angle-right text-primary"></i></span>
<a href="#" class="text-white-50 text-hover-primary">Mobile App</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h6 class="widget-title text-white text-uppercase font-weight-700">Get in touch</h6>
<div class="row mb-3">
<div class="col-2 col-lg-3 col-xl-2">
<span class="text-white font-weight-500">Address</span>
</div>
<div class="col-10 col-lg-9 col-xl-10">
<div class="pl-2">
2926 Kincheloe Road<br>Portland Oregon 97229
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-2 col-lg-3 col-xl-2">
<span class="text-white font-weight-500">Phone</span>
</div>
<div class="col-10 col-lg-9 col-xl-10">
<div class="pl-2">
1-407-587-6602<br>
1-557-846-9057
</div>
</div>
</div>
<div class="row">
<div class="col-2 col-lg-3 col-xl-2">
<span class="text-white font-weight-500">Email</span>
</div>
<div class="col-10 col-lg-9 col-xl-10">
<div class="pl-2">
contact@domain.com
</div>
</div>
</div>
</div>
<div class="widget">
<h6 class="widget-title text-white text-uppercase font-weight-700 mb-4">Follow Us</h6>
<div class="d-flex ml-n2">
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-primary" data-width="36px" data-height="36px"><i class="fab fa-facebook-f"></i></a>
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-primary" data-width="36px" data-height="36px"><i class="fab fa-twitter"></i></a>
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-primary" data-width="36px" data-height="36px"><i class="fab fa-linkedin-in"></i></a>
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-primary" data-width="36px" data-height="36px"><i class="fab fa-instagram"></i></a>
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-primary" data-width="36px" data-height="36px"><i class="fab fa-vimeo-v"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom py-4">
<div class="container footer-bottom-container">
<div class="row py-3">
<div class="col-lg-6 text-center text-lg-left mb-2 mb-lg-0">
<small>Copyright @ <a href="#">yourdomain.com</a>. All Rights Reserved.</small>
</div>
<div class="col-lg-6 text-center text-lg-right">
<a href="#" class="text-white-50 text-hover-primary mr-4">Terms</a>
<a href="#" class="text-white-50 text-hover-primary">Privacy Policy</a>
</div>
</div>
</div>
</div>
</div>