<!-- Midland High School - Header Section !-->
<!-- ======= Top Bar ======= -->
 <div id="topbar">
 <div class="container">
	<div class="row"> 
	<div class="col-lg-2"> </div>
	<div class="col-lg-6 contact-info"> 
	<ul>
             
              
              <li><a href="#">Exam Results</a></li>
			  <li><a href="#">Timetable</a></li>
			  <li><a href="#">Awards</a></li>
			   <li><a href="#">ALumni</a></li>
            </ul>
	</div>
	<div class="col-lg-4 social-links d-flex justify-content-end">
	
        <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
        <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
        <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
	<span class="applybtn"> Apply Online</span>
	</div>	
	</div>
 </div>
 </div>
  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top">
    <div class="container d-flex align-items-center justify-content-between">

       <a href="./" class="logo"><img src="img/logo-Midland-High-School-Kawempe.png" alt="MIDLAND HIGH SCHOOL KAWEMPE " class="img-fluid"></a>

      <nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
          <li class="dropdown"><a href="#"><span>About Us</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="#">About Midland H.S</a></li>
              <li><a href="#">Director's Message</a></li>
              <li><a href="#">Message from Head Teacher</a></li>
              <li><a href="#">Achievements</a></li>
            </ul>
          </li>
          <li><a class="nav-link scrollto" href="#">Admission</a></li>
          <li class="dropdown"><a href="#"><span>Academics</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="#">School Life</a></li>
              <li><a href="#">Ordinary Level (O - Level)</a></li>
              <li><a href="#">Advanced Level (A - Level)</a></li>
              <li><a href="#">Games and Sports</a></li>
			  <li><a href="#">MDD (Music Dance & Drama)</a></li>
            </ul>
          </li>
		  <li class="dropdown"><a href="#"><span>Clubs</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="#">Art Club</a></li>
              <li><a href="#">Literature Club</a></li>
              <li><a href="#">Rotary Club</a></li>
              <li><a href="#">ICT Club</a></li>
            </ul>
          </li>
          <li><a class="nav-link scrollto" href="#"> Contact Us</a></li>
          <li><a class="getstarted scrollto" href="#">Elearning</a></li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->