<main class="e-face e-fullscreen bg-d">
<nav class="e-nav no-bg">
<img src="https://bit.ly/2D7yayE" style="width:90px;height:auto;">
<label for="e-menu" class="e-btn transparent no-desktop"><i class="fas fa-bars"></i></label>
<input type="checkbox" id="e-menu">
<div class="e-menu">
<a class="e-btn circle small danger"><i class="fab fa-facebook-f"></i></a>
<a class="e-btn circle small danger"><i class="fab fa-twitter"></i></a>
<a class="e-btn circle small danger"><i class="fab fa-linkedin-in"></i></a>
<i class="e-distribution"></i>
<a class="e-menu-item">Home</a>
<a class="e-menu-item">About</a>
<a class="e-menu-item">Services</a>
<a class="e-btn anime danger">Portfolio</a>
</div>
</nav>
<!-- Body -->
<section class="face-body centered eUp">
<div class="e-container">
<h1 class="size-plus">I love Web Programing</h1>
<a class="e-btn inverted danger plus ">Get started</a>
<a class="e-btn outlined plane danger plus ">Portfolio</a>
<div class="e-cols">
<div class="e-col e-alert sky">
<i class="fab fa-react size-1"></i><br> React
</div>
<div class="e-col e-alert success">
<i class="fab fa-vuejs size-1"></i><br> Vue
</div>
<div class="e-col e-alert danger">
<i class="fab fa-angular size-1"></i><br> Angular
</div>
<div class="e-col e-alert warning">
<i class="fab fa-js-square size-1"></i><br> JavaScript
</div>
</div>
</div>
</section>
</main>