Difference between revisions of "Template:Vanderbilt"
(One intermediate revision by the same user not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
− | + | <meta charset="utf-8"> | |
− | + | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | <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'> | ||
+ | |||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | <!-- 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:// --> | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
Line 32: | Line 20: | ||
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||
<![endif]--> | <![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 { | ||
+ | padding-top: 0px; | ||
+ | padding-bottom:0px; | ||
+ | } | ||
+ | } | ||
+ | .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> | </head> | ||
+ | |||
<body id="page-top" class="index"> | <body id="page-top" class="index"> | ||
Line 50: | Line 111: | ||
<div class="intro-text"> | <div class="intro-text"> | ||
<div class="intro-lead-in">Welcome To Our Website!</div> | <div class="intro-lead-in">Welcome To Our Website!</div> | ||
− | <div class="intro-heading"> | + | <div class="intro-heading"> Vanderbilt University </div> |
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
− | </header> | + | </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="navbar-header"> | ||
+ | <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> | ||
+ | </button> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div class="collapse navbar-collapse" id="menu"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Team">Team</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <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"> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Project/Description">Description</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Project/Experiment">Experiment & Protocols </a></li> | ||
+ | <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 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> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | <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> | ||
</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