<div class="box-outline">
<header class="box-header">
<h5>box-outline</h5>
</header>
<div class="box-content">
<p><small>Lorem ipsum dolor sit amet, consectetur</small></p>
</div>
</div>
<div class="box-inshadow">
<header class="box-header">
<h5>box-inshadow</h5>
</header>
<div class="box-content">
<p><small>Lorem ipsum dolor sit amet, consectetur</small></p>
</div>
</div>
<div class="box-outshadow">
<header class="box-header">
<h5>box-outshadow</h5>
</header>
<div class="box-content">
<p><small>Lorem ipsum dolor sit amet, consectetur</small></p>
</div>
</div>
<section class="box-outline box-yellow">
<header class="box-header">
<p class="box-title">box-outline</p>
</header>
<div class="box-content">
<p><small>Lorem ipsum dolor sit amet, consectetur</small></p>
</div>
</section>
<section class="box-outline box-orange">
<header class="box-header">
<p class="box-title">box-outline</p>
</header>
<div class="box-content">
<p><small>Lorem ipsum dolor sit amet, consectetur</small></p>
</div>
</section>
<section class="box-outline box-blue">
<header class="box-header">
<p class="box-title">box-outline</p>
</header>
<div class="box-content">
<p><small>Lorem ipsum dolor sit amet, consectetur</small></p>
</div>
</section>
<section class="box-outline box-green">
<header class="box-header">
<p class="box-title">box-outline</p>
</header>
<div class="box-content">
<p><small>Lorem ipsum dolor sit amet, consectetur</small></p>
</div>
</section>
<section class="box-inshadow box-in-yellow">
<header class="box-header">
<p class="box-title">box-inshadow</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-inshadow box-in-orange">
<header class="box-header">
<p class="box-title">box-inshadow</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-inshadow box-in-blue">
<header class="box-header">
<p class="box-title">box-inshadow</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-inshadow box-in-green">
<header class="box-header">
<p class="box-title">box-inshadow</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-outshadow box-out-yellow">
<header class="box-header">
<p class="box-title">box-outshadow</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-outshadow box-out-orange">
<header class="box-header">
<p class="box-title">box-outshadow</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-outshadow box-out-blue">
<header class="box-header">
<p class="box-title">box-outshadow</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-outshadow box-out-green">
<header class="box-header">
<p class="box-title">box-outshadow</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-infill box-infill-yellow">
<header class="box-header">
<p class="box-title">box-infill</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-infill box-infill-orange">
<header class="box-header">
<p class="box-title">box-infill</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-infill box-infill-blue">
<header class="box-header">
<p class="box-title">box-infill</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>
<section class="box-infill box-infill-green">
<header class="box-header">
<p class="box-title">box-infill</p>
</header>
<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</section>