Difference between revisions of "Template:Northwestern Header"

Line 7: Line 7:
 
         <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">
−
        <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/bootstrap?action=raw&ctype=text/javascript"></script>
 
−
        <script src="http://use.edgefonts.net/josefin-sans:n1,n4:default;poiret-one:n4:default;raleway:n4:default.js" type="text/javascript"></script>
 
  
 
<style>
 
<style>
 
@charset "UTF-8";
 
@charset "UTF-8";
−
#sideMenu, #top_title {display:none;}
+
 
 +
#sidemenu, #top_title{display: none;}
 +
 
 
#content {
 
#content {
−
        font-family: josefin-sans;
+
font-family: josefin-sans;
 
color: #000000;
 
color: #000000;
 
width: 100%;
 
width: 100%;
Line 27: Line 26:
 
padding-bottom: 0px;
 
padding-bottom: 0px;
 
padding-left: 0px;
 
padding-left: 0px;
−
}
 
−
.container-fluid .jumbo_home {
 
−
margin-bottom: 0px;
 
 
}
 
}
 
.container-fluid nav {
 
.container-fluid nav {
Line 62: Line 58:
 
font-weight: 400;
 
font-weight: 400;
 
}
 
}
−
h1 {
+
.parallax {
−
        font-family: josefin-sans;
+
/* 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>
 
</style>
−
+
 
−
<body>
+
  <body>
 
<div id="content" class="container-fluid">
 
<div id="content" class="container-fluid">
−
<nav>
+
  <nav>
−
  <div class="container-fluid">
+
    <div class="container-fluid">
−
    <!-- Brand and toggle get grouped for better mobile display -->
+
      <!-- Brand and toggle get grouped for better mobile display -->
−
    <div class="navbar-header">
+
      <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>
+
        <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>
 
     </div>
−
     <!-- Collect the nav links, forms, and other content for toggling -->
+
     <!-- /.container-fluid -->
−
    <div class="collapse navbar-collapse" id="defaultNavbar1">
+
  </nav>
−
      <ul class="nav navbar-nav navbar-right">
+
  <div class="parallax">&nbsp;</div>
−
        <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">Collaborations </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="jumbotron jumbo_home">
+
−
  <h1>CRISPR Capsules</h1>
+
−
  <p>An Innovative Delivery System to Defeat Antibiotic Resistance</p>
+
 
</div>
 
</div>
−
</div>
+
        <script type="text/javascript" src="https://2016.igem.org/Team:Northwestern/libraries/jquery?action=raw&ctype=text/javascript"></script>
−
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery-1.11.3.min.js"></script>
+
        <script type="text/javascript" src="https://2016.igem.org/Team:Northwestern/libraries/bootstrap?action=raw&ctype=text/javascript"></script>
−
<!-- <script src="https://2016.igem.org/Team:Northwestern/libraries/jquery"></script> -->
+
        <script src="http://use.edgefonts.net/josefin-sans:n1,n4:default;poiret-one:n4:default;raleway:n4:default.js" type="text/javascript"></script>
−
 
+
−
<!-- Include all compiled plugins (below), or include individual files as needed -->
+
−
<script src="js/bootstrap.js"></script>
+
−
    <!-- <script src="https://2016.igem.org/Team:Northwestern/libraries/bootstrap"></script> -->
+
 
   </body>
 
   </body>
 
</html>
 
</html>

Revision as of 21:52, 9 October 2016

Northwestern