<header>
<!-- *** TOP ***
_ –>
<div id="top"> <div class="container"> <div class="row"> <div class="col-xs-5 contact"> <p class="hidden-sm hidden-xs">Contactez nous à {{ site.email }}.</p> </div> <div class="col-xs-7"> <div class="social"> {% for social in site.social %} <a href="{{ social.url }}" class="external {{ social.title }}" data-animate-hover="pulse"><i class="fa fa-{{ social.title }}"></i></a> {% endfor %} <a href="mailto:{{ site.email }}" class="email" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a> </div> </div> </div> </div> </div> <!-- *** TOP END *** --> <!-- *** NAVBAR *** _________________________________________________________ --> <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200"> <div class="navbar navbar-default yamm" role="navigation" id="navbar"> <div class="container"> <div class="navbar-header"> <a class="navbar-brand home" href="index.html"> <span class="sr-only">{{ site.title }} - Retourner à l'accueil</span> </a> <div class="navbar-buttons"> <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation"> <span class="sr-only">Toggle navigation</span> <i class="fa fa-align-justify"></i> </button> </div> </div> <!--/.navbar-header --> <div class="navbar-collapse collapse" id="navigation"> <ul class="nav navbar-nav navbar-right"> <li> <a href="#">Accueil</a> </li> <li> <a href="#offre">Offre</a> </li> <li> <a href="#equipe">Equipe</a> </li> <li> <a href="#footer">Contact</a> </li> </ul> </div> <!--/.nav-collapse --> <div class="collapse clearfix" id="search"> <form class="navbar-form" role="search"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search"> <span class="input-group-btn"> <button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button> </span> </div> </form> </div> <!--/.nav-collapse --> </div> </div> <!-- /#navbar --> <!-- *** NAVBAR END *** --> </header>