Material Menu

Note: Markup for Material menu and sidebar menu is same. To change either menu please refer to the below markup.

To change the material menu please refer the following file.

Location: blocks/menus/material-sidebar.html


<ul class="sidebar-accordion">

    <li><a href="index.php"><i class="icon-display4"></i><span class="list-label"> Dashboard</span></a></li>
    <li><a href="index_store.php"><i class="icon-store2"></i><span class="list-label"> Store dashboard</span></a></li>

    <li class="list-title">Apps</li>
    <li><a href="#"><i class="icon-cart2"></i> <span>E-commerce</span></a>
        <ul>
            <li><a href="ecom_products.php">Products</a></li>
            <li><a href="ecom_product.php">Single product</a></li>
            <li><a href="ecom_orders.php">Orders list</a></li>
            <li><a href="ecom_cart.php">My Cart</a></li>
            <li><a href="ecom_checkout.php">Checkout</a></li>
        </ul>
    </li>
    <li><a href="people.php"><i class="icon-user"></i> <span>People</span></a></li>
    <li><a href="messages.php"><i class="icon-comment-discussion"></i> <span>Messages</span></a></li>
    <li><a href="emails.php"><i class="icon-envelop"></i> <span>Emails</span></a></li>
    <li><a href="#"><i class="icon-briefcase"></i> <span>Projects</span></a>
        <ul>
            <li><a href="projects_list.php">Projects list</a></li>
            <li><a href="projects_details.php">Project details</a></li>
        </ul>
    </li>

</ul>

Sidebar User Profile

Note: To apply sidebar menu only, do not use the following markup.

To change the sidebar user profile please refer the following file.

Location: blocks/sidebar-user-profile.html


<div class="user-profile-container">
    <div class="user-profile clearfix">
        <div class="admin-user-thumb">
            <img src="img/demo/img1.jpg" alt="admin" class="img-circle">
        </div>
        <div class="admin-user-info">
            <ul class="user-info">
                <li><a href="#">Jane Elliott</a></li>
                <li><a href="#"><small>Business Analyst</small></a></li>
            </ul>
            <div class="dropdown clearfix">
                <button class="btn btn-link dropdown-toggle pull-right" type="button" id="dropdownMenu15" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span> </button>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li><a href="#"><i class="icon-user"></i>Profile</a></li>
                    <li><a href="#"><i class="icon-envelop"></i>Inbox</a></li>
                    <li><a href="#"><i class="icon-gear"></i>Settings</a></li>
                    <li><a href="#"><i class="icon-exit"></i>Logout</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>