Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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.
Get started Portfolio<main class="e-face e-fullscreen purple-gradient">
<header class="e-nav no-bg">
<img src="https://bit.ly/2D7yayE" style="width:90px;height:auto;">
<a class="e-btn circle small transparent no-shadow no-mobile"><i class="fab fa-facebook-f"></i></a>
<a class="e-btn circle small transparent no-shadow no-mobile"><i class="fab fa-twitter"></i></a>
<a class="e-btn circle small transparent no-shadow no-mobile"><i class="fab fa-linkedin-in"></i></a>
<i class="e-distribution"></i>
<a class="e-btn outlined transparent">Portfolio</a>
</header>
<!-- Body -->
<section class="face-body centered eUp">
<div class="e-container">
<h1 class="size-plus">Explosion of transparency </h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<a class="e-btn outlined transparent plus">Get started</a>
<a class="e-btn outlined transparent plus">Portfolio</a><br>
</div>
</section>
<div class="e-col centered">
<a class="e-btn circle transparent plus"><i class="fas fa-angle-down"></i></a>
</div>
<nav class="e-nav transparent eUp">
<label for="e-menu" class="e-btn plane fullwidth purple-gradient no-desktop">
More <i class="far fa-caret-square-down"></i>
</label>
<input type="checkbox" id="e-menu">
<div class="e-menu">
<a class="e-menu-item"><i class="far fa-circle"></i> Home</a>
<a class="e-menu-item"><i class="far fa-circle"></i> About</a>
<a class="e-menu-item"><i class="far fa-circle"></i> Services</a>
<a class="e-menu-item"><i class="far fa-circle"></i> Contacts</a>
</div>
</nav>
</main>