Line 2: | Line 2: | ||
<html> | <html> | ||
− | + | <script src="http://wayou.github.io/SlipHover/js/jquery.sliphover.min.js"> | |
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | #container{ | ||
+ | width: 750px; | ||
+ | margin: 0 auto; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #container img{ | ||
+ | margin:10px 10px 0px 0px; | ||
+ | float: left; | ||
+ | } | ||
+ | #container div{ | ||
+ | width: 650px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #container ul li{ | ||
+ | list-style: none; | ||
+ | } | ||
+ | .sliphover-container{ | ||
+ | z-index:99; | ||
+ | } | ||
+ | #menuContainer{ | ||
+ | top:0px; | ||
+ | margin-top:0px; | ||
+ | position:absolute; | ||
+ | } | ||
+ | #top_nav_bulge{ | ||
+ | top:110px; | ||
+ | } | ||
+ | </style> | ||
<head> | <head> | ||
<title>Alverno iGEM 2016</title> | <title>Alverno iGEM 2016</title> | ||
Line 14: | Line 44: | ||
<center><img src="https://static.igem.org/mediawiki/2016/thumb/5/58/T--Alverno_CA--Alverno_iGEM_2016_Logo.png/600px-T--Alverno_CA--Alverno_iGEM_2016_Logo.png" alt="Alverno iGEM Logo" style="width:300px;"></center> | <center><img src="https://static.igem.org/mediawiki/2016/thumb/5/58/T--Alverno_CA--Alverno_iGEM_2016_Logo.png/600px-T--Alverno_CA--Alverno_iGEM_2016_Logo.png" alt="Alverno iGEM Logo" style="width:300px;"></center> | ||
<h2><center>Safety</center></h2> | <h2><center>Safety</center></h2> | ||
+ | <div class="demo" id="container"> | ||
+ | <center> | ||
+ | <ul> | ||
+ | <li style="list-style: none"><br> | ||
+ | <br> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><img src= | ||
+ | "http://placehold.it/215.215" | ||
+ | style="height:215px;width:215px;" title= | ||
+ | Caption> | ||
+ | </li> | ||
+ | <li><img src= | ||
+ | "http://placehold.it/215.215" | ||
+ | style="height:215px;width:215px;" title= | ||
+ | Caption> | ||
+ | </li> | ||
+ | <li><img src= | ||
+ | "http://placehold.it/215.215" | ||
+ | style="height:215px;width:215px;" title= | ||
+ | Caption> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </center> | ||
+ | </div> | ||
+ | <br><br><br><br><br><br><br><br><br><br> | ||
<h5> As a high school team, safety is paramount, and following safety rules are essential in any lab environment. In addition to standard protocols, we must be diligent in safety, as our workspace doubles as a lab and a classroom. We must follow the standard rules to protect both us and our samples as well as to guarantee the safety of teammates and peers alike. This signifies that every individual, regardless of concurrence or participation is the team, must comply and practice the safety procedures.</p> | <h5> As a high school team, safety is paramount, and following safety rules are essential in any lab environment. In addition to standard protocols, we must be diligent in safety, as our workspace doubles as a lab and a classroom. We must follow the standard rules to protect both us and our samples as well as to guarantee the safety of teammates and peers alike. This signifies that every individual, regardless of concurrence or participation is the team, must comply and practice the safety procedures.</p> | ||
Line 44: | Line 102: | ||
</body> | </body> | ||
+ | <script> | ||
+ | $("#container").sliphover(); | ||
+ | $(".sliphover-container").css('z-index','99'); | ||
+ | $("#menuContainer").css('z-index','99'); | ||
+ | </script> | ||
+ | |||
</html> | </html> |
Revision as of 20:39, 19 October 2016