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>

1
2
3
4
5
6
7
8
9

<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>

1
2
3
4
5
6
7
8
9

<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>

1
2
3
4
5
6
7
8
9

<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>

1
2
3
4
5
6
7
8
9

<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>

1
2
3
4
5
6
7
8
9

<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>

1
2
3
4
5
6
7
8
9

<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>

1
2
3
4
5
6
7
8
9

<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>

1
2
3
4
5
6
7
8
9

<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>

1
2
3
4
5
6
7
8
9

<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>