Team:UESTC-China/Communication.html
From 2014.igem.org
Zhangmanni (Talk | contribs) |
|||
(36 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 261: | Line 269: | ||
float: left; | float: left; | ||
margin-bottom: 25px; | margin-bottom: 25px; | ||
+ | background-color:#FFFFFF; | ||
+ | width:1215px; | ||
+ | height:1850px; | ||
} | } | ||
.middle-photo-each{ | .middle-photo-each{ | ||
Line 297: | Line 308: | ||
} | } | ||
#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 339: | ||
} | } | ||
- | |||
- | |||
- | # | + | #all{position:absolute; left:0px; top:280px; height:1850px; 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:409px; | ||
+ | width:1214px; | ||
+ | background-color: #FFFFFF; | ||
+ | top:81px; | ||
+ | position:absolute;} | ||
+ | |||
+ | #text0 { height:351px; | ||
+ | |||
+ | width:538px; | ||
+ | |||
+ | margin-top:50px; | ||
+ | |||
+ | margin-left:350px; | ||
+ | |||
+ | position:absolute; | ||
+ | |||
+ | color: #000000; | ||
+ | |||
+ | left: 292px; | ||
+ | |||
+ | top: -27px; | ||
+ | font-size: 23px; | ||
+ | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | . | + | .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:0px; | ||
+ | |||
+ | margin-left:600px; | ||
+ | |||
position:absolute; | position:absolute; | ||
- | color: # | + | |
- | left: | + | color: #000000; |
- | top: | + | |
- | font-family: | + | left: 22px; |
+ | |||
+ | top: 70px; | ||
+ | font-size: 23px; | ||
+ | font-family:calibri, arial, helvetica, sans-serif; text-align:justify; | ||
+ | |||
} | } | ||
+ | .middle { height:444px; 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: 320px; | height: 320px; | ||
+ | |||
} | } | ||
+ | |||
#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:451px; | ||
+ | |||
position:absolute; | position:absolute; | ||
- | left:0px; | + | |
+ | left: 0px; | ||
+ | |||
+ | background-color:#FFFFFF; | ||
+ | |||
} | } | ||
+ | |||
#middle2 { | #middle2 { | ||
- | top: | + | |
+ | top:866px; | ||
+ | |||
position: absolute; | position: absolute; | ||
+ | |||
left: 0px; | left: 0px; | ||
+ | background-color:#FFFFFF; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | + | #middle3 { | |
- | + | top:1283px; | |
- | + | position:absolute; | |
- | + | left:0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | background-color:#FFFFFF; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="total-wrap"> | ||
+ | <div id="header"> | ||
+ | <div id="emp"> | ||
+ | <div id='logo'><a href="https://igem.org"><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/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> | ||
+ | <a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a> | ||
- | + | </ul> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | <div class="top-menu-each"> | |
- | + | <div class="arrow"></div> | |
- | + | <p>Modeling</p> | |
- | + | <div class="top-menu-sub"> | |
- | + | <ul> | |
- | + | <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</li></a> | |
- | + | ||
- | + | </ul> | |
- | + | </div> | |
- | + | ||
- | + | ||
</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/BioBrick"> | |
- | + | <li>BioBrick</li> | |
- | + | </a> <a href="https://2014.igem.org/Team:UESTC-China/Protocol"> | |
- | + | <li>Protocol</li> | |
- | + | </a> | |
- | + | </ul> | |
- | + | </div> | |
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | <div class="top-menu-each"> | |
- | + | <div class="arrow"></div> | |
- | </ | + | <p>Human Practice</p> |
- | <div | + | <div class="top-menu-sub"> |
- | + | <ul> | |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"> | |
- | + | <li>Questionnaire</li> | |
- | + | </a> | |
- | <div class=" | + | <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/Communication.html"> | |
- | + | <li>Communication</li> | |
+ | <a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a> | ||
+ | </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>Communication</b></p> | |
- | + | <div id="content0" > | |
- | + | <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/4/47/Chuanda1.jpg" width="556" height="319" /> </div> | |
- | + | <div id="text0"> | |
- | + | <p >On July 25th 2014, the iGEM team SCU-China from Sichuan University went to our school and communicate with us. We exchanged our project with them. We led them to our lab, talking about the school life in school respectively. The number of people from SCU was 6, and at the end of the activity we gathered to have a lunch.</p> | |
- | + | </div> | |
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | <div id="middle1" class="middle" > | |
- | + | <div class="head" > | |
- | + | <p align="center" class="headword0"><b>Communication</b></p> | |
- | + | <div class="content" > | |
- | + | <div class="picture1"> <img src="https://static.igem.org/mediawiki/2014/6/61/Chuanda2.jpg" width="556" height="319" /> </div> | |
- | + | <div class="text1"> | |
- | + | <p >We sat together to chat, and briefly talk about our project and experimental schedule. The students from SCU were astonished that we chose plant as our target organism, because the lifecycle of plant is a little bit long and that was also why they chose microorganism as the targeted object.</p> | |
- | + | </div> | |
- | + | </div> | |
+ | </div> | ||
+ | </div> | ||
+ | <div id="middle2" class="middle" > | ||
+ | <div class="head" > | ||
+ | <p align="center" class="headword"><b>Visit our lab</b></p> | ||
+ | <div class="content" > | ||
+ | <div class="picture1"><img src="https://static.igem.org/mediawiki/2014/f/f7/Chuanda3.jpg" width="533" height="315"/></div> | ||
+ | <div class="text1"> | ||
+ | <p >After a small talk, we led them to our culture room where we placed our transgenic tobacco. We introduced the transgenic tobacco to them, and briefly gave an account of the experimental schedule of our project. We all felt a little bit nervous whether we could finish our project in time at the end of September.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="middle3" class="middle" > | ||
+ | <div class="head" > | ||
- | + | <div class="content" > | |
- | <div | + | <div class="picture2"><img src="https://static.igem.org/mediawiki/2014/f/f2/Chuanda4.jpg" width="533" height="315"/></div> |
- | < | + | <div class="text2"> |
- | <div class=" | + | <p >One member of SCU iGEM team was introducing their project after listening to our project. They said they were astonished by the desire of us to use plant as experimental materials. And they expressed their views on our experiments.</p> |
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </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 963: | Line 798: | ||
</script> | </script> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:43, 18 October 2014
Communication
On July 25th 2014, the iGEM team SCU-China from Sichuan University went to our school and communicate with us. We exchanged our project with them. We led them to our lab, talking about the school life in school respectively. The number of people from SCU was 6, and at the end of the activity we gathered to have a lunch.
Communication
We sat together to chat, and briefly talk about our project and experimental schedule. The students from SCU were astonished that we chose plant as our target organism, because the lifecycle of plant is a little bit long and that was also why they chose microorganism as the targeted object.
Visit our lab
After a small talk, we led them to our culture room where we placed our transgenic tobacco. We introduced the transgenic tobacco to them, and briefly gave an account of the experimental schedule of our project. We all felt a little bit nervous whether we could finish our project in time at the end of September.
One member of SCU iGEM team was introducing their project after listening to our project. They said they were astonished by the desire of us to use plant as experimental materials. And they expressed their views on our experiments.