Blocks - MaxSite Plus

sections-cta1

<div class="layout-center-wrap-tablet mar50-tb">
    <div class="layout-wrap t-center">
        <div class="t-primary600 dark:t-primary100 t130">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>

        <div class="mar20-t"><a class="button" _href="">Download</a></div>
    </div>
</div>

sections-cta2

<div class="layout-center-wrap-tablet mar50-tb">
    <div class="layout-wrap t-center">
        <h1 class="t-primary500 dark:t-primary200">Call to Action</h1>
        <div class="t-primary600 dark:t-primary100 t130">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bonum integritas corporis: misera debilitas. Quid sequatur</div>
        <div class="mar20-t"><a class="button" _href="">Download</a></div>
    </div>
</div>

sections-cta3

<div class="layout-center-wrap-tablet mar50-tb">
    <div class="layout-wrap t-center">
        <div class="h3 t-bold">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bonum integritas corporis: misera debilitas. Quid sequatur, quid repugnet, vident.</div>
        <div class="mar30-t"><a class="button" _href="">Download</a></div>
    </div>
</div>

sections-cta4

<div class="layout-center-wrap-tablet mar50-tb">
    <div class="layout-wrap t-center">
        <div class="h1">Call to Action</div>
        
        <div class="t-primary600 dark:t-primary100">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bonum integritas corporis: misera debilitas. Quid sequatur, quid repugnet, vident.</div>
        
        <div class="mar30-t"><a class="button" _href="">Download</a></div>
        
        <div class="mar50-t t-bold t-primary400 dark:t-primary200">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
        
        <div class="mar40-t flex flex-wrap">
            <img src="https://placehold.co/100">
            <img src="https://placehold.co/100">
            <img src="https://placehold.co/100">
            <img src="https://placehold.co/100">
            <img src="https://placehold.co/100">
            <img src="https://placehold.co/100">
        </div>
    </div>
</div>

sections-cta5

<div class="layout-center-wrap-tablet mar50-tb">
    <div class="layout-wrap t-center">
        <div class="h1">Quid de Platone aut de Democrito loquar</div>

        <div class="mar30-t"><a class="button bi-check" _href="">Download</a></div>
    </div>
</div>

sections-cta6

<div class="layout-center-wrap mar50-tb">
    <div class="layout-wrap t-center">
        <div class="t-primary600 dark:t-primary100 t120 mar10-b">Follow us and ask more on:</div>

        <div class="t200 t-primary600 dark:t-primary100 links-no-color links-hover-t-primary400">
            <a class="mar5-rl bi-facebook" _href=""></a>
            <a class="mar5-rl bi-twitter" _href=""></a>
            <a class="mar5-rl bi-instagram" _href=""></a>
            <a class="mar5-rl bi-google" _href=""></a>
            <a class="mar5-rl bi-pinterest" _href=""></a>
        </div>

    </div>
</div>

sections-cta7

<div class="layout-center-wrap mar50-tb">
    <div class="layout-wrap t-center">
        <div class="h1 t-bold">Call to action</div>

        <div class="mar70-t b-flex flex-wrap-tablet flex-jc-center">
            <div class="w30 w80-tablet mar50-b-tablet">
                <div><img alt="" src="https://placehold.co/100"></div>
                <div class="h5 mar30-t">First Action</div>
                <div class="t-primary500 dark:t-primary200">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si quicquam extra virtutem habeatur in bonis.</div>
                <div class="mar30-t"><a class="button" _href="">Download</a></div>
            </div>

            <div class="w10 hide-tablet"></div>

            <div class="w30 w80-tablet">
                <div><img alt="" src="https://placehold.co/100"></div>
                <div class="h5 mar30-t">Second Action</div>
                <div class="t-primary500 dark:t-primary200">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si quicquam extra virtutem habeatur in bonis.</div>
                <div class="mar30-t"><a class="button" _href="">Download</a></div>
            </div>
        </div>
    </div>
</div>

sections-cta8

<div class="layout-center-wrap mar50-tb">
    <div class="layout-wrap t-center">
        <div class="flex flex-wrap-tablet flex-jc-center flex-ai-center">
            <div class="mar0 h2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
            <div class="pad20-rl mar20-t-tablet"><a class="button" _href="">Download</a></div>
        </div>
    </div>
</div>

sections-cta9

<div class="layout-center-wrap mar50-tb">
    <div class="layout-wrap t-center">
        <div class="flex flex-wrap-tablet flex-jc-center flex-ai-center">
            <div class="pad20-rl mar20-t-tablet"><a class="button" _href="">Download</a></div>
            <div class="mar0 h2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
        </div>
    </div>
</div>

Sections-cta