<header id="header">
  <div class="bg"></div>
  <div id="logo" class="jumbotron">
    <div id="logo_text">

      <!-- class="logo_colour", allows you to change the colour of the text -->
      <h1 class="title"><a href="/"><!--<span class="logo_init">GGD</span>--><span class="logo_colour"> Workshop on<br/> Group Geometry and Dynamics</span></a></h1>
      <br/>
      <h2 class="subtitle">
        <strong>With a homage to Ricardo Mañé</strong><br>
        <strong>23 - 27, July 2018</strong>
      </h2>
    </div>
  </div>
  <nav class="navbar navbar-inverse " id="menubar">
    <div class="container">
      <ul class="nav navbar-nav" id="menu">
        <!--<li id="home" class="selected"><a href="/">Home</a></li>-->
        <li id="program" class="selected"><a href="program">Program</a></li>                    
        <li id="registro" class="selected"><a href="registration">Registration</a></li>
        <li id="program" class="selected"><a href="participants">Participants</a></li>  
        <li id="program" class="selected"><a href="committess">Committees</a></li>
        
        <li id="mapa" class="selected"><a href="location">Practical Information</a></li>
        <li id="contacto" class="selected"><a href="contact">Contact</a></li>
      </ul>
    </div>
  </nav>
</header>