Difference between revisions of "Template:Ruperto Carola/navbar"

Line 1: Line 1:
 +
<html>
 +
 +
<style>
 +
 +
.noline{
 +
        line-height: 0 px;
 +
        margin: 0px 0px !important ;
 +
}
 +
 +
.narrow{
 +
        margin: 0px 5px 0px 5px !important ;
 +
}
 +
 +
.dice-expand{
 +
        float:right;
 +
        margin-left: 5px;
 +
}
 +
 +
 +
#content-desktop {display: block;}
 +
#content-mobile {display: none;}
 +
 +
@media only screen and (max-width: 768px) {
 +
 +
#content-desktop {display: none;}
 +
#content-mobile {display: block;}
 +
 +
}
 +
 +
</style>
 +
 +
<!-- <div id="particles"></div> -->
 +
 +
<nav class="navbar fixed-top navbar-expand-lg navbar-light">
 +
 +
<div class="text-center container-fluid" id="content-desktop">
  
−
<div class="text-center container-fluid" id="content-mobile">
 
 
<a class="navbar-brand" href="https://2019.igem.org/Team:Ruperto_Carola">
 
<a class="navbar-brand" href="https://2019.igem.org/Team:Ruperto_Carola">
 
<img src="https://static.igem.org/mediawiki/2019/8/8a/T--Ruperto_Carola--logo_navbar_test1.png" style="height:60px">
 
<img src="https://static.igem.org/mediawiki/2019/8/8a/T--Ruperto_Carola--logo_navbar_test1.png" style="height:60px">
Line 6: Line 41:
 
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarTogglerDemo02">
 
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarTogglerDemo02">
 
<span class="navbar-toggler-icon"></span>
 
<span class="navbar-toggler-icon"></span>
−
</button>  
+
</button>
 +
 
 
<div class="collapse navbar-collapse" id="navbarNavDropdown">
 
<div class="collapse navbar-collapse" id="navbarNavDropdown">
 +
 
<ul class="navbar-nav">
 
<ul class="navbar-nav">
−
<li class="nav-item">
+
 
−
<a class="nav-link" href="https://2019.igem.org/Team:Ruperto_Carola">
+
<li class="nav-item narrow">
−
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/e/e7/T--Ruperto_Carola--Home.png"> Home
+
<a class="nav-link noline text-center" href="https://2019.igem.org/Team:Ruperto_Carola">
 +
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/e/e7/T--Ruperto_Carola--Home.png"><br>Home
 
</a>
 
</a>
 
</li>
 
</li>
  
 
<!-- TEAM -->
 
<!-- TEAM -->
−
<li class="nav-item dropdown">
+
 
−
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+
<li class="nav-item dropdown narrow">
−
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/a/a6/T--Ruperto_Carola--Team.png"> Team
+
<a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown">
 +
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/a/a6/T--Ruperto_Carola--Team.png"><br>Team
 
</a>
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
Line 32: Line 71:
 
<!-- PROJECT -->
 
<!-- PROJECT -->
  
−
<li class="nav-item dropdown">
+
<li class="nav-item dropdown narrow">
−
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+
<a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown">
−
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/9/9b/T--Ruperto_Carola--Project.png"> Project
+
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/9/9b/T--Ruperto_Carola--Project.png"><br>Project
 
</a>
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
Line 69: Line 108:
 
<!-- PARTS -->
 
<!-- PARTS -->
  
−
<li class="nav-item dropdown">
+
<li class="nav-item dropdown narrow">
−
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+
<a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown">
−
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/5/57/T--Ruperto_Carola--Parts.png"> Parts
+
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/5/57/T--Ruperto_Carola--Parts.png"><br>Parts
 
</a>
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
Line 89: Line 128:
 
</li>
 
</li>
  
−
<!-- SAFETY -->
+
<li class="nav-item narrow">
−
 
+
<a class="nav-link noline text-center" href="https://2019.igem.org/Team:Ruperto_Carola/Safety">
−
<li class="nav-item">
+
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/2/25/T--Ruperto_Carola--Safety.svg"><br>Safety
−
<a class="nav-link" href="https://static.igem.org/mediawiki/2019/2/25/T--Ruperto_Carola--Safety.svg">
+
−
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/2/25/T--Ruperto_Carola--Safety.svg">
+
 
</a>
 
</a>
 
</li>
 
</li>
Line 99: Line 136:
 
<!-- HUMAN PRACTICES -->
 
<!-- HUMAN PRACTICES -->
  
−
<li class="nav-item dropdown">
+
<li class="nav-item dropdown narrow">
−
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+
<a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown">
−
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/1/11/T--Ruperto_Carola--Human.png"> Human Practices
+
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/1/11/T--Ruperto_Carola--Human.png"><br>Human Practices
−
</a>
+
</a>
−
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Human_Practices">
+
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Human_Practices">
−
Human Practices
+
Human Practices
−
</a>
+
</a>
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/integrated">
+
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Public_Engagement">
−
Integrated Human Practices
+
Education & Engagement
−
</a>
+
</a>
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Public_Engagement">
+
</div>
−
Education & Engagement
+
</li>
−
</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/Expert_Interviews">
+
−
Expert Interviews
+
−
</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/Collaborations">
+
−
Collaborations
+
−
</a>
+
−
</div>
+
−
</li>
+
  
 
<!-- AWARDS -->
 
<!-- AWARDS -->
−
<li class="nav-item dropdown">
+
 
−
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+
<li class="nav-item dropdown narrow">
−
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/e/e5/T--Ruperto_Carola--Awards.png"> Awards
+
<a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown">
 +
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/e/e5/T--Ruperto_Carola--Awards.png"><br>Awards
 
</a>
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
Line 137: Line 166:
 
</li>
 
</li>
  
−
<!-- JUDGING FORM -->
 
  
−
<li class="nav-item">
+
<li class="nav-item narrow">
−
<a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Ruperto_Carola">JUDGING FORM ⇗ </a>
+
<a class="nav-link noline text-center" href="https://igem.org/2019_Judging_Form?team=Ruperto_Carola">
 +
                                      <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/b/b7/T--Ruperto_Carola--Transparent.png"><br>JUDGING FORM ⇗</a>
 
</li>
 
</li>
 +
 
</ul>
 
</ul>
 +
 
</div>
 
</div>
 +
 +
 
</div>
 
</div>
 +
 +
<!-- Mobile Navbar -- >
 +
<!-- DON'T TOUCH !!!!!!!  -->
 +
 +
</nav>
 +
</html>

Revision as of 08:31, 20 October 2019