Team:UESTC-China/Lecture.html

From 2014.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 4: Line 4:
<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 47: 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 62: Line 75:
background-color: #394264;
background-color: #394264;
width: 1195px;
width: 1195px;
 +
height:63px;
}
}
Line 83: Line 97:
padding-left: 40px;
padding-left: 40px;
line-height: 63px;
line-height: 63px;
 +
height:63px;
}
}
.arrow{
.arrow{
Line 291: 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: 1105px;
+
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 323: Line 338:
-
#all{position:absolute; left:0px; top:300px; height:2300px; width:1180px;  padding:60px 0px 0px 30px;}
+
#all{position:absolute; left:0px; top:280px; height:2300px; width:1180px;  padding:60px 0px 0px 30px;}
.headword0{position:relative; left:0px;  
.headword0{position:relative; left:0px;  
background-color:#1f8a70;  
background-color:#1f8a70;  
-
height:40px; line-height:40px; font-size:24px;  
+
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;   
font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center;   
-
width: 256px;
+
width: 1100px;
left: 30px;
left: 30px;
margin-top:30px;}
margin-top:30px;}
.headword{position:relative; left:0px;  
.headword{position:relative; left:0px;  
background-color:#1f8a70;  
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;   
+
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: 500px;
+
width: 1100px;
left: 30px;
left: 30px;
margin-top:30px;}
margin-top:30px;}
Line 352: Line 367:
width:569px;
width:569px;
-
margin-top:30px;
+
margin-top:50px;
margin-left:350px;
margin-left:350px;
Line 395: Line 410:
width:554px;
width:554px;
-
margin-top:30px;
+
margin-top:40px;
margin-left:600px;
margin-left:600px;
Line 454: Line 469:
#middle1 {
#middle1 {
-
top:515px;
+
top:425px;
position:absolute;
position:absolute;
Line 467: Line 482:
#middle2 {
#middle2 {
-
top:1072px;
+
top:872px;
position: absolute;
position: absolute;
Line 479: Line 494:
#middle3 {
#middle3 {
-
top:1549px;
+
top:1349px;
position:absolute;
position:absolute;
left:0px;
left:0px;
Line 490: Line 505:
#middle4 {
#middle4 {
-
top:2010px;
+
top:1910px;
position:absolute;
position:absolute;
Line 540: Line 555:
#middle8 {
#middle8 {
-
top:2000px;
+
top:1850px;
position:absolute;
position:absolute;
Line 559: Line 574:
</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"> <a href="https://2014.igem.org/Team:UESTC-China">
+
<div class="top-menu-each">
-
        <p>Home</p>
+
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
-
        </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/Attribution">
+
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
-
            <li>Attribution</li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
-
            </a> <a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China">
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
-
            <li>Team Profile</li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Notebook">
+
</ul>
-
            <li>Notebook</li>
+
</div>
-
            </a>
+
</div>
-
          </ul>
+
 
-
        </div>
+
 
-
      </div>
+
 
-
      <div class="top-menu-each">
+
<div class="top-menu-each">
-
        <div class="arrow"></div>
+
<div class="arrow"></div>
-
        <p>Project</p>
+
<p>Project</p>
-
        <div class="top-menu-sub">
+
<div class="top-menu-sub">
-
          <ul>
+
<ul>
-
            <a href="https://2014.igem.org/Team:UESTC-China/Project">
+
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a>
-
            <li>Overview</li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Design">
+
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
-
            <li>Design</li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Futurework"><li>Future work</li></a>
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/result">
+
<a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a>
-
            <li>Result</li>
+
 
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Futurework">
+
</ul>
-
            <li>Future work</li>
+
</div>
-
            </a>
+
</div>
-
          </ul>
+
<div class="top-menu-each">
-
        </div>
+
<div class="arrow"></div>
-
      </div>
+
<p>Modeling</p>
-
      <div class="top-menu-each">
+
<div class="top-menu-sub">
-
        <div class="arrow"></div>
+
<ul>
-
        <p>Modeling</p>
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Overview</li></a>
-
        <div class="top-menu-sub">
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a>
-
          <ul>
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a>
-
            <a href="https://2014.igem.org/Team:UESTC-China/Modeling">
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a>
-
            <li>Modeling</li>
+
</ul>
-
            </a>
+
</div>
-
          </ul>
+
</div>
-
        </div>
+
<div class="top-menu-each">
-
      </div>
+
<div class="arrow"></div>
-
      <div class="top-menu-each">
+
<p>Parts</p>
-
        <div class="arrow"></div>
+
<div class="top-menu-sub">
-
        <p>Parts</p>
+
<ul>
-
        <div class="top-menu-sub">
+
<a href="https://2014.igem.org/Team:UESTC-China/BioBrick"><li>BioBrick</li></a>
-
          <ul>
+
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
-
            <a href="https://2014.igem.org/Team:UESTC-China/Material">
+
 
-
            <li>BioBrick</li>
+
</ul>
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Protocol">
+
</div>
-
            <li>Protocol</li>
+
</div>
-
            </a>
+
<div class="top-menu-each">
-
          </ul>
+
<div class="arrow"></div>
-
        </div>
+
<p>Human Practice</p>
-
      </div>
+
<div class="top-menu-sub">
-
      <div class="top-menu-each">
+
<ul>
-
        <div class="arrow"></div>
+
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
-
        <p>Human Practice</p>
+
 
-
        <div class="top-menu-sub">
+
<a href="https://2014.igem.org/Team:UESTC-China/Knowledgequiz"><li>Knowledge quiz</li></a>
-
          <ul>
+
<a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a>
-
            <a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html">
+
<a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a>
-
            <li>Knowledge quiz</li>
+
<a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a>
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Lecture.html">
+
</ul>
-
            <li>Lecture</li>
+
</div>
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Communication.html">
+
</div>
-
            <li>Communication</li>
+
 
-
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html">
+
<div class="top-menu-each">
-
            <li>Questionnaire</li>
+
<div class="arrow"></div>
-
            </a>
+
<p>Safety</p>
-
          </ul>
+
<div class="top-menu-sub">
-
        </div>
+
<ul>
-
      </div>
+
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
-
      <div class="top-menu-each">
+
</ul>
-
        <div class="arrow"></div>
+
</div>
-
        <p>Safety</p>
+
</div>
-
        <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 id="middle-photo">
   <div id="middle-photo">
     <div class="middle-photo-each">
     <div class="middle-photo-each">
Line 662: Line 671:
         <div id="middle0">
         <div id="middle0">
           <div id="head0" >
           <div id="head0" >
-
             <p align="center" class="headword0"><b>Overview</b></p>
+
             <p align="center" class="headword0"><b>Lecture</b></p>
             <div id="content0" >
             <div id="content0" >
               <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/c/c6/Qz2.jpg" width="533" height="315" /> </div>
               <div class="picture2"> <img src="https://static.igem.org/mediawiki/2014/c/c6/Qz2.jpg" width="533" height="315" /> </div>
               <div id="text0">
               <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>
+
                 <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>
Line 673: Line 682:
         <div id="middle1" class="middle" >
         <div id="middle1" class="middle" >
           <div class="head" >
           <div class="head" >
-
             <p align="center" class="headword0"><b>teammate gives a speech.</b></p>
+
             <p align="center" class="headword0"><b>A lecture of iGEM</b></p>
             <div class="content" >
             <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="picture1"> <img src="https://static.igem.org/mediawiki/2014/5/50/Qz1.jpg "width="556" height="319" /> </div>
               <div class="text1">
               <div class="text1">
-
                 <p >&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.
+
                 <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>
                 </p>
               </div>
               </div>
Line 685: Line 694:
         <div id="middle2" class="middle" >
         <div id="middle2" class="middle" >
           <div class="head" >
           <div class="head" >
-
             <p align="center" class="headword"><b>The situation in the lobby.</b></p>
+
             <p align="center" class="headword"><b>Students in the lobby</b></p>
             <div class="content" >
             <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="picture2"><img src="https://static.igem.org/mediawiki/2014/e/e5/Qz3.jpg" width="533" height="315"/></div>
               <div class="text2">
               <div class="text2">
-
                 <p >&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.</p>
+
                 <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>
Line 696: Line 705:
         <div id="middle3" class="middle" >
         <div id="middle3" class="middle" >
           <div class="head" >
           <div class="head" >
-
             <p align="center" class="headword"><b>After the speech</b></p>
+
             <p align="center" class="headword"><b>After the lecture</b></p>
             <div class="content" >
             <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="picture1"> <img src="https://static.igem.org/mediawiki/2014/f/fe/Qz4.jpg" width="556" height="319" /> </div>
               <div class="text1">
               <div class="text1">
-
                 <p >&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</p>
+
                 <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>
Line 707: Line 716:
         <div id="middle8" class="middle" >
         <div id="middle8" class="middle" >
           <div class="head" >
           <div class="head" >
-
             <p align="center" class="headword"><b>At the end of this lecture.</b></p>
+
             <p align="center" class="headword"><b>A picture containing students and our team</b></p>
             <div class="content" >
             <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="picture2"> <img src="https://static.igem.org/mediawiki/2014/0/00/Qz5.jpg" width="534" height="317"  /> </div>
               <div class="text2">
               <div class="text2">
-
                 <p >&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'.</p>
+
                 <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>

Latest revision as of 02:42, 18 October 2014

UESTC-China