Play of columns 2: Overlay banner

The combination of columns with simple image and Widget/HTML placed inside of the same column.

You can use one or more columns.

banner 1

Your custom title

This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use to add content to your website

Custom button

Your custom title

This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use to add content to your website

Custom button

<div class="hs-description left-align pull-top-10">
    <h3>
        Your custom title
    </h3>

    <p>
        This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use
        to add content to your website
    </p>
    <br />
    <a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>

Banner 2

Your custom title

This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use to add content to your website

Custom button

Your custom title

This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use to add content to your website

Custom button

<div class="hs-description left-align bg-dark color-white pull-top-20">
    <h3>
        Your custom title
    </h3>

    <p>
        This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use
        to add content to your website
    </p>
    <br />
    <a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>

Banner 3

Your custom title

This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use to add content to your website

Custom button

Your custom title

This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use to add content to your website

Custom button

<div class="hs-description  left-align bg-transparent pull-top-10" style="border:1px solid #ccc;border-top:none;">
    <h3>
        Your custom title
    </h3>

    <p>
        This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use
        to add content to your website
    </p>
    <br />
    <a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>

Banner 4

Your custom title

This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use to add content to your website

Custom button

<div class="m-banner hs-description left-align  m-banner bg-dark color-white col-6 cc-box" style="position:absolute;bottom:0; left:-5px;">
    <h3>
        Your custom title
    </h3>

    <p>
        This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use
        to add content to your website
    </p>
    <br />
    <a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>

Banner 5

Your custom title

This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use to add content to your website

Custom button

<div class="m-banner hs-description left-align bg-white has-shadow col-6 cc-box" style="position:absolute;bottom:0; right:-5px;">
    <h3>
        Your custom title
    </h3>

    <p>
        This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left. The plus icon lists all of the elements you can use
        to add content to your website
    </p>
    <br />
    <a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>

Important!

Please make sure to use the alternative text 'is-100' in order to have images 100% width

Play of columns 2: Overlay banner

banner 1

Your custom title

Your custom title

Banner 2

Your custom title

Your custom title

Banner 3

Your custom title

Your custom title

Banner 4

Your custom title

Banner 5

Your custom title

Support

Quick links

Get inspired

Play of columns 2: Overlay banner

banner 1

Your custom title

Your custom title

Banner 2

Your custom title

Your custom title

Banner 3

Your custom title

Your custom title

Banner 4

Your custom title

Banner 5

Your custom title

Support

Quick links

Get inspired

Strictly necessary

Functional

Performance

Marketing / Third Party

Cookie Policy