flag
X logo
Menu
Home Icons Contact
Docs
Typography
Responsive
Containers Grid Align Display
Navigation
Topnav Sidenav Slide down nav Verticale nav Fullscreen nav Buttons Pagination
Pictures
Images Animation Parallax Sliteshow Thumbnail
Helpers
Helpers Padding Margin
More
Accordion Borders Cards Colors Form List Popup modal Table Tooltips

Fullscreen nav


Introduction

Fullnav is a fullscreen image with menu a logo and text.

The basic colors are black and gray but can easily be adjusted with the color classes of css framework.


Click on the Class name to copy it.

full-screen Main class for the fullscreen nav block
fullres Class for the responsive block

Example Fullscreen Nav pc - laptop

Example mobile


Example code:

<style>
  body, html {height: 100%;}
  .full-screen {background-image: url('images/zomer1.jpg');}
</style>

<div class="full-screen">
  <nav>
    <ul>
      <li><a class="fullres" href="javascript:void(0)"></a></li>
      <li><a href="#">Home</a></li>
      <li><a href="#">About us</a></li>
      <li><a href="#">Our work</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </nav>
  <section>
    <h1>Full screen Nav</h1>
    <hr>
    <p class="lorum-sm"></p>
  </section>
</div>


© Copyright by Web Henkie
All right reserved
Webmaster