The random face

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get started Read more
  <main class="e-face e-fullscreen bg-random">
    <!-- Navigation -->
    <nav class="e-nav no-bg">
      <img src="https://bit.ly/2D7yayE" style="width:90px;height:auto;">
      <label for="e-menu" class="e-btn anime transparent no-shadow no-desktop"><i class="fas fa-bars"></i></label>
      <input type="checkbox" id="e-menu">
      <div class="e-menu">
        <a class="e-menu-item"><i class="far fa-circle text-purple"></i> Home</a>
        <a class="e-menu-item"><i class="fas fa-circle text-purple"></i> About</a>
        <a class="e-menu-item"><i class="far fa-circle text-purple"></i> Services</a>
        <a class="e-menu-item"><i class="fas fa-circle text-purple"></i> Contacts</a>
        <i class="e-distribution"></i>
        <a class="e-btn anime small purple"><i class="fab fa-facebook-f"></i></a>
        <a class="e-btn anime small sky"><i class="fab fa-twitter"></i></a>
        <a class="e-btn anime small primary"><i class="fab fa-linkedin-in"></i></a>
      </div>
    </nav>

    <!-- Body -->
    <section class="face-body centered">
      <div class="e-container eUp">
        <h1 class="size-plus">The random face</h1>
        <p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
          dolore eu fugiat nulla pariatur.</p>
        <a class="e-btn outlined plane purple plus">Get started</a>
        <a class="e-btn outlined plane purple plus">Read more</a>
      </div>
    </section>
  </main>