hadow-6">...</div>
<div class="e-x shadow-5">...</div>
<div class="e-x shadow-4">...</div>
<div class="e-x shadow-3">...</div>
<div class="e-x shadow-2">...</div>
<div class="e-x shadow-1">...</div>
{% endhighlight %}

  </div>
</div>



<div class="container-white">
  <h4 class="code-title">Examples of shadows with background</h4>
  <p>The shadows work the same as the HTML heading from 6 to 1 with 1 being the largest and 6 the least.</p>
  <hr class="hr">
  <div class="e-cols">
    <div class="e-col-12 e-a