Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius.
1 2 3 4 5 6 7 8 9
<section class="call-to-action call-to-action-default"> <div class="call-to-action-content"> <h3>Call to action with Default background color</h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. </p> </div> <div class="call-to-action-btn"> <a href="http://www.mandeeps.com/products/dnn-themes/tahoe.aspx" class="btn btn-borders btn-primary mr-xs mb-sm btn-md">Buy Now!</a> </div> </section>
<section class="call-to-action with-borders"> <div class="call-to-action-content"> <h3>Call to action with Border</h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. </p> </div> <div class="call-to-action-btn"> <a href="http://www.mandeeps.com/products/dnn-themes/tahoe.aspx" class="btn btn-borders btn-primary mr-xs mb-sm btn-md">Buy Now!</a> </div> </section>
<section class="call-to-action call-to-action-primary button-centered mb-xl"> <div class="call-to-action-content"> <h3>Call to Action with Primary background color</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius.</p> </div> <div class="call-to-action-btn"> <a href="#" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md"><em class="fas fa-play"></em> CLICK ME</a> </div> </section>
<section class="call-to-action call-to-action-secondary button-centered mb-xl"> <div class="call-to-action-content"> <h3>Call to Action with Primary background color</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius.</p> </div> <div class="call-to-action-btn"> <a href="#" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md"><em class="fas fa-play"></em> CLICK ME</a> </div> </section>
<section class="call-to-action call-to-action-tertiary button-centered mb-xl"> <div class="call-to-action-content"> <h3>Call to Action with Primary background color</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius.</p> </div> <div class="call-to-action-btn"> <a href="#" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md"><em class="fas fa-play"></em> CLICK ME</a> </div> </section>
<section class="call-to-action call-to-action-quaternary button-centered mb-xl"> <div class="call-to-action-content"> <h3>Call to Action with Primary background color</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius.</p> </div> <div class="call-to-action-btn"> <a href="#" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md"><em class="fas fa-play"></em> CLICK ME</a> </div> </section>
<section class="call-to-action call-to-action-primary mb-xl"> <div class="call-to-action-content"> <h3>Call to Action with Primary background color</h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. </p> </div> <div class="call-to-action-btn"> <a href="http://www.mandeeps.com/products/dnn-themes/tahoe.aspx" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md">Buy Now!</a> </div> </section>
<section class="call-to-action call-to-action-secondary mb-xl"> <div class="call-to-action-content"> <h3>Call to Action with Secondary background color</h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. </p> </div> <div class="call-to-action-btn"> <a href="http://www.mandeeps.com/products/dnn-themes/tahoe.aspx" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md">Buy Now!</a> </div> </section>
<section class="call-to-action call-to-action-tertiary mb-xl"> <div class="call-to-action-content"> <h3>Call to Action with Tertiary background color</h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. </p> </div> <div class="call-to-action-btn"> <a href="http://www.mandeeps.com/products/dnn-themes/tahoe.aspx" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md">Buy Now!</a> </div> </section>
<section class="call-to-action call-to-action-quaternary mb-xl"> <div class="call-to-action-content"> <h3>Call to Action with Quaternary background color</h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. </p> </div> <div class="call-to-action-btn"> <a href="http://www.mandeeps.com/products/dnn-themes/tahoe.aspx" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md">Buy Now!</a> </div> </section>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
<section class="call-to-action call-to-action-primary"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="call-to-action-content"> <h3>Fullwidth call to action with Primary background color</h3> </div> <div class="call-to-action-btn"> <a href="#" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md"><em class="fas fa-user-plus"></em> CLICK ME</a> </div> </div> </div> </div> </section> <section class="call-to-action call-to-action-secondary"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="call-to-action-content"> <h3>Fullwidth call to action with Secondary background color</h3> </div> <div class="call-to-action-btn"> <a href="#" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md"><em class="fas fa-user-plus"></em> CLICK ME</a> </div> </div> </div> </div> </section> <section class="call-to-action call-to-action-tertiary"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="call-to-action-content"> <h3>Fullwidth call to action with Tertiary background color</h3> </div> <div class="call-to-action-btn"> <a href="#" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md"><em class="fas fa-user-plus"></em> CLICK ME</a> </div> </div> </div> </div> </section> <section class="call-to-action call-to-action-quaternary"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="call-to-action-content"> <h3>Fullwidth call to action with Quaternary background color</h3> </div> <div class="call-to-action-btn"> <a href="#" class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md"><em class="fas fa-user-plus"></em> CLICK ME</a> </div> </div> </div> </div> </section>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
<section class="parallax section section-text-light section-parallax mt-none" data-plugin-parallax="parallax" data-plugin-options="{'speed': 2.5, 'offset': 900}" data-image-src="/Portals/24/classic/laptop-82.jpg"> <section class="call-to-action"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="call-to-action-content"> <h3>Fullwidth call to action with Parallax</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius.</p> </div> <div class="call-to-action-btn"><a class="btn btn-white color_white style_outlined mr-sm mb-sm btn-md" href="http://www.mandeeps.com/products/dnn-themes/tahoe.aspx">Buy Now!</a></div> </div> </div> </div> </section> </section>
1 2 3 4 5 6 7 8 9 10 11 12 13
<section class="call-to-action call-to-action-default with-button-arrow call-to-action-in-footer mt-none"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="call-to-action-content"> <h3>Fullwidth call to action in footer</h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum sem eu iaculis varius. </p> </div> <div class="call-to-action-btn"> <a href="http://www.mandeeps.com/products/dnn-themes/tahoe.aspx" class="btn btn-borders btn-primary mr-xs mb-sm btn-md">Buy Now!</a> </div> </div> </div> </div> </section>