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

Line 18: Line 18:
  
  
#content-desktop {display: inline;}
+
#content-desktop {display: inline-block;}
 
#content-mobile {display: none;}
 
#content-mobile {display: none;}
  
Line 24: Line 24:
  
 
#content-desktop {display: none;}
 
#content-desktop {display: none;}
#content-mobile {display: inline;}
+
#content-mobile {display: block;}
  
 
}
 
}
Line 34: Line 34:
 
<nav class="navbar fixed-top navbar-expand-lg navbar-light">
 
<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="inline-block">
  
 
<a class="navbar-brand" href="https://2019.igem.org/Team:Ruperto_Carola">
 
<a class="navbar-brand" href="https://2019.igem.org/Team:Ruperto_Carola">
Line 182: Line 182:
 
<!-- DON'T TOUCH !!!!!!!  -->
 
<!-- DON'T TOUCH !!!!!!!  -->
  
<div class="text-center container-fluid" id="content-mobile">
 
<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">
 
</a>
 
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarTogglerDemo02">
 
<span class="navbar-toggler-icon"></span>
 
</button>
 
<div class="collapse navbar-collapse" id="navbarNavDropdown">
 
<ul class="navbar-nav">
 
<li class="nav-item">
 
<a class="nav-link" 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"> Home
 
</a>
 
</li>
 
  
<!-- TEAM -->
 
<li class="nav-item dropdown">
 
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
 
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/a/a6/T--Ruperto_Carola--Team.png"> Team
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Team">
 
Team Members
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Collaborations">
 
Collaborations
 
</a>
 
</div>
 
</li>
 
 
<!-- PROJECT -->
 
 
<li class="nav-item dropdown">
 
<a class="nav-link dropdown-toggle" 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
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Description">
 
Description
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Design">
 
Design
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Experiments">
 
Experiments
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook">
 
Notebook
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Contribution">
 
Contribution
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Results">
 
Results
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Demonstrate">
 
Demonstrate
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Improve">
 
Improve
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Attributions">
 
Attributions
 
</a>
 
</div>
 
</li>
 
 
<!-- PARTS -->
 
 
<li class="nav-item dropdown">
 
<a class="nav-link dropdown-toggle" 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
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Parts">
 
Parts Overview
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Basic_Part">
 
Basic Parts
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Composite_Part">
 
Composite Parts
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Part_Collection">
 
Part Collection
 
</a>
 
</div>
 
</li>
 
 
<!-- SAFETY -->
 
 
<li class="nav-item">
 
<a class="nav-link" href="https://2019.igem.org/Team:Ruperto_Carola/Safety">
 
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/2/25/T--Ruperto_Carola--Safety.svg">
 
</a>
 
</li>
 
 
<!-- HUMAN PRACTICES -->
 
 
<li class="nav-item dropdown">
 
<a class="nav-link dropdown-toggle" 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
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Human_Practices">
 
Human Practices
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/integrated">
 
Integrated Human Practices
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Public_Engagement">
 
Education & Engagement
 
</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 -->
 
<li class="nav-item dropdown">
 
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
 
<img class="nav-pic" src="https://static.igem.org/mediawiki/2019/e/e5/T--Ruperto_Carola--Awards.png"> Awards
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Model">
 
Model
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Software">
 
Software
 
</a>
 
</div>
 
</li>
 
 
<!-- JUDGING FORM -->
 
 
<li class="nav-item">
 
<a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Ruperto_Carola">JUDGING FORM ⇗ </a>
 
</li>
 
</ul>
 
</div>
 
</div>
 
  
 
</nav>
 
</nav>
 
</html>
 
</html>

Revision as of 08:50, 20 October 2019