navbar.php

  <!-- Navbar start -->
  <div id="header" class="navbar navbar-fixed-top" style="opacity:0.8;">
    <div class="navbar-inner">
      <div class="container">

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      </a>
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="../index.php"><img style="width: 150px !important; height: auto;" src="../images/livelogo-2013.gif" alt="live 2013" title="live 2013"/></a>
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <!-- .nav, .navbar-search, .navbar-form, etc -->
        <ul class="nav nav-pills pull-right">
          <li><a href="../index.php">Home</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Competition<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="../competition#overview" class="smoothScroll">Overview</a></li>
                <li><a href="../competition#competition" class="smoothScroll">Competition</a></li>
                <li><a href="../competition#speakers" class="smoothScroll">Networking & Speakers</a></li>
                <li><a href="../competition#highlights" class="smoothScroll">Past Highlights</a></li>
            </ul>
          </li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Delegates<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="../delegates#delegateswho" class="smoothScroll">Who</a></li>
                <li><a href="../delegates#delegatesbenefits" class="smoothScroll">Benefits</a></li>
                <li><a href="../delegates#delegatesambassadors" class="smoothScroll">Ambassadors</a></li>
                <li><a href="../delegates#delegatessubsidies" class="smoothScroll">Subsidies</a></li>
                <li><a href="../faqs">FAQ</a></li>
            </ul>
          </li>
          <li> <a href="../partners"> Partners </a> </li>
          <!--<li> <a href="blog">Blog</a> </li>-->
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Us<b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="../team"> Executive Team </a> </li>
              <li><a href="http://www.mesa.ca/">MESA</a></li>
              <li><a href="http://www.utsc.utoronto.ca/">University of Toronto (Scarborough)</a></li>
              <li><a href="../contact"> Contact Us </a> </li>
            </ul>
          </li>
        </ul>
      </div>
      </div>
    </div>
  </div>
  <!-- Navbar end -->