Team:UESTC-China/Lecture.html

From 2014.igem.org

(Difference between revisions)
 
(19 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:40px;
+
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>
+
-
        <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/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/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/Modeling2"><li>FALDH/FDH</li></a>
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a>
 +
</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/BioBrick"><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/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/Communication.html"><li>Communication</li></a>
 +
<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>
 +
 
 +
 
-
          </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/BioBrick">
 
-
            <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 id="middle-photo">
   <div id="middle-photo">
     <div class="middle-photo-each">
     <div class="middle-photo-each">
Line 664: 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 Cheng Du to disseminate iGEM competition and introduce the subject of our project, at the same time, we resolved the qualms the senior high school students had about the synthetic biology. Meantime, they asked questions actively and denoted 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 679: Line 686:
               <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 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 >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 691: Line 698:
               <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 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 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 702: Line 709:
               <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 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>
+
                 <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 713: Line 720:
               <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 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>
+
                 <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