Purple steps of life

Lorem enim laboris aliquip

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Get started Gallery
eFrolic CSS framework which without using JavaScript is interactive and animated.
  <main class="e-face e-fullscreen purple inverted">
    <nav class="e-nav no-bg">
      <img src="https://bit.ly/2D7yayE" style="width:90px;height:auto;">
      <label for="e-menu" class="e-btn outlined transparent no-shadow no-desktop"><i class="fas fa-bars"></i></label>
      <input type="checkbox" id="e-menu">
      <div class="e-menu narrow">
        <i class="e-distribution"></i>
        <a class="e-menu-item">Home</a>
        <a class="e-menu-item">About</a>
        <div class="e-dropdown">Services
          <i class="fas fa-angle-down"></i>
          <div class="drop-items shadow-4">
            <a class="drop-item">Service One</a>
            <a class="drop-item">Service Two</a>
            <a class="drop-item">Service Three</a><hr>
            <a class="e-btn purple">Acquire</a>
            <a class="e-btn purple">More</a>
          </div>
        </div>
        <a class="e-menu-item">Contacts</a>
        <a class="e-menu-item">Portfolio</a>
        <a class="e-menu-item">Gallery</a>
      </div>
    </nav>

    <!-- Body -->
    <section class="face-body eUp">
      <div class="face-item">
        <h1 class="e-title">Purple steps of life</h1>
        <h2 class="e-subtitle">Lorem enim laboris aliquip</h2>
        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
        <a class="e-btn inverted purple">Get started</a>
        <a class="e-btn inverted purple">Gallery</a>
      </div>
      <div class="face-item">
        <img src="https://bit.ly/2pj4yVo" />
      </div>
    </section>
  </main>