ll<span class="hidden-phone hidden-tablet hidden-desktop">✔ All</span></li>
</ul>



<!-- Gradients
================================================== -->

<div class="page-header">
  <h1>Gradients</h1>
</div>

<h4>Horizontal</h4>
<div class="gradient-horizontal"></div>

<h4>Vertical</h4>
<div class="gradient-vertical"></div>

<h4>Directional</h4>
<div class="gradient-directional"></div>

<h4>Three colors</h4>
<div class="gradient-vertical-three"></div>

<h4>Radial</h4>
<div class="gradient-radial"></div>