Defiant CSS

Examples

Panels

To liven up your page our panels come in different colours. Woohoo! I hope you can understand all the Latin gibberish below because I can't.

.panel-heading

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.

.panel-heading .panel-primary

.panel-heading .panel-secondary

.panel-heading .panel-success

.panel-heading .panel-danger

.panel-heading .panel-warning

.panel-heading .panel-info

Default Panels

<div class="panel">
	<div class="panel-heading">.panel-heading</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-primary">.panel-heading .panel-primary</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-secondary">.panel-heading .panel-secondary</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-success">.panel-heading .panel-success</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-danger">.panel-heading .panel-danger</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-warning">.panel-heading .panel-warning</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>
		
<div class="panel">
	<div class="panel-heading panel-info">.panel-heading .panel-info</div>
	<div class="panel-body">
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora, est! Id nisi reprehenderit unde quod rem corrupti tenetur. Quisquam neque voluptatum hic? Libero animi aut, ipsa dolores repellat ducimus. Vero.
	</div>		
</div>