index.html

<!-- Starts Header Section -->
<a href="" data-activates="slide-out" class="menu-icon drag-menu"></a>
<!-- Ends Header Section -->

<!-- Starts Slider Menu -->   
<ul id="slide-out" class="side-nav drag-menu" data-activates="slide-out">
    <li>
        <div class="userView">
            <img class="background" src="images/banner.png">
            <a href="javascript:void();" ><img class="circle" src="images/user-icon.png"></a>
            <a href="javascript:void();"><span class="white-text name">{{userName}}</span></a>
            <a href="javascript:void();"><span class="white-text email">{{userEmail}}</span></a>
        </div>
    </li>
    <li><a href="">My Dashboard</a></li>
    <li><a href="">My Students</a></li>
    <li><a href="">My Classes</a></li>   
</ul>
<!-- End Slider Menu -->