Footer With Full Width
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.
Gallery
Code Snippet For Footer
<section class = "container-fluid wdpk-footer mt-5">
<div class = "row">
<div class = "container-fluid">
<div class = "row">
<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 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">Gallery</h6>
<div id = "wdpk-light-gallery-1" class = "card-columns wdpk-light-gallery">
<div class = "card">
<div class = "wdpk-light-gallery-cont" data-src = "/assets/images/gallery/gallery-1.jpg">
<span class = "wdpk-light-gallery-hover"><i class = "fas fa fa-search"></i></span>
<img src = "/assets/images/gallery/gallery-1.jpg" class = "wdpk-light-gallery-img">
</div>
</div>
<div class = "card">
<div class = "wdpk-light-gallery-cont" data-src = "/assets/images/gallery/gallery-2.jpg">
<span class = "wdpk-light-gallery-hover"><i class = "fas fa fa-search"></i></span>
<img src = "/assets/images/gallery/gallery-2.jpg" class = "wdpk-light-gallery-img">
</div>
</div>
<div class = "card">
<div class = "wdpk-light-gallery-cont" data-src = "/assets/images/gallery/gallery-3.jpg">
<span class = "wdpk-light-gallery-hover"><i class = "fas fa fa-search"></i></span>
<img src = "/assets/images/gallery/gallery-3.jpg" class = "wdpk-light-gallery-img">
</div>
</div>
<div class = "card">
<div class = "wdpk-light-gallery-cont" data-src = "/assets/images/gallery/gallery-4.jpg">
<span class = "wdpk-light-gallery-hover"><i class = "fas fa fa-search"></i></span>
<img src = "/assets/images/gallery/gallery-4.jpg" class = "wdpk-light-gallery-img">
</div>
</div>
<div class = "card">
<div class = "wdpk-light-gallery-cont" data-src = "/assets/images/gallery/gallery-5.jpg">
<span class = "wdpk-light-gallery-hover"><i class = "fas fa fa-search"></i></span>
<img src = "/assets/images/gallery/gallery-5.jpg" class = "wdpk-light-gallery-img">
</div>
</div>
<div class = "card">
<div class = "wdpk-light-gallery-cont" data-src = "/assets/images/gallery/gallery-6.jpg">
<span class = "wdpk-light-gallery-hover"><i class = "fas fa fa-search"></i></span>
<img src = "/assets/images/gallery/gallery-6.jpg" class = "wdpk-light-gallery-img">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class = "container-fluid wdpk-footer-copyright">
<div class = "row">
<div class = "container-fluid">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<div class = "wdpk-footer-social-item">
<i class = "fab fa fa-rss"></i>
</div>
</a>
<!-- /Social Item for footer -->
</div>
</div>
</div>
</div>
</section>
$wdpk-card-columns-gap: .15rem !default;
$wdpk-card-columns-margin: .15rem !default;
$wdpk-card-border-width: 0px !default;
$wdpk-card-border-radius: 0px !default;
$wdpk-light-gallery-icon-size: .7rem !default;
$wdpk-light-gallery-icon-padding: 7px !default;
$wdpk-footer-list-separators: true !default;
jQuery(document).ready(function ()
{
if (jQuery(".wdpk-light-gallery").length !== 0)
{
let obj = {
selectorID: 'wdpk-light-gallery-1',
thumbnail: true,
animateThumb: false,
showThumbByDefault: false
};
require(["app/shortcodes/wdpkLightGallery"], function (e)
{
e.publicCall(obj);
});
}
});
