Difference between revisions of "Template:US AFRL CarrollHS"

(Undo revision 33336 by Annie-B (talk))
Line 470: Line 470:
  
  
 +
<head>
  
−
<head>
+
<!-- This tells the browser that your page is responsive -->
−
<style>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
ul {
+
−
    list-style-type: none;
+
−
    margin: 0;
+
−
    padding: 0;
+
−
    overflow: hidden;
+
−
    background-color: #333;
+
−
}
+
  
−
li {
+
</head>
−
    float: left;
+
−
}
+
  
−
li a, .dropbtn {
 
−
    display: inline-block;
 
−
    color: white;
 
−
    text-align: center;
 
−
    padding: 14px 16px;
 
−
    text-decoration: none;
 
−
}
 
  
−
li a:hover, .dropdown:hover .dropbtn {
 
−
    background-color: red;
 
−
}
 
  
−
li.dropdown {
+
<div class="igem_2017_menu_wrapper" >
−
    display: inline-block;
+
−
}
+
  
−
.dropdown-content {
 
−
    display: none;
 
−
    position: absolute;
 
−
    background-color: #f9f9f9;
 
−
    min-width: 160px;
 
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
−
    z-index: 1;
 
−
}
 
  
−
.dropdown-content a {
 
−
    color: black;
 
−
    padding: 12px 16px;
 
−
    text-decoration: none;
 
−
    display: block;
 
−
    text-align: left;
 
−
}
 
  
−
.dropdown-content a:hover {background-color: #f1f1f1}
+
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">
 +
<img src="http://placehold.it/350x150">
 +
</a>
  
−
.dropdown:hover .dropdown-content {
 
−
    display: block;
 
−
}
 
−
</style>
 
−
</head>
 
−
<body>
 
  
−
<ul>
+
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
−
  <li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Home</a></li>
+
<div class="menu_button" id="display_menu_control">
−
<li class="dropdown">
+
MENU 
 +
</div>  
 +
 
 +
<div id="menu_content">
 
 
−
    <a href="javascript:void(0)" class="dropbtn">Team</a>
 
−
    <div class="dropdown-content">
 
−
<a href= "https://2017.igem.org/Team:US_AFRL_CarrollHS/Team">Team</a>
 
−
    <a href= "https://2017.igem.org/Team:US_AFRL_CarrollHS/Collaborations">Collaborations</a>
 
−
   
 
−
    <div class="dropdown-content">  <li class="dropdown">
 
−
    <a href="javascript:void(0)" class="dropbtn">Project</a>
 
−
    <div class="dropdown-content">
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Description">Description</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Design">Design</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Experiments">Experiments</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Notebook">Notebook</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Contribution">Contribution</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Model">Results</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Demonstrate">Demonstrate</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Improve">Improve</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Attributions">Atributions</a>
 
−
     
 
−
    <div class="dropdown-content">  <li class="dropdown">
 
−
    <a href="javascript:void(0)" class="dropbtn">Parts</a>
 
−
    <div class="dropdown-content">
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Parts">Parts</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Basic_Part">Basic Parts</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Composite_Parts">Composite Parts</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">Part Collection</a>
 
−
     
 
−
      <li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Safety</a></li>
 
−
<li class="dropdown">
 
−
     
 
−
      <div class="dropdown-content">  <li class="dropdown">
 
−
    <a href="javascript:void(0)" class="dropbtn">Human Practices</a>
 
−
    <div class="dropdown-content">
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/HP/Silver">Silver HP</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/HP/Gold_Integrated">Integrated and Gold</a>
 
−
      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Engagement">Public Engagement</a>
 
−
     
 
−
        <li><a href="https://igem.org/2017_Judging_Form?team=US_AFRL_CarrollHS">Judging Form</a></li>
 
−
<li class="dropdown">
 
−
     
 
  
−
    </div>
 
−
  </li>
 
−
</ul>
 
  
−
</body>
+
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">
 +
<div class="menu_button direct_to_page">
 +
HOME
 +
</div>
 +
</a>
 +
 
 +
 
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> TEAM
 +
</div>
 +
 
 +
<div class="submenu_wrapper" id="team_submenu">
 +
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Team">
 +
<div class="submenu_button" id="Team_page">
 +
Team
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Collaborations">
 +
<div class="submenu_button"  id="Collaborations_page">
 +
Collaborations
 +
</div>
 +
</a>
 +
 +
 +
</div>
 +
 
 +
 
 +
 +
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> PROJECT
 +
</div>
 +
 
 +
<!-- project submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Description">
 +
<div class="submenu_button"  id="Description_page">
 +
Description
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Design">
 +
<div class="submenu_button"  id="Design_page">
 +
Design
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Experiments">
 +
<div class="submenu_button"  id="Experiments_page">
 +
Experiments
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Notebook">
 +
<div class="submenu_button"  id="Notebook_page">
 +
Notebook
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/InterLab">
 +
<div class="submenu_button"  id="InterLab_page">
 +
InterLab
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Contribution">
 +
<div class="submenu_button"  id="Contribution_page">
 +
Contribution
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Model">
 +
<div class="submenu_button"  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Results">
 +
<div class="submenu_button"  id="Results_page">
 +
Results
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Demonstrate">
 +
<div class="submenu_button"  id="Demonstrate_page">
 +
Demonstrate
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Improve">
 +
<div class="submenu_button"  id="Improve_page">
 +
Improve
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Attributions">
 +
<div class="submenu_button"  id="Attributions_page">
 +
Attributions
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
 +
 +
 +
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> PARTS
 +
</div>
 +
 +
<!-- parts submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Parts">
 +
<div class="submenu_button"  id="Parts_page">
 +
Parts
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Basic_Part">
 +
<div class="submenu_button"  id="Basic_Part_page">
 +
Basic Parts
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Composite_Part">
 +
<div class="submenu_button"  id="Composite_Part_page">
 +
Composite Parts
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">
 +
<div class="submenu_button"  id="Part_Collection_page">
 +
Part Collection
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
 +
 +
 +
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Safety">
 +
<div class="menu_button direct_to_page">
 +
SAFETY
 +
</div>
 +
</a>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="menu_button" >
 +
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 +
</div>
 +
 
 +
<!-- human practices submenu -->
 +
<div class="submenu_wrapper">
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/HP/Silver">
 +
<div class="submenu_button"  id="Silver_page">
 +
Silver HP
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/HP/Gold_Integrated">
 +
<div class="submenu_button" id="Gold_Integrated_page">
 +
Integrated and Gold
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Engagement">
 +
<div class="submenu_button"  id="Engagement_page">
 +
Public Engagement
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> AWARDS
 +
</div>
 +
 
 +
<!-- awards submenu -->
 +
<div class="submenu_wrapper">
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Applied_Design">
 +
<div class="submenu_button"  id="Applied_Design_page">
 +
Applied Design
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Entrepreneurship">
 +
<div class="submenu_button"  id="Entrepreneurship_page">
 +
Entrepreneurship
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Hardware">
 +
<div class="submenu_button"  id="Hardware_page">
 +
Hardware
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Measurement">
 +
<div class="submenu_button"  id="Measurement_page">
 +
Measurement
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Model">
 +
<div class="submenu_button"  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Plant">
 +
<div class="submenu_button"  id="Plant_page">
 +
Plant
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Software">
 +
<div class="submenu_button"  id="Software_page">
 +
Software
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
<a href="https://igem.org/2017_Judging_Form?team=US_AFRL_CarrollHS">
 +
<div class="menu_button direct_to_page">
 +
JUDGING FORM
 +
</div>
 +
</a>
 +
 
 +
 
 +
 +
<div class="menu_bottom_padding" >
 +
</div>
 +
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
</div>
  
  

Revision as of 18:03, 27 June 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

US_AFRL_CarrollHS