Page Titles In WoodPecker®
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in mauris arcu. Quisque scelerisque, metus non volutpat commodo.
Code Snippet To Create Above Results
<!-- Container For The Page Title -->
<section class = "container-fluid wdpk-page-title">
<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 -->
$wdpk-page-title-desc-color: #ffffff !default;
$wdpk-page-title-head-color: #ffffff !default;
$wdpk-page-title-top-space: 4rem !default;
$wdpk-page-title-bottom-space: 4rem !default;
$wdpk-gradient-1: #0056c6 !default;
$wdpk-gradient-2: #0bc9cd !default;
$wdpk-page-title-overlay-color: rgba(255,255,255,0) !default;
$wdpk-page-title-bg-map: (
backgroundType: gradient,
gradientType: linear,
color1: $wdpk-gradient-1,
color2: $wdpk-gradient-2,
degree: 0deg,
backgroundImage: url(../../assets/images/page-title.jpg),
backgroundRepeat: none,
backgroundHorPos: top,
backgroundVerPos: center,
backgroundSize: cover
) !default;
$wdpk-page-title-spearator-bg-map: (
backgroundType: color,
gradientType: linear,
color1: #ffffff,
color2: #ffffff,
degree: 0deg,
backgroundImage: url(../../assets/images/background-black.jpg),
backgroundRepeat: repeat-x,
backgroundHorPos: center,
backgroundVerPos: center,
backgroundSize: initial
) !default;
