Features - Examples

• Features - Examples

Features - HTML

• Footers
• Sections
• Typography

Elements - HTML

• Boxes
• Buttons
• Breadcrumbs
• Carousel
• Counters
• Icon Boxes
• Lists
• Progress bar
• Testiomonials

Boxes

See examples with different boxes.

<div class="boxes">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes boxes-grey">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes boxes-border-top">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes boxes-border-left">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes border-dashed">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes border-dashed-2">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes border-dashed-3">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes border-dotted">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes border-dotted-2">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes border-dotted-3">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes effect1">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes effect2">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes effect3">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>

<div class="boxes effect4">
  <h6>Neque Porro Quisquam Est Magnam Aliquam Dolorem</h6>
  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p>
</div>