Difference between revisions of "Template:TUDelft--header"
(update content) |
|||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
<html> | <html> | ||
<!-- Begin Document | <!-- Begin Document | ||
–––––––––––––––––––––––––––––––––––––––––––––––––– --> | –––––––––––––––––––––––––––––––––––––––––––––––––– --> | ||
| − | <body class=" | + | |
| + | <body class="mediawiki"> | ||
<!-- HEADER ####################### --> | <!-- HEADER ####################### --> | ||
<header class="container"> | <header class="container"> | ||
<div class="row"> | <div class="row"> | ||
| − | <img id="top-img" src=" | + | <img id="top-img" src="https://static.igem.org/mediawiki/2017/7/74/T--TUDelft--Grouppic.jpeg" alt="We" style="width:70%" /> |
</div> | </div> | ||
| − | < | + | <nav id="top-bar"> |
| − | < | + | <div class="row"> |
<ul id="nav"> | <ul id="nav"> | ||
<li><a href="#" class="button">Home</a></li> | <li><a href="#" class="button">Home</a></li> | ||
<li><a href="#" class="button">Project</a></li> | <li><a href="#" class="button">Project</a></li> | ||
<li><a href="#" class="button">Team</a></li> | <li><a href="#" class="button">Team</a></li> | ||
| + | <li><a href="#" class="button">Collaborate</a></li> | ||
| + | <li><a href="#" class="button">Learn</a></li> | ||
| + | <li><a href="#" class="button">Sponsor</a></li> | ||
| + | <li><a href="#" class="button">Agenda</a></li> | ||
</ul> | </ul> | ||
| − | + | </div> | |
| + | <div class="row"> | ||
<ul id="contact"> | <ul id="contact"> | ||
<li title="Click to visit our Facebook page"> | <li title="Click to visit our Facebook page"> | ||
| − | <a class= "button" href="https://www.facebook.com/TUDelft.iGEM2017/"> | + | <a class="button" href="https://www.facebook.com/TUDelft.iGEM2017/"> |
<i class="fa fa-facebook"></i><span> TUDelft.iGEM2017</span> | <i class="fa fa-facebook"></i><span> TUDelft.iGEM2017</span> | ||
| − | </a> | + | </a> |
</li> | </li> | ||
<li title="Click to e-mail us"> | <li title="Click to e-mail us"> | ||
| − | <a id="mail-button" class= "button"> | + | <a id="mail-button" class="button"> |
<i class="fa fa-envelope"></i><span id="email"></span> | <i class="fa fa-envelope"></i><span id="email"></span> | ||
</a> | </a> | ||
| Line 32: | Line 36: | ||
<li title="Click to copy our phonenumber"> | <li title="Click to copy our phonenumber"> | ||
<button onclick="copyToClipboard('+31 152 78 77 51')"> | <button onclick="copyToClipboard('+31 152 78 77 51')"> | ||
| − | + | <i class="fa fa-phone"></i> | |
| − | + | <span style="overflow: hidden; display:inline-block;"> +31 152 78 77 51</span> | |
| − | + | </button> | |
| − | + | </li> | |
| − | + | </ul> | |
| + | </div> | ||
| + | <hr> | ||
</nav> | </nav> | ||
| − | + | ||
| − | + | ||
</header> | </header> | ||
Revision as of 12:04, 4 May 2017
