Difference between revisions of "Team:DUT China B/Team"

 
(132 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{DUT_China_B/test_style.css}}
 
{{DUT_China_B/test_style.css}}
<html>
+
{{DUT_China_B/nav}}
+
<html lang="en">
 +
<head>
 +
<meta charset="UTF-8">
 +
<title>Document</title>
 +
 
 
<style>
 
<style>
.carousel-caption {
+
position: relative;
+
*{
left: auto;
+
margin: 0;
right: auto;
+
padding: 0;
}
+
}
 +
body{
 +
background-color: #eee;
 +
}
 +
.firstimg{
 +
width: 100%;
 +
}
 +
.firstimg img{
 +
width: 100%
 +
                height:90%;
 +
}
 +
#maintest{
 +
position: relative;
 +
float: right;
 +
margin: 0px;
 +
width: 76%;
 +
padding: 3%;
 +
                font-family: 'Roboto' !important; 
 +
/*border-left: 2px solid #ccc;*/
 +
/*clear: both;*/
 +
}
 +
      #maintest p{
 +
      font-size: 16px;
 +
      line-height:25.6px; 
 +
      }
 +
/*侧边栏样式*/
 +
#sides{
 +
width: 22%;
 +
padding: 20% 0 10%;
 +
height:1580px;
 +
                background-color:#1C2B42;
 +
float: left;
 +
           
 
 
.carousel-control-next-icon {
+
               
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
+
}
}
+
#sides a{
+
text-decoration: none;
.carousel-control-prev-icon {
+
        color:#FFFFFF !important;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
+
font-size: 60px !important;
}
+
                positon:fixed;  
.carousel-caption{
+
                top:20px;
color: #000000 !important;
+
}
 +
 +
.block-grid {
 +
  margin-top: 3em;
 +
  -webkit-column-count: 2;
 +
          column-count: 2;
 +
  -webkit-column-gap: 1em;
 +
          column-gap: 1em;
 +
  position: relative;
 
}
 
}
</style>
 
  
+
.block-panel {
+
  -webkit-column-break-inside: avoid;
<body data-spy="scroll" data-target="#myScrollspy" data-offset="10">
+
          break-inside: avoid;
<div class="container-full">
+
  border-radius: 2px;
<div class="card">
+
  margin: 0 0 1em;
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4f/T--SZU-China--team.jpg" />
+
</div>
+
</div>
+
  
<div class="container-fluid">
+
background: #94ceca;  /* fallback for old browsers */
 +
background: -webkit-linear-gradient(to right, #94ceca, #94ceca);  /* Chrome 10-25, Safari 5.1-6 */
 +
background: linear-gradient(to right,#94ceca, #94ceca); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  
<div class="col-9 offset-1 shadow ">
 
<div class="row"></div>
 
<div class="text-center">
 
<h1 style="color: #664788;">Team</h1>
 
</div>
 
<div class="indent">
 
<h1>Team Members:</h1>
 
</div>
 
<div class="row">
 
<div class="col-10 offset-1">
 
<!--Carousel Wrapper-->
 
  
<div id="carousel-example-2" class="carousel slide" data-ride="carousel">
+
  overflow: hidden;
<!--Indicators-->
+
  position: relative;
<ol class="carousel-indicators">
+
  cursor: pointer;
<li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
+
  -webkit-transform: translateX(0);
<li data-target="#carousel-example-2" data-slide-to="1"></li>
+
          transform: translateX(0);
<li data-target="#carousel-example-2" data-slide-to="2"></li>
+
  display: inline-block;
<li data-target="#carousel-example-2" data-slide-to="3"></li>
+
}
<li data-target="#carousel-example-2" data-slide-to="4"></li>
+
.block-panel:hover p {
<li data-target="#carousel-example-2" data-slide-to="5"></li>
+
  -webkit-transform: translateY(0);
<li data-target="#carousel-example-2" data-slide-to="6"></li>
+
          transform: translateY(0);
<li data-target="#carousel-example-2" data-slide-to="7"></li>
+
  opacity: 1;
<li data-target="#carousel-example-2" data-slide-to="8"></li>
+
}
<li data-target="#carousel-example-2" data-slide-to="9"></li>
+
.block-panel:hover h1 {
<li data-target="#carousel-example-2" data-slide-to="10"></li>
+
  bottom: calc(100% - 4em);
 +
}
  
</ol>
+
h1 {
<!--/.Indicators-->
+
  padding-left: 2rem;
<!--Slides-->
+
  font-size: 2em;
<div class="carousel-inner" role="listbox" style="height: 800px;">
+
  font-weight: 800;
<div class="carousel-item active">
+
  padding-bottom: 2em;
<div class="view text-center">
+
  color: white;
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/6/65/T--SZU-China--Mingyue.jpg" alt="First slide">
+
  width: 50%;
<div class="mask rgba-black-light"></div>
+
  position: absolute;
 +
  text-transform: uppercase;
 +
  bottom: -2em;
 +
  transition: all .3s ease;
 +
  z-index: 3;
 +
  font-family:Times New Roman;
 +
}
  
</div>
+
p {
<div class="carousel-caption">
+
  padding: 8em 2em 2em 2em;
<h3 class="h3-responsive">Mingyue Luo</h3>
+
  position: relative;
<p style="padding: 40px;">He is an undergraduate from Shenzhen University who majors in bioengineering. He is the leader of our team who is responsible and kind. This year is the second year for him to take part in iGEM competition and he is very proud of this. He always staying up late in our lab because nothing’s gonna change his love for doing experiment.
+
  color: white;
</p>
+
  z-index: 1;
</div>
+
  -webkit-transform: translateY(100%);
</div>
+
          transform: translateY(100%);
<div class="carousel-item">
+
  margin: 0;
<!--Mask color-->
+
  opacity: .5;
<div class="view">
+
  transition: all .35s ease;
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/7/7d/T--SZU-China--Chen.jpg" alt="Second slide">
+
}
<div class="mask rgba-black-strong"></div>
+
p::after {
</div>
+
  background: #94ceca;
<div class="carousel-caption">
+
  bottom: 0;
<h3 class="h3-responsive">Chen Liang</h3>
+
  content: '';
<p style="padding: 40px;">She is an undergraduate from Shenzhen University, majoring in clinical medicine. She is responsible for experiment and presentation in our team. She is very tough and independent. Nothing can defeat her except for sleep deprivation, but she always stays up during experiment and final month. She believes in rationalism and acts rationally all the time. She dreams of being a great doctor and work for MSF one day.</p>
+
  display: block;
</div>
+
  height: 100%;
</div>
+
  left: 0;
<div class="carousel-item">
+
  position: absolute;
<!--Mask color-->
+
  right: 0;
<div class="view">
+
  -webkit-transform: skewY(-7deg);
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/5/52/T--SZU-China--Gefei.jpg" alt="Third slide">
+
          transform: skewY(-7deg);
<div class="mask rgba-black-slight"></div>
+
  -webkit-transform-origin: 100%;
</div>
+
          transform-origin: 100%;
<div class="carousel-caption">
+
  z-index: -1;
<h3 class="h3-responsive">Gefei Li</h3>
+
  top: 10em;
<p style="padding: 40px;">She is an undergraduate from Shenzhen University who majors in clinical medicine. She is responsible and capable and always pushes the team and herself to try new things. She is usually tough but not in front of the delicious food so if your project this year is about losing weight then you might see her at your poster.</p>
+
}
</div>
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
</div>
+
<div class="carousel-item">
+
<!--Mask color-->
+
<div class="view">
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/b/ba/T--SZU-China--Jianting.jpg" alt="Second slide">
+
<div class="mask rgba-black-strong"></div>
+
</div>
+
<div class="carousel-caption">
+
<h3 class="h3-responsive">Jianting Huang</h3>
+
<p style="padding: 40px;"> Jianting Huang is an undergraduate from Shenzhen University, major in biotechnology. He is responsible for human practice in SZU-China. He is very social and popular everywhere. He has dual-degree in CS. In a word, he is awesome.
+
</p>
+
</div>
+
</div>
+
<div class="carousel-item">
+
<!--Mask color-->
+
<div class="view">
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/7/74/T--SZU-China--Jiaqi.jpg" alt="Second slide">
+
<div class="mask rgba-black-strong"></div>
+
</div>
+
<div class="carousel-caption">
+
<h3 class="h3-responsive">Jiaqi Tang</h3>
+
<p style="padding: 40px;"> He is an undergraduate student from Shenzhen University who majors in biotechnology. He has extensive experience in designing processes and organizing events, and he is responsible for Human Practice design and execution in this project. He is expert in telling some interesting stories. He enjoys writing short essays to express himself in his spare time.
+
</p>
+
</div>
+
</div>
+
<div class="carousel-item">
+
<!--Mask color-->
+
<div class="view">
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/1/16/T--SZU-China--Jingquan.jpg" alt="Second slide">
+
<div class="mask rgba-black-strong"></div>
+
</div>
+
<div class="carousel-caption">
+
<h3 class="h3-responsive">Jinquan Li</h3>
+
<p style="padding: 40px;">
+
He is an undergraduate from Shenzhen University's Institute of Advanced Study, who majors in biology and physics. He is a creative person and contributes to the dry lab. He is interested in the interdisciplinary nature of synthetic biology.
+
  
</p>
 
</div>
 
</div>
 
<div class="carousel-item">
 
<!--Mask color-->
 
<div class="view">
 
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/4/43/T--SZU-China--Junyu.jpg" alt="Second slide">
 
<div class="mask rgba-black-strong"></div>
 
</div>
 
<div class="carousel-caption">
 
<h3 class="h3-responsive">Junyu Chen</h3>
 
<p style="padding: 40px;"> 本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal、spss、sas等单词的拼写,熟悉Windows、Linux、Mac、Android、IOS、WP8等系统的开关机。
 
</p>
 
</div>
 
</div>
 
<div class="carousel-item">
 
<!--Mask color-->
 
<div class="view">
 
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/9/95/T--SZU-China--Lindong.jpg" alt="Second slide">
 
<div class="mask rgba-black-strong"></div>
 
</div>
 
<div class="carousel-caption">
 
<h3 class="h3-responsive">Lindong He</h3>
 
<p style="padding: 40px;">
 
He is an undergraduate from Shenzhen University who majors in bioengineering. He is conscientious about the experiment and enthusiastic to help other teammates. But he is an obsessive and always want to tidy up many things in the lab. As for dreams, he just wants to be a big boss in the future.
 
  
</p>
+
</style>
</div>
+
</head>
</div>
+
<body>
<div class="carousel-item">
+
<div class="firstimg">
<!--Mask color-->
+
<img src="https://static.igem.org/mediawiki/2019/0/0c/T--DUT_China_B--TMbanner2.jpg" alt="parts">
<div class="view">
+
</div>
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/d/d6/T--SZU-China--Roufeng.jpg" alt="Second slide">
+
<div id="sides">
<div class="mask rgba-black-strong"></div>
+
<ul id="menu">
</div>
+
        <li>
<div class="carousel-caption">
+
            <a ><font size="6" >Team Member</font></a>
<h3 class="h3-responsive">Roufeng Guo</h3>
+
        <div style="text-align: center; width: 100%; height:40px"></div>
<p style="padding: 40px;">
+
        </li>
He is a junior in computer science and software engineering at Shenzhen University. He is not very handsome but has a funny soul. He likes to challenge exciting things and experience different living environments. At the same time, he also longs for the regular and temperate life of the army.
+
      <br>
 +
        <li>
 +
            <a><font size="6" >Tutor</font></a>
 +
      <div style="text-align: center; width: 100%; height:40px"></div>
 +
      </li>
 +
      <br>
 +
        <li>
 +
            <a><font size="6">Advisor</font></a>
 +
           
 +
        </li>
 +
      <br>
 +
     
 +
    </ul>
 +
</div>
 +
<div id="maintest">
  
</p>
+
<div class="container">
 +
<img  src="" >
 +
<h2 style="color:#C27099;font-size:40px;font-faily:"Times New Roman" !important;"><img style="width:50%;" src="https://static.igem.org/mediawiki/2019/3/3e/T--DUT_China_B--Goodteam.svg">Great partner</h2>
  
</div>
+
    <div class="block-grid">
</div>
+
      <div class="block-panel">
<div class="carousel-item">
+
        <div class="block-content">
<!--Mask color-->
+
         
<div class="view">
+
         
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/c/c9/T--SZU-China--Xiaohan.jpg" alt="Second slide">
+
          <img src="https://static.igem.org/mediawiki/2019/6/61/T--DUT_China_B--TMBG.jpg" style="height:100%;width:100%;" >
<div class="mask rgba-black-strong"></div>
+
       
</div>
+
        </div>
<div class="carousel-caption">
+
      </div>
<h3 class="h3-responsive">Xiaohan Xie</h3>
+
  <br>
<p style="padding: 40px;">
+
      <div class="block-panel">
She is an undergraduate from Shenzhen University. She majors in physics but is responsible for software development in our team. She likes to explore programming and uses it to implement ideas. She loves cats and has two cats of her own, Pido and 66, she often helps stray cats.
+
        <div class="block-content">
 +
          <h1 >Haobo Wang</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/8/87/T--DUT_China_B--WBY.jpg" style="height:100%;width:100%;" >
 +
          <p  >Haobo Wang majors in environmental-engineering, yet somehow always finds himself ending up in biology labs. </p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Peng Feixue</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/9/9e/T--DUT_China_B--XPF.jpg" style="height:100%;width:100%;" >
 +
          <p  >a senior studying math, whose hair suffers from his major.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
          <h1 >Chen Kaidi</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/2/2d/T--DUT_China_B--CKD.jpg" style="height:100%;width:100%;" >
 +
          <p  >a senior in Bioengineering from Dalian University of Technology, likes exploration and pursuing things she loves. Though sometimes procrastination will bring her trouble,she still tries to make everything perfect. This is her second year in iGEM, and she really appreciates the two-year experience here, which gives her the most cherish and fulfilling memory in her college time.</p>
 +
        </div>
 +
      </div>
 +
    <div class="block-panel">
 +
        <div class="block-content">
 +
          <h1 >Pedro Brown</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/2/2d/T--DUT_China_B--LH.jpg" style="height:100%;width:100%;" >
 +
          <p  >who is always very glad to discuss synthetic biology issues with iGEMers. iGEM requires not only a solid foundation of biology but also a rich imagination and creativity. He believes tomorrow belongs to synthetic biology. His motto: Miracle is another name for hard work.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
          <h1 >Yin Xianqi</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/d/de/T--DUT_China_B--yxq.jpg" style="height:100%;width:100%;" >
 +
          <p  >Yin Xianqi is an optimistic man with a simple and honest character. Being a senior and experienced in doing experiment, he undoubtedly plays an important role in the team. He is positive and motivated, never loses heart and gives up.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Zhang Yuanzhen</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/4/4d/T--DUT_China_B--ZYZ.jpg" style="height:100%;width:100%;" >
 +
          <p  >an iGEMer who loves researching and enjoys her second year with iGEM. She is an experienced experimenter and a much cherished asset to our team.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Zhu Jinwei</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/4/41/T--DUT_China_B--ZJW.jpg" style="height:100%;width:100%;" >
 +
          <p  >who has great passion for math as a senior student of bioengineering, and contributes much for our team’s modeling work. He can work just as well by himself.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Yang Bokai </h1>
 +
<img src="https://static.igem.org/mediawiki/2019/3/3c/T--DUT_China_B--YBK.jpg" style="height:100%;width:100%;" >
 +
          <p  >Yang Bokai is a bioengineering senior who enjoys his life but has a contradicted feeling about wet experiments.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Zeng Weiyang</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/c/c9/T--DUT_China_B--ZWY.jpg" style="height:100%;width:100%;" >
 +
          <p  >La sophomore major in bioengineering in Dalian University of Technology. He found, quite surprisingly, great pleasure in algae culturing.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Liu Yuanyuan</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/c/c3/T--DUT_China_B--LYY.jpg" style="height:100%;width:100%;" >
 +
          <p  >Liu Yuanyuan studies bioengineering. She had a hard time finding her part in the team, and now you see her, doing experiments and translating, double checking lines on wiki at the same time. Less optimistic and a lot heavier than she wants to be. And if you love MCU or Supernatural or some random TV series, she will be happy to know you.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Chen Yan</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/e/eb/T--DUT_China_B--CY.jpg" style="height:100%;width:100%;" >
 +
          <p  > who just got into second year and majors in bioengineering. Always bright and optimistic, she enjoys novels and soap operas, living in her own world. </p>
 +
        </div>
 +
      </div>
 +
          <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Liu Haodong</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/e/e1/T--DUT_China_B--LHD.jpg" style="height:100%;width:100%;" >
 +
          <p  > Liu Haodong is devoted to the experiment part of our project, mainly in charge of electroporation and algae culturing. Sometimes you will also find him sterilizing and making culture medium, or writing for wiki. Anyway, busy in team. </p>
 +
        </div>
 +
      </div>
 +
      <br>
 +
<div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Ge Yunlong</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/a/ac/T--DUT_China_B--GYL.jpg" style="height:50%;width:100%;" >
 +
          <p  > Ge Yunglong also majors in bioengineering. He has great curiosity for new things. Though having widespread hobbies, he is not everything proficient. Optimistic and friendly, yet particular about friends, he might not be the best man you ever seen, but he is reliable—aren’t that enough for an iGEMer? </p>
 +
        </div>
 +
      </div>
 +
      <br>
 +
<div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Xu Mingxi</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/f/fa/T--DUT_China_B--XMX.jpg" style="height:50%;width:100%;" >
 +
          <p  > Xu Mingxi, who is a senior at Dalian University of technology and majors in automation. She is in charge of Wiki coding in the team. </p>
 +
        </div>
 +
      </div>
 +
      <br>
 +
        <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Men Hongyi</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/8/85/T--DUT_China_B--MEN.jpg" style="height:100%;width:100%;" >
 +
          <p  > a little cute from architecture major, always busy in drawing.</p>
 +
        </div>
 +
      </div>
 +
      <br>
 +
 
 +
          <div class="block-panel">
 +
          <div class="block-content">
 +
         
 +
<img src="https://static.igem.org/mediawiki/2019/0/04/T--DUT_China_B--tutor.jpg" style="height:100%;width:100%;" >
 +
       
 +
        </div>
 +
        </div>
 +
<div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Ma Yue</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/3/35/T--DUT_China_B--WY.jpg" style="height:100%;width:100%;" >
 +
          <p  > Ma Yue, postgraduate of visual communication design at the School of Architecture and Art, Dalian University of Technology. Participated in the main visual design of the 70th anniversary of the university, and now serves as the editor of "China Postgraduate" magazine.</p>
 +
        </div>
 +
      </div>
 +
      <br>
  
</p>
+
          <div class="block-panel">
</div>
+
          <div class="block-content">
</div>
+
          <h1 >Fantao</h1>
 +
<img src="https://static.igem.org/mediawiki/2018/b/bc/T--DLUT_China_B--Team19.jpg" style="height:100%;width:100%;" >
 +
          <p  >Dr. Yang is associate professor, master supervisor in the school of bioengineering, Dalian University of Technology. Her research focuses on (1) the structure and function of the key enzymes involved in cell wall degradation; and (2) development of antibacterial and antifungal technologies and agents; and (3) Application design of controlled release drug delivery carriers.</p>
 +
          </div>
 +
          </div>
 +
        <div class="block-panel">
 +
        <div class="block-content">
 +
          <h1 >Fantao</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/0/0c/T--DUT_China_B--KFT.jpg" style="height:100%;width:100%;" >
 +
          <p  >Dr. Kong is a Associate Professor in the school of bioengineering, Dalian University of Technology . His research interests including lipid biology and biotechnology using photosynthetic microalgae as model.</p>
 +
          </div>
 +
          </div>
 +
          <div class="block-panel">
 +
          <div class="block-content">
 +
          <h1 >Fantao</h1>
 +
<img src="https://static.igem.org/mediawiki/2018/a/af/T--DLUT_China_B--Team18.jpg" style="height:100%;width:100%;" >
 +
          <p  >Dr. ZI is a teacher in the school of bioengineering, Dalian University of technology. She is mainly responsible for the innovative practice teaching of undergraduates.</p>
 +
          </div>
 +
          </div>
 +
       
 +
    </div>
  
<div class="carousel-item">
 
<!--Mask color-->
 
<div class="view">
 
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/0/09/T--SZU-China--Yongshi.jpg" alt="Second slide">
 
<div class="mask rgba-black-strong"></div>
 
</div>
 
<div class="carousel-caption">
 
<h3 class="h3-responsive">Yongshi Ye</h3>
 
<p style="padding: 40px;">
 
She is an undergraduate from Shenzhen University who is also the youngest in the team. Within the team, she worked on all kinds of design. Music, drama and animation take an important part of her life which is also the key of her inspiration. Though is a little bit shy and not so talky, she does have a creative mind and enjoy trying new things.
 
  
</p>
+
  </div>
</div>
+
</div>
+
</div>
+
<!--/.Slides-->
+
<!--Controls-->
+
<a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
+
<span class="sr-only">Previous</span>
+
</a>
+
<a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
+
<span class="sr-only">Next</span>
+
</a>
+
<!--/.Controls-->
+
</div>
+
<!--/.Carousel Wrapper-->
+
</div>
+
</div>
+
  
<div class="row">
+
  </div>
<div class="col-6">
+
<h1>PI &#38; Advisors:</h1>
+
</div>
+
<div class="col-6">
+
<h1></h1>
+
</div>
+
</div>
+
  
<div class="row">
+
</div>
<div class="col-10 offset-1">
+
<script type="text/javascript">
<!--Carousel Wrapper-->
+
  
<div id="carousel-2" class="carousel slide" data-ride="carousel">
+
window.onload=function(){
<!--Indicators-->
+
  map_height=document.documentElement.clientHeight;//获取页面可见高度
<ol class="carousel-indicators">
+
 
<li data-target="#carousel-2" data-slide-to="0" class="active"></li>
+
  document.getElementById("sides").style.height=map_height+"px";
<li data-target="#carousel-2" data-slide-to="1"></li>
+
  }
<li data-target="#carousel-2" data-slide-to="2"></li>
+
  function getScrollTop(){
<li data-target="#carousel-2" data-slide-to="3"></li>
+
var scrollTop=0;
<li data-target="#carousel-2" data-slide-to="4"></li>
+
if(document.documentElement.scrollTop){
 +
scrollTop=document.documentElement.scrollTop;
 +
}else if(document.body){
 +
scrollTop=document.body.scrollTop;
 +
}
 +
return scrollTop;
 +
}
 +
document.onscroll = function(){
 +
console.log(getScrollTop())
 +
if(getScrollTop()>(map_height+170)) {
 +
document.getElementById("sides").style.position="fixed";
 +
document.getElementById("sides").style.top="0";
 +
document.getElementById("sides").style.left="0";
 +
}else{
 +
document.getElementById("sides").style.position = 'static';
 +
 +
}
 +
</script>
  
  
</ol>
+
</body>
<!--/.Indicators-->
+
<!--Slides-->
+
<div class="carousel-inner" role="listbox" style="height: 600px;">
+
<div class="carousel-item active">
+
<div class="view text-center">
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/1/1e/T--SZU-China--Ad_Weizhao.jpg" alt="First slide">
+
<div class="mask rgba-black-light"></div>
+
 
+
</div>
+
<div class="carousel-caption">
+
<h3 class="h3-responsive">Weizhao Chen</h3>
+
<h5>PI</h5>
+
<p style="padding: 40px;">
+
He is the Deputy Director of the experimental Teaching Center of Biological Sciences, Shenzhen University. He is a wonderful teacher.</p>
+
 
+
</div>
+
</div>
+
<div class="carousel-item">
+
<!--Mask color-->
+
<div class="view">
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/0/04/T--SZU-China--Ad_Ning.jpg" alt="Second slide">
+
<div class="mask rgba-black-strong"></div>
+
</div>
+
<div class="carousel-caption">
+
<h3 class="h3-responsive">Ning Xie</h3>
+
<h5>PI</h5>
+
<p style="padding: 40px;">
+
Dr. Ning Xie, professor in the College of Life Science,Shenzhen university, China. He is really willing to provide help for students.
+
</p>
+
</div>
+
</div>
+
<div class="carousel-item">
+
<!--Mask color-->
+
<div class="view">
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/6/6b/T--SZU-China--Mo.jpg" alt="Third slide">
+
<div class="mask rgba-black-slight"></div>
+
</div>
+
<div class="carousel-caption">
+
<h3 class="h3-responsive">Beixin Mo</h3>
+
<h5>Advisors</h5>
+
<p style="padding: 40px;">
+
Professor Mo, the vice-president of College of Life Science in Shenzhen University, keen on the reserch of epigenetics.
+
 
+
</p>
+
</div>
+
</div>
+
<div class="carousel-item">
+
<!--Mask color-->
+
<div class="view">
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/a/a4/T--SZU-China--Ad_Yanling.jpg" alt="Third slide">
+
<div class="mask rgba-black-slight"></div>
+
</div>
+
<div class="carousel-caption">
+
<h3 class="h3-responsive">Yanling Qiu</h3>
+
<h5>Advisors</h5>
+
<p style="padding: 40px;">
+
She is a postgraduate in chemical engineering and biology who come from SZU-China. Her current research interests are molecular biology, bioenergy. The girl is enthusiastic about science.
+
</p>
+
</div>
+
</div>
+
+
<div class="carousel-item">
+
<!--Mask color-->
+
<div class="view">
+
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/c/c9/T--SZU-China--Jiantao.jpg" alt="Second slide">
+
<div class="mask rgba-black-strong"></div>
+
</div>
+
<div class="carousel-caption">
+
<h3 class="h3-responsive">Jiantao Zhang</h3>
+
<h5>Advisors</h5>
+
<p style="padding: 40px;">
+
He is an undergraduate from Shenzhen University who majors in clinical medicine. He is responsible and diligent and has a thing for basketball. He is open to public basketball challenges, so feel free to contact him.
+
 
+
</p>
+
</div>
+
</div>
+
 
+
<!--/.Slides-->
+
<!--Controls-->
+
<a class="carousel-control-prev" href="#carousel-2" role="button" data-slide="prev">
+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
+
<span class="sr-only">Previous</span>
+
</a>
+
<a class="carousel-control-next" href="#carousel-2" role="button" data-slide="next">
+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
+
<span class="sr-only">Next</span>
+
</a>
+
<!--/.Controls-->
+
</div>
+
<!--/.Carousel Wrapper-->
+
</div>
+
</div>
+
<!--
+
<div class="row">
+
<div class="col-lg-3 col-md-6">
+
<div class="card border shadow">
+
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1e/T--SZU-China--Ad_Weizhao.jpg" />
+
</div>
+
<div class="card-body">
+
<h3>Weizhao Chen</h3>
+
<p>
+
He is the Deputy Director of the experimental Teaching Center of Biological Sciences, Shenzhen University. He is a wonderful teacher.</p>
+
 
+
</div>
+
</div>
+
<div class="col-lg-3 col-md-6">
+
<div class="card border">
+
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/04/T--SZU-China--Ad_Ning.jpg" />
+
</div>
+
<div class="card-body">
+
<h3>Ning Xie</h3>
+
<p>
+
Dr. Ning Xie, professor in the College of Life Science,Shenzhen university, China. He is really willing to provide help for students.
+
</p>
+
</div>
+
</div>
+
<div class="col-lg-3 col-md-6">
+
<div class="card border">
+
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a4/T--SZU-China--Ad_Yanling.jpg" />
+
</div>
+
<div class="card-body">
+
<h3>Yanling Qiu</h3>
+
<p>
+
She is a postgraduate in chemical engineering and biology who come from SZU-China. Her current research interests are molecular biology, bioenergy. The girl is enthusiastic about science.
+
</p>
+
</div>
+
</div>
+
<div class="col-lg-3 col-md-6">
+
<div class="card border">
+
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c9/T--SZU-China--Jiantao.jpg" />
+
</div>
+
<div class="card-body">
+
<h3>Jiantao Zhang</h3>
+
<p>
+
He is an undergraduate from Shenzhen University who majors in clinical medicine. He is responsible and diligent and has a thing for basketball. He is open to public basketball challenges, so feel free to contact him.</p>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
-->
+
</div>
+
 
+
</div>
+
 
+
</body>
+
 
+
<script>
+
// When the DOM is ready, run this function
+
$(document).ready(function() {
+
//Set the carousel options
+
$(function() {
+
$('.carousel').carousel({
+
interval: 6000
+
});
+
});
+
});
+
</script>
+
 
+
 
</html>
 
</html>

Latest revision as of 01:21, 14 December 2019

Document
parts

Great partner


Haobo Wang

Haobo Wang majors in environmental-engineering, yet somehow always finds himself ending up in biology labs.

Peng Feixue

a senior studying math, whose hair suffers from his major.

Chen Kaidi

a senior in Bioengineering from Dalian University of Technology, likes exploration and pursuing things she loves. Though sometimes procrastination will bring her trouble,she still tries to make everything perfect. This is her second year in iGEM, and she really appreciates the two-year experience here, which gives her the most cherish and fulfilling memory in her college time.

Pedro Brown

who is always very glad to discuss synthetic biology issues with iGEMers. iGEM requires not only a solid foundation of biology but also a rich imagination and creativity. He believes tomorrow belongs to synthetic biology. His motto: Miracle is another name for hard work.

Yin Xianqi

Yin Xianqi is an optimistic man with a simple and honest character. Being a senior and experienced in doing experiment, he undoubtedly plays an important role in the team. He is positive and motivated, never loses heart and gives up.

Zhang Yuanzhen

an iGEMer who loves researching and enjoys her second year with iGEM. She is an experienced experimenter and a much cherished asset to our team.

Zhu Jinwei

who has great passion for math as a senior student of bioengineering, and contributes much for our team’s modeling work. He can work just as well by himself.

Yang Bokai

Yang Bokai is a bioengineering senior who enjoys his life but has a contradicted feeling about wet experiments.

Zeng Weiyang

La sophomore major in bioengineering in Dalian University of Technology. He found, quite surprisingly, great pleasure in algae culturing.

Liu Yuanyuan

Liu Yuanyuan studies bioengineering. She had a hard time finding her part in the team, and now you see her, doing experiments and translating, double checking lines on wiki at the same time. Less optimistic and a lot heavier than she wants to be. And if you love MCU or Supernatural or some random TV series, she will be happy to know you.

Chen Yan

who just got into second year and majors in bioengineering. Always bright and optimistic, she enjoys novels and soap operas, living in her own world.

Liu Haodong

Liu Haodong is devoted to the experiment part of our project, mainly in charge of electroporation and algae culturing. Sometimes you will also find him sterilizing and making culture medium, or writing for wiki. Anyway, busy in team.


Ge Yunlong

Ge Yunglong also majors in bioengineering. He has great curiosity for new things. Though having widespread hobbies, he is not everything proficient. Optimistic and friendly, yet particular about friends, he might not be the best man you ever seen, but he is reliable—aren’t that enough for an iGEMer?


Xu Mingxi

Xu Mingxi, who is a senior at Dalian University of technology and majors in automation. She is in charge of Wiki coding in the team.


Men Hongyi

a little cute from architecture major, always busy in drawing.


Ma Yue

Ma Yue, postgraduate of visual communication design at the School of Architecture and Art, Dalian University of Technology. Participated in the main visual design of the 70th anniversary of the university, and now serves as the editor of "China Postgraduate" magazine.


Fantao

Dr. Yang is associate professor, master supervisor in the school of bioengineering, Dalian University of Technology. Her research focuses on (1) the structure and function of the key enzymes involved in cell wall degradation; and (2) development of antibacterial and antifungal technologies and agents; and (3) Application design of controlled release drug delivery carriers.

Fantao

Dr. Kong is a Associate Professor in the school of bioengineering, Dalian University of Technology . His research interests including lipid biology and biotechnology using photosynthetic microalgae as model.

Fantao

Dr. ZI is a teacher in the school of bioengineering, Dalian University of technology. She is mainly responsible for the innovative practice teaching of undergraduates.