Off-canvas

offcanvas.html

<nav id="offcanvas" class="navmenu navmenu-inverse navmenu-fixed-right offcanvas navmenu-site" role="navigation">
    <ul class="nav navmenu-nav">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Tutorials <span class="caret"></span></a>
            <ul class="dropdown-menu navmenu-nav">
                <li><a href="#">Design &amp; Illustration</a></li>
                <li><a href="#">Code</a></li>
                <li><a href="#">Web Design</a></li>
                <li><a href="#">Music &amp; Audio</a></li>
                <li><a href="#">Photography</a></li>
                <li><a href="#">3D &amp; Motion Graphic</a></li>
                <li><a href="#">Game Development</a></li>
                <li><a href="#">Computer Skill</a></li>
                <li><a href="#">Craft &amp; DIY</a></li>
                <li><a href="#">Business</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Courses <span class="caret"></span></a>
            <ul class="dropdown-menu navmenu-nav">
                <li><a href="#">Design &amp; Illustration</a></li>
                <li><a href="#">Code</a></li>
                <li><a href="#">Web Design</a></li>
                <li><a href="#">Music &amp; Audio</a></li>
                <li><a href="#">Photography</a></li>
                <li><a href="#">3D &amp; Motion Graphic</a></li>
                <li><a href="#">Business</a></li>
                <li><a href="#">Bundles</a></li>
            </ul>
        </li>
        <li><a href="#">Premium</a></li>
        <li><a href="#">Jobs</a></li>
        <li><a href="#">Blogs</a></li>
        <li class="has-button"><a class="btn navmenu-btn">Create and Account</a></li>
        <li class="has-button"><a class="btn navmenu-btn">Sign in</a></li>
    </ul>
</nav>