Cards

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut fugiat, modi adipisci, placeat at totam autem atque veniam aliquam facere amet velit ea nihil aspernatur dolorem doloribus maiores quisquam nemo!

<div class="card">
	<h1 class="title">Card title</h1>
	<div class="content">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore quaerat id consequuntur maiores, quod reiciendis sequi consequatur velit. Perspiciatis earum dolores deserunt culpa eum tempora mollitia itaque obcaecati. Ad, provident.</p>
	</div>
</div>

Card Image

Paisagem Anómima

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt repellat vitae provident possimus quia molestiae delectus nam ea autem architecto, omnis dolor dolorem quibusdam 
<div class="card">
	<img src="../assets/img/adrian-infernus-281832-500.jpg" alt="Paisagem Anómima">
	<h1 class="title">Card title</h1>
	<div class="content">
		Lorem ipsum dolor sit amet, 
		consectetur adipisicing elit. 
		Dolore quaerat id consequuntur maiores, 
		quod reiciendis sequi consequatur velit.
	</div>
</div>

Card with preloader

<div class="card center-align middle-align">
	<i class="preloader"></i>
</div>

Issues

Bug or features request? Open an Issue