SHARE
TWEET

Untitled

a guest Dec 9th, 2019 96 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.         <div class="sidebar" data-color="brown" data-active-color="danger">
  2.             <!--
  3.            Tip 1: You can change the color of the sidebar using: data-color="blue | green | orange | red | yellow"
  4.        -->
  5.             <div class="logo">
  6.                 <a href="http://www.creative-tim.com" class="simple-text logo-mini">
  7.                     <div class="logo-image-small">
  8.                         <img src="~/lib/instem-ux/img/Instem-Logo-Blue-Cube.png">
  9.                     </div>
  10.                 </a>
  11.                 <a href="http://www.creative-tim.com" class="simple-text logo-normal">
  12.                     <div class="logo-image-big">
  13.                         <img src="~/lib/instem-ux/img/Instem-Logo-Blue-Text.png">
  14.                     </div>
  15.                 </a>
  16.             </div>
  17.             <div class="sidebar-wrapper">
  18.                 <div class="user">
  19.                     <div class="photo">
  20.                         <img src="~/lib/instem-ux/img/faces/clem-onojeghuo-4.jpg" />
  21.                     </div>
  22.                     <div class="info">
  23.                         <a data-toggle="collapse" href="#collapseExample" class="collapsed">
  24.                             <span>
  25.                                 Chet Faker
  26.                                 <b class="caret"></b>
  27.                             </span>
  28.                         </a>
  29.                         <div class="clearfix"></div>
  30.                         <div class="collapse" id="collapseExample">
  31.                             <ul class="nav">
  32.                                 <li>
  33.                                     <a href="#">
  34.                                         <span class="sidebar-mini-icon">MP</span>
  35.                                         <span class="sidebar-normal">My Profile</span>
  36.                                     </a>
  37.                                 </li>
  38.                                 <li>
  39.                                     <a href="#">
  40.                                         <span class="sidebar-mini-icon">EP</span>
  41.                                         <span class="sidebar-normal">Edit Profile</span>
  42.                                     </a>
  43.                                 </li>
  44.                                 <li>
  45.                                     <a href="#">
  46.                                         <span class="sidebar-mini-icon">S</span>
  47.                                         <span class="sidebar-normal">Settings</span>
  48.                                     </a>
  49.                                 </li>
  50.                             </ul>
  51.                         </div>
  52.                     </div>
  53.                 </div>
  54.                 <ul class="nav">
  55.                     <li class="active">
  56.                         <a href="../Examples/dashboard">
  57.                             <i class="nc-icon nc-bank"></i>
  58.                             <p>Dashboard</p>
  59.                         </a>
  60.                     </li>
  61.                     <li>
  62.                         <a data-toggle="collapse" href="#pagesExamples">
  63.                             <i class="nc-icon nc-book-bookmark"></i>
  64.                             <p>
  65.                                 Pages
  66.                                 <b class="caret"></b>
  67.                             </p>
  68.                         </a>
  69.                         <div class="collapse " id="pagesExamples">
  70.                             <ul class="nav">
  71.                                 <li>
  72.                                     <a href="../Examples/timeline">
  73.                                         <span class="sidebar-mini-icon">T</span>
  74.                                         <span class="sidebar-normal"> Timeline </span>
  75.                                     </a>
  76.                                 </li>
  77.                                 <li>
  78.                                     <a href="../Examples/login">
  79.                                         <span class="sidebar-mini-icon">L</span>
  80.                                         <span class="sidebar-normal"> Login </span>
  81.                                     </a>
  82.                                 </li>
  83.                                 <li>
  84.                                     <a href="../Examples/register">
  85.                                         <span class="sidebar-mini-icon">R</span>
  86.                                         <span class="sidebar-normal"> Register </span>
  87.                                     </a>
  88.                                 </li>
  89.                                 <li>
  90.                                     <a href="../Examples/lock">
  91.                                         <span class="sidebar-mini-icon">LS</span>
  92.                                         <span class="sidebar-normal"> Lock Screen </span>
  93.                                     </a>
  94.                                 </li>
  95.                                 <li>
  96.                                     <a href="../Examples/user">
  97.                                         <span class="sidebar-mini-icon">UP</span>
  98.                                         <span class="sidebar-normal"> User Profile </span>
  99.                                     </a>
  100.                                 </li>
  101.                             </ul>
  102.                         </div>
  103.                     </li>
  104.                     <li>
  105.                         <a data-toggle="collapse" href="#componentsExamples">
  106.                             <i class="nc-icon nc-layout-11"></i>
  107.                             <p>
  108.                                 Components
  109.                                 <b class="caret"></b>
  110.                             </p>
  111.                         </a>
  112.                         <div class="collapse " id="componentsExamples">
  113.                             <ul class="nav">
  114.                                 <li>
  115.                                     <a href="../Examples/buttons">
  116.                                         <span class="sidebar-mini-icon">B</span>
  117.                                         <span class="sidebar-normal"> Buttons </span>
  118.                                     </a>
  119.                                 </li>
  120.                                 <li>
  121.                                     <a href="../Examples/grid">
  122.                                         <span class="sidebar-mini-icon">G</span>
  123.                                         <span class="sidebar-normal"> Grid System </span>
  124.                                     </a>
  125.                                 </li>
  126.                                 <li>
  127.                                     <a href="../Examples/panels">
  128.                                         <span class="sidebar-mini-icon">P</span>
  129.                                         <span class="sidebar-normal"> Panels </span>
  130.                                     </a>
  131.                                 </li>
  132.                                 <li>
  133.                                     <a href="../Examples/sweet-alert">
  134.                                         <span class="sidebar-mini-icon">SA</span>
  135.                                         <span class="sidebar-normal"> Sweet Alert </span>
  136.                                     </a>
  137.                                 </li>
  138.                                 <li>
  139.                                     <a href="../Examples/notifications">
  140.                                         <span class="sidebar-mini-icon">N</span>
  141.                                         <span class="sidebar-normal"> Notifications </span>
  142.                                     </a>
  143.                                 </li>
  144.                                 <li>
  145.                                     <a href="../Examples/icons">
  146.                                         <span class="sidebar-mini-icon">I</span>
  147.                                         <span class="sidebar-normal"> Icons </span>
  148.                                     </a>
  149.                                 </li>
  150.                                 <li>
  151.                                     <a href="../Examples/typography">
  152.                                         <span class="sidebar-mini-icon">T</span>
  153.                                         <span class="sidebar-normal"> Typography </span>
  154.                                     </a>
  155.                                 </li>
  156.                             </ul>
  157.                         </div>
  158.                     </li>
  159.                     <li>
  160.                         <a data-toggle="collapse" href="#formsExamples">
  161.                             <i class="nc-icon nc-ruler-pencil"></i>
  162.                             <p>
  163.                                 Forms
  164.                                 <b class="caret"></b>
  165.                             </p>
  166.                         </a>
  167.                         <div class="collapse " id="formsExamples">
  168.                             <ul class="nav">
  169.                                 <li>
  170.                                     <a href="../Examples/regular">
  171.                                         <span class="sidebar-mini-icon">RF</span>
  172.                                         <span class="sidebar-normal"> Regular Forms </span>
  173.                                     </a>
  174.                                 </li>
  175.                                 <li>
  176.                                     <a href="../Examples/extended">
  177.                                         <span class="sidebar-mini-icon">EF</span>
  178.                                         <span class="sidebar-normal"> Extended Forms </span>
  179.                                     </a>
  180.                                 </li>
  181.                                 <li>
  182.                                     <a href="../Examples/validation">
  183.                                         <span class="sidebar-mini-icon">V</span>
  184.                                         <span class="sidebar-normal"> Validation Forms </span>
  185.                                     </a>
  186.                                 </li>
  187.                                 <li>
  188.                                     <a href="../Examples/wizard">
  189.                                         <span class="sidebar-mini-icon">W</span>
  190.                                         <span class="sidebar-normal"> Wizard </span>
  191.                                     </a>
  192.                                 </li>
  193.                             </ul>
  194.                         </div>
  195.                     </li>
  196.                     <li>
  197.                         <a data-toggle="collapse" href="#tablesExamples">
  198.                             <i class="nc-icon nc-single-copy-04"></i>
  199.                             <p>
  200.                                 Tables
  201.                                 <b class="caret"></b>
  202.                             </p>
  203.                         </a>
  204.                         <div class="collapse " id="tablesExamples">
  205.                             <ul class="nav">
  206.                                 <li>
  207.                                     <a href="../Examples/tables/regular">
  208.                                         <span class="sidebar-mini-icon">RT</span>
  209.                                         <span class="sidebar-normal"> Regular Tables </span>
  210.                                     </a>
  211.                                 </li>
  212.                                 <li>
  213.                                     <a href="../Examples/tables/extended">
  214.                                         <span class="sidebar-mini-icon">ET</span>
  215.                                         <span class="sidebar-normal"> Extended Tables </span>
  216.                                     </a>
  217.                                 </li>
  218.                                 <li>
  219.                                     <a href="../Examples/datatables.net">
  220.                                         <span class="sidebar-mini-icon">DT</span>
  221.                                         <span class="sidebar-normal"> DataTables.net </span>
  222.                                     </a>
  223.                                 </li>
  224.                             </ul>
  225.                         </div>
  226.                     </li>
  227.                     <li>
  228.                         <a data-toggle="collapse" href="#mapsExamples">
  229.                             <i class="nc-icon nc-pin-3"></i>
  230.                             <p>
  231.                                 Maps
  232.                                 <b class="caret"></b>
  233.                             </p>
  234.                         </a>
  235.                         <div class="collapse " id="mapsExamples">
  236.                             <ul class="nav">
  237.                                 <li>
  238.                                     <a href="../Examples/fullscreen">
  239.                                         <span class="sidebar-mini-icon">FSM</span>
  240.                                         <span class="sidebar-normal"> Full Screen Map </span>
  241.                                     </a>
  242.                                 </li>
  243.                                 <li>
  244.                                     <a href="../Examples/vector">
  245.                                         <span class="sidebar-mini-icon">VM</span>
  246.                                         <span class="sidebar-normal"> Vector Map </span>
  247.                                     </a>
  248.                                 </li>
  249.                             </ul>
  250.                         </div>
  251.                     </li>
  252.                     <li>
  253.                         <a href="../Examples/widgets">
  254.                             <i class="nc-icon nc-box"></i>
  255.                             <p>Widgets</p>
  256.                         </a>
  257.                     </li>
  258.                     <li>
  259.                         <a href="../Examples/charts">
  260.                             <i class="nc-icon nc-chart-bar-32"></i>
  261.                             <p>Charts</p>
  262.                         </a>
  263.                     </li>
  264.                     <li>
  265.                         <a href="../Examples/calendar">
  266.                             <i class="nc-icon nc-calendar-60"></i>
  267.                             <p>Calendar</p>
  268.                         </a>
  269.                     </li>
  270.                 </ul>
  271.             </div>
  272.         </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top