---
layout: default

permalink: /shadows

category: utilities

category_page: Utilities

title: Shadows

description: "Add shadows to your elements by applying one of the 6 kinds of shadows available, easy to use just apply the class and a number or just apply shadow. In total there are 8 shading options where you can cancel the shadows or add the one you want."

---

<div class="container-white">
  <h4 class="code-title">{{ page.title }} examples</h4>
  <p>The shadows work the same as the HTML heading from