Team:NTNU Trondheim/Templates/Header
From 2012.igem.org
(Difference between revisions)
(48 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
+ | </p></div></div></div></div> | ||
<head> | <head> | ||
- | + | <meta http-equiv="content-type" content="text/html; charset=utf-8"> | |
- | + | <meta charset="utf-8"> | |
- | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <!-- Google fonts --> |
- | + | <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic' rel='stylesheet' type='text/css'> | |
- | + | <link href='http://fonts.googleapis.com/css?family=Jolly+Lodger' rel='stylesheet' type='text/css'> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <!-- Styles --> | |
- | + | <link href="http://oveoyas.github.io/igem-ntnu-2012/css/bootstrap.css" rel="stylesheet"> | |
- | + | <link href="http://oveoyas.github.io/igem-ntnu-2012/css/jquery.countdown.css" rel="stylesheet"> | |
- | + | <link href="http://oveoyas.github.io/igem-ntnu-2012/css/extras.css" rel="stylesheet"> | |
- | + | ||
- | + | <!-- Responsive css must be added after top padding --> | |
- | + | <link href="http://oveoyas.github.io/igem-ntnu-2012/css/responsive.css" rel="stylesheet"> | |
- | + | <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | ||
+ | <![endif]--> | ||
+ | <!--[if lt IE 7]> | ||
+ | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> | ||
+ | <![endif]--> | ||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
+ | <!-- Facebook box | ||
+ | ================================================== --> | ||
<div id="fb-root"></div> | <div id="fb-root"></div> | ||
- | <script>(function(d, s, id) { | + | <script> |
- | + | (function(d, s, id) { | |
- | + | var js, fjs = d.getElementsByTagName(s)[0]; | |
- | + | if (d.getElementById(id)) return; | |
- | + | js = d.createElement(s); js.id = id; | |
- | + | js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; | |
- | }(document, 'script', 'facebook-jssdk'));</script> | + | fjs.parentNode.insertBefore(js, fjs); |
+ | }(document, 'script', 'facebook-jssdk')); | ||
+ | </script> | ||
- | < | + | |
- | <div | + | <!-- Header |
- | + | ================================================== --> | |
- | + | <div class="header"> | |
- | + | <div class="container"> | |
- | </div> | + | <div class="heading visible-tablet visible-desktop"><a href="https://2012.igem.org/Team:NTNU_Trondheim">Search and Destroy</a></div> |
- | <div id= | + | <div class="heading heading-small visible-phone"><a href="https://2012.igem.org/Team:NTNU_Trondheim">Search and Destroy</a></div> |
- | + | <div class="sub-heading visible-tablet visible-desktop" id="sub-heading1"> | |
- | + | <span class="sub-heading-small">NTNU IS</span> <span style="font-size: 30pt; font-style: italic;">B.A.C.K.</span> | |
- | + | </div> | |
- | </ | + | <div class="sub-heading visible-desktop" id="sub-heading2"> |
- | + | B<span class="sub-heading-small">acterial</span> A<span class="sub-heading-small">nti</span>-C<span class="sub-heading-small">ancer</span>-K<span class="sub-heading-small">amikaze</span> | |
- | + | </div> | |
- | + | <div class="pull-right visible-desktop" style="text-align:right;" id="ntnu-logo"> | |
- | + | <a href="http://ntnu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2012/3/36/Ntnu_logo_en_scaled.png"/></a><br/> | |
+ | <a href="https://2012.igem.org/Main_Page" target="_blank"><img id="igem-logo" src="https://static.igem.org/mediawiki/2012/c/cc/Igem_logo_scaled.png" /></a> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
- | <div | + | <!-- Navbar |
- | <a href="# | + | ================================================== --> |
- | < | + | <div class="navbar navbar-below-header"> |
- | </a> | + | <div class="navbar-inner"> |
+ | <div class="container"> | ||
+ | <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> | ||
+ | <div class="nav-collapse"> | ||
+ | <ul class="nav"> | ||
+ | <li> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim"> | ||
+ | <i class="icon-home"></i> Home</a> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-info-sign"></i>Project <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Project">Project description</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Model">Modelling</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Experiments_and_Results">Experiments and results</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Parts">BioBrick Parts</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cogs"></i> Technical stuff <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Protocols">Protocols</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-group"></i> Team <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Team">Meet the team</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2012&team_name=NTNU_Trondheim" target="_blank">Official team profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-bullhorn"></i> Outreach <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Collaboration">Collaboration</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Outreach">Human practices</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:NTNU_Trondheim/Press">Press coverage</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Achievements"> | ||
+ | <i class="icon-trophy"></i> Achievements</a> | ||
+ | </li> | ||
+ | <li class="hidden-navbar"> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Matchmaker" target="_blank"> | ||
+ | <i class="icon-heart"></i> Matchmaker</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <ul class="nav pull-right hidden-navbar"> | ||
+ | <li id="fb-icon"> | ||
+ | <a href="http://facebook.com/ntnuigem" target="_blank"><i class="icon-facebook"></i></a> | ||
+ | </li> | ||
+ | <li id="twitter-icon"> | ||
+ | <a href="http://twitter.com/iGEM_NTNU" target="_blank"><i class="icon-twitter"></i></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- |
Latest revision as of 13:55, 7 August 2013