Cards CattoCSS Framework

cardsOthers.js

    <!-- Text Only -->
    <div class="card-content-only">
        This is a card with text only
    </div>    


    <!-- title and text -->
    <div class="card-content-only">
        <span class="card-title">Card title</span><br>
        <span class="card-subtitle">This is a card subtitle</span>
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing. Unde nam cumque ducimus voluptatum ea ab perspiciatis laborum exercitationem</p>
    </div>


    <!-- header  -->
    <div class="card-header">Card header</div>
    <div class="card-content">
        <span class="card-title">Card title</span>
        <p class="card-text">Lorem ipsum dolor sit, amet consectetur adipisicing. Unde nam cumque ducimus voluptatum ea ab perspiciatis laborum exercitationem</p>
        <a href="" class="button">Go somewhere</a>
    </div>


    <div class="card-header primary">Card header</div>
    <div class="card-content dark">
        <span class="card-title">Card title</span>
        <p class="card-text">Lorem ipsum dolor sit, amet consectetur adipisicing. Unde nam cumque ducimus voluptatum ea ab perspiciatis laborum exercitationem</p>
        <a href="" class="button primary">Go somewhere</a>
    </div>