Team:NTNU Trondheim/Test/Templates/Header
From 2012.igem.org
(Difference between revisions)
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"> | |
- | + | <meta name="description" content=""> | |
- | + | <meta name="author" content=""> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <!-- | + | <!-- Google fonts --> |
- | < | + | <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic' rel='stylesheet' type='text/css'> |
- | + | ||
- | + | <!-- Styles --> | |
- | + | <link href="http://folk.ntnu.no/oyas/igem3/bootstrap/css/bootstrap.css" rel="stylesheet"> | |
- | + | <link href="http://folk.ntnu.no/oyas/igem3/extras/css/jquery.countdown.css" rel="stylesheet"> | |
- | + | <link href="http://folk.ntnu.no/oyas/igem3/extras/css/blank.css" rel="stylesheet"> | |
- | + | <link href="http://folk.ntnu.no/oyas/igem3/extras/css/extras.css" rel="stylesheet"> | |
- | + | ||
- | + | <style> | |
- | + | .sidebar-nav { | |
- | + | padding: 9px 0; | |
- | + | } | |
- | + | </style> | |
- | + | ||
- | + | <!-- Responsive css must be added after top padding --> | |
- | + | <link href="http://folk.ntnu.no/oyas/igem3/bootstrap/css/responsive.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]--> | ||
+ | |||
+ | <!-- Fav and touch icons --> | ||
+ | <!--<link rel="shortcut icon" href="img/icons/oyas-icon.ico" type="image/x-icon" /> | ||
+ | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/icons/oyas-icon-114.png"> | ||
+ | <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/icons/oyas-icon-72.png"> | ||
+ | <link rel="apple-touch-icon-precomposed" href="img/icons/oyas-icon-57.png">--> | ||
+ | |||
</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> | ||
+ | |||
+ | |||
+ | <!-- Header | ||
+ | ================================================== --> | ||
+ | <div class="header"> | ||
+ | <div class="container"> | ||
+ | <div class="heading"><a href="https://2012.igem.org/Team:NTNU_Trondheim">Search and Destroy</a></div> | ||
+ | <div class="sub-heading" 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" 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> | ||
+ | </div> | ||
+ | |||
+ | <!-- Navbar | ||
+ | ================================================== --> | ||
+ | <div class="navbar navbar-below-header"> | ||
+ | <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 class="active"> | ||
+ | <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 class="nav-header">Project description</li> | ||
+ | <li><a href="#">Background</a></li> | ||
+ | <li><a href="#">Overview</a></li> | ||
+ | <li><a href="#">In detail</a></li> | ||
+ | <li><a href="#">Challenges</a></li> | ||
+ | <li><a href="#">Experiments</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li class="nav-header">Parts</li> | ||
+ | <li><a href="#">Promoters</a></li> | ||
+ | <li><a href="#">Genes</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="#">Notebook</a></li> | ||
+ | <li><a href="#">Protocols</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | <li><a href="#">Data</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="#">Meet the team</a></li> | ||
+ | <li><a href="#">Official team profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <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"> | ||
+ | <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 class="container main-container"> | ||
- | + | <div class="row-fluid"> | |
- | <div | + |
Revision as of 15:49, 5 September 2012