Navigation menu

Foliodot template provide ease way to create navigation menu with one-level sub-menus, only by inserting menu items:

<nav>
    <a href="index.html">Home</a>
    <a href="about.html">About</a>

    <a href=”#”>Portfolio</a>
    <a subitem href="project-1.html">Project 1</a>
    <a subitem href="project-2.html">Project 2</a>

    <a href="#">Follow me</a>
    <a subitem href="insert-twitter-link">Twitter</a>
    <a subitem href="insert-facebook-link">Facebook</a>
    <a subitem href="insert-instagram-link">Instagram</a>
    <a subitem href="insert-flickr-link">Flickr</a>
    <a subitem href="insert-tumblr-link">Tumblr</a>
</nav>

Once initialized, above code will be converted to fully functional navigation menu:

Good to know:

× × ×

Learn next: Annotation