"
Team:UESTC-China/Lecture.html
From 2014.igem.org
(Difference between revisions)
Zhangmanni (Talk | contribs) |
|||
| Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | ||
| - | |||
<head> | <head> | ||
| - | + | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | |
| - | + | <title>UESTC-China</title> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
<style> | <style> | ||
| Line 328: | Line 322: | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
#all{position:absolute; left:0px; top:300px; height:2300px; width:1180px; padding:60px 0px 0px 30px;} | #all{position:absolute; left:0px; top:300px; height:2300px; width:1180px; padding:60px 0px 0px 30px;} | ||
| - | + | .headword0{position:relative; left:0px; | |
| - | + | background-color:#1f8a70; | |
| - | + | height:40px; line-height:40px; font-size:24px; | |
| - | + | font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; | |
| - | + | width: 256px; | |
| - | + | left: 30px; | |
| - | + | margin-top:30px;} | |
| - | + | .headword{position:relative; left:0px; | |
| - | + | background-color:#1f8a70; | |
| - | + | height:40px; line-height:40px; font-size:24px; font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; | |
| - | + | width: 500px; | |
| - | + | left: 30px; | |
| - | + | margin-top:30px;} | |
| - | + | ||
| - | + | /*xxx-0 is the first section's css*/ | |
| - | + | #head0 {height:40px; width:1200px;} | |
| - | + | ||
| - | + | #content0 { height:463px; | |
| - | + | width:1214px; | |
| - | + | background-color: #FFFFFF; | |
| - | + | top:81px; | |
| - | + | position:absolute;} | |
| - | + | ||
| - | + | #text0 { height:402px; | |
| - | + | ||
| - | + | width:569px; | |
| - | + | ||
| - | + | margin-top:30px; | |
| - | + | ||
| - | + | margin-left:350px; | |
| - | + | ||
| - | + | position:absolute; | |
| - | + | ||
| - | + | color: #000000; | |
| - | + | ||
| - | + | left: 261px; | |
| - | + | ||
| - | + | top: -27px; | |
| - | + | font-size: 23px; | |
| - | + | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | font-size: | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| - | . | + | .text1 { |
| - | + | ||
| - | + | height:305px; | |
| - | position:absolute; | + | |
| + | width:503px; | ||
| + | |||
| + | margin-left:40px; | ||
| + | |||
| + | color: #000000; | ||
| + | |||
| + | position:absolute; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
margin-top:40px; | margin-top:40px; | ||
| - | margin-left: | + | |
| + | left: -10px; | ||
| + | |||
| + | top: 107px; | ||
| + | |||
| + | font-size: 23px; | ||
| + | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | ||
| + | |||
| + | } | ||
| + | .text2 { | ||
| + | |||
| + | height:335px; | ||
| + | |||
| + | width:554px; | ||
| + | |||
| + | margin-top:30px; | ||
| + | |||
| + | margin-left:600px; | ||
| + | |||
position:absolute; | position:absolute; | ||
| - | color: # | + | |
| - | left: | + | color: #000000; |
| - | top: | + | |
| - | font-family: | + | left: 22px; |
| + | |||
| + | top: 104px; | ||
| + | font-size: 23px; | ||
| + | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | ||
| + | |||
} | } | ||
| + | .middle { height:557px; width:1214px; background-color: #1bbc9b;} | ||
| + | |||
| + | .head { height:60px; width:1200px; float:left; margin-top:15px;} | ||
| + | |||
| + | .content { height:380px; width:1214px; background-color: #FFFFFF; margin-top:30px;} | ||
| + | |||
.picture1 { | .picture1 { | ||
| + | |||
margin-top:35px; | margin-top:35px; | ||
| + | |||
margin-left:600px; | margin-left:600px; | ||
| + | |||
position:absolute; | position:absolute; | ||
| + | |||
} | } | ||
| + | |||
.picture2 { | .picture2 { | ||
margin-top:35px; | margin-top:35px; | ||
margin-left:30px; | margin-left:30px; | ||
position:absolute; | position:absolute; | ||
| - | height: | + | height: 315px; |
| + | width: 533px; | ||
| + | left: 1px; | ||
} | } | ||
| + | |||
#middle0 { | #middle0 { | ||
| + | |||
position:absolute; | position:absolute; | ||
| + | |||
height:500px; | height:500px; | ||
| + | |||
width:1214px; | width:1214px; | ||
| - | + | ||
left: 0px; | left: 0px; | ||
| + | |||
top: 0px; | top: 0px; | ||
| + | background-color:#FFFFFF; | ||
| + | |||
} | } | ||
| + | |||
| + | |||
#middle1 { | #middle1 { | ||
| - | top: | + | |
| + | top:515px; | ||
| + | |||
position:absolute; | position:absolute; | ||
| - | left: | + | |
| + | left: 1px; | ||
| + | |||
| + | background-color:#FFFFFF; | ||
| + | |||
} | } | ||
| + | |||
#middle2 { | #middle2 { | ||
| - | top: | + | |
| + | top:1072px; | ||
| + | |||
position: absolute; | position: absolute; | ||
| + | |||
left: 0px; | left: 0px; | ||
| + | background-color:#FFFFFF; | ||
| + | |||
} | } | ||
| + | |||
#middle3 { | #middle3 { | ||
| - | + | ||
| - | + | top:1549px; | |
| + | position:absolute; | ||
| + | left:0px; | ||
| + | |||
| + | background-color:#FFFFFF; | ||
| + | |||
| + | |||
| + | } | ||
| + | |||
| + | #middle4 { | ||
| + | |||
| + | top:2010px; | ||
| + | |||
position:absolute; | position:absolute; | ||
| + | |||
left:0px; | left:0px; | ||
| + | background-color:#FFFFFF; | ||
| + | |||
| + | |||
} | } | ||
| - | # | + | |
| - | top: | + | #middle5 { |
| + | |||
| + | top:2471px; | ||
| + | |||
position:absolute; | position:absolute; | ||
| + | |||
left:0px; | left:0px; | ||
| + | |||
| + | background-color:#FFFFFF; | ||
| + | |||
} | } | ||
| - | + | #middle6 { | |
| - | + | ||
| - | + | top:2932px; | |
| - | + | ||
| - | + | ||
position:absolute; | position:absolute; | ||
| - | + | ||
| - | + | left:0px; | |
| - | + | ||
| - | + | background-color:#FFFFFF; | |
| + | |||
| + | |||
} | } | ||
| - | + | ||
| - | + | #middle7 { | |
| - | + | ||
| - | + | top:3394px; | |
| - | + | ||
position:absolute; | position:absolute; | ||
| - | + | ||
| - | + | left:0px; | |
| - | + | background-color:#FFFFFF; | |
| - | + | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| + | #middle8 { | ||
| - | + | top:2000px; | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| + | position:absolute; | ||
| - | + | left: 0px; | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | background-color:#FFFFFF; | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | </div> | + | |
| + | |||
| + | </style> | ||
| + | </head> | ||
| + | <body> | ||
| + | <div id="total-wrap"> | ||
| + | <div id="header"> | ||
| + | <div id="emp"> | ||
| + | <div id='logo'><a href="https://igem.org"></a></div> | ||
</div> | </div> | ||
| - | + | <div id="top-menu"> | |
| - | < | + | <div class="top-menu-each"> <a href="https://2014.igem.org/Team:UESTC-China"> |
| - | + | <p>Home</p> | |
| - | + | </a> </div> | |
| - | + | <div class="top-menu-each"> | |
| - | + | <div class="arrow"></div> | |
| - | + | <p>Team</p> | |
| - | + | <div class="top-menu-sub"> | |
| - | + | <ul> | |
| - | + | <a href="https://2014.igem.org/Team:UESTC-China/Team"> | |
| - | + | <li>Members</li> | |
| - | + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Attribution"> | |
| - | + | <li>Attribution</li> | |
| + | </a> <a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"> | ||
| + | <li>Team Profile</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Notebook"> | ||
| + | <li>Notebook</li> | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
</div> | </div> | ||
| - | + | <div class="top-menu-each"> | |
| - | + | <div class="arrow"></div> | |
| - | </ | + | <p>Project</p> |
| - | <div | + | <div class="top-menu-sub"> |
| - | + | <ul> | |
| - | + | <a href="https://2014.igem.org/Team:UESTC-China/Project"> | |
| - | + | <li>Overview</li> | |
| - | + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Design"> | |
| - | + | <li>Design</li> | |
| - | + | </a> <a href="https://2014.igem.org/Team:UESTC-China/result"> | |
| - | + | <li>Result</li> | |
| - | + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Futurework"> | |
| - | + | <li>Future work</li> | |
| - | + | </a> | |
| + | </ul> | ||
| + | </div> | ||
</div> | </div> | ||
| - | + | <div class="top-menu-each"> | |
| - | + | <div class="arrow"></div> | |
| - | </ | + | <p>Modeling</p> |
| - | <div | + | <div class="top-menu-sub"> |
| - | + | <ul> | |
| - | + | <a href="https://2014.igem.org/Team:UESTC-China/Modeling"> | |
| - | + | <li>Modeling</li> | |
| - | + | </a> | |
| - | <div class=" | + | </ul> |
| - | + | </div> | |
| - | + | </div> | |
| - | + | <div class="top-menu-each"> | |
| - | + | <div class="arrow"></div> | |
| - | + | <p>Parts</p> | |
| + | <div class="top-menu-sub"> | ||
| + | <ul> | ||
| + | <a href="https://2014.igem.org/Team:UESTC-China/Material"> | ||
| + | <li>BioBrick</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Protocol"> | ||
| + | <li>Protocol</li> | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="top-menu-each"> | ||
| + | <div class="arrow"></div> | ||
| + | <p>Human Practice</p> | ||
| + | <div class="top-menu-sub"> | ||
| + | <ul> | ||
| + | <a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"> | ||
| + | <li>Knowledge quiz</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"> | ||
| + | <li>Lecture</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Communication.html"> | ||
| + | <li>Communication</li> | ||
| + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"> | ||
| + | <li>Questionnaire</li> | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="top-menu-each"> | ||
| + | <div class="arrow"></div> | ||
| + | <p>Safety</p> | ||
| + | <div class="top-menu-sub"> | ||
| + | <ul> | ||
| + | <a href="https://2014.igem.org/Team:UESTC-China/Safety"> | ||
| + | <li>Safety</li> | ||
| + | </a> | ||
| + | </ul> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| - | < | + | <div id="middle-photo"> |
| - | <div id=" | + | <div class="middle-photo-each"> |
| - | + | <div id="all"> | |
| - | + | <div id="middle0"> | |
| - | + | <div id="head0" > | |
| - | + | <p align="center" class="headword0"><b>Overview</b></p> | |
| - | + | <div id="content0" > | |
| - | + | <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/c/c6/Qz2.jpg" width="533" height="315" /> </div> | |
| - | + | <div id="text0"> | |
| - | + | <p > On April 29th, iGEM team UESTC-China went into the Seventh Middle School of ChengDu to disseminate iGEM competition and introduce the subject of our team to them, at the same time, we resolve the qualms the senior high school students have about the synthetic biology. Meantime, they ask questions actively and denote their interest in iGEM.</p> | |
| - | + | </div> | |
| - | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| - | + | <div id="middle1" class="middle" > | |
| - | + | <div class="head" > | |
| - | + | <p align="center" class="headword0"><b>teammate gives a speech.</b></p> | |
| - | + | <div class="content" > | |
| - | + | <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/5/50/Qz1.jpg "width="556" height="319" /> </div> | |
| - | + | <div class="text1"> | |
| - | + | <p > This is the picture our teammate ZhiQiang Yan who is giving a speech to the senior high school students of Seventh Middle High School. On the screen you can see the introduction of iGEM. And our teammate is full of energy when giving the speech. | |
| - | + | </p> | |
| - | + | </div> | |
| - | + | </div> | |
| - | + | </div> | |
| - | <div style="display: none;" id="rocket-to-top"> | + | </div> |
| - | <div style="opacity:0;display: block;" class="level-2"></div> | + | <div id="middle2" class="middle" > |
| - | <div class="level-3"></div> | + | <div class="head" > |
| + | <p align="center" class="headword"><b>The situation in the lobby.</b></p> | ||
| + | <div class="content" > | ||
| + | <div class="picture2"><img src="https://static.igem.org/mediawiki/2014/e/e5/Qz3.jpg" width="533" height="315"/></div> | ||
| + | <div class="text2"> | ||
| + | <p > Students reposing on the seats are all concentrating on the screen and the speech. The number of students who attend our lecture nearly approach to a thousand. They also ask questions actively. You can see some people take notes. All the phenomena denote that they are interested in iGEM.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div id="middle3" class="middle" > | ||
| + | <div class="head" > | ||
| + | <p align="center" class="headword"><b>After the speech</b></p> | ||
| + | <div class="content" > | ||
| + | <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/f/fe/Qz4.jpg" width="556" height="319" /> </div> | ||
| + | <div class="text1"> | ||
| + | <p > students did not leave immediately. They surrounded our team leader to ask him more about iGEM and what we were going to do. They thought highly of iGEM as well as our project. They believed that there must be a great perspective in the future</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div id="middle8" class="middle" > | ||
| + | <div class="head" > | ||
| + | <p align="center" class="headword"><b>At the end of this lecture.</b></p> | ||
| + | <div class="content" > | ||
| + | <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/0/00/Qz5.jpg" width="534" height="317" /> </div> | ||
| + | <div class="text2"> | ||
| + | <p > In this picture our teammates took a group photo to mark the occasion. We wore our team costume as a symbol of our team. We can see the sweet smile on the senior high school students' faces. To summarize this activity into one sentence, it will be 'Let iGEM be part of our community'.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | <div class="middle-photo-each"> | ||
| + | <div class="middle-content" style="height: 0;"></div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div style="display: none;" id="rocket-to-top"> | ||
| + | <div style="opacity:0;display: block;" class="level-2"></div> | ||
| + | <div class="level-3"></div> | ||
| + | </div> | ||
</div> | </div> | ||
| - | |||
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 965: | Line 853: | ||
</script> | </script> | ||
| - | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 10:04, 27 September 2014
Overview
On April 29th, iGEM team UESTC-China went into the Seventh Middle School of ChengDu to disseminate iGEM competition and introduce the subject of our team to them, at the same time, we resolve the qualms the senior high school students have about the synthetic biology. Meantime, they ask questions actively and denote their interest in iGEM.
teammate gives a speech.
This is the picture our teammate ZhiQiang Yan who is giving a speech to the senior high school students of Seventh Middle High School. On the screen you can see the introduction of iGEM. And our teammate is full of energy when giving the speech.
The situation in the lobby.
Students reposing on the seats are all concentrating on the screen and the speech. The number of students who attend our lecture nearly approach to a thousand. They also ask questions actively. You can see some people take notes. All the phenomena denote that they are interested in iGEM.
After the speech
students did not leave immediately. They surrounded our team leader to ask him more about iGEM and what we were going to do. They thought highly of iGEM as well as our project. They believed that there must be a great perspective in the future
At the end of this lecture.
In this picture our teammates took a group photo to mark the occasion. We wore our team costume as a symbol of our team. We can see the sweet smile on the senior high school students' faces. To summarize this activity into one sentence, it will be 'Let iGEM be part of our community'.
