Skip to content

Instantly share code, notes, and snippets.

@SitesByYogi
Last active October 16, 2022 17:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save SitesByYogi/96e186969b903eea0f7616fe90ccf9f6 to your computer and use it in GitHub Desktop.
Save SitesByYogi/96e186969b903eea0f7616fe90ccf9f6 to your computer and use it in GitHub Desktop.
<div class="tmpl-about-16 boldgrid-section dynamic-gridblock color2-background-color color-2-text-contrast bg-background-color" style="border-width: 0px; background-image: linear-gradient(to left, rgba(247, 247, 247, 0.81), rgba(247, 247, 247, 0.81)), url('https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2022/10/f2184fd912bfad570c83049c2b736def.jpg'); background-size: cover; background-position: 50% 50%;" data-image-url="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2022/10/f2184fd912bfad570c83049c2b736def.jpg" data-bg-overlaycolor="#f7f7f7" data-bg-overlaycolor-alpha="0.81" data-bg-overlaycolor-class="3">
<div class="container">
<div class="row" style="padding-top: 25px; padding-bottom: 25px;">
<div class="col-md-12 col-xs-12 col-sm-12 col-lg-12">
<div class="boldgrid-wrap-row boldgrid-slider" data-config="{&quot;arrows&quot;:true,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:&quot;10&quot;,&quot;dots&quot;:false,&quot;infinite&quot;:true,&quot;bgOptions&quot;:{&quot;arrowsPos&quot;:&quot;top-left&quot;,&quot;arrowsOverlay&quot;:false,&quot;arrowsBgColor&quot;:&quot;1&quot;,&quot;arrowsIcon&quot;:&quot;angle&quot;,&quot;arrowsSize&quot;:&quot;20&quot;,&quot;dotsPos&quot;:&quot;bottom&quot;,&quot;dotsOverlay&quot;:false,&quot;dotsColor&quot;:&quot;#000000&quot;,&quot;dotsSize&quot;:&quot;50&quot;},&quot;colors&quot;:{&quot;arrowsBG&quot;:{&quot;type&quot;:&quot;class&quot;,&quot;value&quot;:&quot;1&quot;,&quot;text&quot;:&quot;&quot;},&quot;dotsColor&quot;:{&quot;type&quot;:&quot;class&quot;,&quot;value&quot;:&quot;1&quot;,&quot;text&quot;:&quot;&quot;}}}" style="margin-top: 40px;">
<div class="row" style="width: 100%; display: inline-block;">
<div class="col-md-6 col-xs-12 col-sm-6 col-lg-6" style="padding: padding: 2em 3em 2em 0;">
<div>
<h3>Unique. Undefined.</h3>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus.</p>
<p class="" style="margin-top: 2em;">&nbsp;</p>
</div>
</div>
<div class="col-md-6 col-xs-12 col-sm-6 col-lg-6" style="padding: padding: 2em 3em 2em 0;">
<div>
<h3 style="text-align: center;">Embrace Your Style</h3>
<p class=""><img class="aligncenter wp-image-4393" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2021/06/764302215554_image-8.jpg" alt="" width="400" height="400"></p>
<p class="" style="margin-top: 2em; text-align: center;"><a class="btn-color-1 btn btn-small-caps btn-pill btn-regular" tabindex="0" href="#">Learn More</a></p>
</div>
</div>
</div>
<div class="row" style="width: 100%; display: inline-block;">
<div class="col-md-6 col-xs-12 col-sm-6 col-lg-6" style="padding: padding: 2em 3em 2em 0;">
<div>
<h3>Unique. Undefined.</h3>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus.</p>
<p class="" style="margin-top: 2em;">&nbsp;</p>
</div>
</div>
<div class="col-md-6 col-xs-12 col-sm-6 col-lg-6" style="padding: padding: 2em 3em 2em 0;">
<div>
<h3 style="text-align: center;">Embrace Your Style</h3>
<p class=""><img class="wp-image-6454 size-medium aligncenter" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2022/10/ezshopper-model-2-300x300.jpg" alt="" width="300" height="300"></p>
<p class="" style="margin-top: 2em; text-align: center;"><a class="btn-color-1 btn btn-small-caps btn-pill btn-regular" tabindex="-1" href="#">Learn More</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="color-neutral-background-color color-neutral-text-contrast bg-background-color tmpl-about-11 boldgrid-section dynamic-gridblock background-scroll" style="color: #1d1d1d; background-position: 50% 50%; background-size: cover; background-image: linear-gradient(rgba(252, 252, 252, 0.8), rgba(252, 252, 252, 0.8)), url('https://wpnfinite.com/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw1600h900fitcrops7f5298fb5d8c4e2a7e552433cd7864c4.jpg');" data-bg-overlaycolor="rgba(252, 252, 252, 0.8)" data-image-url="https://wpnfinite.com/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw1600h900fitcrops7f5298fb5d8c4e2a7e552433cd7864c4.jpg">
<div class="container-fluid">
<div class="row">
<div class="col-md-1 col-sm-2 col-xs-12 col-lg-1"></div>
<div class="col-md-5 col-sm-10 col-xs-12 col-lg-5" style="padding: 3em;">
<h2>About Us</h2>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus.</p>
<p class="" style="margin-top: 30px;"><a class="btn-color-5 btn btn-small-caps btn-pill btn-raised btn-regular" href="#">Learn More</a></p>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight color-neutral-background-color color-neutral-text-contrast bg-background-color col-lg-3" data-wow-duration="1s" data-wow-delay="2s">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12" style="padding: 3em;">
<h4 style="text-align: center;">HEADING</h4>
<p class="" style="text-align: center;"><i class="color5-color fa fa-pencil" style="font-size: 25px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
<p class="" style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12" style="padding: 1em 3em 3em;">
<h4 style="text-align: center;">HEADING</h4>
<p class="" style="text-align: center;"><i class="color5-color fa fa-magic" style="font-size: 25px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
<p class="" style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight color-neutral-background-color color-neutral-text-contrast bg-background-color col-lg-3" data-wow-duration="1s" data-wow-delay="2s">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12" style="padding: 3em;">
<h4 style="text-align: center;">HEADING</h4>
<p class="" style="text-align: center;"><i class="color5-color fa fa-paint-brush" style="font-size: 25px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
<p class="" style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12" style="padding: 1em 3em 3em;">
<h4 style="text-align: center;">HEADING</h4>
<p class="" style="text-align: center;"><i class="color5-color fa fa-trophy" style="font-size: 25px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
<p class="" style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tmpl-gallery-9 boldgrid-section dynamic-gridblock color2-background-color color-2-text-contrast bg-background-color" style="border-width: 0px;">
<div class="container">
<div class="row" style="padding-top: 100px; padding-bottom: 100px;">
<div class="col-md-3 col-sm-2 col-xs-3 align-column-center col-lg-3">
<div class="bg-box-cover bg-box-flush bg-box">
<p class="" style="text-align: center;"><img class="bg-img alignnone wp-image-4413 size-medium" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2021/02/image_e5eb7fc4-20f8-4f26-9d58-222e7ab387f8-300x300.jpg" alt="" width="300" height="300"></p>
<p class="" style="margin-top: 0; text-align: center;"><img class="bg-img alignnone wp-image-4411 size-medium" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2021/02/IMG_20200717_140608_457_300x300@2x-300x300.jpg" alt="" width="300" height="300"></p>
</div>
</div>
<div class="col-md-3 col-sm-2 col-xs-3 align-column-center col-lg-3">
<div class="bg-box-cover bg-box-flush bg-box">
<p class="" style="text-align: center;"><img class="bg-img alignnone wp-image-4408 size-medium" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2021/02/castor-oil-300x300.jpg" alt="" width="300" height="300"></p>
<p class="" style="margin-top: 0; text-align: center;"><img class="bg-img alignnone wp-image-4407 size-medium" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2021/02/image_d1582516-3b8f-4d5b-a47a-e98feadb7c89_600x600_crop_center-300x300.jpg" alt="" width="300" height="300"></p>
</div>
</div>
<div class="col-md-6 col-sm-8 col-xs-6 align-column-center col-lg-6">
<div class="bg-box-cover bg-box-flush bg-box">
<p class="" style="text-align: center;"><img class="bg-img alignnone wp-image-4409 size-medium" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2021/02/0_0_575.92045454545_590_Handmade_soap_cropped_and_simplified-1024x880.jpg" alt="" width="575" height="590"></p>
</div>
</div>
</div>
</div>
</div>
<div class="tmpl-text-14 boldgrid-section dynamic-gridblock color1-background-color color-1-text-contrast bg-background-color" style="border-width: 0px;">
<div class="container-fluid">
<div class="row" style="padding-top: 25px; padding-bottom: 25px;">
<div class="col-md-3 col-sm-3 col-xs-12 color-neutral-border-color col-lg-3" style="border-width: 0px 3px 0px 0px; border-style: solid;">
<h4 class="" style="border-width: 0px; text-align: center; padding: 25px 0px 0px;">Trusted By Over 90,000+ Clients</h4>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 color-neutral-border-color col-lg-3" style="border-width: 0px 3px 0px 0px; border-style: solid;">
<h4 class="" style="text-align: center; border-width: 0px; font-size: 50px; margin: 25px -15px 10px; padding: 25px 0px 0px;">4.9</h4>
<p class="" style="text-align: center; border-width: 0px;">Google My Business Rating</p>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 color-neutral-border-color col-lg-3" style="border-width: 0px 3px 0px 0px; border-style: solid;">
<h4 class="" style="text-align: center; border-width: 0px; font-size: 50px; padding: 25px 0px 0px; margin-top: 25px;">100K+</h4>
<p class="" style="text-align: center; border-width: 0px; padding-bottom: 1em; padding-top: 0em;">Product Sales</p>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 col-lg-3" style="border-width: 0px;">
<div class="row" style="margin-top: 15px; border-width: 0px; padding: 0px;">
<div class="col-md-6 col-xs-6 col-sm-6 align-column-center text-right col-lg-6">
<p class=""><i class="fa fa-pencil" style="font-size: 30px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
</div>
<div class="col-md-6 col-xs-6 col-sm-6 align-column-center col-lg-6">
<p class="" style="font-size: 35px;"><strong>29</strong></p>
</div>
</div>
<h4 class="" style="text-align: center;">Amazing Years</h4>
</div>
</div>
</div>
</div>
<div class="tmpl-about-5 boldgrid-section dynamic-gridblock background-scroll" style="background-position: 50% 50%; background-size: cover; background-image: url('https://wpnfinite.com/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw1600h900fitcrops3775b64f2019a5b4eaec7e356f12756d.jpg');" data-image-url="https://wpnfinite.com/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw1600h900fitcrops3775b64f2019a5b4eaec7e356f12756d.jpg">
<div class="container-fluid">
<div class="row" style="padding-top: 0px;">
<div class="col-md-7 col-sm-6 col-xs-12 col-lg-7" style="border-width: 0px; background-image: url('https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2021/06/jamaican-mango-lime-black-castor-oil-original-118ml-p17452-33543_image.jpg'); background-size: cover; background-position: 50% 50%;" data-image-url="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2021/06/jamaican-mango-lime-black-castor-oil-original-118ml-p17452-33543_image.jpg">
<p class="mod-reset hidden-md hidden-lg hidden-sm" style="border-width: 0px;">&nbsp;</p>
<p class="hidden-md hidden-lg hidden-sm" style="border-width: 0px; margin: 250px 10px 40px;">&nbsp;</p>
</div>
<div class="col-md-5 col-sm-6 col-xs-12 col-lg-5">
<div class="bg-box-cover color2-background-color color-2-text-contrast bg-background-color bg-box" style="padding: 40px 20%;">
<h2 class="h1 color1-color">Expect Amazing</h2>
<h4 class="" style="margin-top: 20px;">Sed ut perspiciatis unde omnis iste natus error sit.</h4>
<p class="" style="margin: 30px 0;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi.</p>
<p class="" style="margin: 30px 0;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi.</p>
</div>
</div>
</div>
</div>
</div>
<div class="tmpl-contact-9 boldgrid-section dynamic-gridblock color1-background-color color-1-text-contrast bg-background-color" style="border-width: 0px;">
<div class="container">
<div class="row" style="padding-top: 15px; padding-bottom: 15px;">
<div class="col-md-5 col-sm-5 col-xs-12 col-lg-5">
<div style="padding-right: 3em;" class="bg-box">
<h3 class="color4-color" style="margin-top: 0px; border-width: 0px;">Contact Us</h3>
<p class="color3-color" style="border-width: 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12 align-column-center col-lg-3">
<div class="bg-box">
<p class=""><a class="" style="color: inherit; border-width: 0px;" href="#">Facebook</a></p>
<p class="" style="margin-top: 15px;"><a style="color: inherit;" href="#">Twitter</a></p>
<p class="" style="margin-top: 15px;"><a style="color: inherit;" href="#">Pinterest</a></p>
<p class="" style="margin-top: 15px;"><a style="color: inherit;" href="#">Google+</a></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 align-column-center col-lg-4">
<div class="bg-box">
<h4 class="color3-color" style="margin-top: 0px; border-width: 0px;">Sign up for the newsletter</h4>
<p class=""><a class="btn-color-4 btn btn-lowercase btn-pill btn-3d btn-regular" href="#">Subscribe</a></p>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment