surfaces2018/templates/header.html

53 lines
2.2 KiB
HTML

<header id="header">
<!--<div class="bg"></div>-->
<div id="logo" class="jumbotron" data-parallax="scroll" data-position="left center" data-natural-height="803" data-natural-width="2916" data-image-src="img/headerpic2.jpg">
<div id="logo_text">
<!-- class="logo_colour", allows you to change the colour of the text -->
<h1 class="title"><a href="/"><span class="logo_colour"> Workshop on Surface Dynamics</span></a></h1>
<h2 class="subtitle">
<strong>On the occasion of Patrice Le Calvez 60<sup>th</sup> anniversary</strong><br>
</h2>
<h2 id="when" class="subtitle">
<strong>17 &#8211; 20, December 2018</strong>
</h2>
<h2 id="where" class="subtitle">
<strong>Montevideo, Uruguay</strong>
</h2>
</div>
</div>
<nav class="navbar navbar-inverse " id="menubar">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menucollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand visible-xs" href="#">Surface Dynamics Menu</a>
</div>
<div class="navbar-collapse collapse" id="menucollapse">
<div class="container">
<ul class="nav navbar-nav" id="menu">
<!--<li id="home" class="selected"><a href="/">Home</a></li>-->
<li id="home"><a href="/"><i class="glyphicon glyphicon-home"></i></a></li>
<li id="program"><a href="program">Program</a></li>
<!--<li id="committees"><a href="committees">Committees</a></li>-->
<li id="invitedspeakers"><a href="invitedspeakers">Invited Speakers</a></li>
<li id="registration"><a href="registration">Registration</a></li>
<li id="participants"><a href="participants">Participants</a></li>
<li id="practicalinfo"><a href="practicalinfo">Practical Information</a></li>
<li id="gallery"><a href="gallery">Gallery</a></li>
<!--<li id="contacto" class="selected"><a href="contact">Contact</a></li>-->
</ul>
</div>
</div>
</div>
</nav>
</header>