Difference between revisions of "Team:BostonU/HomeOne"

Line 32: Line 32:
 
</head>
 
</head>
 
<body>
 
<body>
<div style = "background-color:black">
+
 
<img id = "main" src = "https://static.igem.org/mediawiki/2016/3/35/T--BostonU--Geminisymbol.jpg" style = "width:100%; height:80vh;"></div>
+
<img id = "main" src = "https://static.igem.org/mediawiki/2016/3/35/T--BostonU--Geminisymbol.jpg" style = "width:100%; height:80vh; opacity:0;"
 +
</div>
 +
<div style = "width:200px; height:100px; background-color:red;" id = "forward"></div>
 +
<div style = "width:200px; height:100px; background-color:blue;" id = "reverse"></div>
 
<div style = "background-color:black;"><div class = 'one'><p style = "opacity:1.5; text-align:center; color:white; font-size:200%;">Project</p></div><div class = 'one'><p style = "text-align:center; color:white; font-size:200%;">Human Practices</p></div><div class = 'one'><p style = "text-align:center; color:white; font-size:200%;">Team</p></div><div class = 'one'><p style = "text-align:center; color:white; font-size:200%;">Other</p></div>
 
<div style = "background-color:black;"><div class = 'one'><p style = "opacity:1.5; text-align:center; color:white; font-size:200%;">Project</p></div><div class = 'one'><p style = "text-align:center; color:white; font-size:200%;">Human Practices</p></div><div class = 'one'><p style = "text-align:center; color:white; font-size:200%;">Team</p></div><div class = 'one'><p style = "text-align:center; color:white; font-size:200%;">Other</p></div>
 
<div style = "background-color:white;">
 
<div style = "background-color:white;">
Line 40: Line 43:
 
</div>
 
</div>
 
</body>
 
</body>
 +
 +
<script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
  $("#forward").click(function () {
 +
      $("#main").css('opacity', '1');
 +
        });
 +
  $("#forward").click(function () {
 +
      $("#main").css('opacity', '0');
 +
    });
 +
  });
 +
</script>
 +
 
</html>
 
</html>

Revision as of 15:37, 14 August 2016

Project

Human Practices

Team

Other