Difference between revisions of "Template:Header Nav"

Line 1: Line 1:
 
<html>
 
<html>
<style>
+
    <style>
 
+
        @charset "UTF-8";
@charset "UTF-8";
+
        body {
body {
+
            font-family: josefin-sans;
font-family: josefin-sans;
+
            color: #000000;
color: #000000;
+
        }
}
+
        .container-fluid {
.container-fluid {
+
            padding-top: 0px;
padding-top: 0px;
+
            padding-right: 0px;
padding-right: 0px;
+
            padding-bottom: 0px;
padding-bottom: 0px;
+
            padding-left: 0px;
padding-left: 0px;
+
        }
}
+
        .container-fluid .jumbo_home {
.container-fluid .jumbo_home {
+
            margin-bottom: 0px;
margin-bottom: 0px;
+
        }
}
+
        .container-fluid nav {
.container-fluid nav {
+
            margin-top: 0px;
margin-top: 0px;
+
            margin-right: 0px;
margin-right: 0px;
+
            margin-bottom: 0px;
margin-bottom: 0px;
+
            margin-left: 0px;
margin-left: 0px;
+
            background-color: #F8F8F8;
background-color: #F8F8F8;
+
        }
}
+
        .navbar-brand  {
.navbar-brand  {
+
            color: #AAAAAA;
color: #AAAAAA;
+
            margin-left: 10px;
margin-left: 10px;
+
            font-weight: lighter;
font-weight: lighter;
+
        }
}
+
        #defaultNavbar1 .nav.navbar-nav.navbar-right {
#defaultNavbar1 .nav.navbar-nav.navbar-right {
+
            color: #747474;
color: #747474;
+
            margin-left: 10px;
margin-left: 10px;
+
        }
}
+
        .nav.navbar-nav.navbar-right li a {
.nav.navbar-nav.navbar-right li a {
+
            color: #747474;
color: #747474;
+
        }
}
+
        .navbar-toggle {
.navbar-toggle {
+
            height: 45px;
height: 45px;
+
            opacity: 0.5;
opacity: 0.5;
+
        }
}
+
        .navbar-toggle img#menu {
.navbar-toggle img#menu {
+
            width: 20px;
width: 20px;
+
        }
}
+
    </style>
 
+
</style>
+
  
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
  <head>
+
    <head>
    <meta charset="UTF-8">
+
        <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">
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Northwestern</title>
+
        <title>Northwestern</title>
    <!-- Bootstrap -->
+
        <link type="text/css" href="https://2016.igem.org/Team:Northwestern/css/bootstrap_css?action=raw&amp;ctype=text/css" rel="stylesheet">
    <link type="text/css" href="https://2016.igem.org/Team:Northwestern/css/bootstrap_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
        <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script>
 
+
        <script src="http://use.edgefonts.net/josefin-sans:n1,n4:default;poiret-one:n4:default;raleway:n4:default.js" type="text/javascript"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
    </head>
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
   
<!--[if lt IE 9]>
+
    <body>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
        <div class="container-fluid">
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
            <nav>
<![endif]-->
+
                <div class="container-fluid">
  <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/josefin-sans:n1,n4:default;poiret-one:n4:default;raleway:n4:default.js" type="text/javascript"></script>
+
                <!-- Brand and toggle get grouped for better mobile display -->
</head>
+
                    <div class="navbar-header">
  <body>
+
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false">
<div class="container-fluid">
+
                            <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>
<nav>
+
                        </button>
  <div class="container-fluid">
+
                    </div>
    <!-- Brand and toggle get grouped for better mobile display -->
+
                    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="navbar-header">
+
                    <div class="collapse navbar-collapse" id="defaultNavbar1">
<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>
+
                        <ul class="nav navbar-nav navbar-right">
    </div>
+
                            <li class="active"><a href="https://2016.igem.org/Team:Northwestern">HOME<span class="sr-only">(current)</span></a></li>
    <!-- Collect the nav links, forms, and other content for toggling -->
+
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
    <div class="collapse navbar-collapse" id="defaultNavbar1">
+
                                <ul class="dropdown-menu">
      <ul class="nav navbar-nav navbar-right">
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Team">About Us</a></li>
        <li class="active"><a href="https://2016.igem.org/Team:Northwestern">HOME<span class="sr-only">(current)</span></a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Collaborations">Collaboration</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
+
                                </ul>
          <ul class="dropdown-menu">
+
                            </li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Team">About Us</a></li>
+
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
            <li><a href="https://2016.igem.org/Team:Northwestern/Collaborations">Collaboration</a></li>
+
                                <ul class="dropdown-menu">
          </ul>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Description">Description</a></li>
        </li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Design">Design</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Experiments">Experiments</a></li>
          <ul class="dropdown-menu">
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Proof">Proof of Concept</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Description">Description</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Results">Results</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Design">Design</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Experiments">Experiments</a></li>
+
                                </ul>
            <li><a href="https://2016.igem.org/Team:Northwestern/Proof">Proof of Concept</a></li>
+
                            </li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Results">Results</a></li>
+
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
            <li><a href="https://2016.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
+
                                <ul class="dropdown-menu">
          </ul>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Parts">Overview</a></li>
        </li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Basic_Part">Basic</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Composite_Part">Composite</a></li>
          <ul class="dropdown-menu">
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Part_Collection">Collection</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Parts">Overview</a></li>
+
                                </ul>
            <li><a href="https://2016.igem.org/Team:Northwestern/Basic_Part">Basic</a></li>
+
                            </li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Composite_Part">Composite</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Northwestern/Safety">SAFETY</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Part_Collection">Collection</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Northwestern/Attributions">ATTRIBUTIONS</a></li>
          </ul>
+
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
        </li>
+
                                <ul class="dropdown-menu">
        <li><a href="https://2016.igem.org/Team:Northwestern/Safety">SAFETY</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Human_Practices">Overview</a></li>
        <li><a href="https://2016.igem.org/Team:Northwestern/Attributions">ATTRIBUTIONS</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/HP/Silver">Silver</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/HP/Gold">Gold</a></li>
          <ul class="dropdown-menu">
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Integrated_Practices">Integrated</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Human_Practices">Overview</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Engagement">Engagement</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/HP/Silver">Silver</a></li>
+
                                </ul>
            <li><a href="https://2016.igem.org/Team:Northwestern/HP/Gold">Gold</a></li>
+
                            </li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Integrated_Practices">Integrated</a></li>
+
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS<span class="caret"></span></a>
            <li><a href="https://2016.igem.org/Team:Northwestern/Engagement">Engagement</a></li>
+
                                <ul class="dropdown-menu">
          </ul>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Entrepreneurship">Entrepreneurship</a></li>
        </li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Hardware">Hardware</a></li>
        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS<span class="caret"></span></a>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Software">Software</a></li>
          <ul class="dropdown-menu">
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Measurement">Measurement</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Entrepreneurship">Entrepreneurship</a></li>
+
                                    <li><a href="https://2016.igem.org/Team:Northwestern/Model">Modeling</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Hardware">Hardware</a></li>
+
                                </ul>
            <li><a href="https://2016.igem.org/Team:Northwestern/Software">Software</a></li>
+
                            </li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Measurement">Measurement</a></li>
+
                            <li><a href="https://2016.igem.org/Team:Northwestern/InterLab">INTERLAB</a></li>
            <li><a href="https://2016.igem.org/Team:Northwestern/Model">Modeling</a></li>
+
                        </ul>
          </ul>
+
                    </div>
        </li>
+
                <!-- /.navbar-collapse -->
        <li><a href="https://2016.igem.org/Team:Northwestern/InterLab">INTERLAB</a></li>
+
                </div>
      </ul>
+
            <!-- /.container-fluid -->
    </div>
+
            </nav>
    <!-- /.navbar-collapse -->
+
            <div class="jumbotron jumbo_home">
  </div>
+
                <h1>CRISPR Capsules</h1>
  <!-- /.container-fluid -->
+
                <p>An Innovative Delivery System to Defeat Antibiotic Resistance</p>
</nav>
+
            </div>
<div class="jumbotron jumbo_home">
+
        </div>
  <h1>CRISPR Capsules</h1>
+
       
  <p>An Innovative Delivery System to Defeat Antibiotic Resistance</p>
+
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
</div>
+
        <script src="https://2016.igem.org/Team:Northwestern/libraries/jquery"></script>
</div>
+
         <script src="https://2016.igem.org/Team:Northwestern/libraries/bootstrap"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) <script src="js/jquery-1.11.3.min.js"></script> -->
+
    </body>
<script src="https://2016.igem.org/Team:Northwestern/libraries/jquery"></script>
+
 
+
<!-- Include all compiled plugins (below), or include individual files as needed -->
+
<!-- <script src="js/bootstrap.js"></script> -->
+
         <script type="text/javascript" src="https://2016.igem.org/Team:Northwestern/libraries/bootstrap_js_js?action=raw&amp;ctype=text/javascript"></script>
+
  </body>
+
 
+
 
</html>
 
</html>

Revision as of 23:10, 14 September 2016

Northwestern