<div class="sidebar" data-color="brown" data-active-color="danger">
            <!--
            Tip 1: You can change the color of the sidebar using: data-color="blue | green | orange | red | yellow"
        -->
            <div class="logo">
                <a href="http://www.creative-tim.com" class="simple-text logo-mini">
                    <div class="logo-image-small">
                        <img src="~/lib/instem-ux/img/Instem-Logo-Blue-Cube.png">
                    </div>
                </a>
                <a href="http://www.creative-tim.com" class="simple-text logo-normal">
                    <div class="logo-image-big">
                        <img src="~/lib/instem-ux/img/Instem-Logo-Blue-Text.png">
                    </div>
                </a>
            </div>
            <div class="sidebar-wrapper">
                <div class="user">
                    <div class="photo">
                        <img src="~/lib/instem-ux/img/faces/clem-onojeghuo-4.jpg" />
                    </div>
                    <div class="info">
                        <a data-toggle="collapse" href="#collapseExample" class="collapsed">
                            <span>
                                Chet Faker
                                <b class="caret"></b>
                            </span>
                        </a>
                        <div class="clearfix"></div>
                        <div class="collapse" id="collapseExample">
                            <ul class="nav">
                                <li>
                                    <a href="#">
                                        <span class="sidebar-mini-icon">MP</span>
                                        <span class="sidebar-normal">My Profile</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="sidebar-mini-icon">EP</span>
                                        <span class="sidebar-normal">Edit Profile</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="sidebar-mini-icon">S</span>
                                        <span class="sidebar-normal">Settings</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <ul class="nav">
                    <li class="active">
                        <a href="../Examples/dashboard">
                            <i class="nc-icon nc-bank"></i>
                            <p>Dashboard</p>
                        </a>
                    </li>
                    <li>
                        <a data-toggle="collapse" href="#pagesExamples">
                            <i class="nc-icon nc-book-bookmark"></i>
                            <p>
                                Pages
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse " id="pagesExamples">
                            <ul class="nav">
                                <li>
                                    <a href="../Examples/timeline">
                                        <span class="sidebar-mini-icon">T</span>
                                        <span class="sidebar-normal"> Timeline </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/login">
                                        <span class="sidebar-mini-icon">L</span>
                                        <span class="sidebar-normal"> Login </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/register">
                                        <span class="sidebar-mini-icon">R</span>
                                        <span class="sidebar-normal"> Register </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/lock">
                                        <span class="sidebar-mini-icon">LS</span>
                                        <span class="sidebar-normal"> Lock Screen </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/user">
                                        <span class="sidebar-mini-icon">UP</span>
                                        <span class="sidebar-normal"> User Profile </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a data-toggle="collapse" href="#componentsExamples">
                            <i class="nc-icon nc-layout-11"></i>
                            <p>
                                Components
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse " id="componentsExamples">
                            <ul class="nav">
                                <li>
                                    <a href="../Examples/buttons">
                                        <span class="sidebar-mini-icon">B</span>
                                        <span class="sidebar-normal"> Buttons </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/grid">
                                        <span class="sidebar-mini-icon">G</span>
                                        <span class="sidebar-normal"> Grid System </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/panels">
                                        <span class="sidebar-mini-icon">P</span>
                                        <span class="sidebar-normal"> Panels </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/sweet-alert">
                                        <span class="sidebar-mini-icon">SA</span>
                                        <span class="sidebar-normal"> Sweet Alert </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/notifications">
                                        <span class="sidebar-mini-icon">N</span>
                                        <span class="sidebar-normal"> Notifications </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/icons">
                                        <span class="sidebar-mini-icon">I</span>
                                        <span class="sidebar-normal"> Icons </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/typography">
                                        <span class="sidebar-mini-icon">T</span>
                                        <span class="sidebar-normal"> Typography </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a data-toggle="collapse" href="#formsExamples">
                            <i class="nc-icon nc-ruler-pencil"></i>
                            <p>
                                Forms
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse " id="formsExamples">
                            <ul class="nav">
                                <li>
                                    <a href="../Examples/regular">
                                        <span class="sidebar-mini-icon">RF</span>
                                        <span class="sidebar-normal"> Regular Forms </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/extended">
                                        <span class="sidebar-mini-icon">EF</span>
                                        <span class="sidebar-normal"> Extended Forms </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/validation">
                                        <span class="sidebar-mini-icon">V</span>
                                        <span class="sidebar-normal"> Validation Forms </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/wizard">
                                        <span class="sidebar-mini-icon">W</span>
                                        <span class="sidebar-normal"> Wizard </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a data-toggle="collapse" href="#tablesExamples">
                            <i class="nc-icon nc-single-copy-04"></i>
                            <p>
                                Tables
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse " id="tablesExamples">
                            <ul class="nav">
                                <li>
                                    <a href="../Examples/tables/regular">
                                        <span class="sidebar-mini-icon">RT</span>
                                        <span class="sidebar-normal"> Regular Tables </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/tables/extended">
                                        <span class="sidebar-mini-icon">ET</span>
                                        <span class="sidebar-normal"> Extended Tables </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/datatables.net">
                                        <span class="sidebar-mini-icon">DT</span>
                                        <span class="sidebar-normal"> DataTables.net </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a data-toggle="collapse" href="#mapsExamples">
                            <i class="nc-icon nc-pin-3"></i>
                            <p>
                                Maps
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse " id="mapsExamples">
                            <ul class="nav">
                                <li>
                                    <a href="../Examples/fullscreen">
                                        <span class="sidebar-mini-icon">FSM</span>
                                        <span class="sidebar-normal"> Full Screen Map </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="../Examples/vector">
                                        <span class="sidebar-mini-icon">VM</span>
                                        <span class="sidebar-normal"> Vector Map </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="../Examples/widgets">
                            <i class="nc-icon nc-box"></i>
                            <p>Widgets</p>
                        </a>
                    </li>
                    <li>
                        <a href="../Examples/charts">
                            <i class="nc-icon nc-chart-bar-32"></i>
                            <p>Charts</p>
                        </a>
                    </li>
                    <li>
                        <a href="../Examples/calendar">
                            <i class="nc-icon nc-calendar-60"></i>
                            <p>Calendar</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>