Difference between revisions of "Team:NUS Singapore/Safety"

Line 24: Line 24:
 
<div class="st-pusher">
 
<div class="st-pusher">
  
<!--Sidebar button-->
+
                    <!--Sidebar button-->
<div id="st-trigger-effects">
+
                    <div id="st-trigger-effects">
<button data-effect="st-effect-1" class="button button--rayen button--border button--round-m" data-text="More" style="z-index: 100">
+
                        <button data-effect="st-effect-1" class="button button--rayen button--border button--round-m" data-text="More" style="left: -83px; font-size: 50px; z-index: 100;">
<span><img src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png"></span>
+
                            <span><img src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png"></span>
</button>
+
                        </button>
</div>
+
                    </div>
<!--End of Sidebar button-->
+
                    <!--End of Sidebar button-->
  
 
<!--Header-->
 
<!--Header-->
Line 49: Line 49:
  
 
<!--Side Bar-->
 
<!--Side Bar-->
<nav class="st-menu st-effect-1 list-group panel" id="menu-1" style="overflow: auto; z-index: 100; background-color: rgb(179, 179, 179);">
+
                    <nav class="st-menu st-effect-1 list-group panel" id="menu-1" style="overflow: auto; z-index: 100; background-color: rgb(179, 179, 179);">
<span><img src="https://static.igem.org/mediawiki/2016/1/1e/T--NUS_Singapore--practice.png" style="width: 30px; height: auto; top: 22px; left: 90px; position: absolute;"><h2 style=" left: 100px; position: absolute;">Sidebar</h2></span>
+
<span><img src="https://static.igem.org/mediawiki/2016/1/1e/T--NUS_Singapore--practice.png" style="width: 30px; height: auto; top: 35px; left: 35px; position: absolute;"><h4 style=" left: 75px; top: 25px; position: absolute; font-size: 17px;">NUS_SINGAPORE</h4></span>
<ul>
+
                        <ul>
<li><a class="icon icon-home" id="menu-item-1" href="https://2016.igem.org/Team:NUS_Singapore">Home</a></li>
+
                            <li><a class="icon icon-home" id="menu-item-1" href="https://2016.igem.org/Team:NUS_Singapore">Home</a></li>
<li><a class="icon icon-project" onclick="growDiv('2')" id="menu-item-2" href="https://2016.igem.org/Team:NUS_Singapore/Project">Project
+
                            <li><a class="icon icon-project" onclick="growDiv('2')" id="menu-item-2" href="https://2016.igem.org/Team:NUS_Singapore/Project">Project
<span><img id="sidebar-arrow-2" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
+
                                <span><img id="sidebar-arrow-2" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
<div class="grow" id="grow-2">
+
                                <div class="grow" id="grow-2">
<div class='measuringWrapper'>
+
                                    <div class='measuringWrapper'>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Project/Wet_Lab" class="list-group-item" style="color: rgb(179, 179, 179);">Overview</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Project/Wet_Lab" class="list-group-item" style="color: rgb(179, 179, 179);">Overview</a>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Project/Modelling" class="list-group-item" style="color: rgb(179, 179, 179);">Modelling</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Model" class="list-group-item" style="color: rgb(179, 179, 179);">Modelling</a>
</div>
+
                                    </div>
</div>
+
                                </div>
</li>
+
                            </li>
<li><a class="icon icon-practice" onclick="growDiv('3')" id="menu-item-3" href="#">Human Practices
+
                            <li><a class="icon icon-practice" onclick="growDiv('3')" id="menu-item-3" href="#">Human Practices
<span><img id="sidebar-arrow-3" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"><span></a>
+
                                <span><img id="sidebar-arrow-3" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"><span></a>
<div class="grow" id="grow-3">
+
                                <div class="grow" id="grow-3">
<div class='measuringWrapper'>
+
                                    <div class='measuringWrapper'>
 
                                                                           <a href="https://2016.igem.org/Team:NUS_Singapore/HP/Silver" class="list-group-item" style="color: rgb(179, 179, 179);">Survey</a>
 
                                                                           <a href="https://2016.igem.org/Team:NUS_Singapore/HP/Silver" class="list-group-item" style="color: rgb(179, 179, 179);">Survey</a>
 
                                                                           <a href="https://2016.igem.org/Team:NUS_Singapore/HP/Gold" class="list-group-item" style="color: rgb(179, 179, 179);">Business Plan</a>
 
                                                                           <a href="https://2016.igem.org/Team:NUS_Singapore/HP/Gold" class="list-group-item" style="color: rgb(179, 179, 179);">Business Plan</a>
 
<a href="https://2016.igem.org/Team:NUS_Singapore/Integrated_Practices" class="list-group-item" style="color: rgb(179, 179, 179);">Integration</a>
 
<a href="https://2016.igem.org/Team:NUS_Singapore/Integrated_Practices" class="list-group-item" style="color: rgb(179, 179, 179);">Integration</a>
</div>
+
                                    </div>
</div>
+
                                </div>
</li>
+
                            </li>
<li><a class="icon icon-collaboration" onclick="growDiv('4')" id="menu-item-4" href="#">Collaborations
+
                            <li><a class="icon icon-collaboration" onclick="growDiv('4')" id="menu-item-4" href="#">Collaborations
 
                                                                 <span><img id="sidebar-arrow-4" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
 
                                                                 <span><img id="sidebar-arrow-4" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
<div class="grow" id="grow-4">
+
                                <div class="grow" id="grow-4">
<div class='measuringWrapper'>
+
                                    <div class='measuringWrapper'>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Collaborations" class="list-group-item" style="color: rgb(179, 179, 179);">Melbourne</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Collaborations" class="list-group-item" style="color: rgb(179, 179, 179);">Melbourne</a>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Collaborations" class="list-group-item" style="color: rgb(179, 179, 179);">Hong_Kong_HKU</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Collaborations" class="list-group-item" style="color: rgb(179, 179, 179);">Hong_Kong_HKU</a>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Collaborations" class="list-group-item" style="color: rgb(179, 179, 179);">ETH_Zurich</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Collaborations" class="list-group-item" style="color: rgb(179, 179, 179);">ETH_Zurich</a>
</div>
+
                                    </div>
</div>
+
                                </div>
</li>
+
                            </li>
 
                                                         <li><a class="icon icon-notebook"  id="menu-item-9" onclick="growDiv('9')"  href="https://2016.igem.org/Team:NUS_Singapore/Notebook">PARTS
 
                                                         <li><a class="icon icon-notebook"  id="menu-item-9" onclick="growDiv('9')"  href="https://2016.igem.org/Team:NUS_Singapore/Notebook">PARTS
<span><img id="sidebar-arrow-9" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
+
                                <span><img id="sidebar-arrow-9" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
<div class="grow" id="grow-9">
+
                                <div class="grow" id="grow-9">
<div class='measuringWrapper'>
+
                                    <div class='measuringWrapper'>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Description" class="list-group-item" style="color: rgb(179, 179, 179);">Parts Registry</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Description" class="list-group-item" style="color: rgb(179, 179, 179);">Parts Registry</a>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Proof" class="list-group-item" style="color: rgb(179, 179, 179);">Proof of Concept</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Proof" class="list-group-item" style="color: rgb(179, 179, 179);">Proof of Concept</a>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Demonstrate" class="list-group-item" style="color: rgb(179, 179, 179);">Demonstration</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Demonstrate" class="list-group-item" style="color: rgb(179, 179, 179);">Demonstration</a>
</div>
+
                                    </div>
</div>
+
                                </div>
</li>
+
                            </li>
<li><a class="icon icon-safety" id="menu-item-5" href="https://2016.igem.org/Team:NUS_Singapore/Safety">Safety</a></li>
+
                            <li><a class="icon icon-safety" id="menu-item-5" href="https://2016.igem.org/Team:NUS_Singapore/Safety">Safety</a></li>
  
<li><a class="icon icon-team" id="menu-item-6" href="https://2016.igem.org/Team:NUS_Singapore/Team">Team</a></li>
+
                            <li><a class="icon icon-team" id="menu-item-6" href="https://2016.igem.org/Team:NUS_Singapore/Team">Team</a></li>
<li><a class="icon icon-notebook"  id="menu-item-7" onclick="growDiv('7')"  href="https://2016.igem.org/Team:NUS_Singapore/Notebook">Notebook
+
                            <li><a class="icon icon-notebook"  id="menu-item-7" onclick="growDiv('7')"  href="https://2016.igem.org/Team:NUS_Singapore/Notebook">Notebook
<span><img id="sidebar-arrow-7" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
+
                                <span><img id="sidebar-arrow-7" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
<div class="grow" id="grow-7">
+
                                <div class="grow" id="grow-7">
<div class='measuringWrapper'>
+
                                    <div class='measuringWrapper'>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Notebook/Group1" class="list-group-item" style="color: rgb(179, 179, 179);">I. RIOT Sensor</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Notebook/Group1" class="list-group-item" style="color: rgb(179, 179, 179);">I. RIOT Sensor</a>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Notebook/Group2" class="list-group-item" style="color: rgb(179, 179, 179);">II. RIOT Responder</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Notebook/Group2" class="list-group-item" style="color: rgb(179, 179, 179);">II. RIOT Responder</a>
  <a href="https://2016.igem.org/Team:NUS_Singapore/Notebook/Group3" class="list-group-item" style="color: rgb(179, 179, 179);">III. RIOT Invader</a>
+
                                      <a href="https://2016.igem.org/Team:NUS_Singapore/Notebook/Group3" class="list-group-item" style="color: rgb(179, 179, 179);">III. RIOT Invader</a>
</div>
+
                                    </div>
</div>
+
                                </div>
</li>
+
                            </li>
<li><a class="icon icon-acknowledgement" id="menu-item-8" href="https://2016.igem.org/Team:NUS_Singapore/Attributions">Attributions</a></li>
+
                            <li><a class="icon icon-acknowledgement" id="menu-item-8" href="https://2016.igem.org/Team:NUS_Singapore/Attributions">Attributions</a></li>
</ul>
+
                        </ul>
</nav>
+
                    </nav>
<!--End of Side Bar-->
+
                    <!--End of Side Bar-->
  
  

Revision as of 04:33, 15 October 2016

<!DOCTYPE html> Interactive Points | Codrops