Team:Hong Kong HKUST/hp/video
From 2013.igem.org
(Difference between revisions)
(Created page with "<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(){ $("ul.first...") |
|||
(16 intermediate revisions not shown) | |||
Line 57: | Line 57: | ||
#copyright | #copyright | ||
{position:absolute;left:325px;top:630px;} | {position:absolute;left:325px;top:630px;} | ||
+ | h3,h1,#yo{margin-left:10px;font-family:"Trebuchet MS", Helvetica, sans-serif;} | ||
+ | h1{font-size:35px;} | ||
+ | |||
.menu ul,li | .menu ul,li | ||
{ | { | ||
Line 114: | Line 117: | ||
top:141px; | top:141px; | ||
width:100%; | width:100%; | ||
+ | z-index:1; | ||
} | } | ||
ul, ol { | ul, ol { | ||
Line 127: | Line 131: | ||
background-color:#b0e0e6; | background-color:#b0e0e6; | ||
} | } | ||
- | #interview | + | #interview, #article, #interview1, #presentation1,#article1 |
- | {margin-top:20px;width: | + | {margin-top:20px;width:48%;float:left;height:auto; border:2px solid; |
- | border-radius:15px;font-family:"Trebuchet MS", Helvetica, sans-serif;} | + | border-radius:15px;font-family:"Trebuchet MS", Helvetica, sans-serif;padding-bottom:15px;} |
+ | #presentation{margin-top:20px;width:48%;float:right;height:auto; border:2px solid; | ||
+ | border-radius:15px;font-family:"Trebuchet MS", Helvetica, sans-serif;padding-bottom:15px;} | ||
#interview | #interview | ||
- | { | + | {background:#e32e51;} |
#interview1 | #interview1 | ||
- | |||
- | |||
{background:#35bb91;} | {background:#35bb91;} | ||
+ | #presentation,#article1 | ||
+ | {background:#35bb91;margin-left:20px;} | ||
#article,#presentation1 | #article,#presentation1 | ||
- | {background:# | + | {background:#000000;} |
#art-desc,#pre-desc,#int-desc{width:50%;float:right;margin-right:8px;} | #art-desc,#pre-desc,#int-desc{width:50%;float:right;margin-right:8px;} | ||
#art-img,#pre-img,#int-img{width:45%;float:left;margin-left:5px;} | #art-img,#pre-img,#int-img{width:45%;float:left;margin-left:5px;} | ||
- | #art-desc-text,#pre-desc-text,#int-desc-text{ | + | #art-desc-text,#pre-desc-text,#int-desc-text{float:right;} |
h3,h1,#yo{margin-left:10px;font-family:"Trebuchet MS", Helvetica, sans-serif;} | h3,h1,#yo{margin-left:10px;font-family:"Trebuchet MS", Helvetica, sans-serif;} | ||
- | + | h3.title{font-size:40px;} | |
+ | h3{font-size:28px;} | ||
+ | #iGEM_Logo{ | ||
+ | width:100px; | ||
+ | height:80px; | ||
+ | position:absolute; | ||
+ | right:10px; | ||
+ | top:60px; | ||
+ | z-index:+15; | ||
+ | } | ||
+ | #hkust_Logo{ | ||
+ | width:60px; | ||
+ | height:80px; | ||
+ | position:absolute; | ||
+ | right:110px; | ||
+ | top:60px; | ||
+ | z-index:+15; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <a href="https://2013.igem.org/Main_Page"><img id="iGEM_Logo" src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png"></a> | ||
+ | |||
+ | |||
+ | <a href="http://www.ust.hk/eng/index.htm"><img id="hkust_Logo" src="https://static.igem.org/mediawiki/2013/5/55/Hkust_logo.gif"></a> | ||
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;"></div></center></a> | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;"></div></center></a> | ||
Line 168: | Line 195: | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li> | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modules">Modules Description</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modules">Modules Description</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/data">Data Page</a></li> | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li> | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li> | ||
- | |||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Result</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Result</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/future">Future Work</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 180: | Line 208: | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">Protocols</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">Protocols</a></li> | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">Safety</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">Safety</a></li> | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 193: | Line 221: | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a> | ||
<ul> | <ul> | ||
- | |||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/cp">Country Profile</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/cp">Country Profile</a></li> | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/blog">Blog</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/blog">Blog</a></li> | ||
- | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/article">Article</a></li> | + | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/interview">Interviews</a></li> |
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/article/genet">Article</a></li> | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/video">Videos</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/video">Videos</a></li> | ||
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/presentation">Presentations</a></li> | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/presentation">Presentations</a></li> | ||
Line 204: | Line 232: | ||
</ul> | </ul> | ||
+ | </div> | ||
+ | <br><br><br><div id="slide"><center><h3 class="title">Videos</h3></center> | ||
+ | </div> | ||
+ | <div id="interview"><center><h3>Intro to Synthetic Biology</h3><iframe width="420" height="315" src="//www.youtube.com/embed/j2d3tTKGdO4?rel=0" frameborder="0" allowfullscreen></iframe></center><br> | ||
+ | <p id="yo"><b>We have made a short story about a bacterium and a jellyfish to help people have a better understanding about basic techniques that are used in synthetic biology.</b></p> | ||
+ | </div> | ||
+ | |||
+ | <div id="presentation"><center><h3>Issues of Synthetic Biology</h3><iframe width="420" height="315" src="//www.youtube.com/embed/ja25gqeoXcI?rel=0" frameborder="0" allowfullscreen></iframe></center><br> | ||
+ | <p id="yo"><b>In this video, our instructor, Professor King Chow, explains some of the issues related to synthetic biology such as bioethics and biosafety.</b></p> <br> | ||
</div> | </div> | ||
Latest revision as of 23:07, 27 September 2013
Videos
Intro to Synthetic Biology
We have made a short story about a bacterium and a jellyfish to help people have a better understanding about basic techniques that are used in synthetic biology.
Issues of Synthetic Biology
In this video, our instructor, Professor King Chow, explains some of the issues related to synthetic biology such as bioethics and biosafety.