Difference between revisions of "Zju/css/team"

Line 1: Line 1:
−
<!DOCTYPE html>
+
body{
−
<html lang="zh-CN">
+
margin:0;
−
  <head>
+
font-family: 'Roboto', sans-serif;
−
    <!-- Meta, title, CSS, favicons, etc. -->
+
background: #fff;  
−
    <meta charset="utf-8">
+
position:relative;
−
<title>
+
−
 
+
−
    InterLab
+
−
 
+
−
</title>
+
−
 
+
−
<!-- Bootstrap core CSS -->
+
−
 
+
−
<!-- <link href="css/bootstrap.css" rel="stylesheet"> -->
+
−
<!-- <link href='css/bootstrap.css' rel='stylesheet' type='text/css'> -->
+
−
<link href="https://2017.igem.org/Zju/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
+
−
  <!-- Optional Bootstrap Theme -->
+
−
<link href="https://2017.igem.org/Zju/css/team?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
+
−
 
+
−
<!-- <link href="css/bootstrap-theme.css" rel="stylesheet" id="bs-theme-stylesheet"> -->
+
−
<link href="https://2017.igem.org/Zju/css/bootstraptheme?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
+
−
 
+
−
<!-- 按钮的字体 -->
+
−
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'>
+
−
<!-- 按钮的字体end -->
+
−
 
+
−
<!-- Documentation extras -->
+
−
 
+
−
<link href="https://2017.igem.org/Zju/css/docs/min?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
−
 
+
−
<link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
−
<!-- <link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet"> -->
+
−
<link href="https://2017.igem.org/Zju/css/responsive/min?action=raw&ctype=text/css" rel="stylesheet">
+
−
 
+
−
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
+
−
<!-- <link rel="icon" href="/favicon.ico"> -->
+
−
 
+
−
<script>
+
−
  var _hmt = _hmt || [];
+
−
</script>
+
−
  </head>
+
−
 
+
−
 
+
−
<style>
+
−
/*Override default CSS*/
+
−
#sideMenu, #top_title {display:none;}
+
−
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
+
−
 
+
−
 
+
−
/* set all basic objects to neutral formatting*/
+
−
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, font, 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, caption {
+
−
    margin: 0;
+
−
    padding: 0;
+
−
    border: 0;
+
−
    outline: 0;
+
−
    font-size: 100%;
+
−
    vertical-align: baseline;
+
−
    background: transparent;
+
 
}
 
}
−
 
+
body a{
−
#globalWrapper {
+
transition: 0.5s all;
−
    margin: 0;
+
-webkit-transition: 0.5s all;
−
    padding: 0;
+
-moz-transition: 0.5s all;
−
    border: 0;
+
-o-transition: 0.5s all;
−
    outline: 0;
+
-ms-transition: 0.5s all;
−
    font-size: 100%;
+
text-decoration:none;
−
    vertical-align: baseline;
+
outline:none;
−
    background: transparent;
+
 
}
 
}
−
 
+
h1,h2,h3,h4,h5,h6{
−
 
+
margin:0;
−
/* set page to fill window*/
+
font-family: 'Roboto', sans-serif;
−
html{
+
−
  height: 100%;
+
 
}
 
}
−
body {
+
p{
−
  min-height: 100%;
+
margin:0;
−
  background-color: #FFFFFF;  
+
 
}
 
}
−
 
+
ul,label{
−
 
+
margin:0;
−
#content_wrapper {
+
padding:0;
−
    position: relative;
+
−
  top: 0px;
+
−
  left: 0px; 
+
−
  margin: 0px;
+
−
    width: 100%;
+
−
    height: 100%;
+
−
  text-align:center;
+
−
    background-color: #FFFFFF;
+
 
}
 
}
−
 
+
body a:hover{
−
#content_wrapper p {
+
text-decoration:none;
−
    font-family: 'Yanone Kaffeesatz',Tahoma, Geneva, sans-serif;
+
 
}
 
}
−
 
+
body a:focus {
−
#content_wrapper a {  
+
     outline: none;
−
     color:#004789;
+
 
}
 
}
−
 
+
/*-- banner --*/
−
 
+
.w3ls-banner{  
−
#footer {  
+
background:url(../images/a.jpg)no-repeat center 0px;
−
    position:absolute;   
+
background-size:cover;
−
    bottom: 0px;
+
position: relative;
−
    left: 0px;
+
}
−
    width: 100%;
+
.banner-agileinfo,.features-agileinfo {
−
    margin-top: 0px;
+
     background: rgba(0, 0, 0, 0.51);
−
    margin-bottom: 20px;
+
−
     background-color: #FFFFFF;
+
−
    text-align: center;
+
 
}
 
}
−
 
+
/*-- top-header --*/
−
.center {  
+
.header {
−
  width: 60%;
+
     padding-top: 2.5em;
−
     margin-top: 16px;
+
−
  min-width: 500px;
+
−
    padding-bottom:32px;
+
−
  display: inline-block;      
+
 
}
 
}
−
 
+
.logo{
−
.TextContent {
+
    float: left;  
−
  text-align: left;
+
−
  vertical-align: baseline;
+
−
  font-size: 0.875em;
+
−
  font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
 
}
 
}
−
 
+
.logo h1 {
−
.TextContent h1{  
+
    font-size: 5em;
−
  text-align: center;
+
    line-height: 1em;
−
  font-size: 1.5rem;
+
    font-weight: 900;
−
  margin-bottom: 1em;
+
    letter-spacing: 3px;
−
  margin-top: 0.2em;
+
−
  color: #3399ff;
+
−
  font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
 
}
 
}
 +
.logo h1 a,.logo h1 a:hover{
 +
    color: #FFFFFF;
 +
text-decoration: none;
 +
outline:none;
 +
}
 +
/*-- //top-header --*/
  
−
.TextContent h2{
+
/*-- banner-text --*/
−
  line-height: 1.6;
+
.banner-w3ltext {
−
  margin-bottom: 0em;
+
    padding: 14em 0;
−
  margin-top: 1em;
+
    text-align: center;
−
  text-align: left;
+
−
  font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
 
}
 
}
−
 
+
.banner-w3ltext h2 {
−
.TextContent p{
+
    font-size: 8em;
−
  margin-bottom: 1.2em;
+
    color: #fff;
−
  font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
    text-align: center;
 +
    text-transform: uppercase;
 +
    line-height: 1.1em;
 +
    letter-spacing: 1px;
 +
    font-weight: 900;
 +
    display: inline-block;
 +
    border: 10px solid rgba(255, 255, 255, 0.34);
 +
    padding: 0.7em 0;
 +
-webkit-border-radius: 50%;
 +
-moz-border-radius: 50%;
 +
-ms-border-radius: 50%;
 +
-o-border-radius: 50%;
 +
    border-radius: 50%;
 +
    font-family: 'Roboto', sans-serif;
 +
    width: 320px;
 +
    height: 320px;
 
}
 
}
−
 
+
.banner-w3ltext h2 span {
−
.Page_Wide {   
+
    font-family: 'Roboto', sans-serif;
−
  width:100%;  
+
    display: block;
 +
    font-size: .13em;
 +
    font-weight: 300;
 +
    line-height: 0.5em;
 +
    letter-spacing: 12px;
 +
}
 +
/*-- //banner --*/  
 +
/*-- about --*/
 +
.about,.codes,.subscribe,.about,.w3gallery,.team,.news,.contact,.features-agileinfo{
 +
padding:5em 0;
 +
    background-color: #fffafa;
 +
}
 +
h3.agileits-title {
 +
    font-size: 5em;
 +
    color: #000;
 +
    text-align: center;
 +
    margin-bottom: 1em;
 +
    font-weight: 600;
 +
    letter-spacing: 3px;
 
}
 
}
−
 
+
p {
−
.Quarter_Image {
+
    font-size: 4em;
−
  width:25%;
+
    color: #999;
−
  max-height:250px;
+
    line-height: 4em;
−
  float:left;
+
 
}
 
}
−
 
+
.w3layouts_about_grid_left {
−
.Quarter_Image img {
+
     padding: 0 13em 0 0;
−
     display:block;
+
−
    margin:auto;
+
−
    max-height: 250px; 
+
−
    width: auto%;
+
 
}
 
}
−
 
+
/*different grid here! 5 kinds temporarily*/
−
.SocialMediaIconWrapper {
+
/*.w3layouts_about_grid_left_pos*/
−
     width:100%;
+
.grid_left_colorA {
 +
     background: #cbe2f0;
 +
    padding: 2em 0;
 
}
 
}
−
 
+
.grid_left_colorB {
−
.SocialMediaIcon {
+
     background: #dce7e9;
−
     width:4%;
+
     padding: 2em 0;
−
     height:auto;
+
−
    margin-left:20px;
+
−
    display: inline-block;
+
−
    float:left;
+
−
 
+
 
}
 
}
−
 
+
.grid_left_colorC {
−
.SocialMediaIcon img{
+
     background: #fdfffa;
−
     max-width:100%;
+
    padding: 2em 0;
−
  height:auto
+
 
}
 
}
−
 
+
.grid_left_colorD {
−
.TeamImage {
+
    background: #f2eadd;
−
  width:100%;  
+
    padding: 2em 0;
 
}
 
}
−
 
+
.grid_left_colorE {
−
.TeamImage img {
+
     background: #ddf6f2;
−
     max-width:100%;
+
    padding: 2em 0;
−
  height:auto
+
 
}
 
}
−
 
+
.w3layouts_about_grid_left_pos img.img-responsive {
−
.sponsors {
+
    margin-left: 3em;
−
  width: 100%;
+
 
}
 
}
−
 
+
.w3layouts_about_grid_right h4 {
−
.sponsor_row {  
+
    font-size: 1.2em;
−
  width: 100%;
+
    color:#5f9ea0;
 +
    text-transform: capitalize;
 +
    font-weight: 100;
 +
    margin-top: 2em;
 +
    margin-bottom: 0.5em;
 +
    font-family: 'Lucida Handwriting', sans-serif;
 
}
 
}
−
 
+
.w3layouts_about_grid_right h5 {
−
.sponsor_img {  
+
    font-size: 2em;
−
   width: 16.6666667%;  
+
    color: #a2b4ba;
−
  float:left;  
+
    text-transform: capitalize;
 +
    letter-spacing: 1px;
 +
    font-family: 'Segoe UI Light', sans-serif;
 +
}    
 +
.w3layouts_about_grid_right p {
 +
    margin: 0.2em 0 0 !important;  
 +
    line-height: 1.6em !important;
 +
    font-size: 1.2em !important;
 +
    font-family: georgia,'Segoe UI Light', sans-serif !important;
 
}
 
}
 +
/*-- //about --*/ 
  
−
.sponsor_img img{  
+
div.black-bg
−
  max-width:100%;
+
{
−
  height:auto
+
    background-color: #888888;
 
}
 
}
−
 
−
.clear {
 
−
    clear:both;
 
−
}
 
−
 
−
.clear.extra_space {
 
−
    height: 20px;
 
−
}
 
−
 
−
.line_divider {
 
−
    border-top: 1px solid #d3d3d3;
 
−
    width: 98%;
 
−
    margin: auto;
 
−
}
 
−
 
−
</style>
 
−
 
−
  <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 
−
  <div class="page-loader"></div>
 
−
      <!-- Docs master nav -->
 
−
                  <!-- <h1><a class="navbar-brand" href="index.html">MuMei Lab</a></h1> -->
 
−
 
−
        <div class="container">
 
−
    <!-- header -->
 
−
    <div class="header-w3layouts">
 
−
      <!-- Navigation -->
 
−
      <nav class="navbar navbar-default navbar-fixed-top">
 
−
          <div class="navbar-header page-scroll">
 
−
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 
−
            </button>
 
−
           
 
−
              <img class="navbar-brand" href="#" src="https://static.igem.org/mediawiki/2017/d/d5/ZJUChina_logo.png">
 
−
           
 
−
           
 
−
            <!-- <h1><a class="navbar-brand" href="index.html">My Design</a></h1> -->
 
−
 
−
          </div>
 
−
          <!-- Collect the nav links, forms, and other content for toggling -->
 
−
          <div class="collapse navbar-collapse navbar-ex1-collapse">
 
−
            <ul class="nav navbar-nav navbar-right cl-effect-15">
 
−
              <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 
−
              <li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
 
−
             
 
−
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 
−
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Overview<b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu ">
 
−
                  <li><a href="#">Project Description</a></li>
 
−
                  <li><a href="#">Achievements</a></li>
 
−
                  </ul>
 
−
              </li>
 
−
 
−
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 
−
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Project<b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu ">
 
−
                  <li><a href="#">Project Home</a></li>
 
−
                  <li><a href="#">Trichoderma Proof</a></li>
 
−
                  <li><a href="#">VOC sensors</a></li>
 
−
                  <li><a href="#">Signal Transduction</a></li>
 
−
                  <li><a href="#">Mat Synthesis</a></li>
 
−
                  <li><a href="#">Conclusion</a></li>
 
−
                  <li><a href="#">Improvement</a></li>
 
−
                  <li><a href="#">Interlab</a></li>
 
−
                  <li><a href="#">Notebook</a></li>
 
−
                  </ul>
 
−
              </li>
 
−
             
 
−
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 
−
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Modelling<b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu ">
 
−
                  <li><a href="#">Coculture</a></li>
 
−
                  <li><a href="#">VOC analysis</a></li>
 
−
                  </ul>
 
−
              </li>
 
−
 
−
              <li><a href="#portfolio">Hardware</a></li>
 
−
 
−
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 
−
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Safety<b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu ">
 
−
                  <li><a href="#">Environment</a></li>
 
−
                  <li><a href="#">Laboratory</a></li>
 
−
                  </ul>
 
−
              </li>
 
−
 
−
              <li><a href="#portfolio">Collaborations</a></li>
 
−
             
 
−
              <li class="m_nav_item dropdown active" id="moble_nav_item_2">
 
−
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Human Practice<b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu ">
 
−
                  <li><a href="#">Summary</a></li>
 
−
                  <li><a href="#">Silver</a></li>
 
−
                  <li><a href="#">Gold</a></li>
 
−
                  </ul>
 
−
              </li>
 
−
             
 
−
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 
−
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Team<b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu ">
 
−
                  <li><a href="#">Teammates</a></li>
 
−
                  <li><a href="#">Attribution</a></li>
 
−
                  </ul>
 
−
              </li>
 
−
 
−
             
 
−
                       
 
−
             
 
−
             
 
−
             
 
−
 
−
             
 
−
            </ul>
 
−
          </div>
 
−
      </nav> 
 
−
    </div> 
 
−
    </div>
 
−
 
−
 
−
 
−
<div style="margin:0 auto;z-index:50;">
 
−
  <img src="https://static.igem.org/mediawiki/2017/b/be/ZJUChina_interlab_banner.jpg" width="100%">
 
−
  <!-- <img src="images/HP_temp/banner.jpg" width="100%"> -->
 
−
</div>
 
−
 
−
 
−
 
−
 
 
−
  <!-- TEAM页开始 -->
 
−
  <!-- about -->
 
−
  <div class="about">
 
−
    <div  style="background-color: #FFFAF0;width: 100%" class="container">
 
−
 
−
 
−
    <div class="col-md-5 w3layouts_about_grid_left">
 
−
              <div class="w3layouts_about_grid_left_pos grid_left_colorA">
 
−
                <img src="https://static.igem.org/mediawiki/2017/6/6b/ZJUChina_team_jqj.jpg" alt=" " class="img-responsive" />
 
−
              </div>
 
−
            </div>
 
−
            <div class="col-md-7 w3layouts_about_grid_right">
 
−
              <h4>We do our best to salute to the future.</h4>
 
−
              <h5>Qianjing Jiang</h5>
 
−
              <p>Once ever, chasing purest things was my purpose, pure freedom, pure science, pure nature… it’s all about purest life. Now,Participating in igem gives me the chance to experiencing putting science into life, it’s happy and especially this happens with a group of interesting guys.</p>
 
−
            </div>
 
−
            <div class="clearfix"> </div>
 
−
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorB">
 
−
            <img src="https://static.igem.org/mediawiki/2017/e/e2/ZJUChina_team_yjb.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4>As long as you are young.</h4>
 
−
          <h5>Junbo Yang</h5>
 
−
          <p>I’m Junbo Yang, a sophomore at ZheJiang University. I have worked in lab since my freshman year, and focus on the molecular and cell biology. However, the involvement in iGem is my first initiative research project. In my spare time, I enjoy long riding on the roads on sunny days and coming up with creative nicknames for others.</p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorC">
 
−
            <img src="https://static.igem.org/mediawiki/2017/c/c8/ZJUChina_team_cyx.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4>Appreciate the beauty of life.</h4>
 
−
          <h5>Yuxing Chen</h5>
 
−
          <p>My name is Yuxing Chen. As a student from ZJU-iGEM Team, I major in clinical medicine. During spare time, my enthusiasm lies in the playing basketball and chess.
 
−
          Of course, being outgoing, I love talking with others about some topics. Since medicine has close relationship with synthetic biology, I cooperate with these interesting guys to get better understanding of knowledge in a new field.
 
−
          Anyway, keep calm and go ahead!
 
−
          </p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorD">
 
−
            <img src="https://static.igem.org/mediawiki/2017/4/49/ZJUChina_team_wzc.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4> </h4>
 
−
          <h5>Zicong Wang</h5>
 
−
          <p>I am Zicong Wang, a sophomore major in chemistry. I love photography and reading, as well as baking cakes and desserts. I have done a month of research at the Institute of Micro analysis.I am mainly responsible for making the device in the team and I  proposed the idea to check whether the plants are ill by detecting their VOCs.</p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
                <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorE">
 
−
            <img src="https://static.igem.org/mediawiki/2017/e/e6/ZJUChina_team_xzf.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4>No pains, no gains</h4>
 
−
          <h5>Zifan Xie</h5>
 
−
          <p>Hello everyone, I am Xie Zifan, a third-year student majoring in Applied Biology. I took part in experiments of the Remote-control of Trichoderma.  How lucky I am to have the chance to take part in the game and have such an awesome experience. I’m glad to meet these gays, who love biology deeply and have wonderful ideals, and learn a lot on them.
 
−
          </p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorA">
 
−
            <img src="https://static.igem.org/mediawiki/2017/b/b7/ZJUChina_team_zyh.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4>Nothing that is not there and the nothing that is.</h4>
 
−
          <h5>Yihe Zhang</h5>
 
−
          <p>I am a second year applied biology student whose duty in our project is to domesticate the Trichoderma. From random insertion to basic homologous recombination, I have witnessed the process that we can apply the technology of synthetic biology to the new chassis, Trichoderma. I am interested in the connection between the engineered bacteria with plants according to endophyte. Our wet lab is the place where I spend most of my time. What I love to do is to discuss new ideas with my team partners, and our brainstorm usually gives me a surprise!</p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorB">
 
−
            <img src="https://static.igem.org/mediawiki/2017/c/c7/ZJUChina_team_qjm.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4>Life is like a box of chocolates, you never know what you’re gonna get.</h4>
 
−
          <h5>Junming Qian</h5>
 
−
          <p>I am Junming Qian, a sophomore majoring in biology. I was passionate about various creatures when I was a little boy. When I entered university, luckily, I had a chance to encounter with Synthetic Biology. Modularizing and standardizing genes, and connecting them to construct an artificial biological systems are really attractive to me, since it calls into fully play one's imagination and creativity. I love the idea of synthetic biology, and that’s the reason why I participate in iGEM. During this time, I am glad to develop a deep friendship with other 13 people in ZJU-CHINA 2017 and learn a lot.</p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorC">
 
−
            <img src="https://static.igem.org/mediawiki/2017/5/5a/ZJUChina_team_sc.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4> </h4>
 
−
          <h5>Cheng Shen</h5>
 
−
          <p>I major in biology and I regard it as interesting. On thinking that all the animals, large and small, including ourselves,obey the same rules of nature no matter how they look like, I will really appreciate it that the mother nature forms such a colorful world. </p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorD">
 
−
            <img src="https://static.igem.org/mediawiki/2017/5/55/ZJUChina_team_lss.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4> </h4>
 
−
          <h5>Shisheng Li</h5>
 
−
          <p>I'm a second year biology student and it's also my second year participating iGEM. I enjoy playing table tennis in my spare time. Being a part of ZJU-China and working with our team members in this summer can be the best experience for me.</p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorE">
 
−
            <img src="https://static.igem.org/mediawiki/2017/2/20/ZJUChina_team_wzy.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4> </h4>
 
−
          <h5>Zhanyu Wang</h5>
 
−
          <p>Hello, iGEMers, I am Wang Zhanyu, a sophomore majoring in clinical medicine at ZheJiang University. In our project my main responsibility is lab work. I’m in charge of the logic gate and its characterization, and I take part in the design of microfluidic device, too. In the brainstorm, I have an idea called "Bioelectrical Interface", though it is dismissed at last, I still believe it to be a great project. When I participated in iGEM, I were just a freshman. During these eight months, I'm very glad to develop a deep friendship with other 11 people in ZJU-CHINA 2016 Team, and I have also learned a lot of knowledge about molecular biology. What ‘s more, I’ve been to many areas around China to meet people from all walks of life and introduce our project to them. In a word, I feel very honored to be a iGEMer.</p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorA">
 
−
            <img src="https://static.igem.org/mediawiki/2017/e/e3/ZJUChina_team_lsd.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4> </h4>
 
−
          <h5>Sida Li</h5>
 
−
          <p>I’m a junior student majoring in bioscience. Interested in photographing, birding and frisbee. Hoping to make the invisible microbial world more fascinating through synthetic biology.</p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
              <div class="w3layouts_about_grid_left_pos grid_left_colorB">
 
−
                <img src="https://static.igem.org/mediawiki/2017/4/4d/ZJUChina_team_fh.jpg" alt=" " class="img-responsive" />
 
−
              </div>
 
−
            </div>
 
−
            <div class="col-md-7 w3layouts_about_grid_right">
 
−
              <h4>The absence of desire leaves one free to purse other things</h4>
 
−
              <h5>Hao Fang</h5>
 
−
              <p>I am a second year bachelor student and major in computer science. What fascinates me is solving problem using information technology and IGEM is such an awesome competition. In the project, I'm responsible for device design, data analysis and other programming work. Surely the IGEM experience will be the unforgettable one in my college life.</p>
 
−
            </div>
 
−
            <div class="clearfix"> </div>
 
−
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorC">
 
−
            <img src="https://static.igem.org/mediawiki/2017/9/9a/ZJUChina_team_wtz.jpg" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4>Where there is a will, there is a way</h4>
 
−
          <h5>Tianze Wang</h5>
 
−
          <p>Hello! I’m Wang Tianze, a sophomore major in physics. Having a strong interest in interdisciplinary and biology, I enjoy exploring new fields and brainstorming with others. Learning the laws behind things and life both attract me. In the daily life, I’m an optimistic and easy-going girl. I love listening to others attentively to get what they think, what they have experienced. I’ve learned a lot during this project, and it will be an unforgettable memory.</p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
 
−
            <div class="col-md-5 w3layouts_about_grid_left">
 
−
              <div class="w3layouts_about_grid_left_pos grid_left_colorD">
 
−
                <img src="https://static.igem.org/mediawiki/2017/9/95/ZJUChina_team_zrf.jpg" alt=" " class="img-responsive" />
 
−
              </div>
 
−
            </div>
 
−
            <div class="col-md-7 w3layouts_about_grid_right">
 
−
              <h4> </h4>
 
−
              <h5>Ruofei Zhang</h5>
 
−
              <p>My name is Ruofei Zhang, a junior student that major in Digital Media Technology. The reason why I join the IGEM competition is that I want to exit myself from the safe area and look for more magnificent scenery. I am mainly responsible for art work in our team and I also try something I never heard before. It's nice to meet our fun and powerful companions.</p>
 
−
            </div>
 
−
            <div class="clearfix"> </div>
 
−
 
−
 
−
        <div class="col-md-5 w3layouts_about_grid_left">
 
−
          <div class="w3layouts_about_grid_left_pos grid_left_colorE">
 
−
            <img src="https://static.igem.org/mediawiki/2017/6/6b/ZJUChina_team_zzl.jpg
 
−
" alt=" " class="img-responsive" />
 
−
          </div>
 
−
        </div>
 
−
        <div class="col-md-7 w3layouts_about_grid_right">
 
−
          <h4>Seeking Truth and Pursuing Innovation:)</h4>
 
−
          <h5>Zhiling Zhou</h5>
 
−
          <p>My name is Zhiling Zhou, a sophomore in Zhejiang University. My major is computer science and technology.
 
−
          The reason for which I chose this major is that, having long been amazed by the rapid development of artificial intelligence and data analysis, I’m wondering, to which degree can computer change human’s future. I feel it a great privilege to be a member of ZJU-CHINA, to work and do research with you guys!</p>
 
−
        </div>
 
−
        <div class="clearfix"> </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
 
−
 
−
<div class="footer"  style="background-color: #000000">
 
−
      <div class="container text-center">
 
−
        <p class="copyright">2017-ZJUChina-iGEM</p>
 
−
        <p class="copyright">All rights reserved</p>
 
−
      </div>
 
−
    </div>
 
−
  <!-- TEAM页结束 -->
 
−
 
 
−
 
−
    <!-- Footer
 
−
================================================== -->
 
−
 
−
<!-- Bootstrap core JavaScript
 
−
================================================== -->
 
−
<!-- Placed at the end of the document so the pages load faster -->
 
−
 
−
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 
−
  <!--script src="js/bootstrap.min.js"></script-->
 
−
  <script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
 
−
  <!--script src="js/button.js"></script-->
 
−
  <script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
 
−
  <script src="https://static.igem.org/mediawiki/2017/3/32/ZJUChina_docs.min.txt"></script>
 
−
  <script src="https://static.igem.org/mediawiki/2017/e/e0/ZJUChina_button.txt"></script>
 
−
 
−
 
−
  <script src="https://static.igem.org/mediawiki/2017/9/92/ZJUChina_scrolling-nav.txt"></script> 
 
−
  <script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
 
−
 
−
  </body>
 
−
</html>
 

Revision as of 02:41, 9 October 2017

body{ margin:0; font-family: 'Roboto', sans-serif; background: #fff; position:relative; } body a{ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6{ margin:0; font-family: 'Roboto', sans-serif; } p{ margin:0; } ul,label{ margin:0; padding:0; } body a:hover{ text-decoration:none; } body a:focus { 

   outline: none;

} /*-- banner --*/ .w3ls-banner{ background:url(../images/a.jpg)no-repeat center 0px; background-size:cover; position: relative; } .banner-agileinfo,.features-agileinfo { 

   background: rgba(0, 0, 0, 0.51);

} /*-- top-header --*/ .header { 

   padding-top: 2.5em;

} .logo{ 

   float: left;

} .logo h1 { 

   font-size: 5em;
   line-height: 1em;
   font-weight: 900;  
   letter-spacing: 3px;

} .logo h1 a,.logo h1 a:hover{ 

   color: #FFFFFF;

text-decoration: none; outline:none; } /*-- //top-header --*/

/*-- banner-text --*/ .banner-w3ltext { 

   padding: 14em 0;
   text-align: center;

} .banner-w3ltext h2 { 

   font-size: 8em;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   line-height: 1.1em;
   letter-spacing: 1px;
   font-weight: 900;
   display: inline-block;
   border: 10px solid rgba(255, 255, 255, 0.34);
   padding: 0.7em 0;

-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; 

   border-radius: 50%;
   font-family: 'Roboto', sans-serif;
   width: 320px;
   height: 320px;

} .banner-w3ltext h2 span { 

   font-family: 'Roboto', sans-serif;
   display: block;
   font-size: .13em;
   font-weight: 300;
   line-height: 0.5em;
   letter-spacing: 12px;

} /*-- //banner --*/ /*-- about --*/ .about,.codes,.subscribe,.about,.w3gallery,.team,.news,.contact,.features-agileinfo{ padding:5em 0; 

   background-color: #fffafa;

} h3.agileits-title { 

   font-size: 5em;
   color: #000;
   text-align: center;
   margin-bottom: 1em;
   font-weight: 600;
   letter-spacing: 3px;

} p { 

   font-size: 4em;
   color: #999;
   line-height: 4em;

} .w3layouts_about_grid_left { 

   padding: 0 13em 0 0;

} /*different grid here! 5 kinds temporarily*/ /*.w3layouts_about_grid_left_pos*/ .grid_left_colorA { 

   background: #cbe2f0;
   padding: 2em 0;

} .grid_left_colorB { 

   background: #dce7e9;
   padding: 2em 0;

} .grid_left_colorC { 

   background: #fdfffa;
   padding: 2em 0;

} .grid_left_colorD { 

   background: #f2eadd;
   padding: 2em 0;

} .grid_left_colorE { 

   background: #ddf6f2;
   padding: 2em 0;

} .w3layouts_about_grid_left_pos img.img-responsive { 

   margin-left: 3em;

} .w3layouts_about_grid_right h4 { 

   font-size: 1.2em;
   color:#5f9ea0;
   text-transform: capitalize;
   font-weight: 100;
   margin-top: 2em;
   margin-bottom: 0.5em;
   font-family: 'Lucida Handwriting', sans-serif;

} .w3layouts_about_grid_right h5 { 

   font-size: 2em;
   color: #a2b4ba;
   text-transform: capitalize;
   letter-spacing: 1px;
   font-family: 'Segoe UI Light', sans-serif;

} .w3layouts_about_grid_right p { 

   margin: 0.2em 0 0 !important; 
   line-height: 1.6em !important;
   font-size: 1.2em !important;
   font-family: georgia,'Segoe UI Light', sans-serif !important;

} /*-- //about --*/

div.black-bg { 

   background-color: #888888;

}