Difference between revisions of "Template:Vanderbilt"
(225 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | |||
<head> | <head> | ||
− | + | <meta charset="utf-8"> | |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | ||
− | + | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></link> | |
− | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
+ | <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css"></script> | ||
+ | |||
+ | <!-- get the Google font --> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'> | ||
− | <style> | + | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> |
+ | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | ||
+ | <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||
+ | <![endif]--> | ||
+ | |||
+ | <script> | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | p, h1, h2, h3, h4, h5, h6, div { | ||
+ | position: relative; | ||
+ | width: inherit; | ||
+ | } | ||
+ | |||
+ | body, html, #content, #globalWrapper { | ||
+ | font-family: 'Architects Daughter'; | ||
+ | <!-- needed for scrollspy (data-spy="scroll")--> | ||
+ | position: relative; | ||
+ | outline: 0; | ||
+ | min-height: 100%; | ||
+ | min-height: 100vh; | ||
+ | min-width: 100%; | ||
+ | |||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | |||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | padding-bottom: 60px; | ||
+ | padding-top: 60px; | ||
+ | } | ||
+ | |||
+ | #top_menu_inside { | ||
+ | margin: 0%; | ||
+ | font-family: 'Architects Daughter'; | ||
+ | } | ||
+ | |||
+ | a.no-change:link, a.no-change:visited, a.no-change:hover, a.no-change:active { | ||
+ | text-decoration: none; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 979px) { | ||
body { | body { | ||
− | + | padding-top: 0px; | |
− | + | padding-bottom:0px; | |
− | + | ||
− | padding-top: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | } | |
− | + | .affix { | |
− | + | top: 0; | |
− | + | width: 100%; | |
− | + | z-index: 9999 !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .navbar { | |
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | .affix ~ .container-fluid { | ||
+ | position:relative; | ||
+ | top: 50px; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color:#ABC333; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | background-color:#333CBA; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
− | <nav class="navbar navbar-inverse | + | |
+ | <body id="page-top" class="index"> | ||
+ | <!-- Background Canvas --> | ||
+ | <div id = "background-canvas"></div> | ||
+ | <!-- Header --> | ||
+ | <header class="row"> | ||
+ | <div class="container"> | ||
+ | <div class="intro-text"> | ||
+ | <div class="intro-lead-in">Welcome To Our Website!</div> | ||
+ | <div class="intro-heading"> Vanderbilt University </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | |||
+ | <div id="header" data-spy="scroll" data-target=".navbar" data-offset="50"> | ||
+ | |||
+ | <!-- title --> | ||
+ | <div class="container-fluid" style="background-color:#F44336;color:#fff;height:200px;"> | ||
+ | <h1><a class="no-change" href="#">Vanderbilt iGEM</a></h1> | ||
+ | </div> | ||
+ | |||
+ | <!-- the navigation bar --> | ||
+ | <nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="197"> | ||
<div class="container-fluid"> | <div class="container-fluid"> | ||
<div class="navbar-header"> | <div class="navbar-header"> | ||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu"> | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu"> | ||
+ | <!-- makes the horizontal lines that is a menu icon--> | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
− | |||
</div> | </div> | ||
<div> | <div> | ||
<div class="collapse navbar-collapse" id="menu"> | <div class="collapse navbar-collapse" id="menu"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Vanderbilt/Team">Team</a></li> |
− | + | ||
− | + | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a class="dropdown-toggle" data-toggle="dropdown" href=" | + | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:Vanderbilt/Project">Project<span class="caret"></span></a> |
− | + | ||
− | + | ||
− | + | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Vanderbilt/Project/Description">Description</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:Vanderbilt/Project/Experiment">Experiment & Protocols </a></li> |
− | </ul> | + | <li><a href="https://2015.igem.org/Team:Vanderbilt/Results">Results</a></li> |
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Design">Design</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
− | <li><a href="# | + | <li class="dropdown"> |
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:Vanderbilt/Parts">Parts<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Parts/Team">Team Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Parts/Basic">Basic Parts </a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Parts/Composite">Composite Parts</a></li> | ||
+ | <li><a href="#https://2015.igem.org/Team:Vanderbilt/Parts/Collection">Part Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Human_Practices">Policy and Practice</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Safety">Safety</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Modeling">Modeling</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Measuring">Measurement</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Software">Software</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 74: | Line 169: | ||
</nav> | </nav> | ||
− | <div id=" | + | <div id="test" class="container-fluid"> |
− | + | <h1> Test </h1> | |
− | + | <p> | |
− | + | test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test | |
− | + | </p> | |
− | + | ||
− | < | + | <p> |
− | + | test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test | |
− | + | </p> | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
</html> | </html> |
Latest revision as of 06:09, 27 August 2015
Test
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test