Arches: CVquality

Arches:CVquality

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cvquality_boot.css, line 7845

5.1.9 Product Card

Graphic areas that hold a snippet of a product.

Example

Default styling

incididunt est culpa

aliqua adipisicing sint exercitation nostrud pariatur amet ut est fugiat excepteur ad elit mollit cillum

Link To Product   
<div class="card product">
  <header class="card-header bg_shade-3">
     <img class="card-img" src="https://cvquality.acc.org/images/default-source/accreditation/afbutton.jpg?sfvrsn=f32980bf_2" alt="">
  </header>
  <div class="card-body">
    <article>
     <h2 class="m-0">incididunt est culpa</h2>
      <p>aliqua adipisicing sint exercitation nostrud pariatur amet ut est fugiat excepteur ad elit mollit cillum</p>
      <a class="btn btn-primary" href="#">Link To Product &nbsp; <i class="fa fa-external-link-square"></i></a>
    </article>
  </div>
</div>
Copy Code