|
|
Line 257: |
Line 257: |
| | | |
| | | |
| + | <div class="wrapper"> |
| | | |
− |
| + | <input type="checkbox" id="navigation" /> |
− | <div class="igem_2017_menu_wrapper" > | + | <label for="navigation"> |
| + | + |
| + | </label> |
| | | |
| + | <nav> |
| + | <ul> |
| + | <li> |
| + | <a href="">Home</a> |
| + | </li> |
| + | <li> |
| + | <a href="">Latest News</a> |
| + | </li> |
| + | <li> |
| + | <a href="">What We Do</a> |
| + | </li> |
| + | <li> |
| + | <a href="">Another Link</a> |
| + | </li> |
| + | <li> |
| + | <a href="">Contact</a> |
| + | </li> |
| + | </ul> |
| + | </nav> |
| | | |
− | | + | <section> |
− | <a href="https://2017.igem.org/Team:Cadets2Vets">
| + | <article> |
− | <img src="http://www.jazardezign.com/wp-content/uploads/best-hd-army-logo-drawing.jpg">
| + | <h1>Pure CSS slide in push menu</h1> |
− | </a>
| + | <p> |
− | | + | Tap or click the + icon |
− | | + | <p> |
− | <!-- this div is hidden by default and will only be displayed if the screen size is too small -->
| + | Tested and working in: |
− | <div class="menu_button" id="display_menu_control">
| + | </p> |
− | MENU
| + | <ul> |
− | </div>
| + | <li> |
− | | + | Chrome |
− | <div id="menu_content">
| + | </li> |
− |
| + | <li> |
− | | + | Safari |
− | | + | </li> |
− | | + | <li> |
− | <a href="https://2017.igem.org/Team:Cadets2Vets">
| + | Firefox |
− | <div class="menu_button direct_to_page">
| + | </li> |
− | HOME
| + | <li> |
− | </div>
| + | Opera |
− | </a>
| + | </li> |
− | | + | <li> |
− | | + | IE11 |
− | | + | </li> |
− | <div class="menu_button">
| + | <li> |
− | <div class="expand_collapse_icon"> </div> TEAM
| + | IE10 |
− | </div>
| + | </li> |
− | | + | <li> |
− | <div class="submenu_wrapper" id="team_submenu">
| + | IE9 - Without push or animation. |
− |
| + | </li> |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Team">
| + | </ul> |
− | <div class="submenu_button" id="Team_page">
| + | |
− | Team
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/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:Cadets2Vets/Description">
| + | |
− | <div class="submenu_button" id="Description_page">
| + | |
− | Description
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Design">
| + | |
− | <div class="submenu_button" id="Design_page">
| + | |
− | Design
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Experiments">
| + | |
− | <div class="submenu_button" id="Experiments_page">
| + | |
− | Experiments
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Notebook">
| + | |
− | <div class="submenu_button" id="Notebook_page">
| + | |
− | Notebook
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/InterLab">
| + | |
− | <div class="submenu_button" id="InterLab_page">
| + | |
− | InterLab
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Contribution">
| + | |
− | <div class="submenu_button" id="Contribution_page">
| + | |
− | Contribution
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Model">
| + | |
− | <div class="submenu_button" id="Model_page">
| + | |
− | Model
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Results">
| + | |
− | <div class="submenu_button" id="Results_page">
| + | |
− | Results
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Demonstrate">
| + | |
− | <div class="submenu_button" id="Demonstrate_page">
| + | |
− | Demonstrate
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Improve">
| + | |
− | <div class="submenu_button" id="Improve_page">
| + | |
− | Improve
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/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:Cadets2Vets/Parts">
| + | |
− | <div class="submenu_button" id="Parts_page">
| + | |
− | Parts
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Basic_Part">
| + | |
− | <div class="submenu_button" id="Basic_Part_page">
| + | |
− | Basic Parts
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Composite_Part">
| + | |
− | <div class="submenu_button" id="Composite_Part_page">
| + | |
− | Composite Parts
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Part_Collection">
| + | |
− | <div class="submenu_button" id="Part_Collection_page">
| + | |
− | Part Collection
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | | + | |
− |
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/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:Cadets2Vets/HP/Silver">
| + | |
− | <div class="submenu_button" id="Silver_page">
| + | |
− | Silver HP
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/HP/Gold_Integrated">
| + | |
− | <div class="submenu_button" id="Gold_Integrated_page">
| + | |
− | Integrated and Gold
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/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:Cadets2Vets/Applied_Design">
| + | |
− | <div class="submenu_button" id="Applied_Design_page">
| + | |
− | Applied Design
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Entrepreneurship">
| + | |
− | <div class="submenu_button" id="Entrepreneurship_page">
| + | |
− | Entrepreneurship
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Hardware">
| + | |
− | <div class="submenu_button" id="Hardware_page">
| + | |
− | Hardware
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Measurement">
| + | |
− | <div class="submenu_button" id="Measurement_page">
| + | |
− | Measurement
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Model">
| + | |
− | <div class="submenu_button" id="Model_page">
| + | |
− | Model
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Plant">
| + | |
− | <div class="submenu_button" id="Plant_page">
| + | |
− | Plant
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2017.igem.org/Team:Cadets2Vets/Software">
| + | |
− | <div class="submenu_button" id="Software_page">
| + | |
− | Software
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | <a href="https://igem.org/2017_Judging_Form?team=Cadets2Vets">
| + | |
− | <div class="menu_button direct_to_page">
| + | |
− | JUDGING FORM
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− |
| + | |
− | <div class="menu_bottom_padding" >
| + | |
− | </div>
| + | |
− |
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | </div> | + | |
| | | |
| | | |
| | | |
| </html> | | </html> |