Difference between revisions of "Team:TECHNION-ISRAEL/navbar"

Line 1: Line 1:
−
<head>
+
<html lang="en">
−
        <!-- Title for the page & metadata  -->         
+
<head>
−
        <title>Tolegen, by iGEM Technion 2017</title>
+
<!-- Title for the page & metadata  -->         
−
    <meta charset="utf-8">
+
<title>navbar</title>
−
    <meta name="navbar" content="width=device-width, initial-scale=1">
+
<meta charset="utf-8">
 +
<meta name="navbar" content="width=device-width, initial-scale=1">
  
−
    <!-- Bootstrap CSS -->
+
<!-- Bootstrap CSS -->
−
                <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.css/CSS?action=raw&ctype=text/css"/>
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.css/CSS?action=raw&ctype=text/css"/>
−
                <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap-theme.min.css/CSS?action=raw&ctype=text/css"/>
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap-theme.min.css/CSS?action=raw&ctype=text/css"/>
−
            <!-- Bootstrap JS -->
+
<!-- Bootstrap JS -->
−
                <script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/jquery-2.1.1.min.js/Javascript?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/jquery-2.1.1.min.js/Javascript?action=raw&ctype=text/javascript"></script>
−
                <script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.js/Javascript?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/bootstrap.min.js/Javascript?action=raw&ctype=text/javascript"></script>
−
        <!-- ===================Basic Bootstrap's CSS and JS=================== -->
+
<!-- ===================Basic Bootstrap's CSS and JS=================== -->
−
            <!-- Our wiki CSS -->
+
<!-- Our wiki CSS -->
−
                <link rel="stylesheet" type="text/css" href="style.css"/>  
+
<link rel="stylesheet" type="text/css" href="style.css"/>  
−
+
 
<!-- fonts -->
 
<!-- fonts -->
−
  <!-- Fonts -->
+
  <!-- Fonts -->
−
        <script src="https://use.fontawesome.com/597ba5ca72.js"></script>
+
<script src="https://use.fontawesome.com/597ba5ca72.js"></script>
−
<link href="https://fonts.googleapis.com/css?family=Assistant" rel="stylesheet" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Assistant" rel="stylesheet" rel="stylesheet">
 +
 
 +
<!--for hover and no on click---->
 +
 +
<style type="text/css">
 +
@media screen and (min-width: 768px){
 +
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
 +
display: block;
 +
}
 +
.dropdown-menu{
 +
margin-top: 0;
 +
}
 +
.dropdown-toggle{
 +
margin-bottom: 2px;
 +
}
 +
.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
 +
margin-bottom: 0;
 +
}
 +
}
 +
 +
</style>
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".dropdown, .btn-group").hover(function(){
 +
var dropdownMenu = $(this).children(".dropdown-menu");
 +
if(dropdownMenu.is(":visible")){
 +
dropdownMenu.parent().toggleClass("open");
 +
}
 +
});
 +
});   
 +
</script>
 +
 +
<!--wiki  problems style---->
 +
 
 +
<style>
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {padding-top: 20px;}
 +
</style>
 +
 
 +
</head>
 +
 +
<body>
 +
<div class = "container-fluid">
 +
<div class= "row" >
 +
<div class ="col-md-1">
 +
<div class = "parpar-left"> <a target="_blank" href="https://2017.igem.org/Team:TECHNION-ISRAEL">
 +
<img  src="https://static.igem.org/mediawiki/2017/4/49/T--TECHNION-ISRAEL--par1.png" style= "max-width:65px; margin-top: 5px;">
 +
</a></div>
 +
 +
</div>
 +
<div class= "col-md-10">
 +
<nav class= "navbar navbar-inverse navbar-fixed-top " style= "position:fixed; margin:auto; width: 980px ;">
 +
 +
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL"> project </a>
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu" style="margin: 0px;  left: 2px;">
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Description"> overview </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/cell_lines"> cell lines </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Design"> modular plasmid </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/delay_mechanism"> delay mechanism </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/kill_switch"> kill switch </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/assay" > assay </a> </li>
 +
</ul>
 +
</div>
 +
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> wet lab
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu"  style="margin: 0px;  left: 2px;" >
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Results"> results </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Notebook"> notebook </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Experiments"> protocols </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/InterLab"> interlab </a> </li>
 +
</ul>
 +
</div>
 +
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Parts"> parts </a>
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu" style="margin: 0px;  left: 2px;">
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Parts"> parts </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Basic_Part"> favorites </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Composite_Part"> submitted </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Part_Collection"> collection </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:Example2/Improve"> improve </a> </li>
 +
</ul>
 +
</div>
 +
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown" style= "width: auto"; > human practices
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu" style="margin: 0px;  left: 20px;" >
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Silver"> human practices </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Gold_Integrated"> public engagement </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/HP/Gold_Integrated"> integrated </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/ethics"> ethics </a> </li>
 +
 
 +
</ul>
 +
</div>
 +
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown"> judging
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu"  style="margin: 0px;  left: 2px ">
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Safety"> safety </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Collaborations"> collaboration </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/acheivments"> acheivments </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Model"> modelling </a> </li>
 +
</ul>
 +
</div>
 +
 +
 +
<div class="dropdown">
 +
<button class="dropdown-toggle" type="button" data-toggle="dropdown">team
 +
<span class="caret"></span></button>
 +
<ul class= "dropdown-menu"  style="margin: 0px;  left: 2px;">
 +
<li> <a href =" https://2017.igem.org/Team:TECHNION-ISRAEL/Team"> members </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/Attributions"> attributions </a> </li>
 +
<li> <a href ="https://2017.igem.org/Team:TECHNION-ISRAEL/gallery"> gallery </a> </li>
 +
</ul>
 +
</div>
 +
</nav>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
</body>
 +
</html>

Revision as of 08:05, 16 October 2017

navbar