Footer With Equal Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In leo tortor, pulvinar vitae dui eu, imperdiet eleifend est. Proin tempus urna elit, et tristique felis luctus quis.
WoodPecker® is a modular design system crafted to make creating layouts easy for the developers. Now instead of fucussing on the low level detail of developing these modules, you can simple use the existing modules to create fantasstic layouts.
Code Snippet For Footer
<section id="wdpk-footer" class = "container-fluid wdpk-footer">
<div class = "row">
<div class = "container">
<div class = "row">
<div class = "col wdpk-footer-column">
<img src = "/assets/images/WoodPecker-logo-white.png" width = "80%" height = "auto" />
<p class="mt-3 px-1">WoodPecker® is a modular design system crafted to make creating layouts easy for the developers.
Now instead of fucussing on the low level detail of developing these modules, you can simple use
the existing modules to create fantasstic layouts. </p>
</div>
<div class = "col-1 wdpk-footer-column">
</div>
<div class = "col wdpk-footer-column">
<h6 class = "wdpk-footer-heading">Our Services</h6>
<div class = "wdpk-footer-list">
<a href = "#" class = "wdpk-footer-list-link">
Web Design
</a>
<a href = "#" class = "wdpk-footer-list-link">
Logo Design
</a>
<a href = "#" class = "wdpk-footer-list-link">
Web Development
</a>
<a href = "#" class = "wdpk-footer-list-link">
Mobile Apps
</a>
<a href = "#" class = "wdpk-footer-list-link">
WordPress
</a>
<a href = "#" class = "wdpk-footer-list-link">
User Experience
</a>
</div>
</div>
<div class = "col wdpk-footer-column">
<h6 class = "wdpk-footer-heading">Support </h6>
<div class = "wdpk-footer-list">
<a href = "#" class = "wdpk-footer-list-link">
Forum
</a>
<a href = "#" class = "wdpk-footer-list-link">
Knowledgebase
</a>
<a href = "#" class = "wdpk-footer-list-link">
Raise Ticket
</a>
<a href = "#" class = "wdpk-footer-list-link">
Live Chat
</a>
<a href = "#" class = "wdpk-footer-list-link">
FAQ's
</a>
<a href = "#" class = "wdpk-footer-list-link">
Phone Support
</a>
</div>
</div>
<div class = "col wdpk-footer-column">
<h6 class = "wdpk-footer-heading">About Us</h6>
<div class = "wdpk-footer-list">
<a href = "#" class = "wdpk-footer-list-link">
Company
</a>
<a href = "#" class = "wdpk-footer-list-link">
Legacy
</a>
<a href = "#" class = "wdpk-footer-list-link">
Out Team
</a>
<a href = "#" class = "wdpk-footer-list-link">
Our Clients
</a>
<a href = "#" class = "wdpk-footer-list-link">
Locations
</a>
<a href = "#" class = "wdpk-footer-list-link">
Management
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class = "container-fluid wdpk-footer-copyright">
<div class = "row">
<div class = "container">
<div class = "row">
<div class = "col wdpk-footer-column d-flex">
<span class = "align-self-center">
© 2019 WoodPecker® HTML Template. All Rights Reserved
</span>
</div>
<div class = "col wdpk-footer-column wdpk-footer-social">
<!-- Social Item for footer -->
<a href = "#" class = "wdpk-footer-social-wrap wdpk-facebook">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-facebook"></i>
</div>
</a>
<!-- /Social Item for footer -->
<!-- Social Item for footer -->
<a href = "#" class = "wdpk-footer-social-wrap wdpk-twitter">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-twitter"></i>
</div>
</a>
<!-- /Social Item for footer -->
<!-- Social Item for footer -->
<a href = "#" class = "wdpk-footer-social-wrap wdpk-google">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-google-plus"></i>
</div>
</a>
<!-- /Social Item for footer -->
<!-- Social Item for footer -->
<a href = "#" class = "wdpk-footer-social-wrap wdpk-behance">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-behance"></i>
</div>
</a>
<!-- /Social Item for footer -->
<!-- Social Item for footer -->
<a href = "#" class = "wdpk-footer-social-wrap wdpk-youtube">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-youtube"></i>
</div>
</a>
<!-- /Social Item for footer -->
<!-- Social Item for footer -->
<a href = "#" class = "wdpk-footer-social-wrap wdpk-vimeo">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-vimeo"></i>
</div>
</a>
<!-- /Social Item for footer -->
<!-- Social Item for footer -->
<a href = "#" class = "wdpk-footer-social-wrap wdpk-linkedin">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-linkedin"></i>
</div>
</a>
<!-- /Social Item for footer -->
<!-- Social Item for footer -->
<a href = "#" class = "wdpk-footer-social-wrap wdpk-pinterest">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-pinterest"></i>
</div>
</a>
<!-- /Social Item for footer -->
<!-- Social Item for footer -->
<a href = "#" class = "wdpk-footer-social-wrap wdpk-rss">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-rss"></i>
</div>
</a>
<!-- /Social Item for footer -->
</div>
</div>
</div>
</div>
</section>
/** No Changes Needed **/
/** No Changes Needed **/