Skip to content

Instantly share code, notes, and snippets.

@SitesByYogi
Last active October 18, 2022 01:10
Show Gist options
  • Save SitesByYogi/6ab0c5a38f04af5ffd42b107894a7473 to your computer and use it in GitHub Desktop.
Save SitesByYogi/6ab0c5a38f04af5ffd42b107894a7473 to your computer and use it in GitHub Desktop.
Full clothing store about page
<div class="tmpl-about-6 boldgrid-section dynamic-gridblock background-parallax" style="background-position: 50% 50%; background-size: cover; background-image: url('https://demo2.cloudwp.dev/trial-8384w43w/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw1600h900fitcrops11369019c2a9bb4375e46943072f1eab.jpg');" data-image-url="https://demo2.cloudwp.dev/trial-8384w43w/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw1600h900fitcrops11369019c2a9bb4375e46943072f1eab.jpg">
<div class="container">
<div class="row hidden-md hidden-lg hidden-sm" style="padding-top: 0px; padding-bottom: 50px; border-width: 0px;">
<div class="col-md-7 col-sm-5 col-xs-12 col-lg-7"></div>
</div>
<div></div>
<div class="row" style="padding-top: 0px;">
<div class="col-md-5 col-sm-7 col-xs-12 col-lg-5">
<div style="padding: 80px 5%;" class="bg-box-cover color5-background-color color-5-text-contrast bg-background-color bg-box">
<h2 class="h1 color2-color" style="text-align: center; font-size: 4em;">About Us</h2>
<p class="" style="margin: 30px 0; text-align: center;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12"></div>
</div>
<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 color2-background-color color-2-text-contrast bg-background-color" style="border-width: 0px;">
<div class="container">
<div class="row" style="padding: 75px 2em; border-width: 0px;">
<div></div>
<div></div>
<div></div>
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" style="text-align: center;">
<h2 class="">WHO WE ARE</h2>
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas massa neque, mattis sed elit ac, dictum varius purus. Duis et euismod turpis, ut varius lorem. Donec ut urna nec lectus vestibulum dapibus. Aenean sodales lorem congue odio pellentesque mollis. Phasellus varius lacinia metus, ac mattis est viverra non. Ut ex dolor, mattis at sapien eu, varius sodales leo. Nullam ultricies diam nec lacus vestibulum, a posuere elit suscipit. Fusce vel orci ultricies, ullamcorper nulla sed, pharetra nibh. Ut eget ultricies nibh. Fusce et sem felis. Maecenas ut ultricies velit. Praesent eget tellus aliquet, scelerisque orci id, aliquet ex. Sed porta ullamcorper purus, quis mollis dui egestas eu. Curabitur at finibus ex. Nam at consectetur turpis</p>
</div>
</div>
</div>
</div>
<div class="tmpl-about-14 boldgrid-section dynamic-gridblock background-scroll" style="background-position: 50% 50%; background-size: cover; background-image: url('https://demo2.cloudwp.dev/trial-8384w43w/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw1600h900fitcropsb0c743e19d578e6b7fb98aae5b2b3406.jpg');" data-image-url="https://demo2.cloudwp.dev/trial-8384w43w/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw1600h900fitcropsb0c743e19d578e6b7fb98aae5b2b3406.jpg">
<div class="container-fluid">
<div class="row" style="padding-top: 75px; padding-bottom: 75px;">
<h2 class="col-md-7 col-sm-5 col-xs-12 col-lg-7">&nbsp;</h2>
<div class="col-md-4 col-sm-6 col-xs-12 rotateInUpRight color2-background-color color-2-text-contrast bg-background-color color4-border-color col-lg-4" style="border: 5px solid; padding: 2em;">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 color4-border-color col-lg-12" style="border-bottom: 2px solid; padding-bottom: 35px;">
<h3 style="margin-top: 0;">OUR VISION</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>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 color4-border-color col-lg-12" style="border-bottom: 2px solid; padding-bottom: 35px;">
<h3>OUR STYLE</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>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12">
<h3>OUR PASSION</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="" style="margin-top: 20px; text-align: right;"><a class="btn-color-5 btn btn-lowercase btn-pill btn-raised btn-regular" href="#">Learn More</a></p>
</div>
</div>
</div>
<div class="col-md-1 col-sm-1 col-xs-12 col-lg-1"></div>
</div>
</div>
</div>
<div class="color4-background-color color-4-text-contrast bg-background-color tmpl-about-1 boldgrid-section dynamic-gridblock" style="border-width: 0px; padding: 1em;">
<div class="container-fluid">
<div class="row" style="padding-top: 50px; padding-bottom: 35px;">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12">
<h2 class="color2-color" style="text-align: center; border-width: 0px;">Tell Your Story</h2>
</div>
</div>
<div class="row" style="padding-bottom: 90px;">
<div class="col-md-6 col-sm-12 col-xs-12 col-lg-6">
<div class="bg-box">
<h3 class="color2-color" style="border-width: 0px;">Unique Concepts</h3>
<div class="row bg-editor-hr-wrap">
<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
<div>
<hr class="bg-hr color2-color" style="border: 2px solid; margin-left: 0px;" width="50%">
</div>
</div>
</div>
<p class="" style="margin: 30px 0;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Integer eu faucibus leo, non pharetra dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Integer eu faucibus leo, non pharetra dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dignissim tortor, sit amet bibendum lacus. Integer eu faucibus leo, non pharetra dui.</p>
<p class=""><a class="btn-color-5 btn btn-lowercase btn-raised btn-regular" href="#">Register Now</a></p>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4 col-lg-2">
<div style="padding: 30px 0; margin-left: -10px; margin-right: -10px;" class="bg-box">
<p class=""><img class="bg-img wp-image-57" src="https://demo2.cloudwp.dev/trial-8384w43w/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw200h300fitcropseaa4e4373b650dfc7af27836b869702f.jpg" width="200" height="300"></p>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12">
<div class="color-neutral-background-color color-neutral-text-contrast bg-background-color bg-box">
<p class="" style="margin: 0;">Kevin Ward</p>
<p class="" style="margin: 0;">Consect Adipis</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4 col-lg-2">
<div style="padding: 30px 0; margin-left: -10px; margin-right: -10px;" class="bg-box">
<p class=""><img class="bg-img wp-image-55" src="https://demo2.cloudwp.dev/trial-8384w43w/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw200h300fitcropsc1841a16889272304d193eb8cc82738b.jpg" width="200" height="300"></p>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12">
<div class="color-neutral-background-color color-neutral-text-contrast bg-background-color bg-box">
<p class="" style="margin: 0;">Mayme Greene</p>
<p class="" style="margin: 0;">Consect Adipis</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-4 col-lg-2">
<div style="padding: 30px 0; margin-left: -10px; margin-right: -10px;" class="bg-box">
<p class=""><img class="bg-img wp-image-56" src="https://demo2.cloudwp.dev/trial-8384w43w/wp-content/uploads/2022/10/ixlibrb-0.3.5q80fmjpgcropentropycstinysrgbw200h300fitcropsf2dd387aa442c4197b9185d5de43bbe6.jpg" width="200" height="300"></p>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12">
<div class="color-neutral-background-color color-neutral-text-contrast bg-background-color bg-box">
<p class="" style="margin: 0;">Sophie Campbell</p>
<p class="" style="margin: 0;">Consect Adipis</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="color5-background-color color-5-text-contrast bg-background-color tmpl-contact-13 boldgrid-section dynamic-gridblock">
<div class="container">
<div class="row" style="padding-bottom: 50px; padding-top: 50px;">
<div class="col-md-6 col-xs-12 col-sm-12 col-lg-6">
<h3 class="" style="margin-top: 0;">Join Our Newsletter</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. Nullam eu dignissim tortor, sit amet bibendum lacus.</p>
<p class=""><a class="btn btn-raised btn-pill btn-color-1" href="#">Join Now</a></p>
<p class="">&nbsp;</p>
</div>
<div class="col-md-6 col-xs-12 col-sm-12 color-1-text-contrast color1-background-color col-lg-6">
<div class="boldgrid-wrap-row boldgrid-slider" data-config="{&quot;arrows&quot;:false,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:&quot;10&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;#1a1a1a&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;2&quot;,&quot;dotsSize&quot;:&quot;50&quot;},&quot;colors&quot;:{&quot;arrowsBG&quot;:{&quot;type&quot;:&quot;color&quot;,&quot;value&quot;:&quot;#1a1a1a&quot;,&quot;text&quot;:&quot;#ffffff&quot;},&quot;dotsColor&quot;:{&quot;type&quot;:&quot;class&quot;,&quot;value&quot;:&quot;2&quot;,&quot;text&quot;:&quot;&quot;}}}">
<div class="row" style="width: 100%; display: inline-block;">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12" style="padding: 1em 2em;">
<h4><i class="fa fa-send" aria-hidden="true"><span style="display: none;">&nbsp;</span></i> Follow Us</h4>
<p class="">Want to keep up with our latest adventures? Follow us on <a style="color: inherit;" tabindex="0" href="#">Facebook</a>, <a style="color: inherit;" tabindex="0" href="#">Twitter</a>, <a style="color: inherit;" tabindex="0" href="#">Pinterest</a>, or <a style="color: inherit;" tabindex="0" href="#">Instagram</a>.</p>
</div>
</div>
<div class="row" style="width: 100%; display: inline-block;">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12" style="padding: 1em 2em;">
<h4><i class="fa fa-thumbs-up" aria-hidden="true"><span style="display: none;">&nbsp;</span></i> Review Us</h4>
<p class="">Want to share your experience, good or bad? We are welcome all feedback. Please <a style="color: inherit;" tabindex="-1" href="#">contact us today</a>.</p>
</div>
</div>
<div class="row" style="width: 100%; display: inline-block;">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-12" style="padding: 1em 2em;">
<h4><i class="fa fa-phone" aria-hidden="true"><span style="display: none;">&nbsp;</span></i> Talk to Us</h4>
<p class="">Please call <a style="color: inherit;" tabindex="0" href="#">777-765-4321</a>. We are here Monday thru Friday from 8am EST to 5pm EST.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment