Difference between revisions of "Team:USTC/Team"

 
(11 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{USTC}}
 
 
<html>
 
<html>
  
 
<head>
 
<head>
  <!-- Bootstrap CSS -->
+
    <!-- Bootstrap CSS -->
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/BScss?action=raw&amp;ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/BScss?action=raw&amp;ctype=text/css">
  <!-- Scrollbal Custom CSS -->
+
    <!-- Scrollbal Custom CSS -->
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/customScrollbarCSS?action=raw&amp;ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/customScrollbarCSS?action=raw&amp;ctype=text/css">
  <!-- Custom CSS -->
+
    <!-- Custom CSS -->
  <!--<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/CSS/mobile?action=raw&amp;ctype=text/css">-->
+
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/CSS/mobile?action=raw&amp;ctype=text/css">
  <link rel="stylesheet" type="text/css" href="style3.css">
+
    <!-- Font Awsome CSS -->
  <!-- Font Awsome CSS -->
+
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/fontawsome?action=raw&amp;ctype=text/css">
  <link rel="stylesheet" type="text/css" href="fontawesome-free-5.4.1-web/fontawesome-free-5.4.1-web/css/all.css">
+
  
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
</head>
 
</head>
  
Line 23: Line 21:
 
     <!-- Sidebar  -->
 
     <!-- Sidebar  -->
 
     <nav id="sidebar">
 
     <nav id="sidebar">
      <div id="dismiss">
 
        <i class="fas fa-arrow-left"></i>
 
      </div>
 
 
 
       <div class="navbar-brand">
 
       <div class="navbar-brand">
 
         <img width="270px" src="https://static.igem.org/mediawiki/2018/1/1e/T--USTC--sidenav-logo.png" />
 
         <img width="270px" src="https://static.igem.org/mediawiki/2018/1/1e/T--USTC--sidenav-logo.png" />
Line 32: Line 26:
 
       <ul class="list-unstyled components">
 
       <ul class="list-unstyled components">
 
         <li>
 
         <li>
           <a href="#">HOME</a>
+
           <a href="https://2018.igem.org/Team:USTC">HOME</a>
 
         </li>
 
         </li>
 
         <li>
 
         <li>
Line 38: Line 32:
 
           <ul class="collapse list-unstyled" id="projectSubmenu">
 
           <ul class="collapse list-unstyled" id="projectSubmenu">
 
             <li>
 
             <li>
               <a href="#">Description</a>
+
               <a href="https://2018.igem.org/Team:USTC/Description">Description</a>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
               <a href="#">Design</a>
+
               <a href="https://2018.igem.org/Team:USTC/Design">Design</a>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
               <a href="#">Results</a>
+
               <a href="https://2018.igem.org/Team:USTC/Results">Results</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:USTC/Hardware">Hardware</a>
 +
            </li>
 +
        <li>
 +
              <a href="https://2018.igem.org/Team:USTC/Safety">Safety</a>
 +
            </li>
 +
    <li>
 +
              <a href="https://2018.igem.org/Team:USTC/Parts">Parts</a>
 
             </li>
 
             </li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
 
         <!--Project-->
 
         <!--Project-->
         <li class="active">
+
         <li>
 
           <a href="#modelSubmenu" data-toggle="collapse" aria-expanded="false">MODEL <i class="fa fa-caret-down"></i></a>
 
           <a href="#modelSubmenu" data-toggle="collapse" aria-expanded="false">MODEL <i class="fa fa-caret-down"></i></a>
 
           <ul class="collapse list-unstyled" id="modelSubmenu">
 
           <ul class="collapse list-unstyled" id="modelSubmenu">
 
             <li>
 
             <li>
               <a href="#">Overview</a>
+
               <a href="https://2018.igem.org/Team:USTC/Model">Overview</a>
 
             </li>
 
             </li>
             <li class="active">
+
             <li>
               <a href="#">Single-cell Model</a>
+
               <a href="https://2018.igem.org/Team:USTC/Model/Single_Cell_Model">Single-cell Model</a>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
               <a href="#">System Analysis</a>
+
               <a href="https://2018.igem.org/Team:USTC/Model/System_Analysis">System Analysis</a>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
               <a href="#">Effectiveness</a>
+
               <a href="https://2018.igem.org/Team:USTC/Model/Performance_evaluation">Performance Evaluation</a>
 +
            </li>
 +
    <li>
 +
              <a href="https://2018.igem.org/Team:USTC/Model/Parameters">Parameters</a>
 
             </li>
 
             </li>
 
           </ul>
 
           </ul>
Line 68: Line 74:
 
         <!--Model-->
 
         <!--Model-->
 
         <li>
 
         <li>
           <a href="#">INTERLAB</a>
+
           <a href="https://2018.igem.org/Team:USTC/InterLab">INTERLAB</a>
 
         </li>
 
         </li>
 
         <!--Interlab-->
 
         <!--Interlab-->
 
         <li>
 
         <li>
           <a href="#partsSubmenu" data-toggle="collapse" aria-expanded="false">PARTS <i class="fa fa-caret-down"></i></a>
+
           <a href="https://2018.igem.org/Team:USTC/Notebook">NOTEBOOK</a>
          <ul class="collapse list-unstyled" id="partsSubmenu">
+
            <li>
+
              <a href="#">Basic Parts</a>
+
            </li>
+
            <li>
+
              <a href="#">Composite Parts</a>
+
            </li>
+
            <li>
+
              <a href="#">Contributions</a>
+
            </li>
+
            <li>
+
              <a href="#">Improve</a>
+
            </li>
+
          </ul>
+
 
         </li>
 
         </li>
         <!--Parts-->
+
         <!--Notebook-->
 
         <li>
 
         <li>
           <a href="#notebookSubmenu" data-toggle="collapse" aria-expanded="false">NOTEBOOK <i class="fa fa-caret-down"></i></a>
+
           <a href="#HPSubmenu" data-toggle="collapse" aria-expanded="false">HUMAN PRACTICES <i class="fa fa-caret-down"></i></a>
           <ul class="collapse list-unstyled" id="notebookSubmenu">
+
           <ul class="collapse list-unstyled" id="HPSubmenu">
 
             <li>
 
             <li>
               <a href="#">Monthly Diary</a>
+
               <a href="https://2018.igem.org/Team:USTC/Human_Practices">Overview</a>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
               <a href="#">Protocols</a>
+
               <a href="https://2018.igem.org/Team:USTC/Human_Practices/General_HP">General HP</a>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
               <a href="#">Materials</a>
+
               <a href="https://2018.igem.org/Team:USTC/Human_Practices/Integrated_HP">Integrated HP</a>
 
             </li>
 
             </li>
 +
    <li>
 +
      <a href="https://2018.igem.org/Team:USTC/Collaborations">Collaborations</a>
 +
    </li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
        <!--Notebook-->
+
<!--Achievements-->
         <li>
+
<li>
           <a href="#HPSubmenu" data-toggle="collapse" aria-expanded="false">HUMAN PRACTICE <i class="fa fa-caret-down"></i></a>
+
          <a href="https://2018.igem.org/Team:USTC/Achievements">ACHIEVEMENTS</a>
           <ul class="collapse list-unstyled" id="HPSubmenu">
+
         </li>
            <li>
+
<li class="active">
               <a href="#">Overview</a>
+
           <a href="#Teamsubmenu" data-toggle="collapse" aria-expanded="false">TEAM <i class="fa fa-caret-down"></i></a>
 +
           <ul class="collapse list-unstyled" id="Teamsubmenu">
 +
    <li class="active">
 +
               <a href="https://2018.igem.org/Team:USTC/Team">Members</a>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
               <a href="#">Survey</a>
+
               <a href="https://2018.igem.org/Team:USTC/Attributions">Attributions</a>
            </li>
+
            <li>
+
              <a href="#">Analyze</a>
+
            </li>
+
            <li>
+
              <a href="#">Practice</a>
+
            </li>
+
            <li>
+
              <a href="#">Teamwork</a>
+
 
             </li>
 
             </li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
        <!--Human practice-->
+
 
        <li>
+
          <a href="#">COLLABORATION</a>
+
        </li>
+
        <li>
+
          <a href="#">TEAM</a>
+
        </li>
+
 
       </ul>
 
       </ul>
 
     </nav>
 
     </nav>
  </div>
 
  
 
     <!-- Page Content  -->
 
     <!-- Page Content  -->
    <div id="content">
+
 
 +
<div id="content">
  
      <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-lg sticky-top" id="navId">
+
    <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-lg sticky-top" id="navId">
        <div class="container-fluid">
+
      <div class="container-fluid">
  
          <button type="button" id="sidebarCollapse" class="btn btn-info">
+
        <button type="button" id="sidebarCollapse" class="btn btn-info">
            <i class="fas fa-align-left"></i>
+
          <i class="fas fa-align-left"></i>
            <span>Nav</span>
+
          <span>Nav</span>
          </button>
+
        </button>
          <img height="40px" src="https://static.igem.org/mediawiki/2018/5/5b/T--USTC--mobile-title.png">
+
        <img height="40px" src="https://static.igem.org/mediawiki/2018/5/5b/T--USTC--mobile-title.png">
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="nav navbar-nav ml-auto">
+
          <ul class="nav navbar-nav ml-auto">
              <li class="nav-item">
+
            <li class="nav-item">
                <a class="nav-link" href="#p1">Leader</a>
+
               <a class="nav-link" href="#p2">Art</a>
               </li>
+
            </li>
              <li class="nav-item">
+
            <li class="nav-item">
                <a class="nav-link" href="#p2">Art</a>
+
              <a class="nav-link" href="#p3">Experiment</a>
              </li>
+
            </li>
              <li class="nav-item">
+
            <li class="nav-item">
                <a class="nav-link" href="#p3">Experiment</a>
+
              <a class="nav-link" href="#p4">Human Practice</a>
              </li>
+
            </li>
              <li class="nav-item">
+
            <li class="nav-item">
                <a class="nav-link" href="#p4">Human Practice</a>
+
              <a class="nav-link" href="#p5">Modeling</a>
              </li>
+
            </li>
              <li class="nav-item">
+
            <li class="nav-item">
                <a class="nav-link" href="#p5">Modeling</a>
+
              <a class="nav-link" href="#p6">Wiki</a>
              </li>
+
            </li>
              <li class="nav-item">
+
          </ul>
                <a class="nav-link" href="#p6">Wiki</a>
+
              </li>
+
            </ul>
+
          </div>
+
          <button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse"
+
            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
+
            aria-label="Toggle navigation">
+
            <i class="fas fa-align-justify"></i>
+
          </button>
+
 
         </div>
 
         </div>
      </nav>
+
         <button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
 
+
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="container">
+
          <i class="fas fa-align-justify"></i>
         <div class="alert alert-success" role="alert">
+
         </button>
        <h3 class="alert-heading text-center">Team</h3>
+
        </div> 
+
   
+
  <!--轮播效果--> 
+
  <div class="card mb-3">
+
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
    <ol class="carousel-indicators">
+
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
    </ol>
+
    <div class="carousel-inner" role="listbox">
+
      <div class="carousel-item active">
+
         <img src="https://static.igem.org/mediawiki/2018/f/fe/T--USTC--Photo_Captain_USTC.jpg" alt="First slide">
+
 
       </div>
 
       </div>
      <div class="carousel-item">
+
     </nav>
        <img src="https://static.igem.org/mediawiki/2018/f/fe/T--USTC--Photo_Captain_USTC.jpg" alt="Second slide">
+
      </div>
+
      <div class="carousel-item">
+
        <img src="https://static.igem.org/mediawiki/2018/f/fe/T--USTC--Photo_Captain_USTC.jpg" alt="Third slide">
+
      </div>
+
     </div>
+
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+
      <span class="icon-prev" aria-hidden="true"></span>
+
      <span class="sr-only">Previous</span>
+
    </a>
+
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+
      <span class="icon-next" aria-hidden="true"></span>
+
      <span class="sr-only">Next</span>
+
    </a>
+
  </div>
+
  </div>      
+
 
+
  
  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseAll" aria-expanded="false" aria-controls="collapseExample">
+
    <div class="container">
  Read More
+
     
  </button>
+
<div class="card mb-3 border-light">
 
+
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/ab/T--USTC--Team_title.png" alt="">
  <div class="collapse" id="collapseAll">
+
                </div>
        <!--P1-->
+
      <div id="carousel-team" class="carousel slide mb-3" data-ride="carousel">
 
+
        <ol class="carousel-indicators">
          <div class="card mb-3" id="p1">
+
          <li data-target="#carousel-team" data-slide-to="0" class="active"></li>
              <div class="card-body">
+
          <li data-target="#carousel-team" data-slide-to="1"></li>
                <h4 class="card-title">Leader</h4>
+
          <li data-target="#carousel-team" data-slide-to="2"></li>
                <hr>
+
          <li data-target="#carousel-team" data-slide-to="3"></li>
                <div class="card-columns">
+
          <li data-target="#carousel-team" data-slide-to="4"></li>
                  <div class="card">
+
        </ol>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/fe/T--USTC--Photo_Captain_USTC.jpg" alt="YuWenfei">
+
        <div class="carousel-inner" role="listbox">
                    <div class="card-body">
+
          <div class="carousel-item active">
                      <h4 class="card-title">YuWenfei</h4>
+
            <img src="https://static.igem.org/mediawiki/2018/c/c9/T--USTC--Photo_IGEM_family.jpg" style="max-width:100%;height:auto"
                      <p class="card-text"> He’s a hardworking leader, who is quite responsible for the team and really devotes himself all in the project. He takes an active part in almost every phase and aspect of the entire procedure of this project. It’s quite lucky to have such a excellent leader.</p>
+
              alt="First slide">
                    </div>
+
            <div class="carousel-caption d-none d-md-block">
                  </div>
+
              <h3>iGEM-USTC 2018</h3>
                  <div class="card">
+
              <p>the big family!</p>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/42/T--USTC--PHOTO_ZLW.jpg" alt="ZhangLiwen">
+
                    <div class="card-body">
+
                      <h4 class="card-title">ZhangLiwen</h4>
+
                      <p class="card-text">   As team manager, he is initiative,independent and has good communication skill. He has dealt with much boring but important work for our convenience. And as a co-leader he is the one who can take in charge of the atmosphere and make the our lab relax in daily life.</p>
+
                    </div>
+
                  </div>
+
                </div>   
+
   
+
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 +
          <div class="carousel-item">
 +
            <img src="https://static.igem.org/mediawiki/2018/9/9c/T--USTC--PHOTO_TAIWAN2.jpg" style="max-width:100%;height:auto" alt="Second slide">
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img src="https://static.igem.org/mediawiki/2018/3/3d/T--USTC--PHOTO_CCIC.jpg" style="max-width:100%;height:auto"
 +
              alt="Third slide">
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img src="https://static.igem.org/mediawiki/2018/9/9c/T--USTC--PHOTO_flyingcap.jpg" style="max-width:100%;height:auto"
 +
              alt="Forth slide">
 +
          </div>
 +
          <div class="carousel-item">
 +
            <img src="https://static.igem.org/mediawiki/2018/e/ee/T--USTC--PHOTO_wikinight.jpg" style="max-width:100%;height:auto"
 +
              alt="Fifth slide">
 +
          </div>
 +
        </div>
 +
        <a class="carousel-control-prev" href="#carousel-team" 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-team" role="button" data-slide="next">
 +
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
          <span class="sr-only">Next</span>
 +
        </a>
 +
      </div>
  
            <div class="card mb-3" id="p2">
+
      <div id="container">
            <div class="card-body">
+
        <div class="card mb-3">
 +
          <div class="card-body" id="p2">
 
             <h4 class="card-title">Art</h4>
 
             <h4 class="card-title">Art</h4>
             <hr>  
+
             <hr>
 
             <div class="card-columns">
 
             <div class="card-columns">
 
               <div class="card">
 
               <div class="card">
Line 252: Line 213:
 
                 <div class="card-body">
 
                 <div class="card-body">
 
                   <h4 class="card-title">QingJingkun</h4>
 
                   <h4 class="card-title">QingJingkun</h4>
                   <p class="card-text">He is a cool boy who has a great sense of art, and contributes a lot in making wonderful posters.</p>      
+
                   <p class="card-text">He is a cool boy who has a great sense of art, and contributes a lot in making
              </div>
+
                    wonderful posters.</p>
 +
                </div>
 
               </div>
 
               </div>
 
               <div class="card">
 
               <div class="card">
Line 259: Line 221:
 
                 <div class="card-body">
 
                 <div class="card-body">
 
                   <h4 class="card-title">LinWeidong</h4>
 
                   <h4 class="card-title">LinWeidong</h4>
                   <p class="card-text">Lin is just like a big brother of the team, he is always calm to everything and makes beautiful PPT</p>
+
                   <p class="card-text">Lin is just like a big brother of the team, he is always calm to everything and
 +
                    makes beautiful PPT</p>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
               <div class="card">
 
               <div class="card">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1c/T--USTC--Photo_TD.jpg" alt="TaoKaiyue">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1c/T--USTC--Photo_TD.jpg" alt="TaoKaiyue">
                  <div class="card-body">
+
                <div class="card-body">
                    <h4 class="card-title">TaoKaiyue</h4>
+
                  <h4 class="card-title">TaoKaiyue</h4>
                    <p class="card-text">He’s really good at photoshop、premiere and taking photos, we really admire his wonderful work to make our pjoject vivid.</p>
+
                  <p class="card-text">He’s really good at photoshop、premiere and taking photos, we really admire his
                  </div>
+
                    wonderful work to make our pjoject vivid.</p>
 +
                </div>
 
               </div>
 
               </div>
            </div>
+
              <div class="card">
            <div class="card-columns">
+
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/b1/T--USTC--Photo_WPS.jpg" alt="WangPing">
                 <div class="card">
+
                <div class="card-body">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/b1/T--USTC--Photo_WPS.jpg" alt="WangPing">
+
                  <h4 class="card-title">WangPing</h4>
                  <div class="card-body">
+
                  <p class="card-text">Sister Ping is cool and outgoing. She nearly participates in every part of our
                    <h4 class="card-title">WangPing</h4>
+
                    team work, and use her passion to effects everyone in our team.</p>
                    <p class="card-text">Sister Ping is cool and outgoing. She nearly participates in every part of our team work, and use her passion to effects everyone in our team.</p>
+
                  </div>
+
 
                 </div>
 
                 </div>
 +
              </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
  
         
+
 
        <!--P3-->
+
         <div class="card mb-3">
         <div class="card mb-3" id="p3">
+
           <div class="card-body" id="p3">
           <div class="card-body">
+
 
             <h4 class="card-title">Experiment</h4>
 
             <h4 class="card-title">Experiment</h4>
 
             <hr>
 
             <hr>
 
 
             <div class="card-columns">
 
             <div class="card-columns">
                <div class="card">
+
              <div class="card">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/47/T--USTC--Photo_TET.jpg" alt="TangErting">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/fe/T--USTC--Photo_Captain_USTC.jpg"
                  <div class="card-body">
+
                  alt="YuWenfei">
                    <h4 class="card-title">TangErting</h4>
+
                <div class="card-body">
                    <p class="card-text">TangErting is a creative and scrupulous girl. She always has clear mind and provides a lot of guidance for the project design.</p>     
+
                  <h4 class="card-title">YuWenfei</h4>
                </div>
+
                  <p class="card-text"> He’s a hardworking leader, who is quite responsible for the team and really
 +
                    devotes himself all in the project. He takes an active part in almost every phase and aspect of the
 +
                    entire procedure of this project. It’s quite lucky to have such a excellent leader.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/7b/T--USTC--Photo_KXT.jpg" alt="KongXiangtian">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/42/T--USTC--PHOTO_ZLW.jpg" alt="ZhangLiwen">
                    <h4 class="card-title">KongXiangtian</h4>
+
                <div class="card-body">
                    <p class="card-text">As one of the second-year attenders, she shows great patience to freshman. As a co-leader, she is very conscientious and always reminds headman of ddls.</p>
+
                  <h4 class="card-title">ZhangLiwen</h4>
                  </div>
+
                  <p class="card-text"> As team manager, he is initiative, independent and has good communication
 +
                    skill. He has dealt with much boring but important work for our convenience. And as a co-leader he
 +
                    is the one who can take in charge of the atmosphere and make the our lab relax in daily life.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/86/T--USTC--Photo_GHY.jpg" alt="GaoHeyu">
+
              <div class="card">
                    <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/47/T--USTC--Photo_TET.jpg" alt="TangErting">
                      <h4 class="card-title">GaoHeyu</h4>
+
                <div class="card-body">
                      <p class="card-text">GaoHeyu is a girl who has great passion for science, she’s also quite friendly and optimistic who brings our lab much fun in daily life.</p>
+
                  <h4 class="card-title">TangErting</h4>
                    </div>
+
                  <p class="card-text">TangErting is a creative and scrupulous girl. She always has clear mind and
 +
                    provides a lot of guidance for the project design.</p>
 
                 </div>
 
                 </div>
            </div>
+
              </div>
 
+
              <div class="card">
            <div class="card-columns">
+
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/7b/T--USTC--Photo_KXT.jpg" alt="KongXiangtian">
                 <div class="card">
+
                <div class="card-body">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/2/27/T--USTC--Photo_YHQ.jpg" alt="YuHujia">
+
                  <h4 class="card-title">KongXiangtian</h4>
                  <div class="card-body">
+
                  <p class="card-text">As one of the second-year attenders, she shows great patience to freshman. As a
                    <h4 class="card-title">YuHujia</h4>
+
                    co-leader, she is very conscientious and always reminds headman of ddls.</p>
                    <p class="card-text"> It’s quite nomal to pronounce his name mistakenly, but he always let it go. Yu is a great man to take in charge of the atmosphere and tube cleaning.</p>     
+
                </div>
+
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1c/T--USTC--Photo_Sunshine_Boy.jpg" alt="Hechen">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/86/T--USTC--Photo_GHY.jpg" alt="GaoHeyu">
                    <h4 class="card-title">Hechen</h4>
+
                <div class="card-body">
                    <p class="card-text">A sunny boy whose face stays smiling, he works hard with high efficiency. It's pleasant to have such a partner.</p>
+
                  <h4 class="card-title">GaoHeyu</h4>
                  </div>
+
                  <p class="card-text">GaoHeyu is a girl who has great passion for science, she’s also quite friendly
 +
                    and optimistic who brings our lab much fun in daily life.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4c/T--USTC--Photo_SEZ.jpg" alt="SunErzhuo">
+
              <div class="card">
                    <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/2/27/T--USTC--Photo_YHQ.jpg" alt="YuHujia">
                      <h4 class="card-title">SunErzhuo</h4>
+
                <div class="card-body">
                      <p class="card-text">Sun is a responsible man, though his major is physics, he still has a great passion for life science.</p>
+
                  <h4 class="card-title">YuHujia</h4>
                    </div>
+
                  <p class="card-text"> It’s quite nomal to pronounce his name mistakenly, but he always let it go. Yu
 +
                    is a great man to take in charge of the atmosphere and tube cleaning.</p>
 
                 </div>
 
                 </div>
            </div>
+
              </div>
 
+
              <div class="card">
            <div class="card-columns">
+
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1c/T--USTC--Photo_Sunshine_Boy.jpg"
                 <div class="card">
+
                  alt="Hechen">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4d/T--USTC--Photo_AYY.jpg" alt="AnYongyan">
+
                <div class="card-body">
                  <div class="card-body">
+
                  <h4 class="card-title">Hechen</h4>
                    <h4 class="card-title">AnYongyan</h4>
+
                  <p class="card-text">A sunny boy whose face stays smiling, he works hard with high efficiency. It's
                    <p class="card-text">She is full of enthusiasm for biology and makes a great contribution to our project.</p>     
+
                    pleasant to have such a partner.</p>
                </div>
+
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/10/T--USTC--Photo_XDS.jpg" alt="XieFangting">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4c/T--USTC--Photo_SEZ.jpg" alt="SunErzhuo">
                    <h4 class="card-title">XieFangting</h4>
+
                <div class="card-body">
                    <p class="card-text">Though as a student of computer science, she works in lab nearly everyday. She is also quite friendly and establishes a close relationship with other lab members.</p>
+
                  <h4 class="card-title">SunErzhuo</h4>
                  </div>
+
                  <p class="card-text">Sun is a responsible man, though his major is physics, he still has a great
 +
                    passion for life science.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a5/T--USTC--Photo_Syy.jpg" alt="ShiYingying">
+
              <div class="card">
                    <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4d/T--USTC--Photo_AYY.jpg" alt="AnYongyan">
                      <h4 class="card-title">ShiYingying</h4>
+
                <div class="card-body">
                      <p class="card-text">A girl who never dare to express her standpoint. She shows walm-heart and confidence to everyone.</p>
+
                  <h4 class="card-title">AnYongyan</h4>
                    </div>
+
                  <p class="card-text">She is full of enthusiasm for biology and makes a great contribution to our
 +
                    project.</p>
 
                 </div>
 
                 </div>
            </div>
+
              </div>
 
+
              <div class="card">
            <div class="card-columns">
+
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/10/T--USTC--Photo_XDS.jpg" alt="XieFangting">
                 <div class="card">
+
                <div class="card-body">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c4/T--USTC--Photo_LYB.jpg" alt="LiYuebai">
+
                  <h4 class="card-title">XieFangting</h4>
                  <div class="card-body">
+
                  <p class="card-text">Though as a student of computer science, she works in lab nearly everyday. She
                    <h4 class="card-title">LiYuebai</h4>
+
                    is also quite friendly and establishes a close relationship with other lab members.</p>
                    <p class="card-text">As a junior attender, she almost joined in all of our experiments and provided a lot of precious suggestions to the experiments.</p>     
+
                </div>
+
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src=" https://static.igem.org/mediawiki/2018/1/18/T--USTC--Photo_WYY.jpg" alt="WangYuyang">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a5/T--USTC--Photo_Syy.jpg" alt="ShiYingying">
                    <h4 class="card-title">WangYuyang</h4>
+
                <div class="card-body">
                    <p class="card-text">He is responsible for his group and always come up with intelligent ideas for the experiment and project.</p>
+
                  <h4 class="card-title">ShiYingying</h4>
                  </div>
+
                  <p class="card-text">A girl who never dare to express her standpoint. She shows walm-heart and
 +
                    confidence to everyone.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a2/T--USTC--JSXGG.png" alt="JiangZhenyu">
+
              <div class="card">
                    <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c4/T--USTC--Photo_LYB.jpg" alt="LiYuebai">
                      <h4 class="card-title">JiangZhenyu</h4>
+
                <div class="card-body">
                      <p class="card-text">We usually call him ‘God Jiang’ for his understanding GPA , and he is conscientious in experiment and try his best to get a better result.</p>
+
                  <h4 class="card-title">LiYuebai</h4>
                    </div>
+
                  <p class="card-text">As a junior attender, she almost joined in all of our experiments and provided a
 +
                    lot of precious suggestions to the experiments.</p>
 
                 </div>
 
                 </div>
            </div>
+
              </div>
 
+
              <div class="card">
            <div class="card-columns">
+
                 <img class="card-img-top" src=" https://static.igem.org/mediawiki/2018/1/18/T--USTC--Photo_WYY.jpg" alt="WangYuyang">
                 <div class="card">
+
                <div class="card-body">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/09/T--USTC--Photo_ZBN.jpg" alt="ZhangBonan">
+
                  <h4 class="card-title">WangYuyang</h4>
                  <div class="card-body">
+
                  <p class="card-text">He is responsible for his group and always come up with intelligent ideas for
                    <h4 class="card-title">ZhangBonan</h4>
+
                    the experiment and project.</p>
                    <p class="card-text">ZhangBonan is a girl with impressive capacity for thinking, she provide quite much valuable idea to our project.</p>     
+
                </div>
+
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/5/5c/T--USTC--Photo_XDG.jpg" alt="LuoLiudong">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/a/a2/T--USTC--JSXGG.png" alt="JiangZhenyu">
                    <h4 class="card-title">LuoLiudong</h4>
+
                <div class="card-body">
                    <p class="card-text">As a senior attender, he devotes much time for our project, but we are gald to see he still has new gains from the team.</p>
+
                  <h4 class="card-title">JiangZhenyu</h4>
                  </div>
+
                  <p class="card-text">We usually call him ‘God Jiang’ for his understanding GPA , and he is
 +
                    conscientious in experiment and try his best to get a better result.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/5/5a/T--USTC--Photo_KLZ.jpg" alt="KongLinzhen">
+
              <div class="card">
                    <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/09/T--USTC--Photo_ZBN.jpg" alt="ZhangBonan">
                      <h4 class="card-title">KongLinzhen</h4>
+
                <div class="card-body">
                      <p class="card-text"> She is a very hard-working girl, who joined nearly most of our experiment and offer some precious suggestion.</p>
+
                  <h4 class="card-title">ZhangBonan</h4>
                    </div>
+
                  <p class="card-text">ZhangBonan is a girl with impressive capacity for thinking, she provide quite
 +
                    much valuable idea to our project.</p>
 
                 </div>
 
                 </div>
            </div>
+
              </div>
 
+
              <div class="card">
            <div class="card-columns">
+
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/5/5c/T--USTC--Photo_XDG.jpg" alt="LuoLiudong">
                 <div class="card">
+
                <div class="card-body">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/74/T--USTC--Photo_HQC.jpg" alt="HuQiuchen">
+
                  <h4 class="card-title">LuoLiudong</h4>
                  <div class="card-body">
+
                  <p class="card-text">As a senior attender, he devotes much time for our project, but we are gald to
                    <h4 class="card-title">HuQiuchen</h4>
+
                    see he still has new gains from the team.</p>
                    <p class="card-text">He’s a very active and cheerful person and everyone feels happy to work with him because of his circumspection</p>     
+
                </div>
+
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/7c/T--USTC--Photo_LTT.jpg" alt="LiangTingting">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/5/5a/T--USTC--Photo_KLZ.jpg" alt="KongLinzhen">
                    <h4 class="card-title">LiangTingting</h4>
+
                <div class="card-body">
                    <p class="card-text">She is a shy girl who is conscientious in experiment and try his best to get a better result.</p>
+
                  <h4 class="card-title">KongLinzhen</h4>
                  </div>
+
                  <p class="card-text"> She is a very hard-working girl, who joined nearly most of our experiment and
 +
                    offer some precious suggestion.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/e/ee/T--USTC--Photo_XGY.jpg" alt="XuGuiyang">
+
              <div class="card">
                    <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/74/T--USTC--Photo_HQC.jpg" alt="HuQiuchen">
                      <h4 class="card-title">XuGuiyang</h4>
+
                <div class="card-body">
                      <p class="card-text">Xu is both good at singing and picking single colony. .You may feel at ease working with him.</p>
+
                  <h4 class="card-title">HuQiuchen</h4>
                     </div>
+
                  <p class="card-text">He’s a very active and cheerful person and everyone feels happy to work with him
 +
                     because of his circumspection</p>
 
                 </div>
 
                 </div>
            </div>
+
              </div>
 
+
              <div class="card">
            <div class="card-columns">
+
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/7c/T--USTC--Photo_LTT.jpg" alt="LiangTingting">
                 <div class="card">
+
                <div class="card-body">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4e/T--USTC--PHOTO_ZHY.jpg" alt="ZhongHaoyue">
+
                  <h4 class="card-title">LiangTingting</h4>
                  <div class="card-body">
+
                  <p class="card-text">She is a shy girl who is conscientious in experiment and try his best to get a
                    <h4 class="card-title">ZhongHaoyue</h4>
+
                    better result.</p>
                    <p class="card-text">She’s a quiet girl who is full of enthusiasm for biology and finish her own part well.</p>
+
</div>
+
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/90/T--USTC--Photo_YSH.jpg" alt="YuShihui">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/e/ee/T--USTC--Photo_XGY.jpg" alt="XuGuiyang">
                    <h4 class="card-title">YuShihui</h4>
+
                <div class="card-body">
                    <p class="card-text"> As our presenter, she speaks English fluently and her thinking is very agile. What’s more,
+
                  <h4 class="card-title">XuGuiyang</h4>
Shihui also shows a great amicable and cautious.
+
                  <p class="card-text">Xu is both good at singing and picking single colony. .You may feel at ease
</div>
+
                    working with him.</p>
 
                 </div>
 
                 </div>
                 <div class="card">
+
              </div>
                   <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/2/22/T--USTC--PHOTO_XYH.jpg" alt="XinYuhui">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4e/T--USTC--PHOTO_ZHY.jpg" alt="ZhongHaoyue">
                    <h4 class="card-title">XinYuhui</h4>
+
                 <div class="card-body">
                    <p class="card-text"> He actively took part in our whole project and performed well in A-iGEM. Yuhui also made contributions of great significance in wiki editing.
+
                   <h4 class="card-title">ZhongHaoyue</h4>
 
+
                  <p class="card-text">She’s a quiet girl who is full of enthusiasm for biology and finish her own part
</p>      
+
                    well.</p>
                </div>
+
</div>
 +
              </div>
 +
              <div class="card">
 +
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/90/T--USTC--Photo_YSH.jpg" alt="YuShihui">
 +
                <div class="card-body">
 +
                  <h4 class="card-title">YuShihui</h4>
 +
                  <p class="card-text">As our presenter, she speaks English fluently and her thinking is very agile. What’s more,
 +
Shihui also shows a great amicable and cautious.</p>
 +
</div>
 +
              </div>
 +
              <div class="card">
 +
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/2/22/T--USTC--PHOTO_XYH.jpg" alt="XinYuhui">
 +
                <div class="card-body">
 +
                  <h4 class="card-title">XinYuhui</h4>
 +
                  <p class="card-text">He actively took part in our whole project and performed well in A-iGEM. Yuhui also made contributions of great significance in wiki editing.</p>
 +
                </div>
 +
              </div>
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
   
+
         <div class="card mb-3">
<!--P4-->
+
           <div class="card-body" id="p4">
         <div class="card mb-3" id="p4">
+
           <div class="card-body">
+
 
             <h4 class="card-title">Human Practice</h4>
 
             <h4 class="card-title">Human Practice</h4>
 
             <hr>
 
             <hr>
 
             <div class="card-columns">
 
             <div class="card-columns">
                <div class="card">
+
              <div class="card">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1e/T--USTC--Photo_HXD.jpg" alt="HeXudong">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1e/T--USTC--Photo_HXD.jpg" alt="HeXudong">
                  <div class="card-body">
+
                <div class="card-body">
                    <h4 class="card-title">HeXudong</h4>
+
                  <h4 class="card-title">HeXudong</h4>
                    <p class="card-text">He who always affectionately called “Dongdong” by us has great patient and friendness to the world. He makes everyone feels comfort to work with him.</p>     
+
                  <p class="card-text">He who always affectionately called “Dongdong” by us has great patient and
                </div>
+
                    friendness to the world. He makes everyone feels comfort to work with him.</p>
 
                 </div>
 
                 </div>
 
+
              </div>
        </div>
+
            </div>
 +
          </div>
 
         </div>
 
         </div>
  
  
<!--P5-->
+
         <div class="card mb-3">
         <div class="card mb-3" id="p5">
+
           <div class="card-body" id="p5">
           <div class="card-body">
+
 
             <h4 class="card-title">Modeling</h4>
 
             <h4 class="card-title">Modeling</h4>
</div>
 
 
             <hr>
 
             <hr>
 
             <div class="card-columns">
 
             <div class="card-columns">
                <div class="card">
+
              <div class="card">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/3/3a/T--USTC--Photo_HXM.jpg" alt="HuangXinmeng">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/3/3a/T--USTC--Photo_HXM.jpg" alt="HuangXinmeng">
                  <div class="card-body">
+
                <div class="card-body">
                    <h4 class="card-title">HuangXinmeng</h4>
+
                  <h4 class="card-title">HuangXinmeng</h4>
                    <p class="card-text">HuangXinmeng is quiet man who does a lot but talks little. He is of great talent in mathematics and contributes much in our modeling.</p>     
+
                  <p class="card-text">HuangXinmeng is quiet man who does a lot but talks little. He is of great talent
                </div>
+
                    in mathematics and contributes much in our modeling.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/43/T--USTC--Photo_DYH.jpg" alt="DuYihui">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/43/T--USTC--Photo_DYH.jpg" alt="DuYihui">
                    <h4 class="card-title">DuYihui</h4>
+
                <div class="card-body">
                    <p class="card-text">DuYihui is a independent a girl, she’s quite responsible for her part of work and warmly dicuss her point of view with others.</p>
+
                  <h4 class="card-title">DuYihui</h4>
                  </div>
+
                  <p class="card-text">DuYihui is a independent a girl, she’s quite responsible for her part of work
 +
                    and warmly dicuss her point of view with others.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/73/T--USTC--Photo_LY.jpg" alt="LiuYu">
+
              <div class="card">
                    <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/73/T--USTC--Photo_LY.jpg" alt="LiuYu">
                      <h4 class="card-title">LiuYu</h4>
+
                <div class="card-body">
                      <p class="card-text">He is the one who devotes most of his time to the modeling and experiment of our project.Yu is also quite easygoing and friendly.He may also be the best Zoe player in our lab.</p>
+
                  <h4 class="card-title">LiuYu</h4>
                    </div>
+
                  <p class="card-text">He is the one who devotes most of his time to the modeling and experiment of our
 +
                    project.Yu is also quite easygoing and friendly.He may also be the best Zoe player in our lab.</p>
 
                 </div>
 
                 </div>
            </div>
+
              </div>
 
+
              <div class="card">
            <div class="card-columns">
+
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1d/T--USTC--Photo_LJM.jpg" alt="LvJiameng">
                 <div class="card">
+
                <div class="card-body">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1d/T--USTC--Photo_LJM.jpg" alt="LvJiameng">
+
                  <h4 class="card-title">LvJiameng</h4>
                  <div class="card-body">
+
                  <p class="card-text">He stays great interests in math as a student of biology, and contributes much
                    <h4 class="card-title">LvJiameng</h4>
+
                    for our modeling work.</p>
                    <p class="card-text">He stays great interests in math as a student of biology, and contributes much for our modeling work.</p>     
+
                </div>
+
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/84/T--USTC--Photo_chairman.jpg" alt="ZhuShihan">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/84/T--USTC--Photo_chairman.jpg" alt="ZhuShihan">
                    <h4 class="card-title">ZhuShihan</h4>
+
                <div class="card-body">
                    <p class="card-text">We are so grateful for his selfless contribution in modeling as a senior student, and his guidance truly help us push on our project. We will always rember him as ‘chairman’.</p>
+
                  <h4 class="card-title">ZhuShihan</h4>
                  </div>
+
                  <p class="card-text">We are so grateful for his selfless contribution in modeling as a senior
 +
                    student, and his guidance truly help us push on our project. We will always rember him as
 +
                    ‘chairman’.</p>
 +
                </div>
 +
              </div>
 
             </div>
 
             </div>
 
+
          </div>
        </div>
+
 
         </div>
 
         </div>
  
         <div class="card mb-3" id="p6">
+
         <div class="card mb-3">
           <div class="card-body">
+
           <div class="card-body" id="p6">
 
             <h4 class="card-title">Wiki</h4>
 
             <h4 class="card-title">Wiki</h4>
 
             <hr>
 
             <hr>
 
             <div class="card-columns">
 
             <div class="card-columns">
                <div class="card">
+
              <div class="card">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/ba/T--USTC--Photo_CJZ.jpg" alt="ChenJinze">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/ba/T--USTC--Photo_CJZ.jpg" alt="ChenJinze">
                  <div class="card-body">
+
                <div class="card-body">
                    <h4 class="card-title">ChenJinze</h4>
+
                  <h4 class="card-title">ChenJinze</h4>
                    <p class="card-text">Jinze is a talented and handsome boy,who is skillful at coding. Those web pages he built feels just as smooth as silk.</p>     
+
                  <p class="card-text">Jinze is a talented and handsome boy,who is skillful at coding. Those web pages
                </div>
+
                    he built feels just as smooth as silk.</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/0c/T--USTC--Photo_ZYM.jpg" alt="ZengYiming">
+
              <div class="card">
                  <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/0c/T--USTC--Photo_ZYM.jpg" alt="ZengYiming">
                    <h4 class="card-title">ZengYiming</h4>
+
                <div class="card-body">
                    <p class="card-text">Zeng really designs beautiful websites. She can finish her work proactively .</p>
+
                  <h4 class="card-title">ZengYiming</h4>
                  </div>
+
                  <p class="card-text">Zeng really designs beautiful websites. She can finish her work proactively .</p>
 
                 </div>
 
                 </div>
                <div class="card">
+
              </div>
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/ca/T--USTC--PHOTO_JJD.jpg" alt="JinJidong">
+
              <div class="card">
                    <div class="card-body">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/ca/T--USTC--PHOTO_JJD.jpg" alt="JinJidong">
                      <h4 class="card-title">JinJidong</h4>
+
                <div class="card-body">
                      <p class="card-text">We are surprised by him for that even as a student from the school of engineering science , he still shows great intereting of biology , and zealouslly taking part in our project.</p>
+
                  <h4 class="card-title">JinJidong</h4>
                    </div>
+
                  <p class="card-text">We are surprised by him for that even as a student from the school of
 +
                    engineering science , he still shows great intereting of biology , and zealouslly taking part in
 +
                    our project.</p>
 
                 </div>
 
                 </div>
            </div>
+
              </div>
            <div class="card-columns">
+
              <div class="card">
                 <div class="card">
+
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/3/36/T--USTC--Photo_WYM.jpg" alt="WangYiming">
                  <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/3/36/T--USTC--Photo_WYM.jpg" alt="WangYiming">
+
                <div class="card-body">
                  <div class="card-body">
+
                  <h4 class="card-title">WangYiming</h4>
                    <h4 class="card-title">WangYiming</h4>
+
                  <p class="card-text">As you can tell from the picture, Yiming is of great sense of humour and always
                    <p class="card-text">As you can tell from the picture, Yiming is of great sense of humour and always make the work relaxing. He’s also a good programmer of our team and devoted lots of time and efforts for our wiki.</p>     
+
                    make the work relaxing. He’s also a good programmer of our team and devoted lots of time and
                </div>
+
                    efforts for our wiki.</p>
 
                 </div>
 
                 </div>
 +
              </div>
 
             </div>
 
             </div>
 
+
          </div>
        </div>
+
 
         </div>
 
         </div>
 +
      </div>
 
     </div>
 
     </div>
 +
<img class="mt-3" src="https://static.igem.org/mediawiki/2018/1/19/T--USTC--bottom.png" alt="" style="max-width: 100%;height: auto;">
 +
    <div class="overlay"></div>
  
</div>
+
    <!-- Popper.JS -->
  <div class="overlay"></div>
+
    <script type="text/javascript" src="https://2018.igem.org/Team:USTC/Popperjs?action=raw&amp;ctype=text/javascript"></script>
 
+
    <!-- Bootstrap JS -->
  <!-- jQuery -->
+
    <script type="text/javascript" src="https://2018.igem.org/Team:USTC/BSjs?action=raw&amp;ctype=text/javascript"></script>
  <script type="text/javascript" src="https://2018.igem.org/Team:USTC/jquery?action=raw&amp;ctype=text/javascript"></script>
+
    <!-- jQuery Custom Scroller -->
 +
    <script type="text/javascript" src="https://2018.igem.org/Team:USTC/customScrollbarJS?action=raw&amp;ctype=text/javascript"></script>
  
  <!-- Popper.JS -->
 
  <script type="text/javascript" src="https://2018.igem.org/Team:USTC/Popperjs?action=raw&amp;ctype=text/javascript"></script>
 
  <!-- Bootstrap JS -->
 
  <script type="text/javascript" src="https://2018.igem.org/Team:USTC/BSjs?action=raw&amp;ctype=text/javascript"></script>
 
  <!-- jQuery Custom Scroller -->
 
  <script type="text/javascript" src="https://2018.igem.org/Team:USTC/customScrollbarJS?action=raw&amp;ctype=text/javascript"></script>
 
  
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
            $("#sidebar").mCustomScrollbar({
 +
                theme: "minimal"
 +
            });
  
  <script type="text/javascript">
+
            $('.overlay').on('click', function () {
    $(document).ready(function () {
+
                $('#sidebar').removeClass('active');
      $("#sidebar").mCustomScrollbar({
+
                $('.overlay').removeClass('active');
        theme: "minimal"
+
                $('li:not(".active") a[aria-expanded=true]').click();
      });
+
            });
      $(".card-link").click();
+
      $('#dismiss, .overlay').on('click', function () {
+
        $('#sidebar').removeClass('active');
+
        $('.overlay').removeClass('active');
+
        $('li:not(".active") a[aria-expanded=true]').click();
+
      });
+
  
      $('#sidebarCollapse').on('click', function () {
+
            $('#sidebarCollapse').on('click', function () {
        $('#sidebar').addClass('active');
+
                $('#sidebar').addClass('active');
        $('.overlay').addClass('active');
+
                $('.overlay').addClass('active');
        $('.collapse.in').toggleClass('in');
+
                $('.collapse.in').toggleClass('in');
      });
+
            });
      $("#top_title").hide();
+
            $("#top_title").hide();
      $("body").scrollspy({ target: "#navId", offset: 50 });
+
            $(".mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul").css("margin","0");
      $("li.active a").click();
+
            $("a:visited").css("color","");
      $('.carousel').carousel()
+
            $("body").scrollspy({ target: "#navId", offset: 50 });
    });
+
            $("li.active a").click();
  </script>
+
        });
 +
    </script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:29, 18 October 2018

Art


QingJingkun

QingJingkun

He is a cool boy who has a great sense of art, and contributes a lot in making wonderful posters.

LinWeidong

LinWeidong

Lin is just like a big brother of the team, he is always calm to everything and makes beautiful PPT

TaoKaiyue

TaoKaiyue

He’s really good at photoshop、premiere and taking photos, we really admire his wonderful work to make our pjoject vivid.

WangPing

WangPing

Sister Ping is cool and outgoing. She nearly participates in every part of our team work, and use her passion to effects everyone in our team.

Experiment


YuWenfei

YuWenfei

He’s a hardworking leader, who is quite responsible for the team and really devotes himself all in the project. He takes an active part in almost every phase and aspect of the entire procedure of this project. It’s quite lucky to have such a excellent leader.

ZhangLiwen

ZhangLiwen

As team manager, he is initiative, independent and has good communication skill. He has dealt with much boring but important work for our convenience. And as a co-leader he is the one who can take in charge of the atmosphere and make the our lab relax in daily life.

TangErting

TangErting

TangErting is a creative and scrupulous girl. She always has clear mind and provides a lot of guidance for the project design.

KongXiangtian

KongXiangtian

As one of the second-year attenders, she shows great patience to freshman. As a co-leader, she is very conscientious and always reminds headman of ddls.

GaoHeyu

GaoHeyu

GaoHeyu is a girl who has great passion for science, she’s also quite friendly and optimistic who brings our lab much fun in daily life.

YuHujia

YuHujia

It’s quite nomal to pronounce his name mistakenly, but he always let it go. Yu is a great man to take in charge of the atmosphere and tube cleaning.

Hechen

Hechen

A sunny boy whose face stays smiling, he works hard with high efficiency. It's pleasant to have such a partner.

SunErzhuo

SunErzhuo

Sun is a responsible man, though his major is physics, he still has a great passion for life science.

AnYongyan

AnYongyan

She is full of enthusiasm for biology and makes a great contribution to our project.

XieFangting

XieFangting

Though as a student of computer science, she works in lab nearly everyday. She is also quite friendly and establishes a close relationship with other lab members.

ShiYingying

ShiYingying

A girl who never dare to express her standpoint. She shows walm-heart and confidence to everyone.

LiYuebai

LiYuebai

As a junior attender, she almost joined in all of our experiments and provided a lot of precious suggestions to the experiments.

WangYuyang

WangYuyang

He is responsible for his group and always come up with intelligent ideas for the experiment and project.

JiangZhenyu

JiangZhenyu

We usually call him ‘God Jiang’ for his understanding GPA , and he is conscientious in experiment and try his best to get a better result.

ZhangBonan

ZhangBonan

ZhangBonan is a girl with impressive capacity for thinking, she provide quite much valuable idea to our project.

LuoLiudong

LuoLiudong

As a senior attender, he devotes much time for our project, but we are gald to see he still has new gains from the team.

KongLinzhen

KongLinzhen

She is a very hard-working girl, who joined nearly most of our experiment and offer some precious suggestion.

HuQiuchen

HuQiuchen

He’s a very active and cheerful person and everyone feels happy to work with him because of his circumspection

LiangTingting

LiangTingting

She is a shy girl who is conscientious in experiment and try his best to get a better result.

XuGuiyang

XuGuiyang

Xu is both good at singing and picking single colony. .You may feel at ease working with him.

ZhongHaoyue

ZhongHaoyue

She’s a quiet girl who is full of enthusiasm for biology and finish her own part well.

YuShihui

YuShihui

As our presenter, she speaks English fluently and her thinking is very agile. What’s more, Shihui also shows a great amicable and cautious.

XinYuhui

XinYuhui

He actively took part in our whole project and performed well in A-iGEM. Yuhui also made contributions of great significance in wiki editing.

Human Practice


HeXudong

HeXudong

He who always affectionately called “Dongdong” by us has great patient and friendness to the world. He makes everyone feels comfort to work with him.

Modeling


HuangXinmeng

HuangXinmeng

HuangXinmeng is quiet man who does a lot but talks little. He is of great talent in mathematics and contributes much in our modeling.

DuYihui

DuYihui

DuYihui is a independent a girl, she’s quite responsible for her part of work and warmly dicuss her point of view with others.

LiuYu

LiuYu

He is the one who devotes most of his time to the modeling and experiment of our project.Yu is also quite easygoing and friendly.He may also be the best Zoe player in our lab.

LvJiameng

LvJiameng

He stays great interests in math as a student of biology, and contributes much for our modeling work.

ZhuShihan

ZhuShihan

We are so grateful for his selfless contribution in modeling as a senior student, and his guidance truly help us push on our project. We will always rember him as ‘chairman’.

Wiki


ChenJinze

ChenJinze

Jinze is a talented and handsome boy,who is skillful at coding. Those web pages he built feels just as smooth as silk.

ZengYiming

ZengYiming

Zeng really designs beautiful websites. She can finish her work proactively .

JinJidong

JinJidong

We are surprised by him for that even as a student from the school of engineering science , he still shows great intereting of biology , and zealouslly taking part in our project.

WangYiming

WangYiming

As you can tell from the picture, Yiming is of great sense of humour and always make the work relaxing. He’s also a good programmer of our team and devoted lots of time and efforts for our wiki.