Bootstrap Card Formatting HTML and CSS - Header and Footer

just a bootstrap card format with header and footer elements, makes a piece of content neat easily

HTML

<div class='card'>
  <h5 class='card-header'>Featured</h5>
  <div class='card-body'>
    <h5 class='card-title'>Special title treatment</h5>
    <p class='card-text'>With supporting text below as a natural lead-in to additional content.</p>
    <a href='#' class='btn btn-primary'>Go somewhere</a>
  </div>
  <div class='card-footer'>
    <a href='#!' class='btn btn-primary'>Footer Primary Button</a>
    <a href='#!' class='btn btn-secondary'>Footer Secondary Button</a>
  </div>
</div>

Demo

Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹