Skip to content

Instantly share code, notes, and snippets.

@SitesByYogi
Last active October 16, 2022 17:19
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/dd283ee89973f6547da91ec3a797990e to your computer and use it in GitHub Desktop.
Save SitesByYogi/dd283ee89973f6547da91ec3a797990e to your computer and use it in GitHub Desktop.
Ez Shopper (Full) Welcome Page
<div class="boldgrid-section color-3-text-contrast color3-background-color" style="border-width: 0px; padding-top: 2em; padding-left: 0em; padding-bottom: 5em;">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12">
<h2 class="hidden-sm hidden-md hidden-lg" style="border-width: 0px; font-size: 50px; text-align: center; line-height: 1.8em;">&nbsp; Aim TO
Amaze</h2>
</div>
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12"></div>
</div>
<div class="row swap-on-mobile" style="border-width: 0px;" custom-classes="swap-on-mobile">
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12 align-column-top" style="border-width: 0px; padding-top: 0em;">
<h2 class="hidden-xs" style="border-width: 0px; font-size: 50px; text-align: center; line-height: 1.8em;">&nbsp;AIM TO
AMAZE!</h2>
<p class="kt-adv-heading_65d151-26 wp-block-kadence-advancedheading hidden-md hidden-lg" style="text-align: center; border-width: 0px; padding: 1em 0em 0em;" data-kb-block="kb-adv-heading_65d151-26">&nbsp;</p>
<p class="kt-adv-heading_65d151-26 wp-block-kadence-advancedheading" style="text-align: center; border-width: 0px;" data-kb-block="kb-adv-heading_65d151-26">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna
aliqua. A arcu cursus vitae congue mauris rhoncus aenean vel elit.&nbsp;</p>
<p class="" data-kb-block="kb-adv-heading_65d151-26">&nbsp;</p>
<p class="" style="text-align: center;"><a class="btn-color-1 btn btn-small-caps btn-pill btn-regular" style="color: #111111;" href="#">View Details</a></p>
<p class="" style="border-width: 0px;" data-kb-block="kb-adv-heading_65d151-26">&nbsp;</p>
</div>
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12" style="border-width: 0px;">
<p class="" style="border-width: 0px;"><img class="wp-image-6449 size-full aligncenter" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2022/10/ezshopper_soap_modelpreview.png" alt="" width="400" height="500"></p>
</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="boldgrid-section" style="border-width: 0px; background-color: #ffffff;">
<div class="container">
<div class="row" style="padding-top: 75px; padding-bottom: 75px;">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" style="text-align: center;">
<p class="color1-color" style="border-width: 0px;">New Collection</p>
<h3 class="" style="border-width: 0px;">Featured Products</h3>
<div class="wp-block-kadence-rowlayout alignnone">
<div id="kt-layout-id_0b0c1b-1b" class="kt-row-layout-inner kt-layout-id_0b0c1b-1b">
<div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_e4d4d6-bd">
<div class="kt-inside-inner-col">
<p class="kt-adv-heading_d8d29c-c7 wp-block-kadence-advancedheading" style="border-width: 0px; line-height: 1.8em; padding: 1em 5em 2em;" data-kb-block="kb-adv-heading_d8d29c-c7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.</p>
<p class="" style="border-width: 0px;" data-kb-block="kb-adv-heading_d8d29c-c7">[products]</p>
<p class="" data-kb-block="kb-adv-heading_d8d29c-c7">&nbsp;</p>
<p class=""><a class="btn-color-1 btn btn-small-caps btn-pill btn-regular" href="#">All Products</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="boldgrid-section color3-background-color color-3-text-contrast bg-background-color" style="border-width: 0px; padding: 5em 5em 0em;">
<div class="container">
<div class="row" style="padding-top: 0px; padding-bottom: 0px;">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" style="text-align: center; border-width: 0px;">
<p class="color1-color" style="border-width: 0px;">New Collection</p>
<h3 class="" style="border-width: 0px; padding: 0px 0px 15px;">Benefits of Using Our Products</h3>
<div class="wp-block-kadence-rowlayout alignnone">
<div id="kt-layout-id_d0534f-b9" class="kt-row-layout-inner kt-layout-id_d0534f-b9">
<div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_185f0d-2a">
<div class="kt-inside-inner-col">
<p class="kt-adv-heading_ee4ae9-d1 wp-block-kadence-advancedheading" style="border-width: 0px; padding: 0em 0em 2em;" data-kb-block="kb-adv-heading_ee4ae9-d1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row color3-background-color color-3-text-contrast bg-background-color" style="border-width: 0px; padding-bottom: 30px;">
<div class="col-md-4 col-xs-12 col-sm-4 col-lg-4 color3-background-color color-3-text-contrast bg-background-color" style="padding: 2em 1em; border-width: 0px;">
<p class="" style="border-width: 0px; font-size: 18px; text-align: center;"><i class="fa fa-phone" style="font-size: 40px; border-width: 0px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
<h5 class="" style="text-align: center;">Talk to Us</h5>
<div class="wp-block-kadence-column inner-column-1 kadence-column_37debb-af">
<div class="kt-inside-inner-col">
<div id="kt-info-box_5d8827-a3" class="wp-block-kadence-infobox">
<div class="kt-infobox-textcontent">
<p class="kt-blocks-info-box-text" style="text-align: center;">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
</div>
<div class="wp-block-kadence-column inner-column-2 kadence-column_5c5032-f8">
<div class="kt-inside-inner-col">
<div id="kt-info-box_242ac7-9d" class="wp-block-kadence-infobox">
<div>
<div class="kt-infobox-textcontent"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12 col-sm-4 col-lg-4" style="padding: 2em 1em; border-width: 0px;">
<p class="" style="text-align: center;"><i class="fa fa-thumbs-up" style="font-size: 40px; border-width: 0px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
<h5 class="" style="text-align: center;">Review Us</h5>
<div class="wp-block-kadence-column inner-column-1 kadence-column_37debb-af">
<div class="kt-inside-inner-col">
<div id="kt-info-box_5d8827-a3" class="wp-block-kadence-infobox">
<div class="kt-infobox-textcontent">
<p class="kt-blocks-info-box-text" style="text-align: center;">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12 col-sm-4 col-lg-4" style="padding: 2em 1em; border-width: 0px;">
<p class="" style="text-align: center;"><i class="fa fa-send" style="font-size: 40px; border-width: 0px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
<h5 class="" style="text-align: center;">Follow Us</h5>
<div class="wp-block-kadence-column inner-column-1 kadence-column_37debb-af">
<div class="kt-inside-inner-col">
<div id="kt-info-box_5d8827-a3" class="wp-block-kadence-infobox">
<div class="kt-infobox-textcontent">
<p class="kt-blocks-info-box-text" style="text-align: center;">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
</div>
<div class="wp-block-kadence-column inner-column-2 kadence-column_5c5032-f8">
<div class="kt-inside-inner-col">
<div id="kt-info-box_242ac7-9d" class="wp-block-kadence-infobox">
<div>
<div class="kt-infobox-textcontent"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="boldgrid-section" style="border-width: 0px; padding: 5em 0em 3em; background-color: #ffffff;">
<div class="container-fluid">
<div class="row" style="padding-top: 0px; padding-bottom: 0px; border-width: 0px; margin-right: 0px; margin-left: 0px;">
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12" style="border-width: 0px; padding: 0em;">
<p class="color1-color" style="border-width: 0px; text-align: center;">Best Choice</p>
<h3 class="" style="border-width: 0px; padding: 0px 0px 1em; letter-spacing: -0.3px; font-size: 30px; margin-top: 20px; text-align: center;">Browse Our Best
Selling Products</h3>
<p class="kt-adv-heading_f3aadf-41 wp-block-kadence-advancedheading" style="border-width: 0px; padding-right: 0em; padding-left: 0em; padding-bottom: 1em; text-align: center;" data-kb-block="kb-adv-heading_f3aadf-41">Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis,
pulvinar dapibus leo.</p>
<p class="" style="text-align: center;"><a class="btn-color-1 btn btn-small-caps btn-pill btn-regular" href="#">Button</a></p>
<p class="" data-kb-block="kb-adv-heading_f3aadf-41">&nbsp;</p>
</div>
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12" style="border-width: 0px; text-align: left;">[products limit="3" columns="3" best_selling="true" ]</div>
</div>
</div>
</div>
<div class="boldgrid-section color3-background-color color-3-text-contrast bg-background-color" style="border-width: 0px;">
<div class="container">
<div class="row" style="padding-top: 75px; padding-bottom: 75px;">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" style="text-align: center;">
<p class="color1-color" style="border-width: 0px;">Featured Collection</p>
<h3 class="" style="border-width: 0px; padding-bottom: 1em;">A Touch Of Beauty: Featuring Indie
Female Artists</h3>
<div class="wp-block-kadence-rowlayout alignnone">
<div id="kt-layout-id_f4c255-ac" class="kt-row-layout-inner kt-layout-id_f4c255-ac">
<div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_381d42-5a">
<div class="kt-inside-inner-col">
<p class="kt-adv-heading_aba22a-0f wp-block-kadence-advancedheading" style="border-width: 0px; padding-right: 1em; padding-left: 1em; padding-bottom: 2em;" data-kb-block="kb-adv-heading_aba22a-0f">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>
<p class="" data-kb-block="kb-adv-heading_aba22a-0f">[products limit="4" columns="4" best_selling="true" ]</p>
<p class=""><a class="btn-color-1 btn btn-small-caps btn-pill btn-regular" style="border-width: 0px;" href="#">View More</a></p>
<p class="" data-kb-block="kb-adv-heading_aba22a-0f">&nbsp;</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="gallery-full-width tmpl-gallery-3 boldgrid-section dynamic-gridblock">
<div class="container-fluid">
<div class="row">
<div class="col-md-2 col-sm-4 col-xs-6 col-lg-2">
<div class="bg-box-cover bg-box-flush bg-box">
<p class="mod-reset"><img class="bg-img alignnone wp-image-6453 size-medium" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2022/10/ezshopper-model-1-300x300.png" alt="" width="300" height="300"></p>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 col-lg-2">
<div class="bg-box-cover bg-box-flush bg-box">
<p class="mod-reset"><img class="bg-img alignnone wp-image-6458 size-medium" src="https://wpnfinite.com/wp-content/uploads/2022/10/121_0_300_300_ezshopper-model-3.jpg" alt="" width="300" height="300"></p>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 col-lg-2">
<div class="bg-box-cover bg-box-flush bg-box">
<p class="mod-reset"><img class="bg-img alignnone wp-image-6455 size-medium" src="https://wpnfinite.com/wp-content/uploads/2022/10/169_0_200_200_ezshopper-model-5.jpg" alt="" width="200" height="200"></p>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 col-lg-2">
<div class="bg-box-cover bg-box-flush bg-box">
<p class="mod-reset"><img class="bg-img alignnone wp-image-4409 size-medium" src="https://wpnfinite.com/wp-content/uploads/2021/02/0_0_200_200_Handmade_soap_cropped_and_simplified-768x660.jpg" alt="" width="200" height="200"></p>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 col-lg-2">
<div class="bg-box-cover bg-box-flush bg-box">
<p class="mod-reset"><img class="bg-img alignnone wp-image-6456 size-medium" src="https://wpnfinite.com/wp-content/uploads/2022/10/122_0_200_200_face_exfoliation-768x525.jpg" alt="" width="200" height="200"></p>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 col-lg-2">
<div class="bg-box-cover bg-box-flush bg-box">
<p class="mod-reset"><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>
</div>
</div>
<div class="boldgrid-section" style="border-width: 0px; background-color: #ffffff;">
<div class="container-fluid">
<div class="row" style="padding-top: 75px; padding-bottom: 50px;">
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12">
<p class="mod-reset"><img class="alignnone wp-image-4404 size-full" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2021/02/black-soap.png" alt="" width="823" height="551"></p>
</div>
<div class="col-lg-6 col-md-12 col-xs-12 col-sm-12">
<p class="color1-color" style="border-width: 0px;">Explore The Collection</p>
<h3 class="" style="border-width: 0px;">Premium
Natural Products,
Find Your Expression</h3>
<p class="">&nbsp;</p>
<i class="fa fa-cog bg-inserted-icon" style="font-size: 36px; border-width: 0px; padding-top: 0em; padding-bottom: 0em; margin-bottom: 0px;" aria-hidden="true"> <span style="display: none;">&nbsp;</span> </i>
<h4 class="" style="border-width: 0px; padding: 0em 0em 0em 1em; font-size: 28px; text-align: left; margin: -40px 0px 10px 15px;">Created By Selected Artists
Exclusively For Ez Shopper</h4>
<div class="wp-block-kadence-rowlayout alignnone">
<div id="kt-layout-id_bf3f7c-65" class="kt-row-layout-inner kt-layout-id_bf3f7c-65">
<div class="kt-row-column-wrap kt-has-2-columns kt-gutter-wider kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-row kt-m-colapse-left-to-right kt-mobile-layout-row kt-custom-first-width-50 kt-custom-second-width-50 kb-theme-content-width">
<div class="wp-block-kadence-column inner-column-2 kadence-column_524d3f-15">
<div class="kt-inside-inner-col">
<div id="kt-info-box_abf3c3-35" class="wp-block-kadence-infobox">
<div class="kt-infobox-textcontent">
<p class="kt-blocks-info-box-text" style="border-width: 0px; padding: 0px 0px 0px 40px; margin-right: 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="">&nbsp;</p>
</div>
</div>
<div class="row hidden-xs" style="padding-top: 105px; border-width: 0px;">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12"></div>
</div>
</div>
</div>
<div class="tmpl-gallery-8 boldgrid-section dynamic-gridblock" style="border-width: 0px; background-color: #ffffff;">
<div class="container" style="transition: width 0.5s ease 0s;">
<div class="row" style="padding-top: 0px; padding-bottom: 115px;">
<div class="col-md-4 col-sm-4 col-xs-6 col-lg-3">
<p class=""><img class="bg-img bg-img-rounded alignnone wp-image-4419 size-medium" src="https://wpnfinite.com/wp-content/uploads/2021/06/239_0_399.70717423133_500_lede-1024x683.jpg" alt="" width="399" height="500"></p>
</div>
<div class="col-md-4 col-sm-4 col-xs-6 col-lg-3">
<p class=""><img class="bg-img bg-img-rounded alignnone wp-image-4199 size-medium" src="https://wpnfinite.com/wp-content/uploads/2021/02/60_0_400_500_soap-bundles.jpg" alt="" width="400" height="500"></p>
</div>
<div class="col-md-4 col-sm-4 col-xs-6 col-lg-3" style="border-width: 0px;" custom-classes="">
<p class="lil-img" style="border-width: 0px;"><img class="bg-img bg-img-rounded alignnone wp-image-4414 size-medium" src="https://wpnfinite.com/wp-content/uploads/2021/02/352_0_400_500_maxresdefault.jpg" alt="" width="400" height="500"></p>
</div>
<div class="col-md-4 col-sm-4 col-xs-6 col-lg-3" style="border-width: 0px;" custom-classes="">
<p class="lil-img" style="border-width: 0px;"><img class="bg-img bg-img-rounded alignnone wp-image-4197 size-medium" src="https://wpnfinite.com/wp-content/uploads/2021/02/210_0_400_500_post-3.jpg" alt="" width="400" height="500"></p>
</div>
</div>
</div>
</div>
<div class="color3-background-color color-3-text-contrast bg-background-color tmpl-testimonial-14 boldgrid-section dynamic-gridblock" style="border-width: 0px; background-image: linear-gradient(to left, rgba(219, 208, 208, 0.81), rgba(219, 208, 208, 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: 75px; padding-bottom: 0px;">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" style="text-align: center;">
<p class="color1-color" style="border-width: 0px; font-weight: 600;" data-font-weight="600">TESTIMONIALS</p>
<h3 class="" style="border-width: 0px;">Our Member Stories</h3>
<p class="" style="border-width: 0px; padding-right: 1em; padding-left: 1em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>
<p class="">&nbsp;</p>
</div>
</div>
<div class="row" style="padding-top: 50px; padding-bottom: 50px;">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12">
<div class="boldgrid-wrap-row boldgrid-slider" data-config="{&quot;arrows&quot;:false,&quot;autoplay&quot;:true,&quot;autoplaySpeed&quot;:&quot;8&quot;,&quot;dots&quot;:true,&quot;infinite&quot;:true,&quot;bgOptions&quot;:{&quot;arrowsPos&quot;:&quot;standard&quot;,&quot;arrowsOverlay&quot;:true,&quot;arrowsBgColor&quot;:&quot;1&quot;,&quot;arrowsIcon&quot;:&quot;angle&quot;,&quot;arrowsSize&quot;:&quot;30&quot;,&quot;dotsPos&quot;:&quot;bottom&quot;,&quot;dotsOverlay&quot;:false,&quot;dotsColor&quot;:&quot;1&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;}}}">
<div class="row" style="width: 100%; display: inline-block;">
<div class="col-md-4 col-xs-12 col-sm-4 col-lg-4">
<p class=""><img class="bg-img bg-img-3 wp-image-6329" src="https://demo2.cloudwp.dev/trial-33006u64/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw360h360fitcrops4dab0a5833db5b824c67c9d6fb25634c.jpg" width="360" height="360"></p>
</div>
<div class="col-md-1 col-sm-1 col-xs-12 col-lg-1"></div>
<div class="col-md-7 col-sm-7 col-xs-12 col-lg-7">
<div>
<p class="" style="font-size: 1.2em;">Leveraging sprints with the aim to take this offline. Executing transformation mapping with a goal to build and retain ROI. Taking dark social to in turn think outside the box.</p>
<p class="h4" style="text-align: right; margin-top: 4.6em;">Delia Vargas</p>
<p class="color1-color" style="text-align: right;">Chief Executive Officer | Box Em Up</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tmpl-contact-3 boldgrid-section dynamic-gridblock" style="border-width: 0px; background-color: #ffffff;" data-alpha="0.78">
<div class="container">
<div class="row" style="padding-top: 50px; padding-bottom: 50px; border-width: 0px;">
<div class="col-md-6 col-xs-12 col-sm-6 col-lg-6" style="padding: 1em;">
<h2 class="">Contact 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>
<div class="row" style="padding-top: 25px;">
<div class="col-md-2 col-sm-2 col-xs-2 col-lg-2">
<p class="" style="text-align: center;"><i class="fa fa-map-signs color3-background-color color-3-text-contrast bg-background-color" style="border-radius: 50px; padding: 0.7em; font-size: 20px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 align-column-center col-lg-10">
<p class="">202 Grid Blvd. Agloe, NY, 12776</p>
</div>
</div>
<div class="row" style="padding-top: 15px;">
<div class="col-md-2 col-sm-2 col-xs-2 col-lg-2">
<p class="" style="text-align: center;"><i class="fa fa-phone color3-background-color color-3-text-contrast bg-background-color" style="border-radius: 50px; padding: 0.7em; font-size: 20px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 align-column-center col-lg-10">
<p class="">777-765-4321</p>
</div>
</div>
<div class="row" style="padding-top: 15px; padding-bottom: 25px;">
<div class="col-md-2 col-sm-2 col-xs-2 col-lg-2">
<p class="" style="text-align: center;"><i class="fa fa-envelope color3-background-color color-3-text-contrast bg-background-color" style="border-radius: 50px; padding: 0.7em; font-size: 20px;" aria-hidden="true"><span style="display: none;">&nbsp;</span></i></p>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 align-column-center col-lg-10">
<p class=""><a style="color: inherit;" href="#">info@example.com</a></p>
</div>
</div>
<p class="wow tada" style="text-align: center;" data-wow-duration="1.5s" data-wow-delay="1s"><a class="btn btn-rounded btn-small-caps btn-color-1" style="border-width: 0px;" href="#">Contact Us Today</a></p>
</div>
<div class="col-md-6 col-xs-12 col-sm-6 col-lg-6" style="padding: 1em;">
<p class="boldgrid-google-maps"><iframe style="max-width: 100%;" src="https://maps.google.com/maps?q=New+York%2C+NY&amp;t=m&amp;z=16&amp;output=embed" width="600" height="400" frameborder="0"></iframe></p>
</div>
</div>
</div>
</div>
<div class="boldgrid-section">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12"></div>
</div>
</div>
</div>
<div class="boldgrid-section">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12"></div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment