<header id="header" class="fixed-top" style="background-color:#116496;">
      
<div class="container" >

      <div class="logo float-left hidden-xs hidden-sm">       
        <a href="../index.php" class="scrollto"><img src="../img/logo.png" alt="" class="img-fluid"></a>
      </div>
	  
	  
  	<div class="row about-container">
  	  <div class="col-8 col-sm-8 col-md-8 hidden-md hidden-lg" align="right">
    	   <div class="logo">
            <a href="../index.php" class="scrollto" ><img src="../img/logo.png" class="img-fluid "></a>
    		</div>
      </div>
  		<div class="col-4 col-sm-4 col-md-4 hidden-md hidden-lg" align="right">
    		  <i class="fa fa-trash-o fa-2x" style="color: red; padding: 5px;"></i>
  		</div>	  
    </div>


      <nav class="main-nav float-right d-none d-lg-block" >
        <ul>
          <li class="active hidden-xs hidden-sm" ><a href="../index.php">Home</a></li>
		      <li class="active hidden-md hidden-lg"  style="font-size:20px;"><a href="../index.php"><i class="fa fa-home" aria-hidden="true"></i> </a></li>

          <li class="drop-down"><a href="">Recycle Bin</a>
            <ul>
              <li><a href="view-teacher.php">Teacher Recycle</a></li>
              <li><a href="view-student.php">Student Recycle</a></li>
              <li><a href="view-class.php">Class Recycle</a></li>
              <li><a href="view-subject.php">Subject Recycle</a></li>
              <!--<li><a href="view-notes-class.php">Note Recycle</a></li>
              <li><a href="view-homework-class.php">Homework Recycle</a></li>-->
            </ul>
          </li>
      </nav><!-- .main-nav -->
      
    </div>
  </header>
