Difference between revisions of "Menu/DemoSafety"

m (Protected "Menu/DemoSafety" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
 
(145 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
{{2016Demo}}
 +
 +
 +
 +
 +
 
<html>
 
<html>
  
Line 4: Line 10:
  
  
<div id="mainMenu">
 
  
  
<a href="https://2015.igem.org/Demo_mainpage">
+
<div style="width:200px;margin:auto;">
<div id="TitleMainMenu">  Main Menu
+
</div>
+
</a>
+
  
<div class="sideMenuMain">
+
<!-- MAIN MENU  -->
<ul>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<a href=""> <li style ="width:170px;">Getting Started</li></a> <div style="float:left;"></div>
+
 
<a href=""> <li>Requirements</li></a>
+
 
<a href="https://2015.igem.org/Demo_Calendar"> <li>Calendar </li></a>
+
<div id="MainPage_menu">
<a href="https://2015.igem.org/Demo_Judging_2016"> <li>Judging </li></a>
+
<div> <a class="switch_Menus"> ►  </a></div>
<a href="https://2015.igem.org/Demo_Safety_2016"> <li>Safety </li></a>
+
 
<a href=""> <li>Parts</li></a>
+
<a href="https://2015.igem.org/Demo_mainpage">
<a href=""> <li>Resources</li></a>
+
<div  class="sideMenuTitle">  Main Menu 
<a href=""> <li>Giant Jamboree</li></a>
+
</div>
<a href=""> <li>Community</li></a>
+
</a>
<a href=""> <li>Sponsors</li></a>
+
 
<a href=""> <li>About iGEM</li></a>
+
<div><a class="expand_subMenus"> + </a></div>
</ul>
+
 
</div>
+
<div style="clear:both;"></div>
 +
 
 +
 
 +
<!-- main menu lists  -->
 +
<div>
 +
<ul>
 +
 
 +
<!-- REQUIREMENTS -->
 +
<li>
 +
<a href="">
 +
<div class="mainMenu_Title"> Requirements
 +
</div> 
 +
</a>  
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
 +
 
 +
<div style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li>General </li></a>
 +
<a href=""><li>Wiki </li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
 
 +
 
 +
 
 +
 
 +
<!-- CALENDAR  -->
 +
<li> 
 +
<a href="https://2015.igem.org/Demo_Calendar">
 +
<div class="mainMenu_Title" style="width:183px;"> Calendar
 +
</div>
 +
</a>  
 +
</li>
 +
 
 +
 
 +
<!-- JUDGING  -->
 +
<li> 
 +
<a href="https://2015.igem.org/Demo_Judging_2016">  
 +
<div class="mainMenu_Title"> Judging
 +
</div> 
 +
</a>
 +
 
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
 +
 
 +
<div style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
 
 +
 
 +
<!-- SAFETY  -->
 +
<li> 
 +
<a href="https://2015.igem.org/Demo_Safety_2016">  
 +
<div class="mainMenu_Title"> Safety
 +
</div> 
 +
</a>
 +
 
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
 +
 
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
 
 +
 
 +
 
 +
<!-- PARTS  -->
 +
 
 +
<li> 
 +
<a href="">  
 +
<div style="width:183px;" class="mainMenu_Title"> Parts
 +
</div> 
 +
</a>
 +
</li>
 +
 
 +
 
 +
<!-- RESOURCES  -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> Resources  
 +
</div> 
 +
</a>
 +
 
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
 +
 
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
 
 +
 
 +
 
 +
<!--GIANT JAMBOREE -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> Giant Jamboree
 +
</div> 
 +
</a>
 +
 
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
 +
 
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
 
 +
 
 +
 
 +
<!-- COMMUNITY -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> Community
 +
</div> 
 +
</a>
 +
 
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
 +
 
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
 
 +
 
 +
<!--SPONSORS -->
 +
<li> 
 +
<a href="">
 +
<div style="width:183px;" class="mainMenu_Title"> Sponsors
 +
</div> 
 +
</a>
 +
</li>
 +
 
 +
 
 +
<!--ABOUT -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> About iGEM
 +
</div> 
 +
</a>
 +
 
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
  
 
</div>
 
</div>
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
<div id="judgingMenu">
+
 
 +
<div style="height:100px; clear:both;"></div>
 +
 
 +
 
 +
 
 +
<!-- JUDGING MENU  -->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
 
 +
<div id="Judging">
 +
 
 +
<div> <a class="switch_Menus"> ◀  </a></div>  
  
 
<a href="https://2015.igem.org/Demo_Judging_2016">
 
<a href="https://2015.igem.org/Demo_Judging_2016">
<div class="sideMenuTitle"> Judging Hub
+
<div class="sideMenuTitle"> Judging
 
</div>
 
</div>
 
</a>   
 
</a>   
<div>  <a id="expand_subMenus"> + </a></div>
+
 
 +
<div>  <a class="expand_subMenus"> + </a></div>
 +
 
 
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
  
  
 
<h4> Item 1 </h4>
 
<h4> Item 1 </h4>
<ul>
+
<ul>
 +
<li><a href=""> Topic 1 </a> <a class="subMenu_toggle">▼</a>
 +
 +
<div class="subMenu"><ul>
 +
<a href=""> <li> Item 1</li></a>
 +
<a href=""> <li> Item 2</li></a>
 +
<a href=""> <li> Item 3</li></a>
 +
</ul></div>
 +
</li>
 +
 
  
<li><a href=""> Topic 1 </a> <a class="subMenu_toggle">▼</a>
 
<div class="subMenu"><ul>
 
 
<a ><li> Item 1</a></li>
 
<a ><li> Item 2</a></li>
 
<a ><li> Item 3</a></li>
 
</ul></div>
 
</li>
 
  
<li><a href=""> Topic 2 </a> <a class="subMenu_toggle">▼</a>
+
<li><a href=""> Topic 2 </a> <a class="subMenu_toggle">▼</a>
<div class="subMenu"><ul>
+
 
 
<a ><li> Item 1</a></li>
+
<div class="subMenu"><ul>
<a ><li> Item 2</a></li>
+
<a href=""> <li> Item 1</li></a>
<a ><li> Item 3</a></li>
+
<a href=""> <li> Item 2</li></a>
</ul></div>
+
<a href=""> <li> Item 3</li></a>
</li>
+
</ul></div>
 +
</li>
  
<li><a href=""> Topic 2 </a> </li>
 
</ul>
 
  
 +
<li><a href=""> Topic 2 </a> </li>
 +
</ul>
 
</div>
 
</div>
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
  
<div id="safetyMenu">
+
 
 +
<div style="height:100px; clear:both;"></div>
 +
 
 +
 
 +
 
 +
<!-- SAFETY MENU  -->
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
 
 +
<div id="Safety">
 +
 
 +
<div> <a class="switch_Menus"> ◀  </a></div>  
  
 
<a href="https://2015.igem.org/Demo_Safety_2016">
 
<a href="https://2015.igem.org/Demo_Safety_2016">
<div class="sideMenuTitle"> Safety Hub
+
<div class="sideMenuTitle"> Safety
 
</div>
 
</div>
 
</a>   
 
</a>   
<div> <a id="expand_subMenus"> + </a></div>
+
 
 +
<div> <a class="expand_subMenus"> + </a></div>
 +
 
 +
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
  
 +
<div class="safety_specific" style="background-color: #f2f2f2; display:none;" >
  
 +
 +
<ul>
 +
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability"> Link 1</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/committee"> Link 2 </a></li>
 +
 +
</ul>
 +
 +
 +
</div>
 +
 +
<div style="clear:both;"></div>
 
<h4> General Information </h4>
 
<h4> General Information </h4>
<ul>
+
<ul>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety"> What is Safety? </a> <a class="subMenu_toggle">▼</a>
  
<li><a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety"> What is Safety? </a> <a class="subMenu_toggle">▼</a>
+
<div class="subMenu"><ul>
<div class="subMenu"><ul>
+
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeProjectDesign"><li> Safe Project Design</a></li>
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeProjectDesign"><li> Safe Project Design</a></li>
+
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeLabWork"><li> Safe Lab Work</a></li>
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeLabWork"><li> Safe Lab Work</a></li>
+
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeShipment"><li> Safe Shipment</a></li>
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeShipment"><li> Safe Shipment</a></li>
+
</ul></div>
</ul></div>
+
</li>
</li>
+
  
<li ><a href="https://2015.igem.org/Demo_Safety_2016/responsability"> Responsibility</a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability"> Responsibility</a></li>
<li><a href="https://2015.igem.org/Demo_Safety_2016/committee"> Safety Committee </a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/committee"> Safety Committee </a></li>
  
</ul>
+
</ul>
  
  
 
<h4> Guidelines</h4>
 
<h4> Guidelines</h4>
<ul>
+
<ul>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups"> Risk Groups</a><a class="subMenu_toggle">▼</a>
 +
<div class="subMenu"><ul>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#whatareriskgroups"><li> What are Risk Groups</li></a>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#identifyingriskgroup"><li> Identifying Risk Groups</li></a>
 +
</ul></div>
  
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups"> Risk Groups</a><a class="subMenu_toggle">▼</a>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/whitelist">White List</a></li>
<div class="subMenu"><ul>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/do_not_release">Do not Realese</a></li>
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#whatareriskgroups"><li> What are Risk Groups</li></a>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/help">Help </a></li>
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#identifyingriskgroup"><li> Identifying Risk Groups</li></a>
+
</ul>
</ul></div>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/whitelist">White List</a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/do_not_release">Do not Realese</a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/help">Help </a></li>
+
</ul>
+
  
 
<h4> Requirements / Forms </h4>
 
<h4> Requirements / Forms </h4>
<ol>
+
<ol>
<li><a href="https://2015.igem.org/Demo_Safety_2016/check_in"> Check In</a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/check_in"> Check In</a></li>
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_lab">About our Lab</a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_lab">About our Lab</a></li>
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_project">About our Project</a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_project">About our Project</a></li>
<li><a href="https://2015.igem.org/Demo_Safety_2016/safety_form">Safety Form</a></li>
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/safety_form">Safety Form</a></li>
</ol>
+
</ol>
  
 
</div>
 
</div>
  
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
 +
 +
 +
<!-- TEAM INFORMATION  -->
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
<div id="informationpage">
 +
 +
<div> <a class="switch_Menus"> ◀  </a></div>
 +
 +
<a href="https://2015.igem.org/Demo_informationpage">
 +
<div class="sideMenuTitle"> Team Information
 +
</div>
 +
</a> 
 +
 +
<div> <a class="expand_subMenus"> + </a></div>
 +
 +
<div style="clear:both;"></div>
 +
 +
 +
<h4> Columbia NYC</h4>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#general"> General</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#contact_information"> Contact Information </a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#deadlines"> Team Deadlines</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#project"> Project</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#team_roster"> Team Roster</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#awards"> Awards and Medals</a></li>
 +
</ul>
 +
 +
</div>
 +
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
<!-- DOCUMENTATION MENU  -->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
 +
<div id="Code">
 +
 +
 +
<div> <a class="switch_Menus"> ◀  </a></div>
 +
 +
<a href="https://2015.igem.org/Code_Documentation2">
 +
<div class="sideMenuTitle">Documentation
 +
</div>
 +
</a> 
 +
 +
<div>  <a class="expand_subMenus"> + </a></div>
 +
 +
<div style="clear:both;"></div>
 +
 +
<h4> Styling</h4>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Colors">Color Palette</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Text">Text</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Links">Links </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Lists">Lists</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Titles">H Titles </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Tables">Tables </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Images">Images </a> </li>
 +
 +
</ul>
 +
 +
<h4> Classes </h4>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Button">Buttons</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Pop_up">Pop up </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#layout">Layout classes </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#style_layout">Styling layout classes </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#example_layout">Example layouts </a> </li>
 +
</ul>
 +
 +
<h4> Menu </h4>
 +
<ul>
 +
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Menu"> Editing the menu </a> </li>
 +
 +
</ul>
 +
 +
</div>
 +
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
 +
 +
 +
<!------------------------------------PLACE YOUR MENU HERE ------------------------------------------------->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!---------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
 +
 +
</div>
  
 
</html>
 
</html>

Latest revision as of 18:11, 16 March 2016