[ecomdesign]

Code :

[== HTML ==]
<ul>
            <li>
                <a data-type="submenu" href="#">Home</a>
                <ul>
                    <li><a href="home.html">One page</a></li>
                    <li><a href="index.html">Classic</a></li>
                </ul>
            </li>
            <li><a href="room.html">Room</a></li>
            <li>
               <a data-type="submenu" href="#">Pages</a>
                <ul>
                    <li><a href="gallery.html">Gallery</a></li>
                    <li><a href="package-list.html">Package List</a></li>
                    <li><a href="services.html">Services</a></li>
                    <li><a href="team.html">Team</a></li>
                    <li><a href="widgets.html">Widgets</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="404.html">404</a></li>
                </ul>
            </li>
           <li>
              <a data-type="submenu" href="#">Blog</a>
              <ul class="has-sub">
                <li><a href="blog-list-full.html">Blog list full</a></li>
                <li><a href="blog-list-column-left.html">Blog left column</a></li>
                <li><a href="blog-list-column-right.html">Blog right column</a></li>
                <li><a href="blog-left-article.html">Blog left article</a></li>
                <li><a href="blog-right-article.html">Blog right article</a></li>
              </ul>
           </li>
           <li>
              <a data-type="submenu" href="#">Contact</a>
              <ul class="has-sub">
                <li><a href="contact-full.html">Contact full width</a></li>
                <li><a href="contact-left-column.html">Contact left column</a></li>
                <li><a href="contact-right-column.html">Contact right column</a></li>
              </ul>
           </li>
           <li>
              <a data-type="submenu" href="#">Elements</a>
              <ul class="has-sub">
                <li><a href="elements-accordions.html">Accordions</a></li>
                <li><a href="elements-button.html">Button</a></li>
                <li><a href="elements-grids.html">Columns</a></li>
                <li><a href="elements-notifications.html">Notifications</a></li>
                <li><a href="elements-progress-bar.html">Progress Bar</a></li>
                <li><a href="elements-tabs-and-pills.html">Tabs and Pills</a></li>
                <li><a href="elements-typography.html">Typography</a></li>
                <li><a href="elements-media.html">Media list and Panels</a></li>
              </ul>
           </li>
           <li><a href="#" class="top-button"><span class="icon-top glyphicon glyphicon-chevron-up"></span></a></li>
        </ul>