Cartões

Título do cartão

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Este é um link

Código

<!-- 

    <div class="cartao fundo-(nome da cor)">
        <div class="cartao-conteúdo texto-(nome da cor)">
            <span class="cartao-título texto-fonte-(tamanho da fonte)">Título do cartão</span>
            <br><br>
            <p>
                Texto do cartão
            </p>
        </div>
        <div class="cartao-acao">
            <a href="#" class="texto-(nome da cor)">Este é um link</a>            
        </div>
    </div>
    
-->

Título do cartão

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Este é um link

Código

<!-- 

    <div class="cartao fundo-(nome da cor)">
        <div class="cartao-conteúdo texto-(nome da cor)" alt="">
            <div class="cartao-imagem">
                <img src="diretório de imagem">
                <span class="cartao-título texto-fonte-(tamanho da fonte)">Título do cartão</span>
            </div>
            <br><br>
            <p>
                Texto do cartão
            </p>
        </div>
        <div class="cartao-acao">
            <a href="#" class="texto-(nome da cor)">Este é um link</a>            
        </div>
    </div>
    
-->