Infobox Solid Color
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at ullamcorper mauris, vitae imperdiet tortor. Cras aliquet gravida lacus eu auctor
Infobox - Ready Cards To Display Information
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<div class = "col-lg-4 my-3">
<div class = "card wdpk-infobox">
<div class = "card-body">
<div class = "wdpk-infobox-icon"><i class = "fas fa fa-apple"></i></div>
<h5 class = "card-title wdpk-infobox-title">Card title</h5>
<p class = "card-text wdpk-infobox-text">Some quick example text to build on the card title and make up
the bulk of the card's content.</p>
</div>
</div>
</div>
<div class = "col-lg-4 my-3">
<div class = "card wdpk-infobox">
<div class = "card-body">
<div class = "wdpk-infobox-icon"><i class="fas fa fa-bell"></i></i></div>
<h5 class = "card-title wdpk-infobox-title">Card title</h5>
<p class = "card-text wdpk-infobox-text">Some quick example text to build on the card title and make up
the bulk of the card's content.</p>
</div>
</div>
</div>
<div class = "col-lg-4 my-3">
<div class = "card wdpk-infobox">
<div class = "card-body">
<div class = "wdpk-infobox-icon"><i class="fab fa fa-android"></i></div>
<h5 class = "card-title wdpk-infobox-title">Card title</h5>
<p class = "card-text wdpk-infobox-text">Some quick example text to build on the card title and make up
the bulk of the card's content.</p>
</div>
</div>
</div>
$wdpk-white: #fff !default;
$wdpk-gray-100: #f8f9fa !default;
$wdpk-gray-200: #e9ecef !default;
$wdpk-gray-300: #dee2e6 !default;
$wdpk-gray-400: #ced4da !default;
$wdpk-gray-500: #adb5bd !default;
$wdpk-primary-color: #0056c6 !default;
$wdpk-gradient-1: #0056c6 !default;
$wdpk-gradient-2: #0bc9cd !default;
$wdpk-infobox-icon-color: $wdpk-white !default;
$wdpk-infobox-icon-background-color: transparent !default;
$wdpk-infobox-icon-background-hover-color: transparent !default;
$wdpk-infobox-icon-border-color: $wdpk-white !default;
$wdpk-infobox-icon-border-hover-color: $wdpk-white !default;
$wdpk-infobox-title-color: $wdpk-white !default;
$wdpk-infobox-description-color: $wdpk-gray-100 !default;
$wdpk-infobox-background-map: (
backgroundType: color,
gradientType: linear,
color1: $wdpk-gradient-1,
color2: $wdpk-gradient-2,
degree: 0deg,
backgroundImage: url(../../assets/images/background-black.jpg),
backgroundRepeat: repeat-x,
backgroundHorPos: center,
backgroundVerPos: center,
backgroundSize: initial
) !default;
$wdpk-infobox-border: (
borderTop: false,
borderTopColor: $wdpk-gray-200,
borderTopWidth: 1px,
borderTopStyle: solid,
borderRight: false,
borderRightColor: $wdpk-gray-200,
borderRightWidth: 1px,
borderRightStyle: solid,
borderBottom: false,
borderBottomColor: $wdpk-gray-200,
borderBottomWidth: 1px,
borderBottomStyle: solid,
borderLeft: false,
borderLeftColor: $wdpk-gray-200,
borderLeftWidth: 1px,
borderLeftStyle: solid,
borderRadius: false,
) !default;
/* No Changes Made To Default Javascript */
