Pure CSS Responsive Navigation Menu

Navigataur is a pure css responsive navigation menu.

Navigataur in action

navigataur2

Navigataur is very simple to use and works out of the box! Just include the navigataur.css in your project document head and use this markup:

<input type="checkbox" id="toggle" />
<div>
    <label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu" onclick></label>
    <ul class="menu">
      <li><a href="#">Google</a></li>
      <li><a href="#">Facebook</a></li>     
      <li><a href="#">Youtube</a></li>  
      <li><a href="#">Twitter</a></li>
    </ul>
</div>

What’s great about this navigation menu is that the author have made the functional and presentational CSS separate in the stylesheet so you can style it according to your design without breaking it up.

Browser Support

Github: https://github.com/micjamking/Navigataur
Live Demo: http://micjamking.github.com/Navigataur/
License: BSD