Dark Overlay

Overlay HTML

<article class="full-overlay">
  <div class="content">
    <h2>Full black overlay with opacity</h2>
    <a class="btn" href="#">Super clean</a>
  </div>
</article>

<article class="gradient-overlay">
  <div class="content">
    <h2>Gradient overlay</h2>
    <a class="btn" href="#">Ohh snap, Gradients</a>
  </div>
</article>

<article class="photo-overlay">
  <div class="content">
    <h2>Photo overlay</h2>
    <a class="btn" href="#">Look mom, 2 photos</a>
  </div>
</article>