<!-- Container For The Page Title -->
<section class = "container-fluid wdpk-page-title wdpk-bg-slider">
<div class = "row wdpk-page-title-wrapper">
<div class = "container">
<div class = "row">
<div class = "col-lg-8 offset-lg-2 wdpk-page-title-content">
<section class = "col-lg-12 wdpk-page-title-heading text-center">
<h2 class = "wdpk-page-title-heading">Page Titles In WoodPecker®</h2>
<p class = "wdpk-page-title-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce
in mauris arcu. Quisque scelerisque, metus non volutpat
commodo.
</p>
<div class = "wdpk-page-title-separator-wrapper justify-content-center mb-0">
<span class = "wdpk-page-title-separator"></span>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<!-- /Conatiner For The Page Title -->
jQuery(document).ready(function ()
{
if (jQuery(".wdpk-bg-slider").length !== 0)
{
let obj = {
selector: '.wdpk-bg-slider',
autoplay: true, // Start the Slideshow automatically.
loop: true, // Loop the Slideshow.
delay: 20000, // Delay beetween slides in milliseconds.
cover: true,
align: 'center',
valign: 'center',
animation: 'kenburns',
timer: false,
animationDuration: 20000,
slides: [
{src: "/woodpecker-html/assets/images/page-title-2.jpg"},
{src: "/woodpecker-html/assets/images/page-title.jpg"},
],
};
require(["app/shortcodes/wdpkBackgroundSlider"], function (e)
{
e.publicCall(obj);
});
}
});
