Tronic247 Material

Banners

Edit this page

Usage

<div class="banner">
    <div class="banner-top">
        <div class="banner-left">
            <i class="material-icons h4">favorite</i>
        </div>
        <div class="banner-content center">
            <h3 class="banner-title">Banner title</h3>
            <p class="banner-description">Lorem ipsum dolor sit amet consectetur adipisicingelit. Sequi voluptate ratione at totam ipsa voluptates libero culpa mollitia,doloribus id, laborum. Eaque, minus mollitia quos reprehenderit quam vitae deseruntplaceat.</p>
        </div>
    </div>
    <div class="banner-bottom">
        <button class="text">Action</button>
        <button class="text">Action</button>
    </div>
</div>

Without Icon

<div class="banner">
    <div class="banner-top">
        <div class="banner-content center">
            <h3 class="banner-title">Banner title</h3>
            <p class="banner-description">Lorem ipsum dolor sit amet consectetur adipisicingelit. Sequi voluptate ratione at totam ipsa voluptates libero culpa mollitia,doloribus id, laborum. Eaque, minus mollitia quos reprehenderit quam vitae deseruntplaceat.</p>
        </div>
    </div>
    <div class="banner-bottom">
        <button class="text">Action</button>
        <button class="text">Action</button>
    </div>
</div>