Team:Hong Kong HKUST/hp/video

From 2013.igem.org

(Difference between revisions)
 
(15 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,#presentation,#article, #interview1, #presentation1,#article1
+
#interview, #article, #interview1, #presentation1,#article1
-
{margin-top:20px;width:45%;margin-right:20px;float:left;height:auto; border:2px solid;
+
{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
-
{margin-left:25px;background:#e32e51;}
+
{background:#e32e51;}
#interview1
#interview1
-
{margin-left:25px;background:#35bb91;}
 
-
#presentation,#article1
 
{background:#35bb91;}
{background:#35bb91;}
 +
#presentation,#article1
 +
{background:#35bb91;margin-left:20px;}
#article,#presentation1
#article,#presentation1
{background:#000000;}
{background:#000000;}
Line 142: Line 148:
#art-desc-text,#pre-desc-text,#int-desc-text{float:right;}
#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:36px;}
+
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/modelling">Modeling</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>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/future">Future Work</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/interview">Interviews</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/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 205: Line 233:
</div>
</div>
-
<br><br><br><div id="slide"><h3 class="title">Videos</h3>
+
<br><br><br><div id="slide"><center><h3 class="title">Videos</h3></center>
</div>
</div>
-
<div id="interview"><h3 class="title">Intro to Synthetic Biology</h3><br><iframe width="420" height="315" src="//www.youtube.com/embed/j2d3tTKGdO4?rel=0" frameborder="0" allowfullscreen></iframe>
+
<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>
-
<div id="presentation"><h3 class="title" >Issues of Synthetic Biology</h3><iframe width="420" height="315" src="//www.youtube.com/embed/ja25gqeoXcI?rel=0" frameborder="0" allowfullscreen></iframe></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>
</body>
</body>
</html>
</html>

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.