Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Bottom Menu layout is useful for those users who wants menu in bottom of the page.
CSS Class
To use static layout for your project add .menu-bottom class in body tag.
HTML Markup

Use the following code to use Bottom Menu in vertical.

Usage:
<!DOCTYPE html>
<html lang="en">
    <head></head>
    <body class="menu-bottom">
    <div class="card">
      <div class="card-header">
        <h5>Hello card</h5>
        <span> Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
        <div class="card-header-right">
            <i class="icofont icofont-rounded-down"></i>
            <i class="icofont icofont-refresh"></i>
            <i class="icofont icofont-close-circled"></i>
        </div>
      </div>
    
      <div class="card-block">
        <p>
             Enjoy flat-able With Bottom-Menu Layout         
        </p>
      </div>
    </div>
</body>
</html>