Difference between revisions of "Team:USTC-Software/Team"

Line 1: Line 1:
 
{{USTC-Software/Header2}}  
 
{{USTC-Software/Header2}}  
 
<html>
 
<html>
−
<style>
 
−
  .team_members_pic {margin: 20px 40px;}
 
−
  .book-mark {width: 20px; height: 45px; top: -1px; right: 20px; padding-top: 20px;}
 
−
  .avatar {width: 200px; height: 200px; border-radius: 100px; z-index: 10; background: url("https://static.igem.org/mediawiki/2019/7/78/T--USTC-Software--avatar.jpg"); background-size: contain;}
 
−
</style>
 
 
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/common?action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/common?action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/default?action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/default?action=raw&ctype=text/css" />
Line 13: Line 8:
 
<script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/bootstrap?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/bootstrap?action=raw&ctype=text/javascript"></script>
 
<div class="container">
 
<div class="container">
−
  <div class="team_members_pic">
+
     <div class="row">
−
     <div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
+
       <div class="col-lg-2">
−
       <ol class="carousel-indicators">
+
         <!-- Visible only on lg .d-none .d-lg-block, see more https://getbootstrap.com/docs/4.0/utilities/display/-->
−
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+
        <div class="autoMenu d-none d-lg-block" id="autoMenu" data-autoMenu></div>
−
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+
−
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+
−
      </ol>
+
−
      <div class="carousel-inner">
+
−
         <div class="carousel-item active">
+
−
          <img class="d-block w-100" src="https://static.igem.org/mediawiki/2019/7/7e/T--USTC-Software--desktop.jpg" alt="First slide">
+
−
          <div class="carousel-caption d-none d-md-block">
+
−
            <h5>Team Pics Here</h5>
+
−
          </div>
+
−
        </div>
+
−
        <div class="carousel-item">
+
−
          <img class="d-block w-100" src="https://static.igem.org/mediawiki/2019/0/0d/T--USTC-Software--Flying_Whale_by_Shu_Le.jpg" alt="Second slide">
+
−
          <div class="carousel-caption d-none d-md-block">
+
−
            <h5>Team Pics Here</h5>
+
−
          </div>
+
−
        </div>
+
−
        <div class="carousel-item">
+
−
          <img class="d-block w-100" src="https://static.igem.org/mediawiki/2019/0/0d/T--USTC-Software--Flying_Whale_by_Shu_Le.jpg" alt="Third slide">
+
−
          <div class="carousel-caption d-none d-md-block">
+
−
            <h5>Team Pics Here</h5>
+
−
          </div>
+
−
        </div>
+
 
       </div>
 
       </div>
−
       <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+
       <div class="col-lg-10 col-md-12">
−
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+
         <div class="card page-content">
−
         <span class="sr-only">Previous</span>
+
          <div class="card-body">
−
      </a>
+
            <h1>Team Members</h1>
−
      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+
            <h3>Management</h3>
−
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+
            <div class="card position-relative my-3">
−
        <span class="sr-only">Next</span>
+
              <div class="card-body position-relative">
−
      </a>
+
                <div class="">
−
    </div>
+
                  <div class="card-title">
−
 
+
                    <h4>Jin Li</h4>
−
  </div>
+
                    <div class="small text-dark">A brief introduction, one line.</div>
−
  <div class="team_members_des">
+
                  </div>
−
    <p>
+
                  <div class="gender gender-man position-absolute d-inline-block"></div>
−
      A brief introduce of members.A brief introduce of members.
+
                  <hr>
−
      A brief introduce of members.A brief introduce of members.
+
                  <div class="row d-flex">
−
      A brief introduce of members.A brief introduce of members.
+
                    <div class="col-4 d-flex justify-content-center align-items-center">
−
      A brief introduce of members.A brief introduce of members.
+
                      <div class="">
−
      A brief introduce of members.A brief introduce of members.
+
                        <div class="avatar"></div>
−
      A brief introduce of members.A brief introduce of members.
+
                      </div>
−
      A brief introduce of members.A brief introduce of members.
+
                    </div>
−
      A brief introduce of members.A brief introduce of members.
+
                    <div class="col">
−
      A brief introduce of members.A brief introduce of members.
+
                      <div class="">
−
      A brief introduce of members.A brief introduce of members.
+
                        <div class="intro">
−
      A brief introduce of members.A brief introduce of members.
+
                          <div class="text-dark card-title font-weight-bold">Leader of the Team</div>
−
    </p>
+
                          <div>
−
  </div>
+
                            This is some information about the member.
−
  <div class="card position-relative mb-2">
+
                            This is some information about the member.
−
    <div class="card-body position-relative">
+
                            This is some information about the member.
−
      <div class="">
+
                            This is some information about the member.
−
        <div class="card-title">
+
                            This is some information about the member.
−
          <h4>Jack, Member of Front End</h4>
+
                            This is some information about the member.
−
          <div class="small text-dark">Here puts some info.</div>
+
                            This is some information about the member.
−
        </div>
+
                          </div>
−
        <div class="book-mark position-absolute bg-primary text-center d-inline-block text-white">1</div>
+
                        </div>
−
        <hr>
+
                      </div>
−
        <div class="row d-flex">
+
                    </div>
−
          <div class="col-4 d-flex justify-content-center align-items-center">
+
                  </div>
−
            <div class="">
+
−
              <div class="avatar"></div>
+
−
            </div>
+
−
          </div>
+
−
          <div class="col-4">
+
−
            <div class="">
+
−
              <div class="intro">
+
−
                <div class="text-dark card-title font-weight-bold">Member of Front End</div>
+
−
                <div>
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
−
          </div>
+
            <div class="card position-relative my-3">
−
          <div class="col-4">
+
                <div class="card-body position-relative">
−
            <div class="">
+
                  <div class="">
−
              <div class="skill">
+
                    <div class="card-title">
−
                <div class="row">
+
                      <h4>Chen Yang</h4>
−
                  <div class="col-3">
+
                      <div class="small text-dark">A brief introduction, one line.</div>
−
                     <div class="text-right card-title font-weight-bold">Skills</div>
+
                    </div>
−
                  </div>
+
                     <div class="gender gender-man position-absolute d-inline-block"></div>
−
                </div>
+
                    <hr>
−
                <div class="row d-flex justify-content-center align-items-center mb-2">
+
                    <div class="row d-flex">
−
                  <div class="col-3">
+
                      <div class="col-4 d-flex justify-content-center align-items-center">
−
                    <div class="text-right">75%</div>
+
                        <div class="">
−
                  </div>
+
                          <div class="avatar"></div>
−
                  <div class="col">
+
                        </div>
−
                    <div class="small">HTML</div>
+
                      </div>
−
                    <div class="progress mt-1">
+
                      <div class="col">
−
                      <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+
                        <div class="">
 +
                          <div class="intro">
 +
                            <div class="text-dark card-title font-weight-bold">Manager of the Team</div>
 +
                            <div>
 +
                              This is some information about the member.
 +
                              This is some information about the member.
 +
                              This is some information about the member.
 +
                              This is some information about the member.
 +
                              This is some information about the member.
 +
                              This is some information about the member.
 +
                              This is some information about the member.
 +
                            </div>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
                <div class="row d-flex justify-content-center align-items-center mb-2">
+
              </div>
−
                   <div class="col-3">
+
            <h3>Backend</h3>
−
                     <div class="text-right">75%</div>
+
            <div class="card position-relative my-3">
 +
              <div class="card-body position-relative">
 +
                <div class="">
 +
                   <div class="card-title">
 +
                    <h4>Huancheng Lin</h4>
 +
                     <div class="small text-dark">A brief introduction, one line.</div>
 
                   </div>
 
                   </div>
−
                   <div class="col-9">
+
                   <div class="gender gender-man position-absolute d-inline-block"></div>
−
                    <div class="small">HTML</div>
+
                  <hr>
−
                     <div class="progress mt-1">
+
                  <div class="row d-flex">
−
                       <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+
                     <div class="col-4 d-flex justify-content-center align-items-center">
 +
                       <div class="">
 +
                        <div class="avatar"></div>
 +
                      </div>
 +
                    </div>
 +
                    <div class="col">
 +
                      <div class="">
 +
                        <div class="intro">
 +
                          <div class="text-dark card-title font-weight-bold">Leader of the Backend Group</div>
 +
                          <div>
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                          </div>
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
                <div class="row d-flex justify-content-center align-items-center">
+
              </div>
−
                   <div class="col-3">
+
            </div>
−
                     <div class="text-right">75%</div>
+
            <div class="card position-relative my-3">
 +
              <div class="card-body position-relative">
 +
                <div class="">
 +
                   <div class="card-title">
 +
                    <h4>Keyu Tao</h4>
 +
                     <div class="small text-dark">A brief introduction, one line.</div>
 
                   </div>
 
                   </div>
−
                   <div class="col-9">
+
                   <div class="gender gender-man position-absolute d-inline-block"></div>
−
                    <div class="small">HTML</div>
+
                  <hr>
−
                     <div class="progress mt-1">
+
                  <div class="row d-flex">
−
                       <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+
                     <div class="col-4 d-flex justify-content-center align-items-center">
 +
                       <div class="">
 +
                        <div class="avatar"></div>
 +
                      </div>
 +
                    </div>
 +
                    <div class="col">
 +
                      <div class="">
 +
                        <div class="intro">
 +
                          <div class="text-dark card-title font-weight-bold">Vice Leader of the Backend Group</div>
 +
                          <div>
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                          </div>
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
−
          </div>
+
            <h3>Fronted</h3>
−
        </div>
+
            <div class="card position-relative my-3">
−
      </div>
+
              <div class="card-body position-relative">
−
    </div>
+
                <div class="">
−
  </div>
+
                  <div class="card-title">
−
  <div class="card position-relative mb-2">
+
                    <h4>Shun Zuo</h4>
−
    <div class="card-body position-relative">
+
                    <div class="small text-dark">A brief introduction, one line.</div>
−
      <div class="">
+
−
        <div class="card-title">
+
−
          <h4>Jack, Member of Front End</h4>
+
−
          <div class="small text-dark">Here puts some info.</div>
+
−
        </div>
+
−
        <div class="book-mark position-absolute bg-primary text-center d-inline-block text-white">1</div>
+
−
        <hr>
+
−
        <div class="row d-flex">
+
−
          <div class="col-4 d-flex justify-content-center align-items-center">
+
−
            <div class="">
+
−
              <div class="avatar"></div>
+
−
            </div>
+
−
          </div>
+
−
          <div class="col-4">
+
−
            <div class="">
+
−
              <div class="intro">
+
−
                <div class="text-dark card-title font-weight-bold">Member of Front End</div>
+
−
                <div>
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                </div>
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
−
          <div class="col-4">
+
−
            <div class="">
+
−
              <div class="skill">
+
−
                <div class="row">
+
−
                  <div class="col-3">
+
−
                    <div class="text-right card-title font-weight-bold">Skills</div>
+
 
                   </div>
 
                   </div>
−
                </div>
+
                  <div class="gender gender-man position-absolute d-inline-block"></div>
−
                <div class="row d-flex justify-content-center align-items-center mb-2">
+
                  <hr>
−
                  <div class="col-3">
+
                  <div class="row d-flex">
−
                    <div class="text-right">75%</div>
+
                    <div class="col-4 d-flex justify-content-center align-items-center">
−
                  </div>
+
                      <div class="">
−
                  <div class="col">
+
                        <div class="avatar"></div>
−
                    <div class="small">HTML</div>
+
                      </div>
−
                    <div class="progress mt-1">
+
                    </div>
−
                      <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+
                    <div class="col">
 +
                      <div class="">
 +
                        <div class="intro">
 +
                          <div class="text-dark card-title font-weight-bold">Leader of the Frontend Group</div>
 +
                          <div>
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                          </div>
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
                <div class="row d-flex justify-content-center align-items-center mb-2">
+
              </div>
−
                   <div class="col-3">
+
            </div>
−
                     <div class="text-right">75%</div>
+
            <div class="card position-relative my-3">
 +
              <div class="card-body position-relative">
 +
                <div class="">
 +
                   <div class="card-title">
 +
                    <h4>Zhexin Jin</h4>
 +
                     <div class="small text-dark">A brief introduction, one line.</div>
 
                   </div>
 
                   </div>
−
                   <div class="col-9">
+
                   <div class="gender gender-man position-absolute d-inline-block"></div>
−
                    <div class="small">HTML</div>
+
                  <hr>
−
                     <div class="progress mt-1">
+
                  <div class="row d-flex">
−
                       <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+
                     <div class="col-4 d-flex justify-content-center align-items-center">
 +
                       <div class="">
 +
                        <div class="avatar"></div>
 +
                      </div>
 +
                    </div>
 +
                    <div class="col">
 +
                      <div class="">
 +
                        <div class="intro">
 +
                          <div class="text-dark card-title font-weight-bold">Member of the Frontend Group</div>
 +
                          <div>
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                          </div>
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
                <div class="row d-flex justify-content-center align-items-center">
+
              </div>
−
                   <div class="col-3">
+
            </div>
−
                     <div class="text-right">75%</div>
+
            <h3>Art</h3>
 +
            <div class="card position-relative my-3">
 +
              <div class="card-body position-relative">
 +
                <div class="">
 +
                   <div class="card-title">
 +
                    <h4>Ziyi Zhuang</h4>
 +
                     <div class="small text-dark">A brief introduction, one line.</div>
 
                   </div>
 
                   </div>
−
                   <div class="col-9">
+
                   <div class="gender gender-woman position-absolute d-inline-block"></div>
−
                    <div class="small">HTML</div>
+
                  <hr>
−
                     <div class="progress mt-1">
+
                  <div class="row d-flex">
−
                       <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+
                     <div class="col-4 d-flex justify-content-center align-items-center">
 +
                       <div class="">
 +
                        <div class="avatar"></div>
 +
                      </div>
 +
                    </div>
 +
                    <div class="col">
 +
                      <div class="">
 +
                        <div class="intro">
 +
                          <div class="text-dark card-title font-weight-bold">Leader of the Art Group</div>
 +
                          <div>
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                          </div>
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
−
          </div>
+
            <div class="card position-relative my-3">
−
        </div>
+
              <div class="card-body position-relative">
−
      </div>
+
                <div class="">
−
    </div>
+
                  <div class="card-title">
−
  </div>
+
                    <h4>Siyuan Zhang</h4>
−
  <div class="card position-relative mb-2">
+
                    <div class="small text-dark">A brief introduction, one line.</div>
−
    <div class="card-body position-relative">
+
−
      <div class="">
+
−
        <div class="card-title">
+
−
          <h4>Jack, Member of Front End</h4>
+
−
          <div class="small text-dark">Here puts some info.</div>
+
−
        </div>
+
−
        <div class="book-mark position-absolute bg-primary text-center d-inline-block text-white">1</div>
+
−
        <hr>
+
−
        <div class="row d-flex">
+
−
          <div class="col-4 d-flex justify-content-center align-items-center">
+
−
            <div class="">
+
−
              <div class="avatar"></div>
+
−
            </div>
+
−
          </div>
+
−
          <div class="col-4">
+
−
            <div class="">
+
−
              <div class="intro">
+
−
                <div class="text-dark card-title font-weight-bold">Member of Front End</div>
+
−
                <div>
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                  This is some information about the member.
+
−
                </div>
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
−
          <div class="col-4">
+
−
            <div class="">
+
−
              <div class="skill">
+
−
                <div class="row">
+
−
                  <div class="col-3">
+
−
                    <div class="text-right card-title font-weight-bold">Skills</div>
+
 
                   </div>
 
                   </div>
−
                </div>
+
                  <div class="gender gender-man position-absolute d-inline-block"></div>
−
                <div class="row d-flex justify-content-center align-items-center mb-2">
+
                  <hr>
−
                  <div class="col-3">
+
                  <div class="row d-flex">
−
                    <div class="text-right">75%</div>
+
                    <div class="col-4 d-flex justify-content-center align-items-center">
−
                  </div>
+
                      <div class="">
−
                  <div class="col">
+
                        <div class="avatar"></div>
−
                    <div class="small">HTML</div>
+
                      </div>
−
                    <div class="progress mt-1">
+
                    </div>
−
                      <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+
                    <div class="col">
 +
                      <div class="">
 +
                        <div class="intro">
 +
                          <div class="text-dark card-title font-weight-bold">Vice Leader of the Art Group</div>
 +
                          <div>
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                          </div>
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
                <div class="row d-flex justify-content-center align-items-center mb-2">
+
              </div>
−
                   <div class="col-3">
+
            </div>
−
                     <div class="text-right">75%</div>
+
            <h3>Biology</h3>
 +
            <div class="card position-relative my-3">
 +
              <div class="card-body position-relative">
 +
                <div class="">
 +
                   <div class="card-title">
 +
                    <h4>Mingyu Pu</h4>
 +
                     <div class="small text-dark">A brief introduction, one line.</div>
 
                   </div>
 
                   </div>
−
                   <div class="col-9">
+
                   <div class="gender gender-woman position-absolute d-inline-block"></div>
−
                    <div class="small">HTML</div>
+
                  <hr>
−
                     <div class="progress mt-1">
+
                  <div class="row d-flex">
−
                       <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+
                     <div class="col-4 d-flex justify-content-center align-items-center">
 +
                       <div class="">
 +
                        <div class="avatar"></div>
 +
                      </div>
 +
                    </div>
 +
                    <div class="col">
 +
                      <div class="">
 +
                        <div class="intro">
 +
                          <div class="text-dark card-title font-weight-bold">Leader of the Biology Group</div>
 +
                          <div>
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                          </div>
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
                <div class="row d-flex justify-content-center align-items-center">
+
              </div>
−
                   <div class="col-3">
+
            </div>
−
                     <div class="text-right">75%</div>
+
            <div class="card position-relative my-3">
 +
              <div class="card-body position-relative">
 +
                <div class="">
 +
                   <div class="card-title">
 +
                    <h4>Suyang Zhong</h4>
 +
                     <div class="small text-dark">A brief introduction, one line.</div>
 
                   </div>
 
                   </div>
−
                   <div class="col-9">
+
                   <div class="gender gender-man position-absolute d-inline-block"></div>
−
                    <div class="small">HTML</div>
+
                  <hr>
−
                     <div class="progress mt-1">
+
                  <div class="row d-flex">
−
                       <div class="progress-bar w-75" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+
                     <div class="col-4 d-flex justify-content-center align-items-center">
 +
                       <div class="">
 +
                        <div class="avatar"></div>
 +
                      </div>
 +
                    </div>
 +
                    <div class="col">
 +
                      <div class="">
 +
                        <div class="intro">
 +
                          <div class="text-dark card-title font-weight-bold">Vice Leader of the Biology Group</div>
 +
                          <div>
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                            This is some information about the member.
 +
                          </div>
 +
                        </div>
 +
                      </div>
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 305: Line 376:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
 +
 
   </div>
 
   </div>
 +
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/pageContent?action=raw&ctype=text/css" />
 +
 +
<!--  auto menu-->
 +
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/autoMenu?action=raw&ctype=text/css" />
 +
<script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/autoMenu?action=raw&ctype=text/javascript"></script>
 +
 +
 +
<!--  makeIndexFixed-->
 +
<script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/makeIndexFixed?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/addScrollBar?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/addBackground?action=raw&ctype=text/javascript"></script>
 +
 +
  <style>
 +
 +
    .gender {
 +
      width: 30px;
 +
      height: 30px;
 +
      top: 26px;
 +
      right: 20px;
 +
      padding-top: 20px;
 +
    }
 +
 +
    .gender-man {
 +
      background: url("https://static.igem.org/mediawiki/2019/8/85/T--USTC-Software--man.svg") 0% 0% no-repeat;
 +
      background-size: contain;
 +
    }
 +
 +
    .gender-woman {
 +
      background: url("https://static.igem.org/mediawiki/2019/7/78/T--USTC-Software--woman.svg") 0% 0% no-repeat;
 +
      background-size: contain;
 +
    }
 +
 +
    .avatar {
 +
      width: 200px;
 +
      height: 200px;
 +
      border-radius: 100px;
 +
      z-index: 10;
 +
      background: url("../../File/T--USTC-Software--avatar.jpg");
 +
      background-size: contain;
 +
    }
  
−
</div>
+
  </style>
  
 
</html>
 
</html>

Revision as of 13:40, 9 October 2019

Team Members

Management

Jin Li

A brief introduction, one line.
Leader of the Team
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.

Chen Yang

A brief introduction, one line.
Manager of the Team
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.

Backend

Huancheng Lin

A brief introduction, one line.
Leader of the Backend Group
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.

Keyu Tao

A brief introduction, one line.
Vice Leader of the Backend Group
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.

Fronted

Shun Zuo

A brief introduction, one line.
Leader of the Frontend Group
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.

Zhexin Jin

A brief introduction, one line.
Member of the Frontend Group
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.

Art

Ziyi Zhuang

A brief introduction, one line.
Leader of the Art Group
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.

Siyuan Zhang

A brief introduction, one line.
Vice Leader of the Art Group
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.

Biology

Mingyu Pu

A brief introduction, one line.
Leader of the Biology Group
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.

Suyang Zhong

A brief introduction, one line.
Vice Leader of the Biology Group
This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member. This is some information about the member.