Difference between revisions of "Template:Northwestern Header"

 
(31 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <title>Northwestern</title>
 
         <title>Northwestern</title>
 +
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Northwestern/css/header?action=raw&ctype=text/css">
 
         <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Northwestern/css/bootstrap?action=raw&ctype=text/css">
 
         <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Northwestern/css/bootstrap?action=raw&ctype=text/css">
 
         <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Northwestern/css/bootstrap-theme?action=raw&ctype=text/css">
 
         <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Northwestern/css/bootstrap-theme?action=raw&ctype=text/css">
 +
</head>
 +
<body>
 +
<div id="content" class="container-fluid" id="index">
 +
<nav>
 +
  <div class="container-fluid">
 +
    <!-- Brand and toggle get grouped for better mobile display -->
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false"><img src="https://static.igem.org/mediawiki/2016/7/76/T--Northwestern--menu_opener.svg" alt="" id="menu"/><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
 +
    </div>
 +
    <!-- Collect the nav links, forms, and other content for toggling -->
 +
    <div class="collapse navbar-collapse" id="defaultNavbar1">
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li class="active"><a href="https://2016.igem.org/Team:Northwestern">HOME<span class="sr-only">(current)</span></a></li>
 +
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Team">About Us</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Attributions">Attributions</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Collaborations">Collaboration</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Description">Description</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Design">Design</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">LAB<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Experiments">Experiments</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Results">Results</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Safety">Safety</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/InterLab">Interlab</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Parts">Overview</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Basic_Part">Basic</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Human_Practices">Overview</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/HP/Silver">Silver</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/HP/Gold">Gold</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Integrated_Practices">Integrated</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Northwestern/Engagement">Engagement</a></li>
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
    </div>
 +
    <!-- /.navbar-collapse -->
 +
  </div>
 +
  <!-- /.container-fluid -->
 +
</nav>
 +
<div class="parallax">&nbsp;</div>
  
<style>
 
@charset "UTF-8";
 
 
#sidemenu, #top_title{display: none;}
 
 
#content {
 
font-family: josefin-sans;
 
color: #000000;
 
width: 100%;
 
margin: -10px 0px 0px 0px;
 
padding: 0px;
 
font-style: normal;
 
}
 
.container-fluid {
 
padding-top: 0px;
 
padding-right: 0px;
 
padding-bottom: 0px;
 
padding-left: 0px;
 
}
 
.container-fluid nav {
 
margin-top: 0px;
 
margin-right: 0px;
 
margin-bottom: 0px;
 
margin-left: 0px;
 
background-color: #F8F8F8;
 
}
 
.navbar-brand  {
 
color: #AAAAAA;
 
margin-left: 10px;
 
}
 
#defaultNavbar1 .nav.navbar-nav.navbar-right {
 
color: #747474;
 
margin-left: 10px;
 
}
 
.nav.navbar-nav.navbar-right li a {
 
color: #747474;
 
}
 
.navbar-toggle {
 
height: 45px;
 
opacity: 0.5;
 
}
 
.navbar-toggle img#menu {
 
width: 20px;
 
}
 
.navbar-collapse {
 
font-family: josefin-sans;
 
font-style: normal;
 
font-size: 9pt;
 
font-weight: 400;
 
}
 
.parallax {
 
/* The image used */
 
background-image: url(../Images/bubble.png);
 
/* Set a specific height */
 
height: 620px;
 
/* Create the parallax scrolling effect */
 
background-attachment: fixed;
 
background-position: center;
 
background-repeat: no-repeat;
 
background-size: cover;
 
}
 
</style>
 
 
  <body>
 
<div id="content" class="container-fluid">
 
  <nav>
 
    <div class="container-fluid">
 
      <!-- Brand and toggle get grouped for better mobile display -->
 
      <div class="navbar-header">
 
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false"><img src="https://static.igem.org/mediawiki/2016/7/76/T--Northwestern--menu_opener.svg" alt="" id="menu"/><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
 
      </div>
 
      <!-- Collect the nav links, forms, and other content for toggling -->
 
      <div class="collapse navbar-collapse" id="defaultNavbar1">
 
        <ul class="nav navbar-nav navbar-right">
 
          <li class="active"><a href="https://2016.igem.org/Team:Northwestern">HOME<span class="sr-only">(current)</span></a></li>
 
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Team">About Us</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Collaborations">Collaboration</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Attributions">Attributions</a></li>
 
            </ul>
 
          </li>
 
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Description">Description</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Design">Design</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Proof">Proof of Concept</a></li>
 
            </ul>
 
          </li>
 
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">LAB<span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Experiments">Experiments</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Results">Results</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Safety">Safety</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/InterLab">Interlab</a></li>
 
            </ul>
 
          </li>
 
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Parts">Overview</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Basic_Part">Basic</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Part_Collection">Collection</a></li>
 
            </ul>
 
          </li>
 
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Human_Practices">Overview</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/HP/Silver">Silver</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/HP/Gold">Gold</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Integrated_Practices">Integrated</a></li>
 
              <li><a href="https://2016.igem.org/Team:Northwestern/Engagement">Engagement</a></li>
 
            </ul>
 
          </li>
 
        </ul>
 
      </div>
 
      <!-- /.navbar-collapse -->
 
    </div>
 
    <!-- /.container-fluid -->
 
  </nav>
 
  <div class="parallax">&nbsp;</div>
 
 
</div>
 
</div>
 
         <script type="text/javascript" src="https://2016.igem.org/Team:Northwestern/libraries/jquery?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2016.igem.org/Team:Northwestern/libraries/jquery?action=raw&ctype=text/javascript"></script>

Latest revision as of 03:24, 17 October 2016

Northwestern