Team:UESTC-China/Lecture.html

From 2014.igem.org

(Difference between revisions)
 
(26 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" />
+
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
-
<title>UESTC-China</title>
+
<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/a/a3/Newbanner.jpg");
+
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('http://fudanigem.phx-2.ifreeurl.com/img/top.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png');
-
width: 57px;
+
width: 65px;
-
height: 57px;
+
height: 138px;
-
position: fixed;
+
position: fixed;
-
top: 80%;
+
top: 70%;
-
margin-left: 1205px;
+
margin-left: 1200px;
-
cursor: pointer;
+
cursor: pointer;
 +
z-index: 999;
}
}
#logo{
#logo{
position: absolute;
position: absolute;
-
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");
 
width: 154px;
width: 154px;
height: 147px;
height: 147px;
Line 328: Line 337:
}
}
-
/*rocket-to-top*/
 
-
*{list-style:none;border:0;}
 
-
#rocket-to-top div {
+
#all{position:absolute; left:0px; top:280px; height:2300px; width:1180px;  padding:60px 0px 0px 30px;}
-
    left: 0;
+
 
-
    margin: 0;
+
.headword0{position:relative; left:0px;  
-
    overflow: hidden;
+
background-color:#1f8a70;  
-
    padding: 0;
+
height:45px; line-height:40px; font-size:28px;  
-
    position: absolute;
+
font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;
-
    top: 0;
+
width: 1100px;
-
    width: 149px;
+
left: 30px;
-
}
+
margin-top:30px;}
-
#rocket-to-top .level-2 {
+
.headword{position:relative; left:0px;
-
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent;
+
background-color:#1f8a70;  
-
    display: none;
+
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;
-
    height: 250px;
+
width: 1100px;
-
    opacity: 0;
+
left: 30px;
-
    z-index: 1;
+
margin-top:30px;}
-
}
+
 
-
#rocket-to-top .level-3 {
+
/*xxx-0 is the first section's css*/
-
    background: none repeat scroll 0 0 transparent;
+
#head0 {height:40px; width:1200px;}
-
    cursor: pointer;
+
 
-
    display: block;
+
#content0 { height:463px;
-
    height: 150px;
+
width:1214px;
-
    z-index: 2;
+
  background-color: #FFFFFF;  
-
}
+
  top:81px;  
-
#rocket-to-top {
+
  position:absolute;}
-
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent;
+
 
-
    cursor: default;
+
#text0 { height:402px;
-
    display: block;
+
 
-
    height: 250px;
+
width:569px;
-
    margin: -125px 0 0;
+
 
-
    overflow: hidden;
+
margin-top:50px;
-
    padding: 0;
+
 
-
    position: fixed;
+
margin-left:350px;
-
    right: 0;
+
 
-
    top: 80%;
+
position:absolute;
-
    width: 149px;
+
 
-
    z-index: 11;
+
color: #000000;
 +
 
 +
left: 261px;
 +
 
 +
top: -27px;
 +
font-size: 23px;
 +
font-family:calibri, arial, helvetica, sans-serif; text-align:justify;
 +
 
}
}
-
/*rocket-to-top end*/
+
.text1 {
-
#all{position:absolute; left:0px; top:300px; height:2300px; width:1180px; padding:60px 0px 0px 30px;}
+
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;
-
  /* Font Definitions */
 
-
@font-face
 
-
{font-family:宋体;
 
-
panose-1:2 1 6 0 3 1 1 1 1 1;
 
-
mso-font-charset:80;
 
-
mso-generic-font-family:auto;
 
-
mso-font-pitch:variable;
 
-
mso-font-signature:3 680460288 22 0 262145 0;}
 
-
@font-face
 
-
{font-family:宋体;
 
-
panose-1:2 1 6 0 3 1 1 1 1 1;
 
-
mso-font-charset:80;
 
-
mso-generic-font-family:auto;
 
-
mso-font-pitch:variable;
 
-
mso-font-signature:3 680460288 22 0 262145 0;}
 
-
@font-face
 
-
{font-family:"\@宋体";
 
-
panose-1:2 1 6 0 3 1 1 1 1 1;
 
-
mso-font-charset:80;
 
-
mso-generic-font-family:auto;
 
-
mso-font-pitch:variable;
 
-
mso-font-signature:3 680460288 22 0 262145 0;}
 
-
@font-face
 
-
{font-family:Calibri;
 
-
panose-1:2 15 5 2 2 2 4 3 2 4;
 
-
mso-font-charset:0;
 
-
mso-generic-font-family:auto;
 
-
mso-font-pitch:variable;
 
-
mso-font-signature:-520092929 1073786111 9 0 415 0;}
 
-
@font-face
 
-
{font-family:"Heiti SC Light";
 
-
panose-1:2 0 0 0 0 0 0 0 0 0;
 
-
mso-font-charset:80;
 
-
mso-generic-font-family:auto;
 
-
mso-font-pitch:variable;
 
-
mso-font-signature:-2147483601 135135306 16 0 262144 0;}
 
-
@font-face
 
-
{font-family:"\@Heiti SC Light";
 
-
panose-1:2 0 0 0 0 0 0 0 0 0;
 
-
mso-font-charset:80;
 
-
mso-generic-font-family:auto;
 
-
mso-font-pitch:variable;
 
-
mso-font-signature:-2147483601 135135306 16 0 262144 0;}
 
-
/* Style Definitions */
 
-
p.MsoNormal, li.MsoNormal, div.MsoNormal
 
-
{mso-style-unhide:no;
 
-
mso-style-qformat:yes;
 
-
mso-style-parent:"";
 
-
margin:0cm;
 
-
margin-bottom:.0001pt;
 
-
text-align:justify;
 
-
text-justify:inter-ideograph;
 
-
mso-pagination:none;
 
-
font-size:10.5pt;
 
-
mso-bidi-font-size:11.0pt;
 
-
font-family:Calibri;
 
-
mso-ascii-font-family:Calibri;
 
-
mso-ascii-theme-font:minor-latin;
 
-
mso-fareast-font-family:宋体;
 
-
mso-fareast-theme-font:minor-fareast;
 
-
mso-hansi-font-family:Calibri;
 
-
mso-hansi-theme-font:minor-latin;
 
-
mso-bidi-font-family:"Times New Roman";
 
-
mso-bidi-theme-font:minor-bidi;
 
-
mso-font-kerning:1.0pt;}
 
-
p.MsoHeader, li.MsoHeader, div.MsoHeader
 
-
{mso-style-priority:99;
 
-
mso-style-link:页眉字符;
 
-
margin:0cm;
 
-
margin-bottom:.0001pt;
 
-
text-align:center;
 
-
mso-pagination:none;
 
-
tab-stops:center 207.65pt right 415.3pt;
 
-
layout-grid-mode:char;
 
-
border:none;
 
-
mso-border-bottom-alt:solid windowtext .75pt;
 
-
padding:0cm;
 
-
mso-padding-alt:0cm 0cm 1.0pt 0cm;
 
-
font-size:9.0pt;
 
-
font-family:Calibri;
 
-
mso-ascii-font-family:Calibri;
 
-
mso-ascii-theme-font:minor-latin;
 
-
mso-fareast-font-family:宋体;
 
-
mso-fareast-theme-font:minor-fareast;
 
-
mso-hansi-font-family:Calibri;
 
-
mso-hansi-theme-font:minor-latin;
 
-
mso-bidi-font-family:"Times New Roman";
 
-
mso-bidi-theme-font:minor-bidi;
 
-
mso-font-kerning:1.0pt;}
 
-
p.MsoFooter, li.MsoFooter, div.MsoFooter
 
-
{mso-style-priority:99;
 
-
mso-style-link:页脚字符;
 
-
margin:0cm;
 
-
margin-bottom:.0001pt;
 
-
mso-pagination:none;
 
-
tab-stops:center 207.65pt right 415.3pt;
 
-
layout-grid-mode:char;
 
-
font-size:9.0pt;
 
-
font-family:Calibri;
 
-
mso-ascii-font-family:Calibri;
 
-
mso-ascii-theme-font:minor-latin;
 
-
mso-fareast-font-family:宋体;
 
-
mso-fareast-theme-font:minor-fareast;
 
-
mso-hansi-font-family:Calibri;
 
-
mso-hansi-theme-font:minor-latin;
 
-
mso-bidi-font-family:"Times New Roman";
 
-
mso-bidi-theme-font:minor-bidi;
 
-
mso-font-kerning:1.0pt;}
 
-
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
 
-
{mso-style-noshow:yes;
 
-
mso-style-priority:99;
 
-
mso-style-link:批注框文本字符;
 
-
margin:0cm;
 
-
margin-bottom:.0001pt;
 
-
text-align:justify;
 
-
text-justify:inter-ideograph;
 
-
mso-pagination:none;
 
-
font-size:9.0pt;
 
-
font-family:"Heiti SC Light";
 
-
mso-hansi-font-family:Calibri;
 
-
mso-hansi-theme-font:minor-latin;
 
-
mso-bidi-font-family:"Times New Roman";
 
-
mso-bidi-theme-font:minor-bidi;
 
-
mso-font-kerning:1.0pt;}
 
-
span.a
 
-
{mso-style-name:页眉字符;
 
-
mso-style-priority:99;
 
-
mso-style-unhide:no;
 
-
mso-style-locked:yes;
 
-
mso-style-link:页眉;
 
-
mso-ansi-font-size:9.0pt;
 
-
mso-bidi-font-size:9.0pt;}
 
-
span.a0
 
-
{mso-style-name:页脚字符;
 
-
mso-style-priority:99;
 
-
mso-style-unhide:no;
 
-
mso-style-locked:yes;
 
-
mso-style-link:页脚;
 
-
mso-ansi-font-size:9.0pt;
 
-
mso-bidi-font-size:9.0pt;}
 
-
span.a1
 
-
{mso-style-name:批注框文本字符;
 
-
mso-style-noshow:yes;
 
-
mso-style-priority:99;
 
-
mso-style-unhide:no;
 
-
mso-style-locked:yes;
 
-
mso-style-link:批注框文本;
 
-
mso-ansi-font-size:9.0pt;
 
-
mso-bidi-font-size:9.0pt;
 
-
font-family:"Heiti SC Light";
 
-
mso-ascii-font-family:"Heiti SC Light";
 
-
mso-fareast-font-family:"Heiti SC Light";}
 
-
span.SpellE
 
-
{mso-style-name:"";
 
-
mso-spl-e:yes;}
 
-
span.GramE
 
-
{mso-style-name:"";
 
-
mso-gram-e:yes;}
 
-
.MsoChpDefault
 
-
{mso-style-type:export-only;
 
-
mso-default-props:yes;
 
-
font-size:10.5pt;
 
-
mso-ansi-font-size:10.5pt;
 
-
mso-bidi-font-size:11.0pt;
 
-
font-family:Calibri;
 
-
mso-bidi-font-family:"Times New Roman";
 
-
mso-bidi-theme-font:minor-bidi;}
 
-
/* Page Definitions */
 
-
@page
 
-
{mso-page-border-surround-header:no;
 
-
mso-page-border-surround-footer:no;
 
-
mso-footnote-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") fs;
 
-
mso-footnote-continuation-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") fcs;
 
-
mso-endnote-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") es;
 
-
mso-endnote-continuation-separator:url(":http://new87.guangstreet.com/img/outreach.files:header.htm") ecs;}
 
-
@page WordSection1
 
-
{size:841.95pt 42.0cm;
 
-
mso-header-margin:42.55pt;
 
-
mso-footer-margin:49.6pt;
 
-
mso-paper-source:0;
 
-
layout-grid:15.6pt;
 
-
}
 
-
div.WordSection1
 
-
{page:WordSection1;}
 
-
.STYLE3 {
 
-
font-size: 14pt;
 
-
font-weight: bold;
 
-
font-family: "Times New Roman", Times, serif;
 
}
}
-
.STYLE4 {font-weight: bold}
+
.text2 {
-
#overview-word {margin-left:130px;
+
 
-
margin-right:130px;
+
height:335px;
-
position:absolute;}
+
 
 +
width:554px;
-
.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: #99FF99; margin-top:30px;}
 
-
.headword { font-size:25px; margin-top:10px; font-family:helveticalmd,Microsoft Yahei; color: #ffffff;text-align:center; }
 
-
#head0 {height:60px; width:1200px;margin-top:15px;}
 
-
#content0 { height:423px; width:1214px; background-color: #99FF99; top:100px; position:absolute;}
 
-
#headword0 { font-size:45px; margin-top:10px; font-family:helveticalmd,Microsoft Yahei; color: #ffffff;text-align:center; }
 
-
#text0 { height:332px;
 
-
width:473px;
 
margin-top:40px;
margin-top:40px;
-
margin-left:350px;
+
 
 +
margin-left:600px;
 +
 
position:absolute;
position:absolute;
-
color: #666666;
+
 
-
left: 353px;
+
color: #000000;
-
top: 1px;
+
 
-
font-family:helveticalmd,Microsoft Yahei;
+
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: 320px;
+
height: 315px;
 +
width: 533px;
 +
left: 1px;
}
}
 +
#middle0 {
#middle0 {
 +
position:absolute;
position:absolute;
 +
height:500px;
height:500px;
 +
width:1214px;
width:1214px;
-
background-color: #1bbc9b;
+
 
left: 0px;
left: 0px;
 +
top: 0px;
top: 0px;
 +
background-color:#FFFFFF;
 +
}
}
 +
 +
#middle1 {
#middle1 {
-
top:522px;
+
 
 +
top:425px;
 +
 
position:absolute;
position:absolute;
-
left:0px;
+
 
 +
left: 1px;
 +
 
 +
background-color:#FFFFFF;
 +
 
}
}
 +
#middle2 {
#middle2 {
-
top:987px;
+
 
 +
top:872px;
 +
 
position: absolute;
position: absolute;
 +
left: 0px;
left: 0px;
 +
background-color:#FFFFFF;
 +
}
}
 +
#middle3 {
#middle3 {
-
top:1448px;
+
 
-
+
top:1349px;
 +
position:absolute;
 +
left:0px;
 +
 
 +
background-color:#FFFFFF;
 +
 
 +
 
 +
}
 +
 
 +
#middle4 {
 +
 
 +
top:1910px;
 +
 
position:absolute;
position:absolute;
 +
left:0px;
left:0px;
 +
background-color:#FFFFFF;
 +
 +
}
}
-
#middle4 {
+
 
-
top:1909px;
+
#middle5 {
 +
 
 +
top:2471px;
 +
 
position:absolute;
position:absolute;
 +
left:0px;
left:0px;
 +
 +
background-color:#FFFFFF;
 +
}
}
-
.text1 {
+
#middle6 {
-
height:380px;
+
 
-
width:300px;
+
top:2932px;
-
margin-left:40px;
+
 
-
color: #666666;
+
position:absolute;
position:absolute;
-
margin-top:40px;
+
 
-
left: 77px;
+
left:0px;
-
top: 89px;
+
 
-
font-family:helveticalmd,Microsoft Yahei;
+
background-color:#FFFFFF;
 +
 
 +
 
}
}
-
.text2 {
+
 
-
height:380px;
+
#middle7 {
-
width:300px;
+
 
-
margin-top:30px;
+
top:3394px;
-
margin-left:600px;
+
 
position:absolute;
position:absolute;
-
color: #666666;
+
 
-
left: 126px;
+
left:0px;
-
top: 106px;
+
background-color:#FFFFFF;
-
font-family:helveticalmd,Microsoft Yahei;
+
 
}
}
-
-->
+
 
 +
#middle8 {
 +
 
 +
top:1850px;
 +
 
 +
position:absolute;
 +
 
 +
left: 0px;
 +
 
 +
background-color:#FFFFFF;
 +
 
 +
 
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
</style>
</style>
</head>
</head>
-
 
<body>
<body>
-
<div id="total-wrap">
+
<div id="total-wrap">
-
<div id="header">
+
<div id="header">
-
<div id="emp">
+
<div id="emp">
-
<div id='logo'><a href="https://igem.org"></a></div>
+
<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>
-
<div id="top-menu">
+
<div id="top-menu">
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
+
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
-
</div>
+
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<div class="arrow"></div>
+
<div class="arrow"></div>
-
<p>Team</p>
+
<p>Team</p>
-
<div class="top-menu-sub">
+
<div class="top-menu-sub">
-
<ul>
+
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
+
<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://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://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>
+
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
-
</ul>
+
</ul>
-
</div>
+
</div>
-
</div>
+
</div>
-
<div class="top-menu-each">
+
 
-
<div class="arrow"></div>
+
 
-
<p>Project</p>
+
<div class="top-menu-each">
-
<div class="top-menu-sub">
+
<div class="arrow"></div>
-
<ul>
+
<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>
+
</ul>
-
</div>
+
</div>
-
</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>Modeling</li></a>
+
<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/Material"><li>BioBrick</li></a>
+
<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>
+
</ul>
-
</div>
+
</div>
-
</div>
+
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<div class="arrow"></div>
+
<div class="arrow"></div>
-
<p>Human Practice</p>
+
<p>Human Practice</p>
-
<div class="top-menu-sub">
+
<div class="top-menu-sub">
-
<ul>
+
<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/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/Questionnaire.html"><li>Questionnaire</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a>
-
+
</ul>
-
</ul>
+
</div>
-
</div>
+
</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 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" id="headword0"><b>Overview</b></p>
 
-
    <div id="content0" >
 
-
      <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/c/c6/Qz2.jpg" width="556" height="319"  /> </div>
 
-
      <div id="text0">
 
-
        <p class=MsoNormal align=left style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><u><span lang=EN-US style='font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'> <span class="STYLE4">
 
-
          <o:p></o:p>
 
-
          </span></span></u></p>
 
-
        <p align=left class=MsoNormal style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><strong><span lang=EN-US style='font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:"Times New Roman"'> On April 29th, iGEM team <span class=SpellE>UESTC-<span class=GramE>China</span></span> 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.</span></strong></p>
 
 +
  <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>
+
      <div class="middle-photo-each">
-
  </div>
+
        <div class="middle-content" style="height: 0;"></div>
-
</div>
+
-
<div id="middle1" class="middle" >
+
-
  <div class="head" >
+
-
    <p align="center" class="headword"><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 align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp; 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.
+
-
          <o:p></o:p>
+
-
          </span></strong></p>
+
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>
-
</div>
+
   <div style="display: none;" id="rocket-to-top">
-
<div id="middle2" class="middle" >
+
     <div style="opacity:0;display: block;" class="level-2"></div>
-
   <div class="head" >
+
    <div class="level-3"></div>
-
    <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 align=left class=MsoNormal style='text-align:left;line-height:115%;
+
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
+
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;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.
+
-
          <o:p></o:p>
+
-
          </span></strong></p>
+
-
      </div>
+
-
    </div>
+
   </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 align=left class=MsoNormal style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;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.
 
-
          <o:p></o:p>
 
-
          </span></strong></p>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
</div>
 
-
<div id="middle4" 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 align=left class=MsoNormal style='text-align:left;line-height:115%;
 
-
mso-pagination:widow-orphan'><strong><span style="font-size:15.0pt;
 
-
mso-bidi-font-size:11.0pt;line-height:115%;font-family:&quot;Times New Roman&quot;">&nbsp;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'.
 
-
          <o:p></o:p>
 
-
          </span></strong></p>
 
-
            </div>
 
-
          </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>
 
-
 
<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

UESTC-China