random.html

{% load static %}  
<aside>
<nav id="sidebar" class="sidebar js-sidebar">
  <!-- <div class="sidebar-content js-simplebar"> -->
    <div id="sidebar" class="nav-collapse ">
    <a class="sidebar-brand" href="index.html">
      <span class="align-middle">DYNAMIX</span>
    </a>

 <!-- <nav id="sidebar" class="sidebar js-sidebar"> -->
  <!-- <div id="sidebar" class="nav-collapse "> -->
    <!-- sidebar menu start-->
    <ul class="sidebar-menu" id="nav-accordion">
      <!-- <p class="centered"><a href="profile.html"><img src="img/ui-sam.jpg" class="img-circle" width="80"></a></p> -->
      <h5 class="centered">Sam Soffes</h5>
      <li class="mt">
        <a class="active" href="index.html">
          <i class="fa fa-dashboard"></i>
          <span>Dashboard</span>
          </a>
      </li>
      <li class="sub-menu">
        <a href="javascript:;">
          <i class="fa fa-desktop"></i>
          <span>UI Elements</span>
          </a>
        <ul class="sub">
          <li><a href="general.html">General</a></li>
          <li><a href="buttons.html">Buttons</a></li>
          <li><a href="panels.html">Panels</a></li>
          <li><a href="font_awesome.html">Font Awesome</a></li>
        </ul>
      </li>
      <li class="sub-menu">
        <a href="javascript:;">
          <i class="fa fa-cogs"></i>
          <span>Components</span>
          </a>
        <ul class="sub">
          <li><a href="grids.html">Grids</a></li>
          <li><a href="calendar.html">Calendar</a></li>
          <li><a href="gallery.html">Gallery</a></li>
          <li><a href="todo_list.html">Todo List</a></li>
          <li><a href="dropzone.html">Dropzone File Upload</a></li>
          <li><a href="inline_editor.html">Inline Editor</a></li>
          <li><a href="file_upload.html">Multiple File Upload</a></li>
        </ul>
      </li>
      <li class="sub-menu">
        <a href="javascript:;">
          <i class="fa fa-book"></i>
          <span>Extra Pages</span>
          </a>
        <ul class="sub">
          <li><a href="blank.html">Blank Page</a></li>
          <li><a href="login.html">Login</a></li>
          <li><a href="lock_screen.html">Lock Screen</a></li>
          <li><a href="profile.html">Profile</a></li>
          <li><a href="invoice.html">Invoice</a></li>
          <li><a href="pricing_table.html">Pricing Table</a></li>
          <li><a href="faq.html">FAQ</a></li>
          <li><a href="404.html">404 Error</a></li>
          <li><a href="500.html">500 Error</a></li>
        </ul>
      </li>
      <li class="sub-menu">
        <a href="javascript:;">
          <i class="fa fa-tasks"></i>
          <span>Forms</span>
          </a>
        <ul class="sub">
          <li><a href="form_component.html">Form Components</a></li>
          <li><a href="advanced_form_components.html">Advanced Components</a></li>
          <li><a href="form_validation.html">Form Validation</a></li>
          <li><a href="contactform.html">Contact Form</a></li>
        </ul>
      </li>
      <li class="sub-menu">
        <a href="javascript:;">
          <i class="fa fa-th"></i>
          <span>Data Tables</span>
          </a>
        <ul class="sub">
          <li><a href="basic_table.html">Basic Table</a></li>
          <li><a href="responsive_table.html">Responsive Table</a></li>
          <li><a href="advanced_table.html">Advanced Table</a></li>
        </ul>
      </li>
      <li>
        <a href="inbox.html">
          <i class="fa fa-envelope"></i>
          <span>Mail </span>
          <span class="label label-theme pull-right mail-info">2</span>
          </a>
      </li>
      <li class="sub-menu">
        <a href="javascript:;">
          <i class=" fa fa-bar-chart-o"></i>
          <span>Charts</span>
          </a>
        <ul class="sub">
          <li><a href="morris.html">Morris</a></li>
          <li><a href="chartjs.html">Chartjs</a></li>
          <li><a href="flot_chart.html">Flot Charts</a></li>
          <li><a href="xchart.html">xChart</a></li>
        </ul>
      </li>
      <li class="sub-menu">
        <a href="javascript:;">
          <i class="fa fa-comments-o"></i>
          <span>Chat Room</span>
          </a>
        <ul class="sub">
          <li><a href="lobby.html">Lobby</a></li>
          <li><a href="chat_room.html"> Chat Room</a></li>
        </ul>
      </li>
      <li>
        <a href="google_maps.html">
          <i class="fa fa-map-marker"></i>
          <span>Google Maps </span>
          </a>
      </li>
    </ul>
    <!-- sidebar menu end-->
  <!-- </div>
</nav> -->
  </div>
</nav>
</aside>