Face Layout

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.


This is a beautiful face

FREEZING STORIES FOR LIFE

PHOTOGRAPHS

Use

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


Basic structure

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>
Sizes

Contribute on GitHub
Become a sponsor.

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.

eFrolic | framework css 2018
eFrolic | framework css 2018

One-time donation


Donate
eFrolic | framework css 2018
eFrolic | framework css 2018

Serious sponsor


Become a Patron