Difference between revisions of "Template:UCSC-Header"

Line 1: Line 1:
 
<html>
 
<html>
−
<!-- ====HEADER START==== -->
 
−
        <header class="header_area navbar hidden-xs">
 
−
            <div class="container-fluid">
 
−
                <div class="row top_menu_area">
 
−
                    <div class="col-xs-12 col-sm-3">
 
−
                        <!-- START LOGO AREA -->
 
−
                        <div class="logo_area">
 
−
                            <a href="https://2016.igem.org/Team:Ionis_Paris">
 
−
                                <img src="https://static.igem.org/mediawiki/2016/7/71/Paris_igem_logo.svg" alt="theme logo" class="main_logo ">
 
−
                            </a>
 
−
                        </div>
 
−
                        <!-- END LOGO AREA -->
 
−
                    </div>
 
−
                    <div class="col-xs-12 col-sm-9">
 
−
                        <!-- START MENU AREA -->
 
−
                        <nav class="navbar-collapse collapse in">
 
−
                            <ul class="nav navbar-nav navbar-right menu">
 
−
                                <li class="smoth-scroll">
 
−
                                    <a data-hover="Project">Project</a>
 
−
                                    <ul class="sub_menu">
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Description">Project description</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Biology">Biology</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Hardware">Engineering</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Design">Applied Design</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Entrepreneurship">Entrepreneurship</a>
 
−
                                        </li>
 
−
                                 
 
−
                                    </ul>
 
−
                                </li>
 
−
                                <li class="smoth-scroll">
 
−
                                    <a data-hover="In the lab">In the lab</a>
 
−
                                    <ul class="sub_menu">
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Working_at_La_Paillasse">Working at La Paillasse</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Biobrick_Design">Biobrick design</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Cloning_Strategy">Cloning Strategy</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Protocols">Protocols</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Notebook">Notebook</a>
 
−
                                        </li>
 
−
                                 
 
−
                                    </ul>
 
−
                                </li>
 
−
                             
 
−
                                        <li class="smoth-scroll">
 
−
                                    <a data-hover="Side-projects">Side-projects</a>
 
−
                                    <ul class="sub_menu">
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Measurement">CelloCad</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Collaborations">Collaborations</a>
 
−
                                        </li>
 
−
                                   
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Mobile_application">Mobile application</a>
 
−
                                        </li>
 
−
                                       
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Engagement">Education</a>
 
−
                                        </li>
 
−
                                       
 
−
                                    </ul>
 
−
                                </li>
 
−
                               
 
−
                                </li>
 
−
                                <li class="smoth-scroll">
 
−
                                    <a data-hover="results">Results</a>
 
−
                                    <ul class="sub_menu">
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Parts">Parts and Characterization</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Proof">Proof of concept</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Demonstrate">Demonstration</a>
 
−
                                        </li>                           
 
−
                                    </ul>
 
−
                                </li>
 
−
                                  <li class="smoth-scroll">
 
−
                                    <a data-hover="Human Practices">Human Practices</a>
 
−
                                    <ul class="sub_menu">
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/HPintro">Overview</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Quantifly">Project Genesis</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Air_pollution">Air Pollution</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Survey">Opinion Survey</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Ethics">Ethics and Biosafety</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/IntegratedHP">Our Actions</a>
 
−
                                        </li>
 
−
                                       
 
−
                                 
 
−
                                    </ul>
 
−
                                </li>
 
−
<li class="smoth-scroll">
 
−
                                    <a data-hover="Safety">Safety</a>
 
−
                                    <ul class="sub_menu">
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Labsafety">Lab safety</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Projectsafety">Project safety</a>
 
−
                                        </li>
 
−
                                 
 
−
                                    </ul>
 
−
                                </li>
 
  
−
                                <li class="smoth-scroll">
 
−
                                    <a data-hover="Team">Team</a>
 
−
                                    <ul class="sub_menu">
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Team">The team</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Events">Events</a>
 
−
                                        </li>
 
  
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Attributions">Attributions</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Acknowledgement">Acknowledgement (Sponsors and advisors)
 
−
</a>
 
−
                                        </li>
 
−
                                        <li class="waves-effect waves">
 
−
                                            <a href="https://2016.igem.org/Team:Ionis_Paris/Prices">Prizes</a>
 
−
                                        </li>
 
  
−
                                       
+
<!-- <link rel="stylesheet" type="text/css" href="//2017.igem.org/Team:UCSC/Assets/style1"> -->
−
                                    </ul>
+
<link href="//2017.igem.org/Team:UCSC/Assets/Test_Style_css?action=raw&ctype=text/css" rel="stylesheet">
−
                                </li>
+
 
−
                            </ul>
+
<!-- External scripts -->
−
                        </nav>
+
 
−
                        <!-- END MENU AREA -->
+
  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">  
−
                       
+
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
−
                        <!-- Mobile Menu Start -->
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <!-- Necessary for nav bar header-->
−
                        <nav class="mobile_menu hidden">
+
 
−
                            <ul>
+
<!-- <meta name="viewport" content="user-scalable=1, width=400">
−
                                <li class="smoth-scroll">
+
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" /> -->
−
                                    <a href="#body">Project</a>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
                                    <ul>
+
 
−
                                        <li>
+
  <!-- Functionallity and behaviour JS -->
−
                                            <a href="index.html">Home Page 1</a>
+
 
−
                                        </li>
+
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
−
                                        <li>
+
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
−
                                            <a href="index-2.html">Home Page 2</a>
+
 
−
                                        </li>
+
<script>
−
                                        <li>
+
/*
−
                                            <a href="index-3.html">Home Page 3</a>
+
    $(document).ready(function(){
−
                                        </li>
+
 
−
                                        <li>
+
      //Loading screen functionallity
−
                                            <a href="index-4.html">Home Page 4</a>
+
      $('.loading').animate(
−
                                        </li>
+
          {opacity:0},
−
                                        <li>
+
          500,
−
                                            <a href="index-5.html">Home Page 5</a>
+
          function(){
−
                                        </li>
+
            $('.loading').attr("style", "display:none");
−
                                        <li>
+
          }
−
                                            <a href="index-6.html">Home Page 6</a>
+
      );
−
                                        </li>
+
 
−
                                        <li>
+
      //Height responsiveness
−
                                            <a href="index-7.html">Home Page 7</a>
+
      $(window).resize(function() {
−
                                        </li>
+
          wheight = $(window).height();
−
                                        <li>
+
          $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;");
−
                                            <a href="index-8.html">Home Page 8</a>
+
          $('.team-member-container').attr("style","height:"+wheight/2.7+"px;");
−
                                        </li>
+
      });
−
                                        <li>
+
 
−
                                            <a href="index-9.html">Home Page 9</a>
+
      $(window).trigger('resize');
−
                                        </li>
+
 
−
                                    </ul>
+
      //Menu moveto container on item click functionallity
−
                                </li>
+
      $('.menu-item').on('click', function(){
−
                                <li class="smoth-scroll">
+
          $('.menu-item').removeClass('subselected');
−
                                    <a href="#services">Services</a>
+
          $(this).addClass('subselected');
−
                                 </li>
+
          if($(this).attr("data")=="#top"){
−
                                <li class="smoth-scroll">
+
              $('html, body').animate({
−
                                     <a href="#about">About</a>
+
                  scrollTop: 0
−
                                </li>
+
              }, 1000);
−
                                <li class="smoth-scroll">
+
          }else{
−
                                     <a href="#Portfolio">Portfolio</a>
+
              $('html, body').animate({
−
                                     <ul>
+
                  scrollTop: $($(this).attr("data")).offset().top-70
−
                                        <li>
+
              }, 1000);
−
                                            <a href="protfolio-1.html">Protfolio 1</a>
+
          }
−
                                        </li>
+
      });
−
                                        <li>
+
 
−
                                            <a href="protfolio-2.html">Protfolio 2</a>
+
     
−
                                        </li>
+
        });
−
                                        <li>
+
      });
−
                                            <a href="protfolio-3.html">Protfolio 3</a>
+
 
−
                                        </li>
+
    });
−
                                        <li>
+
  */ 
−
                                            <a href="case_study.html">Case Study</a>
+
  </script>
−
                                        </li>
+
 
−
                                    </ul>
+
  <style>
−
                                </li>
+
 
−
                                <li class="smoth-scroll">
+
 
−
                                    <a href="#blog">Blog</a>
+
#sideMenu, #top_title {display:none;}
−
                                    <ul>
+
#content { padding:0px; background-color: honeydew; }
−
                                        <li>
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
                                            <a href="blog_grid.html">Blog Grid</a>
+
 
−
                                        </li>
+
 
−
                                        <li>
+
    body,
−
                                            <a href="blog-left_sidebar.html">Blog Left Sidebar</a>
+
    html{
−
                                        </li>
+
      margin: 0;
−
                                        <li>
+
      padding:0;
−
                                            <a href="blog-right_sidebar.html">Blog Right Sidebar</a>
+
      font-family: 'Quicksand', sans-serif;
−
                                        </li>
+
      background-color: honeydew;
−
                                        <li>
+
      overflow-x: hidden;
−
                                            <a href="single_blog-full.html">Single Blog Full</a>
+
      position: relative;
−
                                        </li>
+
    }
−
                                        <li>
+
 
−
                                          <a href="single_blog-left_sidebar.html">
+
    nav li a {
−
                                                Single Blog Left Sidebar
+
  display: block;
−
                                            </a>
+
  color: #1A680A !important; text-decoration: none;
−
                                        </li>
+
       
−
                                        <li>
+
  }
−
                                            <a href="single_blog-right_sidebar.html">
+
  nav ul li:hover > ul {
−
                                                Single Blog Right Sidebar
+
    display: block;
−
                                            </a>
+
 
−
                                        </li>
+
  }
−
                                    </ul>
+
 
−
                                </li>
+
 
−
                                <li class="smoth-scroll">
+
 
−
                                    <a href="#contact">Contact US</a>
+
    /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
−
                                </li>
+
    .firstHeading{
−
                            </ul>
+
      display:none;
−
                        </nav>
+
    }
−
                        <!-- Mobile Menu End -->
+
    #top-section{
−
                     </div>
+
      background:#48af5d;
−
                 </div>
+
      margin-left:0 !important;
 +
      width:100%;
 +
      left:0;
 +
    }
 +
 
 +
.c-layout-go2top {
 +
  display: inline-block;
 +
  position: fixed;
 +
  bottom: 20px;
 +
  right: 10px;
 +
  cursor: pointer;
 +
}
 +
.c-layout-go2top > i {
 +
  opacity: 0.5;
 +
  filter: alpha(opacity=50);
 +
  color: #89939e;
 +
  font-size: 38px;
 +
  font-weight: 300;
 +
}
 +
.c-layout-go2top:hover {
 +
  opacity: 0.8;
 +
  filter: alpha(opacity=80);
 +
}
 +
 
 +
 
 +
    /* LOADING SCREEN */
 +
    .loading{
 +
      position:fixed;
 +
      width:100%;
 +
      height:100%;
 +
      top:0;
 +
      left:0;
 +
 
 +
      z-index:5;
 +
 
 +
      background-color:#555;
 +
      color:#fff;
 +
      text-align: center;
 +
    }
 +
    .loading p{
 +
      position: relative;
 +
      width:100%;
 +
      height:10%;
 +
      top:45%;
 +
      left:0;
 +
    }
 +
 
 +
    /* MENU STYLING */
 +
    .menu{
 +
      position:fixed;
 +
      width:100%;
 +
      height:56px;
 +
      top:14px;
 +
      background-color: #47a3da;
 +
 
 +
      z-index:4;
 +
 
 +
      border-collapse: collapse;
 +
      text-align:center;
 +
    }
 +
    .menu tr td{
 +
      text-align: center;
 +
      vertical-align: middle;
 +
 
 +
      font-weight: 700;
 +
      font-size:16px;
 +
      color:#fff;
 +
      width:7%;
 +
    }
 +
    .menu tr td.menu-item:hover>a:{
 +
      background-color:#258ecd;
 +
      cursor: pointer;
 +
    }
 +
    .subselected{
 +
      background-color: #258ecd;
 +
    }
 +
 
 +
    /* CONTAINERS STYLING */
 +
    .container{
 +
      position:relative;
 +
      width:100%;
 +
      top:50px;
 +
    }
 +
    .container .subcontainer{
 +
      position:absolute;
 +
      width:95%;
 +
      height:90%;
 +
      top:5%;
 +
      left:2.5%;
 +
    }
 +
    #top{
 +
      background-size: cover;
 +
   
 +
    }
 +
 
 +
    /* TEAM MEMBERS CARDS STYLING */
 +
    .team-member-container{
 +
      position:relative;
 +
      width:14%;
 +
      margin-left:2.28%;
 +
 
 +
      float:left;
 +
    }
 +
    .team-member-container:hover{
 +
      cursor:pointer;
 +
    }
 +
    .row2{
 +
      top:4%;
 +
    }
 +
    .team-member-container .team-member-photo{
 +
      position:relative;
 +
      width:100%;
 +
      height:85%;
 +
      top:0;
 +
      left:0;
 +
      background-size: cover;
 +
    }
 +
    .team-member-container .team-member-footer{
 +
      position:relative;
 +
      width:100%;
 +
      height:15%;
 +
      top:0;
 +
      left:0;
 +
 
 +
      border:none;
 +
      border-collapse: collapse;
 +
      background-color: #47a3da;
 +
      color:#fff;
 +
 
 +
      text-align: center;
 +
      vertical-align: middle;
 +
    }
 +
 
 +
body {
 +
    padding-top: 110px;
 +
}
 +
 
 +
.center-block {
 +
  display: block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
 
 +
 
 +
.navbar-fixed-top {
 +
  background: #fff;
 +
  filter: none !important;
 +
  box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
  -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
        border-bottom: 1px solid rgba(0,0,0,0.2);
 +
 
 +
}
 +
 
 +
 
 +
.dropdown-submenu {
 +
    position: relative;
 +
}
 +
 
 +
.dropdown-submenu>.dropdown-menu {
 +
    top: 0;
 +
    left: 100%;
 +
    margin-top: -6px;
 +
    margin-left: -1px;
 +
    -webkit-border-radius: 0 6px 6px 6px;
 +
    -moz-border-radius: 0 6px 6px;
 +
    border-radius: 0 6px 6px 6px;
 +
}
 +
 
 +
.dropdown-submenu:hover>.dropdown-menu {
 +
    display: block;
 +
}
 +
 
 +
.dropdown-submenu>a:after {
 +
    display: block;
 +
    content: " ";
 +
    float: right;
 +
    width: 0;
 +
    height: 0;
 +
    border-color: transparent;
 +
    border-style: solid;
 +
    border-width: 5px 0 5px 5px;
 +
    border-left-color: #ccc;
 +
    margin-top: 5px;
 +
    margin-right: -10px;
 +
}
 +
 
 +
.dropdown-submenu:hover>a:after {
 +
    border-left-color: #fff;
 +
}
 +
 
 +
.dropdown-submenu.pull-left {
 +
    float: none;
 +
}
 +
 
 +
.dropdown-submenu.pull-left>.dropdown-menu {
 +
    left: -100%;
 +
    margin-left: 10px;
 +
    -webkit-border-radius: 6px 0 6px 6px;
 +
    -moz-border-radius: 6px 0 6px 6px;
 +
    border-radius: 6px 0 6px 6px;
 +
 
 +
 
 +
 
 +
.faceBot{
 +
  background: #202020;
 +
}
 +
 
 +
@font-face {
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
 
 +
body
 +
{
 +
    font-family: 'Quicksand', sans-serif;
 +
}
 +
 
 +
ul.nav a{
 +
  color: gray;
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
 
 +
ul.nav a:hover{
 +
  color: gray;
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
 
 +
h2 {
 +
  color:green;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
 
 +
h4 {
 +
    font-weight: bold;
 +
    font-family: 'Quicksand', sans-serif;
 +
}
 +
 
 +
.menu-item{
 +
  height: 75px;
 +
}
 +
 
 +
li.menu-item{
 +
  background: transparent !important;
 +
}
 +
 
 +
 
 +
 
 +
.green-effect{
 +
  display: none;
 +
  background-color: #4AAF51;
 +
  opacity: 1;
 +
  color: #FFF;
 +
  transition-property: all;
 +
  transition-duration: 0.3s;
 +
  transition-timing-function: ease-out;
 +
  transition-delay: 0s;
 +
  border-color: #288D30;
 +
  position: absolute;
 +
  bottom: 0px;
 +
  width: 100%;
 +
  height: 2px;
 +
  right: 0px;
 +
}
 +
 
 +
.logo {
 +
margin-top: 100px;
 +
 
 +
}
 +
 
 +
a:hover .green-effect{
 +
  display: inherit;
 +
}
 +
 
 +
.invertir:hover {
 +
  -webkit-filter: invert(100%);
 +
}
 +
 
 +
dropdown-toggle {
 +
width: 10%;
 +
 
 +
}
 +
 
 +
<!--  @media screen and (max-width:640px) {
 +
    .leftSideBar, .rightSideBar {display:none}
 +
    } -->
 +
 
 +
</style>
 +
<div class="navbar navbar-default navbar-fixed-top" style="margin-top:12px">
 +
    <nav class="navbar-inner">
 +
            <div class="col-xs-2">
 +
                <a href="https://2017.igem.org/Team:UCSC"><img class="logo" src="https://static.igem.org/mediawiki/2017/d/d4/Logo_edit_new.png" height="60" width="auto">
 +
                </a>
 +
            </div>
 +
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
<span>Menu</span>               
 +
<span class="sr-only">Toggle navigation</span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
            </button>
 +
            <div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height:1 px;">
 +
                <ul class="nav navbar-nav" style="margin-top:10px; margin-left: -85px">
 +
                    <li class="menu-item">
 +
                        <a href="https://2017.igem.org/Team:UCSC">
 +
                            <span>Home</span>
 +
                            <span class="green-effect"></span>
 +
                        </a>
 +
                    </li>
 +
 
 +
 
 +
                    <li class="menu-item">
 +
                        <a href="https://2017.igem.org/Team:UCSC/Team">
 +
                            <span class="dropdown-toggle">Team <b class="caret"></b></span>
 +
                        </a>
 +
                        <ul class="dropdown-menu multi-level">
 +
 
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Team1" id="shift">Meet the Team </a></li>
 +
                            </li>
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Attributions">Attributions </a>
 +
                            </li>
 +
 
 +
                        </ul>
 +
                    </li>
 +
 
 +
 
 +
 
 +
                    <li class="menu-item">
 +
                        <a href="https://2017.igem.org/Team:UCSC/Project">
 +
                            <span class="dropdown-toggle">Project <b class="caret"></b></span>
 +
                        </a>
 +
                        <ul class="dropdown-menu multi-level">
 +
 
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Project">The Project</a>
 +
                            </li>
 +
 
 +
                            <li class="divider"></li>
 +
                            <li class="dropdown-submenu">
 +
                                <a href="https://2017.igem.org/Team:UCSC/Metabolic-Engineering">
 +
                                    <span class="dropdown-toggle">Metabolic Engineering</span>
 +
                                </a>
 +
                                <ul class="dropdown-menu">
 +
 
 +
                                    <li><a href="https://2017.igem.org/Team:UCSC/Acetaminophen">Acetaminophen</a>
 +
                                    </li>
 +
                                    <li><a href="https://2017.igem.org/Team:UCSC/B-12">Vitamin B-12</a>
 +
                                    </li>
 +
 
 +
                                </ul>
 +
                            </li>
 +
 
 +
                            <li class="dropdown-submenu">
 +
                                <a href="https://2017.igem.org/Team:UCSC/Bioreactor" class="dropdown-toggle">Bioreactor</a>
 +
                                 <ul class="dropdown-menu">
 +
 
 +
                                     <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Design">Design</a>
 +
                                    </li>
 +
                                    <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Parts">Parts</a>
 +
                                     </li>
 +
                                    <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Implementation">Implementation</a>
 +
                                     </li>
 +
 
 +
                                </ul>
 +
                            </li>
 +
 
 +
 
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Modeling">Modeling</a>
 +
                            </li>
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Quantification">Quantification</a>
 +
                            </li>
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Results">Results</a>
 +
                            </li>
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Protocols">Protocols</a>
 +
                            </li>
 +
 
 +
                        </ul>
 +
 
 +
 
 +
                    </li>
 +
 
 +
 
 +
                    <li class="menu-item">
 +
                        <a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">
 +
                            <span class="dropdown-toggle">Human Practices<b class="caret"></b></span>
 +
                        </a>
 +
                        <ul class="dropdown-menu multi-level">
 +
 
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">Integrated Human Practices</a>
 +
                            </li>
 +
 
 +
                            <li class="divider"></li>
 +
 
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Safety">Safety</a>
 +
                            </li>
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Collaborations">Collaborations</a>
 +
                            </li>
 +
 
 +
                            <li class="dropdown-submenu">
 +
                                <a href="https://2017.igem.org/Team:UCSC/Outreach" class="dropdown-toggle">Outreach</a>
 +
                                <ul class="dropdown-menu">
 +
 
 +
                                    <li><a href="https://2017.igem.org/Team:UCSC/Clinical-Correspondance">Clinical Correspondance</a>
 +
                                    </li>
 +
                                    <li><a href="https://2017.igem.org/Team:UCSC/Policy-Legality">Policy and Legality</a>
 +
                                    </li>
 +
                                    <li><a href="https://2017.igem.org/Team:UCSC/Community-Outreach">Community Outreach</a>
 +
                                    </li>
 +
 
 +
                                </ul>
 +
                            </li>
 +
 
 +
 
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Silver">Silver</a>
 +
                            </li>
 +
                            <li><a href="https://2017.igem.org/Team:UCSC/Gold">Gold</a>
 +
                            </li>
 +
 
 +
                        </ul>
 +
 
 +
                    </li>
 +
 
 +
                    <li class="menu-item">
 +
                        <a href="https://2017.igem.org/Team:UCSC/Moving-Forward">
 +
                            <span class="dropdown-toggle">Moving Forward <b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu multi-level">
 +
 
 +
<li><a href="https://2017.igem.org/Team:UCSC/Moving-Forward">Moving Forward - Home</a></li>
 +
 
 +
<li class="divider"></li>
 +
 
 +
<li><a href="https://2017.igem.org/Team:UCSC/Model-Organism">Model Organism</a></li>
 +
<li><a href="https://2017.igem.org/Team:UCSC/Impact">Impact</a></li>
 +
 
 +
</ul>
 +
</li>
 +
 
 +
 
 +
 
 +
<li class="menu-item">
 +
<a href="https://2017.igem.org/Team:UCSC/Notebook">
 +
<span>Notebook</span>
 +
                            <span class="green-effect"></span>
 +
                        </a>
 +
                    </li>
 +
 
 +
 
 +
                    <li class="menu-item">
 +
                        <a href="https://2017.igem.org/Team:UCSC/Judging">
 +
                            <span>Judging</span>
 +
                            <span class="green-effect"></span>
 +
                        </a>
 +
                     </li>
 +
                 </ul>
 
             </div>
 
             </div>
−
        </header>                        
+
    </nav>
−
        <!-- ====HEADER END==== -->
+
    </div>
−
<html>
+
</html>
 +
{{scroll}}

Revision as of 18:03, 15 August 2017