Card

Default

Card-Header

Card-Title

This card has supporting text below as a natural lead-in to additional content.

<div class="card ">
        <div class="card-header">
                Card-Header
        </div>
        <div class="card-image">
                <img class="card-img" src="/images/_stage/01_csm_heromain_b36cd97936.jpg" alt="">
        </div>
        <div class="card-block">
                <h4 class="card-title">
			Card-Title
		</h4>
                <p class="card-text">
                        This card has supporting text below as a natural lead-in to additional content.
                </p>
        </div>
        <div class="card-footer">
                Card-Footer
        </div>
</div>
			  

Typ A

Card-Title

This card has supporting text below as a natural lead-in to additional content.

<div class="card card--type-a">
        <div class="card-image">
                <img class="card-img" src="/images/_stage/01_csm_heromain_b36cd97936.jpg" alt="">
        </div>
        <div class="card-block">
                <h4 class="card-title">
			Card-Title
		</h4>
                <p class="card-text">
                        This card has supporting text below as a natural lead-in to additional content.
                </p>
        </div>
</div>