Difference between revisions of "Template:Team:Michigan/navbar"

 
(8 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<!-- Latest compiled and minified CSS -->
 
<!-- Latest compiled and minified CSS -->
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
<!-- Optional theme -->
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
 
  
 
<!-- Latest compiled and minified JavaScript -->
 
<!-- Latest compiled and minified JavaScript -->
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  
<link rel="stylesheet" type="text/css"
+
<style>
href="https://2015.igem.org/Template:Michigan/CSS>
+
.navbar-default {
 +
    border-color: rgba(34,34,34,.05);
 +
    height: 45px;
 +
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
 +
    text-transform: uppercase;
 +
    background-color: rgba(255,255,255,0.9);
 +
    font-weight: 700;
 +
    z-index: +1;
 +
}
 +
.navbar-default:hover {
 +
    color: #f05f40;
 +
}
 +
.active{
 +
    background-color: rgba(34,34,34,.3);
 +
    height: 45px;
 +
}
 +
 
 +
.navbar-header{
 +
vertical-align: middle;
 +
}
 +
 
 +
</style>
  
 
</head>
 
</head>
 
<body>
 
<body>
<nav class="navbar navbar-default>
 
      <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="#bs-example-navbar-collapse-1">
 
                    <span class="sr-only">Toggle navigation</span>
 
                    <span class="icon-bar"></span>
 
                    <span class="icon-bar"></span>
 
                    <span class="icon-bar"></span>
 
                </button>
 
                <a class="navbar-brand page-scroll" href="https://2016.igem.org/Team:Michigan">MSBT2016</a>
 
            </div>
 
  
            <!-- Collect the nav links, forms, and other content for toggling -->
+
<nav class="navbar navbar-default navbar-fixed-top affix-top">
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
    <div class="collapse navbar-collapse" >
                <ul class="nav navbar-nav navbar-right">
+
      <ul class="nav navbar-nav navbar-left">
                    <li><a class="page-scroll" href="https://2016.igem.org/Team:Michigan">About</a></li>
+
              <li style="float:left"><a href="#page-top">MSBT 2016</a></li>
                     <li><a class="page-scroll" href="https://2016.igem.org/Team:Michigan">Team</a></li>
+
              <li ><a class="active" href="https://2016.igem.org/Team:Michigan" >Home</a></li>
                     <li><a class="page-scroll" href="https://2016.igem.org/Team:Michigan">Contact</a></li>
+
                     <li class="dropdown">
                </ul>
+
                        <a href="https://2016.igem.org/Team:Michigan/Project" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
            </div>
+
                        <ul class="dropdown-menu">
            <!-- /.navbar-collapse -->
+
                              <li><a href="https://2016.igem.org/Team:Michigan/Design">Design</a></li>
        </div>
+
                              <li><a href="https://2016.igem.org/Team:Michigan/Experiments">Experiments &amp; Protocols</a></li>
        <!-- /.container-fluid -->
+
                              <li><a href="https://2016.igem.org/Team:Michigan/Results">Results &amp; Discussion</a></li>
    </nav>
+
                              <li><a href="https://2015.igem.org/Team:Michigan/Collaborations">Collaborations</a></li>
 +
                              <li><a href="https://2015.igem.org/Team:Michigan/Parts">Parts</a></li>
 +
                        </ul>
 +
                     </li>
 +
 
 +
                                <li class="dropdown">
 +
                                  <a href="https://2015.igem.org/Team:Michigan/Notebook" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook<span class="caret"></span></a>
 +
                                  <ul class="dropdown-menu">
 +
                                    <li><a href="https://2015.igem.org/Team:Michigan/Notebook/June">June</a></li>
 +
                                    <li><a href="https://2015.igem.org/Team:Michigan/Notebook/July">July</a></li>
 +
                                    <li><a href="https://2015.igem.org/Team:Michigan/Notebook/August">August</a></li>
 +
    <li><a href="https://2015.igem.org/Team:Michigan/Notebook/September">September</a></li>
 +
                                  </ul>
 +
                                </li>
 +
 
 +
 
 +
 
 +
                                <li><a href="https://2015.igem.org/Team:Michigan/Modeling">Modeling</a></li>
 +
 
 +
                                <li class="dropdown">
 +
                                  <a href="https://2015.igem.org/Team:Michigan/Practices" 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 multi-level" role="menu" aria-labelledby="dropdownMenu">
 +
<li><a href="https://2015.igem.org/Team:Michigan/Background">Background</a></li>
 +
<li><a href="https://2015.igem.org/Team:Michigan/Diseases">Diseases and Applications</a></li>
 +
<li><a href="https://2015.igem.org/Team:Michigan/Current">Current Detection Methods</a></li>
 +
 
 +
                                      <li class="dropdown dropdown-submenu"><a href="https://2015.igem.org/Team:Michigan/Informed" class="dropdown-toggle" data-toggle="dropdown">Informed Design <span class="caret"></span></a>
 +
                                            <ul class="dropdown-menu">
 +
                                                    <li><a href="https://2015.igem.org/Team:Michigan/Survey">Survey</a></li>
 +
                                                    <li><a href="https://2015.igem.org/Team:Michigan/Biochemical">Biochemical Industry</a></li>
 +
                                                    <li><a href="https://2015.igem.org/Team:Michigan/Food">Food Science Industry</a></li>              
 +
                                            </ul>
 +
                                      </li>     
 +
 
 +
                                  </ul>
 +
                              </li>
 +
 
 +
<li><a href="https://2015.igem.org/Team:Michigan/Safety">Safety</a></li>
 +
 
 +
 
 +
                              <li class="dropdown">
 +
                                  <a href="https://2015.igem.org/Team:Michigan/Team" 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://2015.igem.org/Team:Michigan/Meet">Meet the Team</a></li>
 +
<li><a href="https://2015.igem.org/Team:Michigan/Advisors">Advisors</a></li>
 +
                                        <li><a href="https://2015.igem.org/Team:Michigan/Attributions">Attributions</a></li>
 +
<li><a href="https://2015.igem.org/Team:Michigan/Sponsors">Sponsors</a></li>
 +
                                        <li><a href="https://2015.igem.org/Team:Michigan/Achievements">Achievements</a></li>
 +
                                  </ul>
 +
                              </li>
 +
                          <li><a href="https://2015.igem.org/Team:Michigan/Outreach">Outreach</a></li>
 +
                            </ul>
 +
                        </div>
 +
                    </nav>
 +
</body>
 +
</html>

Latest revision as of 18:59, 1 August 2016