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


Introductie

Fullnav is een afbeelding op volledig scherm met menu, een logo en tekst.

De basiskleuren zijn zwart en grijs maar kunnen eenvoudig worden aangepast met de kleur classes van CSS-framework.


Klik op de Class naam om deze te kopiƫren.

full-screen Hoofd class voor het fullnav blok
fullres Class voor responsief blok

Voorbeeld Fullscreen Nav pc - laptop

Voorbeeld mobiel


Voorbeeldcode:

<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="#">Over ons</a></li>
      <li><a href="#">Ons werk</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