Team:Hong Kong HKUST/test6

From 2013.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function...")
 
(6 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
<html>
<html>
<html>
<head>
<head>
Line 6: Line 6:
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function(){
-
   $("#aaa").click(function(){
+
   $("#slideshow").click(function(){
     $("#video").toggle();
     $("#video").toggle();
   });
   });
Line 17: Line 17:
width:560px;
width:560px;
height:315px;
height:315px;
 +
display:none;
}
}
 +
 +
 +
#slideshow
 +
{
 +
position:fixed;
 +
top:300px;
 +
left:10px;
 +
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;
 +
}
 +
#slideshow:hover
 +
{
 +
background-color:#7A991A;
 +
}
 +
 +
 +
#projectdescription a:link,#projectdescription a:visited
 +
{
 +
position:fixed;
 +
top:300px;
 +
right:10px;
 +
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>
Line 25: Line 73:
<iframe src="//www.youtube.com/embed/vwJ6LKIVt5Y?rel=0" frameborder="0" allowfullscreen  id="video"></iframe>
<iframe src="//www.youtube.com/embed/vwJ6LKIVt5Y?rel=0" frameborder="0" allowfullscreen  id="video"></iframe>
<br>
<br>
-
<p id="aaa">
+
<p id="slideshow">
Click here to see our project overview video!
Click here to see our project overview video!
</p>
</p>
 +
<p id="projectdescription"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/projectdescription">
 +
click here to see our project description!</a></p>
</body>
</body>
</html>
</html>

Latest revision as of 13:14, 8 August 2013


Click here to see our project overview video!

click here to see our project description!