Difference between revisions of "Menu/DemoSafety"

m (Protected "Menu/DemoSafety" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
 
(215 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
{{2016Demo}}
 +
 +
 +
 +
 +
 
<html>
 
<html>
  
Line 4: Line 10:
  
  
−
<div id="mainMenu">
 
  
  
−
<h4>Main menu</h4>
+
<div style="width:200px;margin:auto;">
−
<ol>
+
−
<li><a href=""> Element 1 </a></li>
+
−
<li><a href=""> Element 2 </a></li>
+
−
<li><a href=""> Element 3 </a></li>
+
−
<li><a href=""> Element 4 </a></li>
+
  
−
</ol>
+
<!-- MAIN MENU  -->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
 +
<div id="MainPage_menu">
 +
<div> <a class="switch_Menus"> ►  </a></div>
 +
 +
<a href="https://2015.igem.org/Demo_mainpage">
 +
<div  class="sideMenuTitle">  Main Menu 
 +
</div>
 +
</a>
 +
 +
<div><a class="expand_subMenus"> + </a></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 style="height:100px; clear:both;"></div>
  
−
<div id="safetyMenu">
 
  
  
 +
<!-- JUDGING MENU  -->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<a href="https://2015.igem.org/Demo_Safety_2016"><h3 class="sideMenuTitle"> Safety Hub Menu </h3></a>
 
  
−
<h4> General Information </h4>
+
<div id="Judging">
−
<ul>
+
  
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety"> What is Safety? </a> <a class="this_should_click">▼</a>
+
<div> <a class="switch_Menus"> ◀  </a></div>
−
<div class="subMenu"><ul>
+
 
 +
<a href="https://2015.igem.org/Demo_Judging_2016">
 +
<div class="sideMenuTitle"> Judging
 +
</div>
 +
</a> 
 +
 
 +
<div>  <a class="expand_subMenus"> + </a></div>
 +
 
 +
<div style="clear:both;"></div>
 +
 
 +
 
 +
<h4> Item 1 </h4>
 +
<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 2 </a> <a class="subMenu_toggle">▼</a>
 
 
−
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeProjectDesign"><li> Safe Project Design</a></li>
+
<div class="subMenu"><ul>
−
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeLabWork"><li> Safe Lab Work</a></li>
+
<a href=""> <li> Item 1</li></a>
−
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeShipment"><li> Safe Shipment</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="https://2015.igem.org/Safety/Check_In"> Responsibility</a></li>
 
−
<li><a href="https://2015.igem.org/Safety/Check_In"> Safety Committee </a></li>
 
  
−
</ul>
+
<li><a href=""> Topic 2 </a> </li>
 +
</ul>
 +
</div>
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<h4> Guidelines</h4>
 
−
<ul>
 
  
−
<li><a href="https://2015.igem.org/Safety/Risk_Groups"> Risk Groups</a></li>
 
−
<li><a href="https://2015.igem.org/Safety/WhiteList">White List</a></li>
 
−
<li><a href="https://2015.igem.org/Safety/Do_Not_Release">Do not Realese</a></li>
 
−
<li><a href="">Help </a></li>
 
−
</ul>
 
  
−
<h4> Requirements / Forms </h4>
+
 
−
<ol>
+
<div style="height:100px; clear:both;"></div>
−
<li><a href="https://2015.igem.org/Safety/Check_In"> Check In</a></li>
+
 
−
<li><a href="https://2015.igem.org/Safety/About_Our_Lab">About our Lab</a></li>
+
 
−
<li><a href="https://2015.igem.org/Safety/About_Our_Project">About our Project</a></li>
+
 
−
<li><a href="https://2015.igem.org/Safety/Final_Safety_Form">Safety Form</a></li>
+
<!-- SAFETY MENU  -->
−
</ol>
+
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
 
 +
<div id="Safety">
 +
 
 +
<div> <a class="switch_Menus"> ◀  </a></div>
 +
 
 +
<a href="https://2015.igem.org/Demo_Safety_2016">
 +
<div class="sideMenuTitle"> Safety
 +
</div>
 +
</a> 
 +
 
 +
<div> <a class="expand_subMenus"> + </a></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>
 +
<ul>
 +
<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>
 +
<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#SafeShipment"><li> Safe Shipment</a></li>
 +
</ul></div>
 +
</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>
 +
 
 +
</ul>
 +
 
 +
 
 +
<h4> Guidelines</h4>
 +
<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/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>
 +
<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/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/safety_form">Safety Form</a></li>
 +
</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

×

Loading ...