Difference between revisions of "Team:SDU-CHINA/Parts"

Line 50: Line 50:
 
display: block !important;
 
display: block !important;
 
}
 
}
−
#logo img {  width:150px; margin-top: 15px;} /*???*/
+
#logo img {  width:150px;} /*???*/
 
table { margin: 0 auto; }
 
table { margin: 0 auto; }
 
td { text-align: center }
 
td { text-align: center }
Line 281: Line 281:
 
-moz-box-sizing:border-box; /* Firefox */
 
-moz-box-sizing:border-box; /* Firefox */
 
-webkit-box-sizing:border-box; /* Safari */
 
-webkit-box-sizing:border-box; /* Safari */
−
}
 
−
 
−
 
−
.bio1, .bio2 {
 
−
    width: 80%;
 
−
    margin: 0 auto 40px auto;
 
−
}
 
−
.bio1{
 
−
float: left;
 
−
}
 
−
.bio2{
 
−
float: right;
 
−
}
 
−
.biotext{
 
−
width: 55%;
 
−
display:inline-block;
 
−
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 
−
    display: -moz-inline-block;/* Firefox */
 
−
    display: -o-inline-block;
 
−
}
 
−
.biopic{
 
−
border: none;
 
−
display:inline-block;
 
−
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 
−
    display: -moz-inline-block;/* Firefox */
 
−
    display: -o-inline-block;
 
−
    padding-right: 5%;
 
−
    vertical-align: top;
 
−
    width: 450px;
 
−
    height: 320px;
 
−
}
 
−
.name {
 
−
    border-bottom: 1px solid #606060;
 
−
    margin: 0 0 10px 0;
 
−
    font-weight: bold;
 
−
    font-size: 40px !important;
 
−
}
 
−
.faculty {
 
−
    font-size: 24px !important;
 
−
    padding: 0 15px;
 
−
    margin: 0 0 20px 0;
 
−
    font-weight: bold;
 
−
}
 
−
.introduction {
 
−
    font-size: 20px !important;
 
−
    font-family: serif, 'Times New Roman';
 
−
    margin: 0.5px;
 
−
}
 
−
*{margin: 0;padding: 0;}
 
−
            #box{width: 800px;height: 150px;margin: 100px auto;position: relative;background: gray;overflow: hidden;}
 
−
            #box ul{position: absolute;left: 21px;top: 17px;}
 
−
            #box ul li{float: left;width: 190px;height: 150px;list-style: none;}
 
−
 
−
div.biopic{
 
−
overflow: hidden;
 
−
width: 320px;
 
−
height: 320px;
 
−
border-radius: 160px;
 
−
margin: auto;
 
−
}
 
−
.bio1 .biopic img{
 
−
margin-left: -70px ;
 
−
}
 
−
.conteudo div:nth-of-type(5) div:first-of-type img{
 
−
margin-left: -150px !important;
 
−
}
 
−
.conteudo div:nth-of-type(6) div:last-of-type img{
 
−
margin-left: -20px !important;
 
−
}
 
−
.conteudo div:nth-of-type(2) div:last-of-type img, .conteudo div:nth-of-type(4) div:last-of-type img{
 
−
margin-left: -70px !important;
 
 
}
 
}
  
Line 358: Line 287:
  
 
<body>
 
<body>
 +
 
<div class="body">
 
<div class="body">
−
<div id="header">
+
  <div id="header">
−
<!--LOGO LINK--->
+
  <!--LOGO LINK--->
−
<div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/7/72/T--SDU-China--duihui.jpg" alt="LOGO" /></a></div>
+
  <div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/7/72/T--SDU-China--duihui.jpg" alt="LOGO" /></a></div>
−
<div id="menu">
+
  <div id="menu">
−
<ul>
+
    <ul>
 
             <li>
 
             <li>
 
                 <a href="#">PROJECT &#9662;</a>
 
                 <a href="#">PROJECT &#9662;</a>
Line 420: Line 350:
 
                 </li>
 
                 </li>
 
         </ul>
 
         </ul>
−
</div>
+
  </div>
 
</div>
 
</div>
  
−
<div id="section">
 
−
<div class="conteudo">
 
−
<h1 id="main-title">Team</h1>
 
  
−
<div class="bio1">
+
  <div class="conteudo">
−
<p class="name">Jiao Jin</p>
+
    <h1 id="main-title">Parts</h1>
−
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/4/47/T--SDU-China--jinjiao.jpg" width="450" height="320px" alt=""/></div>
+
 
−
<div class="biotext">
+
<div class="paragraphs">
−
      <p class="faculty">Team Leader</p>
+
<div id='groupparts' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM18', g:'SDU-CHINA' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>
−
      <p class="introduction">
+
<p>
−
      The mascot of the team! The major work for me is to cheer people up when things do not go well!
+
</div>
−
      </p>
+
</div>
−
    </div>
+
</div>
−
    </div>
+
−
    <div class="bio2">
+
−
<p class="name">Zhaoqin Zhang</p>
+
−
+
−
<div class="biotext">
+
−
      <p class="faculty">Competition Affairs/Experimentation</p>
+
−
      <p class="introduction">
+
−
      I’m a junior student majoring in biology. It is the first time for me as well as our team to participate in iGEM competition, I' m so excited to meet so much interesting guys! I mainly take charge of Human Practice and do some wet lab experiments, which offers me a lot experience in social skills and research skills. I am interested in synthetic biology in eukariotic cells and I believe synthetic biology is of great use in both research and practical use.
+
  
−
      </p>
 
−
          </div>
 
−
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--SDU-China--zhangzhaoqin.jpg"width="450" height="320px" alt=""/></div>
 
−
    </div>
 
−
    <div class="bio1">
 
−
<p class="name">Liyuan Xi</p>
 
−
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/6/69/T--SDU-China--xiliyuan.jpg"width="450" height="320px" alt=""/></div>
 
−
<div class="biotext">
 
−
      <p class="faculty">Experimentation</p>
 
−
      <p class="introduction">
 
−
    I’m major in life science. I feel honored to be a member of SDU iGEM team and attend Jamboree this year. Shy as I am ,I hope I can make friends through iGEM!       
 
−
      </p>
 
−
          </div>
 
−
         
 
−
    </div>
 
−
      <div class="bio2">
 
−
<p class="name">Yize Hao</p>
 
−
 
−
<div class="biotext">
 
−
      <p class="faculty">Experimentation/Wiki edit</p>
 
−
      <p class="introduction">
 
−
    I hope I can improve my ability of thinking as well as my technical skills through igem. I will begin my postgraduate career after one year. I hope I can go further along the road of scientific research.
 
−
      </p>
 
−
          </div>
 
−
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/6/61/T--SDU-China--haoyize.jpg"width="480" height="320" alt=""/></div>
 
−
    </div>
 
−
 
−
    <div class="bio1">
 
−
<p class="name">Zijian Pan</p>
 
−
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/1/1b/T--SDU-China--panzijian.jpg"width="480" height="320" alt=""/></div>
 
−
<div class="biotext">
 
−
      <p class="faculty">Experimentation</p>
 
−
      <p class="introduction">
 
−
    I am very grateful for having the opportunity to play a role in our igem team. For the duration of preparing for iGEM, we struggle with countless difficulties together. For this duration, we harvest knowledge and life-long friendships, as well.
 
−
            </p>
 
−
          </div>
 
−
    </div>
 
−
    <div class="bio1">
 
−
<p class="name">Zilong Geng</p>
 
−
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/f/f2/T--SDU-China--gengzilong.jpg"width="480" height="320" alt=""/></div>
 
−
<div class="biotext">
 
−
      <p class="faculty">Experimentation</p>
 
−
      <p class="introduction">
 
−
    Howdy, this is Zero. Since it is my first time to participate such big competition as the iGEM, I feel so honored and appreciated. The iGEM opened my eyes with a brand new world where  I never set foot. And the cross disciplines in synthetic biology truly rebuilt my point of views about traditional biology, which makes me seek for higher horizons. My teammates work really hard and solidly, which makes me grateful and teaches me a lesson about what teamwork is.
 
−
 
−
            </p>
 
−
          </div>
 
−
    </div>
 
−
    <div class="bio2">
 
−
<p class="name">Yumin Meng</p>
 
−
 
−
<div class="biotext">
 
−
      <p class="faculty">Experimentation</p>
 
−
      <p class="introduction">
 
−
    My name is Meng Yumin. I study biology in the School of Life Science and I am a sophoman. I undertook the job of designing and assembling the genetic circuit of the project with other teammates. In addition, I manually modified our experimental instrument to make it more suitable for our project with my hands-on ability. Looking forward to the new age of synthetic biology from iGEM.
 
−
      </p>
 
−
          </div>
 
−
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/7/70/T--SDU-China--mengyumin.jpg"width="450" height="320px" alt=""/></div>
 
−
    </div>
 
−
    <div class="bio1">
 
−
<p class="name">Weiguang Wang</p>
 
−
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/8/8b/T--SDU-China--wangweiguang.jpg"width="450" height="600px" alt=""/></div>
 
−
<div class="biotext">
 
−
      <p class="faculty">Hardware</p>
 
−
      <p class="introduction">
 
−
    I am a microbiology student and I am responsible for the hardware production in the team.     
 
−
      </p>
 
−
          </div>
 
−
         
 
−
    </div>
 
−
    <p class="p-top"><a href="#header">&#x25b2; top</a></p>
 
−
</div>
 
−
</div>
 
  
 
<div id="footer">
 
<div id="footer">
Line 534: Line 380:
 
</div>
 
</div>
 
</div>
 
</div>
−
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:36, 10 October 2018

Parts

Loading.....