Card

The ss-card(-[1-5]) classes are used to apply shadows to an element.

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tincidunt ante vel molestie vestibulum. Pellentesque a sapien tincidunt, finibus lacus.

Learn more

<div class="ss-card">
  <img src="https://unsplash.it/1200/900?random" class="ss-image ss-w-10" />
  <div class="ss-container ss-py-4">
    <h3>Card Title</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tincidunt ante vel molestie vestibulum. Pellentesque a sapien tincidunt, finibus lacus.</p>
    <a href="#" class="ss-btn ss-outline">Learn more</a>
  </div>
</div>

Basic Card

<div class="ss-card">
  <img src="https://unsplash.it/1200/900?random" alt="Alps" class="ss-image ss-w-10">
  <div class="ss-container ss-center">
    <p>This is the Image Caption</p>
  </div>
</div>

Rounded Card

This is the Image Caption

<div class="ss-card ss-round-xlarge">
  <img src="https://unsplash.it/1200/900?random" alt="Alps" class="ss-image ss-w-10">
  <div class="ss-container ss-center">
    <p>This is the Image Caption</p>
  </div>
</div>