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

Page Views

This page has been viewed 62 times.

Search Code
Search Code by entering your search text above.
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.

❤👩‍💻🕹