Team:UESTC-China/Lecture.html
From 2014.igem.org
(Difference between revisions)
(25 intermediate revisions not shown) | |||
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> | ||
+ | #content { | ||
+ | position: relative; | ||
+ | width: 1215px; | ||
+ | # margin-left: 10px; | ||
+ | margin: 0 auto; | ||
+ | padding: 5px 5px 5px 5px;; | ||
+ | background: white; | ||
+ | color: black; | ||
+ | border-left: 1px solid #444444; | ||
+ | border-right: 1px solid #444444; | ||
+ | line-height: 1.5em; | ||
+ | z-index: 2; | ||
+ | } | ||
Line 53: | Line 60: | ||
#header{ | #header{ | ||
height: 280px; | height: 280px; | ||
- | background-image:url("https://static.igem.org/mediawiki/2014/ | + | background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg"); |
background-position: top center; | background-position: top center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 68: | Line 75: | ||
background-color: #394264; | background-color: #394264; | ||
width: 1195px; | width: 1195px; | ||
+ | height:63px; | ||
} | } | ||
Line 89: | Line 97: | ||
padding-left: 40px; | padding-left: 40px; | ||
line-height: 63px; | line-height: 63px; | ||
+ | height:63px; | ||
} | } | ||
.arrow{ | .arrow{ | ||
Line 297: | Line 306: | ||
} | } | ||
#top{ | #top{ | ||
- | + | background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png'); | |
- | + | width: 65px; | |
- | + | height: 138px; | |
- | + | position: fixed; | |
- | + | top: 70%; | |
- | + | margin-left: 1200px; | |
- | + | cursor: pointer; | |
+ | z-index: 999; | ||
} | } | ||
#logo{ | #logo{ | ||
position: absolute; | position: absolute; | ||
- | |||
width: 154px; | width: 154px; | ||
height: 147px; | height: 147px; | ||
Line 328: | Line 337: | ||
} | } | ||
- | |||
- | |||
- | # | + | #all{position:absolute; left:0px; top:280px; height:2300px; width:1180px; padding:60px 0px 0px 30px;} |
- | + | ||
- | + | .headword0{position:relative; left:0px; | |
- | + | background-color:#1f8a70; | |
- | + | height:45px; line-height:40px; font-size:28px; | |
- | + | font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; | |
- | + | width: 1100px; | |
- | + | left: 30px; | |
- | + | margin-top:30px;} | |
- | + | .headword{position:relative; left:0px; | |
- | + | background-color:#1f8a70; | |
- | + | height:45px; line-height:40px; font-size:28px; font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; | |
- | + | width: 1100px; | |
- | + | 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:50px; | |
- | + | ||
- | + | margin-left:350px; | |
- | + | ||
- | + | position:absolute; | |
- | + | ||
- | + | color: #000000; | |
+ | |||
+ | left: 261px; | ||
+ | |||
+ | top: -27px; | ||
+ | font-size: 23px; | ||
+ | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | ||
+ | |||
} | } | ||
- | + | .text1 { | |
- | # | + | height:305px; |
+ | |||
+ | width:503px; | ||
+ | |||
+ | margin-left:40px; | ||
+ | |||
+ | color: #000000; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | margin-top:40px; | ||
+ | |||
+ | left: -10px; | ||
+ | |||
+ | top: 107px; | ||
+ | |||
+ | font-size: 23px; | ||
+ | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | . | + | .text2 { |
- | + | ||
- | + | height:335px; | |
- | + | ||
+ | width:554px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
margin-top:40px; | margin-top:40px; | ||
- | margin-left: | + | |
+ | 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:425px; | ||
+ | |||
position:absolute; | position:absolute; | ||
- | left: | + | |
+ | left: 1px; | ||
+ | |||
+ | background-color:#FFFFFF; | ||
+ | |||
} | } | ||
+ | |||
#middle2 { | #middle2 { | ||
- | top: | + | |
+ | top:872px; | ||
+ | |||
position: absolute; | position: absolute; | ||
+ | |||
left: 0px; | left: 0px; | ||
+ | background-color:#FFFFFF; | ||
+ | |||
} | } | ||
+ | |||
#middle3 { | #middle3 { | ||
- | + | ||
- | + | top:1349px; | |
+ | position:absolute; | ||
+ | left:0px; | ||
+ | |||
+ | background-color:#FFFFFF; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #middle4 { | ||
+ | |||
+ | top:1910px; | ||
+ | |||
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:1850px; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | left: 0px; | ||
+ | |||
+ | background-color:#FFFFFF; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
- | |||
<body> | <body> | ||
- | + | <div id="total-wrap"> | |
- | + | <div id="header"> | |
- | + | <div id="emp"> | |
- | + | <div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></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 class="top-menu-each"> | |
- | + | <div class="arrow"></div> | |
- | + | <p>Project</p> | |
+ | <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/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/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/result"><li>Result</li></a> | ||
- | <a href="https://2014.igem.org/Team:UESTC-China/Futurework"> | + | <a href="https://2014.igem.org/Team:UESTC-China/Futurework"><li>Future work</li></a> |
- | <li>Future work</li></a> | + | <a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a> |
- | + | </ul> | |
- | + | </div> | |
- | + | </div> | |
<div class="top-menu-each"> | <div class="top-menu-each"> | ||
<div class="arrow"></div> | <div class="arrow"></div> | ||
Line 700: | Line 621: | ||
<div class="top-menu-sub"> | <div class="top-menu-sub"> | ||
<ul> | <ul> | ||
- | <a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li> | + | <a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Overview</li></a> |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a> | |
+ | <a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a> | ||
+ | <a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a> | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 710: | Line 633: | ||
<div class="top-menu-sub"> | <div class="top-menu-sub"> | ||
<ul> | <ul> | ||
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <a href="https://2014.igem.org/Team:UESTC-China/BioBrick"><li>BioBrick</li></a> |
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</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/ | + | <a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a> |
+ | |||
+ | <a href="https://2014.igem.org/Team:UESTC-China/Knowledgequiz"><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/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/Communication.html"><li>Communication</li></a> | ||
- | <a href="https://2014.igem.org/Team:UESTC-China/ | + | <a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</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 id="middle-photo"> | ||
+ | <div class="middle-photo-each"> | ||
+ | <div id="all"> | ||
+ | <div id="middle0"> | ||
+ | <div id="head0" > | ||
+ | <p align="center" class="headword0"><b>Lecture</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 introduced the subject of our project, at the same time, we resolved the qualms senior high school students had about the synthetic biology. Meantime, they asked questions actively and denoted their interest in iGEM.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="middle1" class="middle" > | ||
+ | <div class="head" > | ||
+ | <p align="center" class="headword0"><b>A lecture of iGEM</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 giving a speech to the senior high school students of Seventh Middle High School. On the screen you can see the introduction of iGEM. From the picture, you can also catch that the speaker is full of energy when giving the speech. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="middle2" class="middle" > | ||
+ | <div class="head" > | ||
+ | <p align="center" class="headword"><b>Students 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 were all concentrating on the screen and speech. The number of students who attended our lecture nearly approach to a thousand. They asked questions actively. You could also see some people taking notes from the picture. All the phenomena denoted that they were interested in iGEM.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="middle3" class="middle" > | ||
+ | <div class="head" > | ||
+ | <p align="center" class="headword"><b>After the lecture</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 after the lecture given by ZhiQiang Yan. They surrounded our team leader trying to acquire more details about iGEM and what we were going to do for our project. They thought highly of iGEM as well as our project and wished 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>A picture containing students and our team</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 this occasion. We wore our team costume as a symbol of our team. You can notice the sweet smile on the senior high school students' faces. If it has to summarize this lecture into one sentence, it would be 'Let iGEM be part of our community' as the banner showed.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
</div> | </div> | ||
- | + | <div class="middle-photo-each"> | |
- | + | <div class="middle-content" style="height: 0;"></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | <div style="display: none;" id="rocket-to-top"> | |
- | + | <div style="opacity:0;display: block;" class="level-2"></div> | |
- | <div | + | <div class="level-3"></div> |
- | + | ||
- | <div | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</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 862: | ||
</script> | </script> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:42, 18 October 2014