Cards Shadow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at ullamcorper mauris, vitae imperdiet tortor. Cras aliquet gravida lacus eu auctor
Default Cards With Shadow
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
A Call To Action
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
A Call To Action
<div class = "col-lg-6 my-3">
<div class = "card wdpk-card">
<img src="/assets/images/card-image.jpg" class="card-img-top" alt = "Card image cap"/>
<div class = "card-body">
<h5 class = "card-title">Card title</h5>
<p class = "card-text">Some quick example text to build on the card title and make up
the bulk of the card's content.</p>
<a href = "#" class = "btn btn-primary wdpk-button">A Call To Action</a>
</div>
</div>
</div>
<div class = "col-lg-6 my-3">
<div class = "card wdpk-card">
<div class = "card-body">
<h5 class = "card-title">Card title</h5>
<p class = "card-text">Some quick example text to build on the card title and make up
the bulk of the card's content.</p>
<a href = "#" class = "btn btn-primary wdpk-button">A Call To Action</a>
</div>
</div>
</div>
$wdpk-card-shadow: (
shadowOn: true,
hOffset: 0px,
vOffset: 3px,
blurRadius: 10px,
shadowSpread: 2px,
shadowColor: rgba(0, 0, 0, 0.2)
) !default;
/* No Changes Made To Default Javascript */
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.