Difference between revisions of "Team:CAU China/Team"

 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
 
+
<html><style> /*!
−
<html>
+
−
 
+
−
<style> /*!
+
 
  * Bootstrap v4.1.0 (https://getbootstrap.com/)
 
  * Bootstrap v4.1.0 (https://getbootstrap.com/)
 
  * Copyright 2011-2018 The Bootstrap Authors
 
  * Copyright 2011-2018 The Bootstrap Authors
Line 14: Line 11:
 
   box-sizing: border-box
 
   box-sizing: border-box
 
}
 
}
−
 
 
html {
 
html {
 
   font-family: sans-serif;
 
   font-family: sans-serif;
Line 23: Line 19:
 
   -webkit-tap-highlight-color: transparent
 
   -webkit-tap-highlight-color: transparent
 
}
 
}
−
 
 
@-ms-viewport {
 
@-ms-viewport {
 
   width: device-width
 
   width: device-width
Line 316: Line 311:
  
 
.h2,h2 {
 
.h2,h2 {
−
   font-size: 2rem
+
   font-size: 2.5rem
 
}
 
}
  
Line 2,949: Line 2,944:
 
   float: left;
 
   float: left;
 
   min-width: 10rem;
 
   min-width: 10rem;
−
   padding: .5rem 0;
+
   padding: 0rem 1.5rem;
 +
  padding-bottom:1rem;
 
   margin: .125rem 0 0;
 
   margin: .125rem 0 0;
 
   font-size: 1rem;
 
   font-size: 1rem;
Line 4,140: Line 4,136:
  
 
.navbar-light .navbar-toggler-icon {
 
.navbar-light .navbar-toggler-icon {
−
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
+
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 
}
 
}
  
Line 4,185: Line 4,181:
  
 
.navbar-dark .navbar-toggler-icon {
 
.navbar-dark .navbar-toggler-icon {
−
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
+
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap=round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 
}
 
}
  
Line 5,737: Line 5,733:
 
   -ms-flex-pack: center;
 
   -ms-flex-pack: center;
 
   justify-content: center;
 
   justify-content: center;
−
   width: 15%;
+
   width: 1%;
−
   color: #fff;
+
   color: #ff9ea6;
 
   text-align: center;
 
   text-align: center;
 
   opacity: .5
 
   opacity: .5
Line 6,053: Line 6,049:
  
 
.d-inline {
 
.d-inline {
−
   display: inline!important
+
   display: inline!important;
 +
  font-size:1.75rem
 
}
 
}
  
Line 8,977: Line 8,974:
  
 
/*# sourceMappingURL=bootstrap.min.css.map */
 
/*# sourceMappingURL=bootstrap.min.css.map */
−
</style> </html>
+
</style> </html><!---{{CAU_China/CSS/CAUBootstrapCSS}} ---><html>
−
 
+
−
 
+
−
<!---{{CAU_China/CSS/CAUBootstrapCSS}} --->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<html>
+
 
<style>
 
<style>
 
   /* DEFAULT WIKI SETTINGS */
 
   /* DEFAULT WIKI SETTINGS */
Line 8,997: Line 8,985:
 
   body {background-color:white; }
 
   body {background-color:white; }
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
  .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
  
 
   /* OWN Global Settings */
 
   /* OWN Global Settings */
Line 9,102: Line 9,089:
 
     text-align: center;
 
     text-align: center;
 
     text-decoration: none;
 
     text-decoration: none;
−
     color: #3e8646 !important;
+
     color: #ff9ea6 !important;
 
     opacity: 0.7;
 
     opacity: 0.7;
 
   }
 
   }
Line 9,199: Line 9,186:
 
     margin-left: 5vw;
 
     margin-left: 5vw;
 
   }
 
   }
−
  /* important to the link position of the headings */
 
 
   .post-content h1{
 
   .post-content h1{
 
     padding-top: 30px;
 
     padding-top: 30px;
−
     color:rgba(0, 158, 198,1);
+
     color:rgba(64,224,208,1);
 
   }
 
   }
  
−
  /* important to the link position of the headings */
 
 
   .post-content h2{
 
   .post-content h2{
 
     padding-top: 150px;
 
     padding-top: 150px;
−
     color:rgba(0, 158, 198,1);
+
     color:rgba(64,224,208,1);
 
   }
 
   }
  
 
   /* link color */
 
   /* link color */
 
   .post-content a{
 
   .post-content a{
−
     color:#009EC6;
+
     color:#40E0D0;
 +
  }
 +
 
 +
  .post-content p1{
 +
    color:#000000;
 +
    font-size: 1.5rem;
 +
  }
 +
 
 +
  .post-content li{
 +
    color:#000000;
 +
    font-size: 1.5rem;
 
   }
 
   }
  
 
   #phareferences a{
 
   #phareferences a{
−
     color:#009EC6;
+
     color: #2f4a98;
 
   }
 
   }
  
Line 9,229: Line 9,224:
 
     bottom: auto;
 
     bottom: auto;
 
     display: none;
 
     display: none;
−
     stroke: #009EC6;
+
     stroke: #40E0D0;
 
     transform: translateY(-50%);
 
     transform: translateY(-50%);
 
   }
 
   }
Line 9,264: Line 9,259:
 
   a.toc-reading,
 
   a.toc-reading,
 
   a.toc-already-read.toc-reading {
 
   a.toc-already-read.toc-reading {
−
     color: #009EC6;
+
     color: #40E0D0;
 
     opacity: 1;
 
     opacity: 1;
 
   }
 
   }
Line 9,284: Line 9,279:
 
     transform: translateY(-50%);
 
     transform: translateY(-50%);
 
     transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 
     transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
−
     border-radius: 50%;
+
     border-radius: 80%;
−
     box-shadow: 0 0 0 1px #d9d9d9 inset;
+
     box-shadow: 0 0 0 1px   #000000 inset;
 
     color: #4d4d4d;
 
     color: #4d4d4d;
 
   }
 
   }
Line 9,528: Line 9,523:
 
   }
 
   }
 
</style>
 
</style>
−
</html>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<!---{{CAU_China/CSS/CAUCSS}} --->
 
−
 
−
<html lang="en">
 
−
 
 
<head>
 
<head>
−
  <title>Phactory</title>
 
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
Line 9,554: Line 9,531:
 
   <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/3test_js?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/3test_js?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/4test_js?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/4test_js?action=raw&amp;ctype=text/javascript"></script>
−
 
 
</head>
 
</head>
−
 
+
</html>
 +
<!---{{CAU_China/CSS/CAUCSS}} --->
 +
<!---{{CAU_China/CSS/Top}} --->
 +
<html lang="en">
 
<body style="">
 
<body style="">
−
 
−
 
 
<section id="nav-placeholder">
 
<section id="nav-placeholder">
 
   <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top" style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
 
   <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top" style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
 
     <a class="navbar-brand" href="https://2019.igem.org/Team:CAU_China">
 
     <a class="navbar-brand" href="https://2019.igem.org/Team:CAU_China">
 
       <img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="logo" style="width:70px;height:28px">
 
       <img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="logo" style="width:70px;height:28px">
−
       <h5 class="d-inline ml-3">CAU_China</h5>
+
       <h5 class="d-inline ml-3">CAU_China</h5>
 
     </a>
 
     </a>
 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
Line 9,592: Line 9,569:
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Design">Design</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Design">Design</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Notebook">Notebook</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Notebook">Notebook</a>
−
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Model</a>
 
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Results">Results</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Results">Results</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Demonstrate">Demonstrate</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Demonstrate">Demonstrate</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Method">Method</a>
 +
          </div>
 +
        </li>
  
  
−
          </div>
+
         <li class="nav-item mx-3">
−
        </li>
+
           <a class="nav-link" href="https://2019.igem.org/Team:CAU_China/Parts">PARTS</a>
−
         <li class="nav-item dropdown mx-3">
+
−
           <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+
−
            PARTS
+
−
          </a>
+
−
          <div class="dropdown-menu">
+
−
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Parts">Parts Overview</a>
+
−
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Basic_Part">Basic Parts</a>
+
−
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Improve">Improved Parts</a>
+
−
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Composite_Part">Composite Parts</a>
+
−
          </div>
+
 
         </li>
 
         </li>
  
Line 9,620: Line 9,589:
 
           </a>
 
           </a>
 
           <div class="dropdown-menu">
 
           <div class="dropdown-menu">
−
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Human_Practices">Human Practices</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Human_Practices">Overview</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Integrated_HP">Integrated_HP</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Public_Engagement">Education & Engagement</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Public_Engagement">Education & Engagement</a>
−
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/CCIC">CCIC</a>
 
 
           </div>
 
           </div>
 
         </li>
 
         </li>
 
         <li class="nav-item dropdown mx-3">
 
         <li class="nav-item dropdown mx-3">
 
           <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
 
           <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
−
             AWARDS
+
             MODEL
 
           </a>
 
           </a>
 
           <div class="dropdown-menu">
 
           <div class="dropdown-menu">
−
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Entrepreneurship">Entrepreneurship</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Overview</a>
−
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Hardware">Hardware</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Decision_Model">Decision Model</a>
−
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Measurement">Measurement</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Dynamics_Model">Dynamics Model</a>
−
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Model</a>
+
−
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Software">Software</a>
+
 
           </div>
 
           </div>
 
         </li>
 
         </li>
Line 9,644: Line 9,611:
 
           <a href="https://twitter.com/cau_china" class="fa fa-twitter" target="_blank"></a>
 
           <a href="https://twitter.com/cau_china" class="fa fa-twitter" target="_blank"></a>
 
         </li>
 
         </li>
−
 
−
 
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
 
   </nav>
 
   </nav>
 
</section>
 
</section>
−
 
 
<script>
 
<script>
 
   var url = window.location.href;
 
   var url = window.location.href;
Line 9,659: Line 9,623:
 
   });
 
   });
 
</script>
 
</script>
−
 
 
</body>
 
</body>
−
 
−
 
 
</html>
 
</html>
−
 
+
<!---{{CAU_China/CSS/Mainbody}} --->
−
 
+
 
<html>
 
<html>
 
<style>
 
<style>
  
−
   .pictureTitle{
+
   .parallax2 {
−
     background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.6)), url("https://2019.igem.org/wiki/images/d/db/T--CAU_China--Team2.jpg");
+
    /* The image used */
 +
     background: linear-gradient(rgba(0, 0, 0,.4), rgba(0, 0, 0,.4)), url('http://2018.igem.org/wiki/images/e/e9/T--munich--building.jpeg');
  
 +
    /* Full height */
 +
    height: 50vh;
 +
 +
    /* Create the parallax scrolling effect */
 +
    background-attachment: fixed;
 +
    background-position: center;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
−
     background-size: 100% 200px;
+
     background-size: cover;
−
    background-position:center;
+
−
 
+
 
   }
 
   }
 
   .ImgContainer {
 
   .ImgContainer {
Line 9,797: Line 9,762:
 
<script>
 
<script>
  
−
  //show the descriptions on mobile
 
 
   $(function () {
 
   $(function () {
 
     $(".ImgContainer").click(function() {
 
     $(".ImgContainer").click(function() {
Line 9,806: Line 9,770:
  
 
</script>
 
</script>
−
 
−
 
−
 
 
<div class="main-container">
 
<div class="main-container">
−
 
 
   <section style="
 
   <section style="
 
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
Line 9,818: Line 9,778:
 
height: 100%;width: 100%;>
 
height: 100%;width: 100%;>
 
         <div class="col-md-10" style="
 
         <div class="col-md-10" style="
−
  height: 100%;margin-top: 4em;">
+
      height: 100%;margin-top: 4em;">
−
          <div id="logoPrinteria" class="item" style="
+
      <div id="logoPrinteria" class="item" style="
 
     background-image: url(https://2019.igem.org/wiki/images/d/db/T--CAU_China--Team2.jpg  );
 
     background-image: url(https://2019.igem.org/wiki/images/d/db/T--CAU_China--Team2.jpg  );
 
     height: 100%;
 
     height: 100%;
−
     width: 100%;background-attachment: fixed;background-size: cover;"><img src="http://2018.igem.org/wiki/images/thumb/3/3e/T--Valencia_UPV--TeamTextoUPV2018.jpeg/1200px-T--Valencia_UPV--TeamTextoUPV2018.jpeg.png" style=" margin-top: 0px;">
+
     width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/1/12/T--CAU_China--word-team_members.png" style=" margin-top: 0px;">
−
           
+
−
              <i class="stack-interface stack-down-open-big"></i>
+
−
            </a>
+
−
          </div>
+
  
 +
        <i class="stack-interface stack-down-open-big"></i>
 +
        </a>
 +
      </div>
  
−
        </div>
 
  
−
      </center>
+
    </div>
−
      </div>
+
 
−
      </section>
+
    </center>
 +
</div>
 +
</section>
 
</div>
 
</div>
  
Line 9,854: Line 9,814:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Xinran Dong  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Xinran Dong  <a href="https://www.linkedin.com/in/%E6%AC%A3%E7%84%B6-%E8%91%A3-22b99b190/" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Design Consultant
 
−
      </div>
 
−
      <div>
 
−
        Translator
 
  
−
      </div>
 
 
     </div>
 
     </div>
  
Line 9,875: Line 9,829:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Jing Shi  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Jing Shi  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Team member (experiment)
 
−
      </div>
 
 
     </div>
 
     </div>
  
Line 9,897: Line 9,848:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Leland  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Leland  <a href="https://www.linkedin.com/in/%E5%8A%9B%E8%B1%AA-%E7%BD%97-9b28b0199/" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Director of Web Design
 
−
      </div>
 
−
      <div>
 
−
        Layout Designer
 
−
 
−
      </div>
 
 
     </div>
 
     </div>
  
Line 9,916: Line 9,860:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Zixuan Li  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Zixuan Li  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Team member (experiment)
 
−
      </div>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 9,937: Line 9,878:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Ningyu Bai  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Ningyu Bai  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Team member (experiment)
 
−
      </div>
 
 
     </div>
 
     </div>
  
Line 9,955: Line 9,893:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Ran Wang  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Ran Wang  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Team member (experiment)
 
−
      </div>
 
 
     </div>
 
     </div>
  
Line 9,973: Line 9,908:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Ruogu Liu  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Ruogu Liu  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Lab manager
 
−
      </div>
 
 
     </div>
 
     </div>
  
Line 9,991: Line 9,923:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Shujie Liao  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Shujie Liao  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Lab manager
 
−
      </div>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 10,010: Line 9,939:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Siwen Liang  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Siwen Liang  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Team member (experiment)
 
−
      </div>
 
 
     </div>
 
     </div>
  
Line 10,028: Line 9,954:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Snow Yan  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Snow Yan  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        General Manager
 
−
      </div>
 
−
      <div>
 
−
        Collaboration Coordinator
 
−
      </div>
 
−
      <div>
 
−
        Graphic Designer
 
−
      </div>
 
  
 
     </div>
 
     </div>
Line 10,053: Line 9,970:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Tianshuo Han  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Tianshuo Han  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Mathematics & Software Assistant
 
−
      </div>
 
 
     </div>
 
     </div>
  
Line 10,071: Line 9,985:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Xuqian Fan  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Xuqian Fan  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        General Manager
 
−
      </div>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 10,089: Line 10,000:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Yang Xu  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Yang Xu  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
 
       <div>
 
       <div>
−
        Creative Director
 
−
      </div>
 
−
      <div>
 
−
        Graphic Designer
 
  
 
       </div>
 
       </div>
Line 10,111: Line 10,018:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Yuqi Cheng  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Yuqi Cheng  <a href="https://linkedin.com/in/yuqi-cheng-bjchina" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
      <div>
 
−
        Director of Model Analysis
 
−
      </div>
 
 
     </div>
 
     </div>
  
Line 10,133: Line 10,037:
 
       </div>
 
       </div>
 
       <h3 class="mt-2">
 
       <h3 class="mt-2">
−
         Zhuonan Li  <a href="www.linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
+
         Zhuonan Li  <a href="https://linkedin.com/in/snowyan81" target="_blank"><i class="fa fa-linkedin" style="color: #3e8646"></i> </a>
 
       </h3>
 
       </h3>
−
       <div>
+
    </div>
−
         Mathematics & Software Assistant
+
  </div>
 +
 
 +
  <div class="main-container">
 +
    <section style="
 +
; ; background-size: 100%;height: 24.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 +
       <div class="main-container" style="
 +
height: 100%;width: 100%;">
 +
         <center style="
 +
height: 100%;width: 100%;>
 +
        <div class="col-md-10" style="
 +
        height: 100%;margin-top: 4em;">
 +
        <div id="logoPrinteria" class="item" style="
 +
    background-image: url(https://2019.igem.org/wiki/images/d/da/T--CAU_China--Team3.jpg );
 +
    width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/8/8b/T--CAU_China--word-none.png" style=" margin-top: 0px;">
 +
 
 +
          <i class="stack-interface stack-down-open-big"></i>
 +
          </a>
 +
        </div>
 +
 
 +
 
 +
      </div>
 +
 
 +
      </center>
 +
  </div>
 +
  </section>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="container-fluid text-center mb-0  bg-white">
 +
  <div class="col-12 display-4 mb-3  pt-5 text-left">
 +
    Advisors
 +
  </div>
 +
 
 +
 
 +
  <div class="row">
 +
 
 +
    <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
      <div class="ImgContainer">
 +
        <img src="https://2019.igem.org/wiki/images/c/cb/T--CAU_China--JinShui_Yang.jpg" alt="Avatar" class="Img border" Style="">
 +
        <h3 class="mt-2">
 +
          Jinshui Yang
 +
        </h3>
 +
        <div>
 +
          Associate Professor
 +
        </div>
 +
        <div>
 +
          College of Biological Science
 +
        </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
  
 +
    <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
      <div class="ImgContainer">
 +
        <img src="https://2019.igem.org/wiki/images/a/a8/T--CAU_China--Na_Wang.jpg" alt="Avatar" class="Img border" Style="">
 +
        <h3 class="mt-2">
 +
          Na Wang
 +
        </h3>
 +
        <div>
 +
          Associate Professor
 +
        </div>
 +
        <div>
 +
          College of Biological Science
 +
        </div>
 +
      </div>
  
 +
    </div>
  
 +
  </div>
  
 +
  <div class="main-container">
 +
    <section style="
 +
; ; background-size: 100%;height: 24.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 +
      <div class="main-container" style="
 +
height: 100%;width: 100%;">
 +
        <center style="
 +
height: 100%;width: 100%;>
 +
        <div class="col-md-10" style="
 +
        height: 100%;margin-top: 4em;">
 +
        <div id="logoPrinteria" class="item" style="
 +
    background-image: url(https://2019.igem.org/wiki/images/2/2f/T--CAU_China--Team1.jpg );
 +
    width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/8/8b/T--CAU_China--word-none.png" style=" margin-top: 0px;">
 +
 +
          <i class="stack-interface stack-down-open-big"></i>
 +
          </a>
 +
        </div>
  
  
−
    <div class="container-fluid text-center mb-0  bg-white">
 
−
      <div class="col-12 display-4 mb-3  pt-5 text-left">
 
−
        Advisors
 
 
       </div>
 
       </div>
  
 +
      </center>
 +
  </div>
 +
  </section>
 +
</div>
  
−
      <div class="row">
+
<div class="container-fluid text-center mb-0  bg-white">
 +
  <div class="col-12 display-4 mb-3  pt-5 text-left">
 +
    Acknowledgement
 +
  </div>
  
−
        <div class="col-12 col-md-6 col-xl-3 mb-3">
+
 
−
          <div class="ImgContainer">
+
  <div class="row">
−
            <img src="https://2019.igem.org/wiki/images/c/cb/T--CAU_China--JinShui_Yang.jpg" alt="Avatar" class="Img border" Style="">
+
 
−
            <h3 class="mt-2">
+
    <div class="col-12 col-md-6 col-xl-3 mb-3">
−
              Jinshui Yang
+
      <div class="ImgContainer">
−
            </h3>
+
        <img src="https://2019.igem.org/wiki/images/c/cd/T--CAU_China--Jinwang_Lu.jpg" alt="Avatar" class="Img border" Style="">
−
            <div>
+
        <div class="ImgOverlay text-justify">
−
              Associate Professor
+
          <div class="ImgText"><p class="text-left"><b>Major:</b> Biological Science</p><b>Grade:</b> Sophomore</p><p><b>Why iGEM:</b> The idea of bio-system control in synthetic biology allows me to better understand the phenomena and mechanisms of creature. I hope I can have a richer understanding of life through iGEM while serving the society!</p></div>
−
            </div>
+
−
            <div>
+
−
              College of Biological Science
+
−
            </div>
+
−
          </div>
+
 
         </div>
 
         </div>
 +
      </div>
 +
      <h3 class="mt-2">
 +
        Jinwang Lu
 +
      </h3>
 +
    </div>
  
  
−
        <div class="col-12 col-md-6 col-xl-3 mb-3">
+
    <div class="col-12 col-md-6 col-xl-3 mb-3">
−
          <div class="ImgContainer">
+
      <div class="ImgContainer">
−
            <img src="https://2019.igem.org/wiki/images/a/a8/T--CAU_China--Na_Wang.jpg" alt="Avatar" class="Img border" Style="">
+
        <img src="https://2019.igem.org/wiki/images/f/f7/T--CAU_China--Menghan_Zhao.jpg" alt="Avatar" class="Img border" Style="">
−
            <h3 class="mt-2">
+
        <div class="ImgOverlay text-justify">
−
              Na Wang
+
−
            </h3>
+
−
            <div>
+
−
              Associate Professor
+
−
            </div>
+
−
            <div>
+
−
              College of Biological Science
+
−
            </div>
+
−
          </div>
+
  
 
         </div>
 
         </div>
 +
      </div>
 +
      <h3 class="mt-2">
 +
        Menghan Zhao
 +
      </h3>
 +
    </div>
  
  
  
−
        <div class="container-fluid text-center mb-0  bg-white">
 
−
          <div class="col-12 display-4 mb-3  pt-5 text-left">
 
−
            Acknowledgement
 
−
          </div>
 
  
 +
    <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
      <div class="ImgContainer">
 +
        <img src="https://2019.igem.org/wiki/images/1/14/T--CAU_China--Zheng_Pang.jpg" alt="Avatar" class="Img border" Style="">
 +
        <div class="ImgOverlay text-justify">
 +
          <div class="ImgText"><p class="text-left"><b>Major:</b> Biological Science</p><b>Grade:</b> Junior</p><p><b>Why iGEM:</b> Through this year’s iGEM competition, I want to get further exercise in my experimental ability and learn to work in a team. It is so great that I can learn much from other members and I will have the chance to know more excellent teams and students interested in synthetic biology. I will try my best to do my job well and I sincerely wish our team a good result.</p></div>
 +
        </div>
 +
      </div>
 +
      <h3 class="mt-2">
 +
        Zheng Pang
 +
      </h3>
 +
    </div>
  
−
          <div class="row">
+
  </div>
  
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
</div>
−
              <div class="ImgContainer">
+
−
                <img src="https://2019.igem.org/wiki/images/c/cd/T--CAU_China--Jinwang_Lu.jpg" alt="Avatar" class="Img border" Style="">
+
−
                <div class="ImgOverlay text-justify">
+
−
                  <div class="ImgText"><p class="text-left"><b>Major:</b> Biological Science</p><b>Grade:</b> Sophomore</p><p><b>Why iGEM:</b> The idea of bio-system control in synthetic biology allows me to better understand the phenomena and mechanisms of creature. I hope I can have a richer understanding of life through iGEM while serving the society!</p></div>
+
−
                </div>
+
−
              </div>
+
−
              <h3 class="mt-2">
+
−
                Jinwang Lu
+
−
              </h3>
+
−
            </div>
+
  
 +
</div>
  
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 
−
              <div class="ImgContainer">
 
−
                <img src="https://2019.igem.org/wiki/images/f/f7/T--CAU_China--Menghan_Zhao.jpg" alt="Avatar" class="Img border" Style="">
 
−
                <div class="ImgOverlay text-justify">
 
  
−
                </div>
 
−
              </div>
 
−
              <h3 class="mt-2">
 
−
                Menghan Zhao
 
−
              </h3>
 
−
            </div>
 
  
  
  
  
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 
−
              <div class="ImgContainer">
 
−
                <img src="https://2019.igem.org/wiki/images/1/14/T--CAU_China--Zheng_Pang.jpg" alt="Avatar" class="Img border" Style="">
 
−
                <div class="ImgOverlay text-justify">
 
−
                  <div class="ImgText"><p class="text-left"><b>Major:</b> Biological Science</p><b>Grade:</b> Junior</p><p><b>Why iGEM:</b> Through this year’s iGEM competition, I want to get further exercise in my experimental ability and learn to work in a team. It is so great that I can learn much from other members and I will have the chance to know more excellent teams and students interested in synthetic biology. I will try my best to do my job well and I sincerely wish our team a good result.</p></div>
 
−
                </div>
 
−
              </div>
 
−
              <h3 class="mt-2">
 
−
                Zheng Pang
 
−
              </h3>
 
−
              <div>
 
−
                Team member (experiment)
 
−
              </div>
 
−
            </div>
 
  
−
          </div>
 
  
−
        </div>
 
  
−
      </div>
+
</div>
  
 +
</div>
  
  
  
 +
</html>
 +
<!----{{CAU_China/CSS/Footer}} --->
  
 +
<html>
  
 +
<style>
 +
  .footer-s{
 +
    text-align: center;
 +
    background:White;
 +
    line-height: 5vh;
 +
    padding: .75vh 0 0 0;
 +
    width: 100%;
 +
    margin-bottom: 0;
 +
  }
 +
  .footer-bottom {
 +
    margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px;
 +
    text-align: center;
 +
    background: rgba(0,0,0,.7);
 +
    background-size:cover;
 +
    line-height: 3vh;
 +
    width: 100%;
 +
    padding: .75vh 0 0 0;
 +
    margin-bottom: 0;
 +
  }
  
 +
  .contact-info {
 +
    padding: .75vh 0 .75vh 0;
 +
    position: relative;
 +
    bottom: 0;
 +
    width: 100%;
 +
  }
 +
  .contact-info ul{
 +
    margin: 0;
 +
    padding-left: 0;
 +
    height: 2.25vh
 +
    text-align: middle;
 +
    font-size: 1.5rem;
 +
  }
 +
  .contact-info ul li {
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
    margin: 0 .375vh 0 .375vh;
 +
    text-align: center;
 +
  }
 +
  .contact-info ul .icon{
 +
    height: 2rem;
 +
    width: 2rem;
 +
    border-radius: 100%;
 +
    background: #A65CA4;
 +
  }
 +
  .contact-info ul li a{
 +
    text-decoration: none;
 +
    color: white;
 +
    font-size: 1.35rem;
 +
  }
 +
  .contact-info #fb:hover{
 +
    background: #3B5998;
 +
  }
 +
  .contact-info #ig:hover{
 +
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
 +
  }
 +
  .contact-info #em:hover{
 +
    background: #B23121;
 +
  }
 +
  .contact-info a i{
 +
    line-height: 2rem;
 +
  }
  
 +
</style>
  
 +
<style>
 +
  /**** Font Awesome *****/
 +
 +
  @font-face {
 +
    font-family: 'FontAwesome';
 +
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
 +
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
  }
 +
  .fa {
 +
    display: inline-block;
 +
    font: normal normal normal 14px/1 FontAwesome;
 +
    font-size: inherit;
 +
    text-rendering: auto;
 +
    -webkit-font-smoothing: antialiased;
 +
    -moz-osx-font-smoothing: grayscale;
 +
  }
 +
 +
 +
  .fa-envelope:before {
 +
    content: "\f0e0";
 +
  }
 +
  .fa-phone:before {
 +
    content: "\f095";
 +
  }
 +
  .fa-twitter:before {
 +
    content: "\f099";
 +
  }
 +
  .fa-linkedin:before {
 +
    content: "\f0e1";
 +
  }
 +
  .fa-linkedin-square:before {
 +
    content: "\f08c";
 +
  }
 +
  .fa-youtube:before {
 +
    content: "\f16a";
 +
  }
 +
 +
 +
  /**** Bootstrap *****/
 +
 +
  html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
 +
  body{margin:0;}
 +
  article,
 +
  aside,
 +
  details,
 +
  figcaption,
 +
  figure,
 +
  footer,
 +
  header,
 +
  hgroup,
 +
  main,
 +
  menu,
 +
  nav,
 +
  section,
 +
  summary,hero{display:block;}
 +
  audio,
 +
  canvas,
 +
  progress,
 +
  video{display:inline-block;vertical-align:baseline;}
 +
  audio:not([controls]){display:none;height:0;}
 +
  [hidden],
 +
  template{display:none;}
 +
  a{background-color:transparent;}
 +
  a:active,
 +
  a:hover{outline:0;}
 +
  b,
 +
  strong{font-weight:bold;}
 +
  h1{font-size:2em;}
 +
  img{border:0;max-width:100%;}
 +
  figure{margin:1em 40px;}
 +
  hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
 +
  button,
 +
  input,
 +
  optgroup,
 +
  select,
 +
  textarea{color:inherit;font:inherit;margin:0;}
 +
  button{overflow:visible;}
 +
  button,
 +
  select{text-transform:none;}
 +
  button,
 +
  html input[type="button"],
 +
  input[type="reset"],
 +
  input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
 +
  button[disabled],
 +
  html input[disabled]{cursor:default;}
 +
  button::-moz-focus-inner,
 +
  input::-moz-focus-inner{border:0;padding:0;}
 +
  input{line-height:normal;}
 +
  input[type="checkbox"],
 +
  input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
 +
  textarea{overflow:auto;}
 +
  table{border-collapse:collapse;border-spacing:0;width:100%;}
 +
  td,
 +
  th{padding:0;}
 +
  *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 +
  *:before,
 +
  *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 +
  html{font-size:10px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
 +
  input,
 +
  button,
 +
  select,
 +
  textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
 +
  figure{margin:0;}
 +
  img{vertical-align:middle;}
 +
  .img-responsive{display:block;max-width:100%;height:auto;}
 +
  hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee;}
 +
  [role="button"]{cursor:pointer;}
 +
  .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
 +
  .right{float:right;}
 +
  @media (min-width:768px){.container{width:750px;}
 +
  }
 +
  @media (min-width:992px){.container{width:970px;}
 +
  }
 +
  @media (min-width:1200px){.container{width:1170px;}
 +
  }
 +
  .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
 +
  .row{margin-left:-15px;margin-right:-15px;}
 +
 +
 +
 +
  label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold;}
 +
  input[type="radio"],
 +
  input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal;}
 +
  input[type="file"]{display:block;}
 +
  input[type="range"]{display:block;width:100%;}
 +
  select[multiple],
 +
  select[size]{height:auto;}
 +
  input[type="file"]:focus,
 +
  input[type="radio"]:focus,
 +
  input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
 +
  .radio,
 +
  .checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px;}
 +
  .radio label,
 +
  .checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer;}
 +
  .radio input[type="radio"],
 +
  .radio-inline input[type="radio"],
 +
  .checkbox input[type="checkbox"],
 +
  .checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9;}
 +
  .radio + .radio,
 +
  .checkbox + .checkbox{margin-top:-5px;}
 +
  .radio-inline,
 +
  .checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer;}
 +
  .radio-inline + .radio-inline,
 +
  .checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px;}
 +
  input[type="radio"][disabled],
 +
  input[type="checkbox"][disabled],
 +
  input[type="radio"].disabled,
 +
  input[type="checkbox"].disabled,
 +
  fieldset[disabled] input[type="radio"],
 +
  fieldset[disabled] input[type="checkbox"]{cursor:not-allowed;}
 +
  fieldset[disabled] .radio-inline,
 +
  fieldset[disabled] .checkbox-inline{cursor:not-allowed;}
 +
  .radio.disabled label,
 +
  .checkbox.disabled label,
 +
  fieldset[disabled] .radio label,
 +
  fieldset[disabled] .checkbox label{cursor:not-allowed;}
 +
  select.input-sm{height:30px;line-height:30px;}
 +
  textarea.input-sm,
 +
  select[multiple].input-sm{height:auto;}
 +
  .collapse{display:none;}
 +
  .collapse.in{display:block;}
 +
  tr.collapse.in{display:table-row;}
 +
  tbody.collapse.in{display:table-row-group;}
 +
 +
  .container:before,
 +
  .container:after,
 +
  .container-fluid:before,
 +
  .container-fluid:after,
 +
  .row:before,
 +
  .row:after,
 +
  .form-horizontal .form-group:before,
 +
  .form-horizontal .form-group:after,
 +
  .navbar-collapse:before,
 +
  .navbar-collapse:after{content:" ";display:table;}
 +
  .clearfix:after,
 +
  .container:after,
 +
  .container-fluid:after,
 +
  .row:after,
 +
  .form-horizontal .form-group:after,
 +
  .navbar:after,
 +
 +
  .navbar-collapse:after{clear:both;}
 +
  body{font-size:16px;line-height:1.42857143;color:#000;background-color:#ffffff;}
 +
  a{font-size:16px;color: #2f4a98;text-decoration:none;padding-left: 4px;padding-right: 24px}
 +
  a:hover,
 +
  a:focus{color:#23527c;text-decoration:underline;}
 +
  a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
 +
 +
 +
 +
  section.pad{padding:30px 0;}
 +
 +
 +
  /*** Footer ****/
 +
 +
  footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid  #ff9ea6;}
 +
  footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; }
 +
 +
 +
  .footer_links { margin-top: 20px; color: #004a98; }
 +
  .footer_links p{margin:0;}
 +
  .footer_links a { margin-right: 15px;  font-size: 20px; vertical-align: middle; }
 +
 +
  footer a{color: #004a98;}
 +
  footer a i{color: #004a98;}
 +
  footer img{margin-bottom:15px;}
 +
  footer .fa-twitter{color: #55acee;}
 +
  footer .fa-linkedin{color: #007bb5;}
 +
  footer .fa-youtube{color: #b00;}
 +
  footer .fa-instagram{color:#fb3958;}
 +
 +
  /*** End ***/
 +
 +
  #end{background-color: #004a98;font-size:10px;padding:10px 0;color:#fff;}
 +
  #end .links{margin:10px 0;display: inline-block;}
 +
  #end .links a{color:#fff;margin-right: 5px;display: inline-block;text-decoration:none;}
 +
  #end .links a:hover{text-decoration:underline;}
 +
  #end .links a:before{content:"|";margin-right:5px;}
 +
  #end .links a:first-of-type:before{display:none;}
 +
  #end .col-sm-7{text-align:left;}
 +
  #end .col-sm-5{text-align:right;}
 +
  end .ue{color:  #2f4a98;}
 +
  end .ue1{color: #F5FFFA;}
 +
 +
 +
 +
  @media (min-width: 768px){
 +
    .navbar{border:none;}
 +
    header.main { background: #fff; border-bottom: 3px solid #58b4e5; }
 +
    header.main .top{/* margin-bottom:-20px; */}
 +
    .navbar-brand{margin-top: -20px;}
 +
    .social_links a:after{margin:0 10px;}
 +
    .half{width:50%;display:table-cell;float:left;}
 +
    section.pad{padding:20px 0;}
 +
    .btn{font-size:14px; text-align: center;}
 +
    footer{padding:10px 0;}
 +
    .footer_logo { float: left; width: 15%;margin-left: 0%}
 +
    .footer_address { float: left; width: 33%; margin-left: 4%; }
 +
    .footer_contact { float: left; width: 35%; margin-left: 3%; }
 +
    .footer_links{float: right; text-align: right;margin:0;}
 +
    #end .col-sm-7{text-align:left;}
 +
    #end .col-sm-5{text-align:right;}
 +
    #end .links{margin:0;}
 +
    #end .links a:first-of-type:before{display:inline-block;}
 +
    .team_member img { margin-bottom: 0; }
 +
  }
 +
 +
  @media (min-width: 768px) and (max-width: 991px){
 +
    .hero_h1 { font-size: 28px; line-height: 32px; }
 +
    .hero_half{bottom: 40px; padding: 15px; margin: 0 10%;width:80%;background:rgba(0, 88, 163, 0.75);}
 +
    #end .col-sm-7{text-align:left;}
 +
    #end .col-sm-5{text-align:right;}
 +
  }
 +
 +
  @media (min-width:992px){
 +
    .hero .container { position: relative; height: 100%; }
 +
    .navbar-brand{margin:0;}
 +
    .footer_logo { float: left; width: 18%; } .footer_address { float: left; width: 25%; margin-left: 5%; }
 +
    .footer_contact { float: left; width: 28%; margin-left: 4%; }
 +
    .footer_links { float: right; text-align: right; width: 20%; }
 +
    .footer_links a, .footer_links img { display: inline-block; }
 +
    .footer_links a{margin-left:0px;}
 +
    #end{font-size:12px;}
 +
    #end .col-sm-7{text-align:left;}
 +
    #end .col-sm-5{text-align:right;}
 +
    .team_member .thin-left, .team_member .thin-right{visibility:visible;}
 +
  }
 +
 +
 +
 +
  .fa-twitter, .secondary_menu .top .social_links a > .fa-linkedin, .secondary_menu .top .social_links a > .fa-youtube {color:#FFF;}
 +
 +
 +
 +
 +
 +
</style>
 +
 +
 +
<footer>
 +
 +
  <div class="footer-s ">
 +
    <div class='row align-items-center'>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://www.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/4/48/T--CAU_China--CAU.png"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://cbs.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/a/a8/T--CAU_China--CBS.jpg"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://cbs.cau.edu.cn/sys/" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/f/f2/T--CAU_China--LAB.jpg"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="https://www.mathworks.com" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/c/ce/T--CAU_China--MW.png"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://sklppb.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/a/a3/T--CAU_China--SKPPB.jpg"></a>
 +
      </div>
 +
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 +
        <a href="http://www.tib.cas.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/e/e5/T--CAU_China--TIIB.jpg"></a>
 +
      </div>
 
     </div>
 
     </div>
 +
  </div>
 +
 +
 +
</footer>
 +
 +
 +
 +
  
 +
<div class="container">
 +
  <div class="footer_logo">
 +
    <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px;margin-left: 40%;margin-top: -16%;">
 
   </div>
 
   </div>
 +
  <div class="footer_address">
 +
    <h4>China Agricultural University</h4>
 +
    <p style="font-size: 14px">Tsinghua East Road 17#<br>
 +
      Haidian District <br>
 +
      Beijing 100083<br>
 +
      China</p>
 +
  </div>
 +
  <div class="footer_contact">
 +
    <h4>Registered in China </h4>
 +
 +
    <p><a href="tel:+86(0)-6273 7682"style="font-size: 14px"><i class="fa fa-phone"></i> +86(0)-6273 7682 </a><br>
 +
      <a href="mailto:igem2019cau@gmail.com"style="font-size: 14px"><i class="fa fa-envelope"></i> igem2019cau@gmail.com </a></p>
 +
 +
  </div>
 +
  <div class="footer_links">
 +
    <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:150px;height:35;padding-right: 40%"></a>
 +
    <p style="font-size: 14px">Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank" style="padding: 0rem 0rem"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"style="padding: 0rem 0rem"><i class="fa fa-wechat"></i> </a></p>
 +
  </div>
 +
</div>
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
  
  
  
 
</html>
 
</html>
 +
<html>
 +
</div>
  
  
 +
<end>
 +
  <div class="footer-bottom">
 +
    <div class="row">
 +
      <div class="col-sm-7 col-md-6 "><a href="" target="_blank" class="ue1" style="font-size:14px;padding: 0rem 0rem">
 +
        Copyright &copy;
 +
        2019
 +
        CAU_ESPA. All rights reserved | <a href="" target="_blank" class="ue1"style="font-size:14px;padding: 0rem 0rem">Website Design by</a><a href="https://2019.igem.org/Team:CAU_China/Team" target="_blank" class="ue" style="font-size:14px;padding: 0rem 0rem"> Leland</a>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</end>
  
−
{{CAU_China/CSS/Footer}}
+
</html>

Latest revision as of 14:28, 11 December 2019

Members
Avatar

Major: Biological Science

Grade: Junior

Why iGEM: I know little about synthetic biology before entering this year’s iGEM competition. It is such a fortunate thing to find out that there is a subject can use biological knowledge to serve humanity. Even though I am still a beginner, I believe that with my efforts and enthusiasm for work, I will do it best.

Xinran Dong

Avatar

Major: Biological Science

Grade: Sophomore

Why iGEM: I’m a huge fan of synthetic biology. I have raised my concerns about the astounding field for years and that is the reason I join the CAU team joyously. It will be interesting to spend spare time doing experiments during the summer months. It would be exciting if the results are in line with our expectations.

Jing Shi

Avatar

Major: Information Technology

Grade: Junior

Why iGEM: The most important reason to take part in iGEM is that I want to learn to plan and execute a project as a team, especially the team that will make an impact on our society. At the same time, being part of a multidisciplinary team where I could acquire new skills can build up my confidence.

Leland

Avatar

Major: Biological Science

Grade: Sophomore

Why iGEM: I am so in love of nature that I’d like to integrate into it. I want to make the world more flexible and full of possibilities through iGEM.

Zixuan Li

Avatar

Major: Biological Science

Grade: Sophomore

Why iGEM: Learning bioscience is the most interesting thing in my life. Being an iGEMer gives me the opportunity to apply knowledge into real life as well as to meet more people interested in biology. The idea of iGEM is brilliant since it can help to solve many real problems in the world. I think the whole experience will just be fantastic.

Ningyu Bai

Avatar

Major: Biological Science

Grade: Sophomore

Why iGEM:Try to be better than before. Try to work hard and get perfect data.

Ran Wang

Avatar

Major: Biological Science

Grade: Sophomore

Why iGEM: I am a girl who is fond of music and dancing. Coincidentally and fortunately, I met IGEM and synthetic biology this year. I believe I will have an unforgettable summer in our wonderful team. By the way, if you want to share some yummy food, please remember to call me.

Ruogu Liu

Avatar

Major: Biological Science

Grade: Junior

Why iGEM: I am a creative girl full of curiosity about the world. I am enthusiastic about Synthetic Biology so I participate the 2019 iGEM competition to have a better understanding of this research area. I wish our team a good result!

Shujie Liao

Avatar

Major: Biological Science

Grade: Junior

Why iGEM: Science is considered to be rational and elaborate, but sometimes I get tangled with my emotion. Rather than the ambition to change the world, for me studying biology means to explore the world with a whole new angle.

Siwen Liang

Avatar

Major: Biological Science

Grade: Junior

Why iGEM: As the initiator of our team, I hope we can make our team a good start in our university`s iGEM participation. Also, attracted by the charm of synthetic biology and wanting to get one step closer, I plan to pursue my Ph.D. degree related to this field.

Snow Yan

Avatar

Major: Biological Science

Grade: Sophomore

Why iGEM: I feel very lucky that there is such a wonderful platform for me to approach synthetic biology during my college life. For a long time, I am attracted by two things in this world, computer and biology. Synthetic biology is like building a micro computer with bio bricks, it is a precious way for me to combine these two things together. I believe that taking part in iGEM will be a fantastic experience for me.

Tianshuo Han

Avatar

Major: Biotechnology

Grade: Junior

Why iGEM: I am an outgoing, active and considerate girl. I am very interested in synthetic biology and I really want to work in this field in the future. I will try my best to help our team win the gold medal in this year's competition!

Xuqian Fan

Avatar

Major: Biological Science

Grade: Junior

Why iGEM: I am keen on synthetic biology and I hope to have a deeper understanding of it through the iGEM project.

Yang Xu

Avatar

Major: Biological Science & Information Technology

Grade: Junior

Why iGEM: Through iGEM, I hope to integrate my understanding of mathematical methods into the ever-changing biological system. Formulas are my pen, with data and code as ink, I will make a picture of creature.

Yuqi Cheng

Avatar

Major: Biological Science

Grade: Junior

Why iGEM: I am a girl who fall in love with synthetic biology and expect to use interdisciplinary knowledge to make our world a better place. Currently I am presuming a bachelor’s degree of Biology Science, and learning programming and modeling in spare time. Optimism, confidence, and diligence are my signatures, which are also precious qualities to achieve my ambitions. I join this team because of love and I sincerely hope our iGEM team will receive recognition from organizers of the competition.

Zhuonan Li

Advisors
Avatar

Jinshui Yang

Associate Professor
College of Biological Science
Avatar

Na Wang

Associate Professor
College of Biological Science
Acknowledgement
Avatar

Major: Biological Science

Grade: Sophomore

Why iGEM: The idea of bio-system control in synthetic biology allows me to better understand the phenomena and mechanisms of creature. I hope I can have a richer understanding of life through iGEM while serving the society!

Jinwang Lu

Avatar

Menghan Zhao

Avatar

Major: Biological Science

Grade: Junior

Why iGEM: Through this year’s iGEM competition, I want to get further exercise in my experimental ability and learn to work in a team. It is so great that I can learn much from other members and I will have the chance to know more excellent teams and students interested in synthetic biology. I will try my best to do my job well and I sincerely wish our team a good result.

Zheng Pang