Unordered list

<!-- mp-menu -->
<nav id="mp-menu" class="mp-menu">
    <ul id="demo1" class="nav">
        <li>
            <a href="#">Devices</a>
            <ul>
                <li><a href="#tits">Mobile Phones</a></li>
                <li><a href="#">Televisions</a></li>
                <li><a href="#">Cameras</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Magazines</a>
            <ul>
                <li><a href="#">National Geographic</a></li>
                <li><a href="#">Scientific American</a></li>
                <li><a href="#">The Spectator</a></li>
                <li><a href="#">The Rambler</a></li>
                <li><a href="#">Physics World</a></li>
                <li><a href="#">The New Scientist</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Store</a>
            <ul>
                <li><a href="#">Clothes</a></li>
                <li><a href="#">Jewellery</a></li>
                <li><a href="#">Music</a></li>
                <li><a href="#">Grocery</a></li>
            </ul>
            </div>
        </li>
        <li><a href="#">Collections</a></li>
        <li><a href="http://google.com">Credits</a></li>
    </ul>
</nav>
<!-- /mp-menu -->