Team:Hong Kong HKUST/test9

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;} #p-logo {visibility:hidden;} .fir...")
 
(9 intermediate revisions not shown)
Line 1: Line 1:
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 +
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<html>
<head>
<head>
 +
<h1style="height:420px;background:#fff7e8;margin:0px;padding:0px"></h1>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
 +
</script>
 +
<script>
 +
$(document).ready(function()
 +
  {
 +
  $("#team1").mouseover(function(){
 +
    $("#team1").fadeTo("fast",0.9);
 +
  });
 +
  $("#team1").mouseleave(function(){
 +
    $("#team1").fadeTo("fast", 1);
 +
  });
 +
  $("#wetlab1").mouseover(function(){
 +
    $("#wetlab1").fadeTo("fast",0.9);
 +
  });
 +
  $("#wetlab1").mouseleave(function(){
 +
    $("#wetlab1").fadeTo("fast", 1);
 +
  });
 +
  $("#hp1").mouseover(function(){
 +
    $("#hp1").fadeTo("fast",0.9);
 +
  });
 +
  $("#hp1").mouseleave(function(){
 +
    $("#hp1").fadeTo("fast", 1);
 +
  });
 +
  $("#project1").mouseover(function(){
 +
    $("#project1").fadeTo("fast",0.9);
 +
  });
 +
  $("#project1").mouseleave(function(){
 +
    $("#project1").fadeTo("fast", 1);
 +
  });
 +
  $("#achieve1").mouseover(function(){
 +
    $("#achieve1").fadeTo("fast",0.9);
 +
  });
 +
  $("#achieve1").mouseleave(function(){
 +
    $("#achieve1").fadeTo("fast", 1);
 +
  });
 +
  $("#parts1").mouseover(function(){
 +
    $("#parts1").fadeTo("fast",0.8);
 +
  });
 +
  $("#parts1").mouseleave(function(){
 +
    $("#parts1").fadeTo("fast", 1);
 +
  });
 +
  $("#safety1").mouseover(function(){
 +
    $("#safety1").fadeTo("fast",0.9);
 +
  });
 +
  $("#safety1").mouseleave(function(){
 +
    $("#safety1").fadeTo("fast", 1);
 +
  });
 +
  $('#menubar').mouseover(function(){
 +
    $('#menubar').stop().animate({top:"0px"},500);
 +
  });
 +
  $('#menubar').mouseleave(function(){
 +
    $('#menubar').stop().animate({top:"-20px"},500);
 +
  });
 +
  $('#menubar.right-menu').mouseover(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"0px"},500);
 +
  });
 +
  $('#menubar.right-menu').mouseleave(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"-20px"},500);
 +
  });
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
  $("#aaa").click(function(){
 +
    $("#video").toggle();
 +
  });
 +
});
 +
</script>
 +
 +
 +
<style type="text/css">
<style type="text/css">
body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;}
body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;}
 +
#team1
 +
{position:absolute;top:141px;}
 +
#team2
 +
{position:absolute;top:141px;}
 +
#blank1
 +
{position:absolute;left:225px;top:141px;}
 +
#wetlab1
 +
{position:absolute;top:321px;}
 +
#wetlab2
 +
{position:absolute;top:321px;}
 +
#achieve1
 +
{position:absolute;left:227px;top:476px;}
 +
#achieve2
 +
{position:absolute;left:227px;top:476px;}
 +
#hp1
 +
{position:absolute;left:453px;top:476px;}
 +
#hp2
 +
{position:absolute;left:453px;top:476px;}
 +
#parts1
 +
{position:absolute;left:890px;top:366px;}
 +
#parts2
 +
{position:absolute;left:890px;top:366px;}
 +
#safety1
 +
{position:absolute;left:780px;top:366px;}
 +
#safety2
 +
{position:absolute;left:780px;top:366px;}
 +
#project1
 +
{position:absolute;left:780px;top:141px;}
 +
#project2
 +
{position:absolute;left:780px;top:141px;}
 +
#menubar
 +
{background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
 +
#menubar ul li a
 +
{ color:#8D1919;}
 +
#menubar.right-menu
 +
{background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;}
 +
.right-menu li a
 +
{color:#8D1919;background-color:#EEECEC;}
#p-logo
#p-logo
{visibility:hidden;}
{visibility:hidden;}
Line 17: Line 129:
#footer-box
#footer-box
{display:none}
{display:none}
 +
#kepala
 +
{position:absolute;top:15px;background-color:#F0A5BE;}
 +
#copyright
 +
{position:absolute;left:325px;top:630px;}
#aaa
#aaa
{position:fixed;
{position:fixed;
Line 37: Line 153:
{display:none;}
{display:none;}
}
}
-
 
+
#projectdescription a:link,#projectdescription a:visited
 +
{
 +
position:fixed;
 +
top:300px;
 +
right:-100px;
 +
margin:0;
 +
padding:0;
 +
display:block;
 +
font-weight:bold;
 +
color:#FFFFFF;
 +
background-color:#98bf21;
 +
width:120px;
 +
text-align:center;
 +
padding:4px;
 +
text-decoration:none;
 +
text-transform:uppercase;
 +
}
 +
#projectdescription a:hover,#projectdescription a:active
 +
{
 +
background-color:#7A991A;
 +
}
</style>
</style>
-
 
</head>
</head>
<body>
<body>
-
<div id="blank1" style="background:#EBE9B5;height:330px;width:55%;"><iframe width="550px" height="330px" src="//www.youtube.com/embed/CQEaX3MiDow?rel=0" frameborder="0" allowfullscreen id="video"></iframe></div>
+
<h3><center><div id="kepala" style="height:121px;width:100%;"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;align:middle;"></div></center></h3>
-
<div id="aaa"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/projectdescription">
+
 
-
<p>Click here to<br>see our project<br>description </p>
+
<div id="blank1" style="background:#EBE9B5;height:330px;width:55%;"></div>
-
</a></div>
+
 
 +
<div id="team2" style="background:#ffffff;height:175px;width:22%;"></div>
 +
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST/team><div id="team1" style="background:#e32e51;height:175px;width:22%;"><br>
 +
<center><img src="https://static.igem.org/mediawiki/2013/e/e4/Team2.png" style="height:80px;width:120px;align:middle;"><br><br><img src="https://static.igem.org/mediawiki/2013/0/00/Team0.png" style="height:40px;width:65px;align:middle;"></center></div></a>
 +
<div id="wetlab2" style="background:#ffffff;height:295px;width:22%;"></div>
 +
 
 +
<div id="wetlab1" style="background:#35bb91;height:295px;width:22%;"><a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab><br><br><br><center><img src="https://static.igem.org/mediawiki/2013/1/17/Wetlab2.png" style="height:120px;width:90px;"><br><br><br><img src="https://static.igem.org/mediawiki/2013/1/18/Wetlab0.png" style="height:50px;width:100px;"></center></a></div>
 +
 
 +
<div id="achieve2" style="background:#ffffff;height:140px;width:22%;"></div>
 +
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Achievement><div id="achieve1" style="background:#e32e51;height:140px;width:22%;"><center><img src="https://static.igem.org/mediawiki/2013/1/1e/Achievement2.png" style="height:60px;width:40px;"><img src="https://static.igem.org/mediawiki/2013/e/e3/Achievement0.png" style="height:40px;width:50px;align:middle;"></center>
 +
</div></a>
 +
<div id="hp2" style="background:#ffffff;height:140px;width:43.1%;">
 +
</div>
 +
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST/hp><div id="hp1" style="background:#35bb91;height:140px;width:43.1%;"><center><br><img src="https://static.igem.org/mediawiki/2013/5/55/Hp2.png" style="height:60px;width:40px;"><img src="https://static.igem.org/mediawiki/2013/4/4c/Hp0.png" style="height:40px;width:60px;">
 +
</center>
 +
</div></a>
 +
<div id="parts2" style="background:#ffffff;height:250px;width:11%;"></div>
 +
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Parts><div id="parts1" style="background:#b9b2a0;height:250px;width:11%;"><br><br><br><br><center><img src="https://static.igem.org/mediawiki/2013/e/e6/Parts2.png" style="height:100px;width:60px;align:middle;"><br><img src="https://static.igem.org/mediawiki/2013/a/a6/Parts0.png" style="height:30px;width:50px;align:middle;"></a>
 +
</div></a>
 +
<div id="safety2" style="background:#ffffff;height:105px;width:10.5%;"></div>
 +
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Safety><div id="safety1" style="background:#e32e51;height:105px;width:10.5%;"><center><img src="https://static.igem.org/mediawiki/2013/6/67/Safety2.png" style="height:40px;width:40px;align:middle;"><br><br><br><img src="https://static.igem.org/mediawiki/2013/0/07/Safety0.png" style="height:40px;width:50px;align:middle;"></center>
 +
</div></a>
 +
<div id="project2" style="background:#ffffff;height:220px;width:22%;">
 +
</div>
 +
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Project><div id="project1" style="background:#35bb91;height:220px;width:22%;"><br>
 +
<center><br><img src="https://static.igem.org/mediawiki/2013/f/f9/Project2.png" style="height:100px;width:50px;align:middle;"><br><img src="https://static.igem.org/mediawiki/2013/2/28/Projects0.png" style="height:40px;width:60px;align:middle;"></center>
 +
</div></a>
 +
<div id="copyright"><center><p style="font-size:14px;font-family:century gothic;font-colour:#ffffff;"> © Copyright HKUST iGEM Team 2013, All Rights Reserved</p></center></div>
 +
<div id="aaa">
 +
<p>Click here to<br>see our project<br>video </p>
 +
<p id="projectdescription"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/projectdescription">
 +
click here to see our project description!</a></p>
 +
</div>
 +
 
</body>
</body>
 +
</html>
</html>

Latest revision as of 15:42, 8 August 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">






















Click here to
see our project
video

click here to see our project description!