The face is a container to create full-page introductions to make your website elegant, is the first thing you ever see on a website, use this container and take full advantage of your website.
Highlight the most important first by using one of 25 or more of the models already created or use your mind to create yours.
e-face The main container.
face-body Container where you must put all your content.
face-item Direct children of the container (face-body).
no-bg Remove the background from the navigation (e-nav) and use it for transparency. See example above.
centered Apply (centered) to center the text of the container (face-body)
e-sm-screen Apply (e-sm-screen) to have a small face size
e-md-screen Apply (e-md-screen) to have a medium face size
e-fullscreen Apply (e-fullscreen) to have a fullscreen face size
This is the basic structure of the container
<main class="e-face">
<nav class="e-nav no-bg">...</nav>
<section class="face-body">
<div class="face-item">...</div>
<div class="face-item">...</div>
</section>
<div class="...">
<!-- this can be your footer -->
</div>
</main>
<!-- Or -->
<main class="e-face">
<nav class="e-nav no-bg">...</nav>
<section class="face-body">
<div class="e-container">...</div>
</section>
<div class="...">
<!-- this can be your footer -->
</div>
</main>e-sm-screen Apply to have a small face size.
e-md-screen Apply to have a medium face size
e-fullscreen Apply to have a fullscreen face size
Each time you reload the page you will get a different background. ¡IT'S A MADNESS!
If you are using our framework in a product that generates income,
you can also help its maintenance if you wish, if you frequently help in your company
or personal developments consider making a recurring donation.
If you want to see your company's logo on this site it's time to be a serious Sponsor.
