Difference between revisions of "Team:XJTLU-CHINA"

(Replaced content with "{{XJTLU-CHINA}} <html> <head> <title>Home</title> <style> </style> </head> <body> </body> <div> <img id="homebanner" src="http://2017.igem.o...")
Line 3: Line 3:
 
<html>
 
<html>
 
   <head>
 
   <head>
−
     <title>Team</title>
+
     <title>Home</title>
 
     <style>
 
     <style>
−
    .title{
 
−
    background-image:linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
 
−
    height: 300px;
 
−
    margin-bottom:20px;
 
−
    }
 
−
   
 
−
   
 
 
     </style>
 
     </style>
 
   </head>
 
   </head>
−
<body>
+
  <body>
−
<div class="title text-center">
+
   </body>
−
  <h1 style="color:white; font-size:80px; padding-top:100px;">Our Team</h1>
+
   <div>
−
</div>
+
    <img id="homebanner" src="https://static.igem.org/mediawiki/2017/4/4a/Home_project.PNG" class="img-responsive center-block" alt="Responsive image" width=1200>
−
<div class="container">
+
   </div>
−
<!--Team member introduction--!>
+
−
<!--Wangtianjun--!>
+
−
<div class="row member">
+
−
  <div class="col-sm-7 text-center">
+
−
      <h1 class="member-heading">Tianjun Wang</h1>
+
−
      <h1 class="text-muted">Year 2 Bioinformatics</h2>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Be hardworking than others, but don't tell them so</br>
+
−
      Hobbies: Animation & Cycling</br>
+
−
      One word to iGEM: Persistence
+
−
      </h2>
+
−
  </div>
+
−
  <div class="col-sm-5">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/7/7e/Wangtianjun.jpg" height=400 width=400>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<hr class="member-divider">
+
−
<!--Gongyijing--!> 
+
−
<div class="row member">
+
−
  <div class="col-sm-7 col-sm-push-5 text-center">
+
−
      <h1 class="member-heading">Yijing Gong</h1>
+
−
      <h1 class="text-muted">Year 2 Biological Sciences</h1>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Creative, Crazy & Naive</br>
+
−
      Hobbies: Everything that I prefer to do</br>
+
−
      One word to iGEM: Intelligence
+
−
      </h2>
+
−
  </div>    
+
−
  <div class="col-sm-5 col-sm-pull-7">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/2/23/Gongyijing.jpg" height=400 width=400>
+
−
  </div>
+
−
</div> 
+
−
 
+
−
<hr class="member-divider"> 
+
−
<!--Fanghaohui--!>
+
−
<div class="row member">
+
−
  <div class="col-sm-7 text-center">
+
−
      <h1 class="member-heading">Haohui Fang</h1>
+
−
      <h1 class="text-muted">Year 1 Applied Chemistry</h2>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Curious, Friendly, Positive & Active, Highly adaptive but slack off sometimes</br>
+
−
      Hobbies: Table tennis, Music & Watching sports games</br>
+
−
      One word to iGEM: Hobby
+
−
      </h2>
+
−
  </div>
+
−
  <div class="col-sm-5">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/c/c4/Fanghaohui.jpg" height=400 width=400>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<hr class="member-divider">
+
−
<!--Lihuiting--!> 
+
−
<div class="row member">
+
−
  <div class="col-sm-7 col-sm-push-5 text-center">
+
−
      <h1 class="member-heading">Huiting Li</h1>
+
−
      <h1 class="text-muted">Year 2 Biological Sciences</h1>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Liberalist</br>
+
−
      Hobbies: Imagining & Dreaming</br>
+
−
      One word to iGEM: Cooperation
+
−
      </h2>
+
−
  </div>    
+
−
  <div class="col-sm-5 col-sm-pull-7">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/0/03/Lihuiting.jpg" height=400 width=400>
+
−
  </div>
+
−
</div> 
+
−
 
+
−
<hr class="member-divider"> 
+
−
<!--Jinziyin--!>
+
−
<div class="row member">
+
−
  <div class="col-sm-7 text-center">
+
−
      <h1 class="member-heading">Zinyin Jin</h1>
+
−
      <h1 class="text-muted">Year 3 Biological Sciences</h2>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Optimistic</br>
+
−
      Hobbies: Urheen & Calligraphy</br>
+
−
      One word to iGEM: Innovation
+
−
      </h2>
+
−
  </div>
+
−
  <div class="col-sm-5">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/0/06/Jinziyin.jpg" height=400 width=400>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<hr class="member-divider">
+
−
<!--Songyiyou--!> 
+
−
<div class="row member">
+
−
  <div class="col-sm-7 col-sm-push-5 text-center">
+
−
      <h1 class="member-heading">Yiyou Song</h1>
+
−
      <h1 class="text-muted">Year 2 Bioinformatics</h1>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Complex</br>
+
−
      Hobbies: Game</br>
+
−
      One word to iGEM: Creativity
+
−
      </h2>
+
−
  </div> 
+
−
  <div class="col-sm-5 col-sm-pull-7">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/a/ac/Songyiyou.jpg" height=400 width=400>
+
−
  </div>
+
−
</div> 
+
−
 
+
−
<hr class="member-divider"> 
+
−
<!--Rongzixin--!>
+
−
<div class="row member">
+
−
  <div class="col-sm-7 text-center">
+
−
      <h1 class="member-heading">Zixin Rong</h1>
+
−
      <h1 class="text-muted">Year 2 Biological Sciences</h2>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Introverted</br>
+
−
      Hobbies: Daydreaming & Instrument</br>
+
−
      One word to iGEM: Imagination
+
−
      </h2>
+
−
  </div>
+
−
  <div class="col-sm-5">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/d/dd/Rongzixin.jpg" height=400 width=400>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<hr class="member-divider">
+
−
<!--Panwenlan--!> 
+
−
<div class="row member">
+
−
  <div class="col-sm-7 col-sm-push-5 text-center">
+
−
      <h1 class="member-heading">Wenlan Pan</h1>
+
−
      <h1 class="text-muted">Year 2 Bioinformatics</h1>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Emotional & Perfectionist</br>
+
−
      Hobbies: Reading, Sleeping & Eating</br>
+
−
      One word to iGEM: Motivated
+
−
      </h2>
+
−
  </div>    
+
−
  <div class="col-sm-5 col-sm-pull-7">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/b/ba/Panwenlan.jpg" height=400 width=400>
+
−
  </div>
+
−
</div> 
+
−
 
+
−
<hr class="member-divider"> 
+
−
<!--Zhangxidan--!>
+
−
<div class="row member">
+
−
  <div class="col-sm-7 text-center">
+
−
      <h1 class="member-heading">Xidan Zhang</h1>
+
−
      <h1 class="text-muted">Year 2 Biological Sciences</h2>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Curious & Persistent</br>
+
−
      Hobbies: Puzzle games & Reading novels</br>
+
−
      One word to iGEM: Challenge
+
−
      </h2>
+
−
  </div>
+
−
  <div class="col-sm-5">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/f/f7/Zhangxidan.jpg" height=400 width=400>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<hr class="member-divider">
+
−
<!--Hangyuqi--!> 
+
−
<div class="row member">
+
−
  <div class="col-sm-7 col-sm-push-5 text-center">
+
−
      <h1 class="member-heading">Yuqi Hang</h1>
+
−
      <h1 class="text-muted">Year 1 Biological Sciences</h1>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Curious & Passionate</br>
+
−
      Hobbies: Neuroscience & Philosophy</br>
+
−
      One word to iGEM: Opportunity
+
−
      </h2>
+
−
  </div> 
+
−
  <div class="col-sm-5 col-sm-pull-7">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/1/17/Hangyuqi.jpg" height=400 width=400>
+
−
  </div>
+
−
</div> 
+
−
 
+
−
<hr class="member-divider"> 
+
−
<!--Gongzhiyun--!>
+
−
<div class="row member">
+
−
  <div class="col-sm-7 text-center">
+
−
      <h1 class="member-heading">Zhiyun Gong</h1>
+
−
      <h1 class="text-muted">Year 2 Bioinformatics</h2>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Always digging deeper in my own personality and depicting the true self </br>
+
−
      Hobbies: Switching between deliberating and wandering without destination</br>
+
−
      One word to iGEM: Youth
+
−
      </h2>
+
−
  </div>
+
−
  <div class="col-sm-5">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/5/59/Gongzhiyun.jpg" height=400 width=400>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<hr class="member-divider">
+
−
<!--Fengsijie--!> 
+
−
<div class="row member">
+
−
  <div class="col-sm-7 col-sm-push-5 text-center">
+
−
      <h1 class="member-heading">Sijie Feng</h1>
+
−
      <h1 class="text-muted">Year 2 Biological Sciences</h1>
+
−
      <h2 class="lead" style="text-align:center;">Personality: Practical & Open-minded</br>
+
−
      Hobbies: Anime tennis</br>
+
−
      One word to iGEM: Test
+
−
      </h2>
+
−
  </div> 
+
−
  <div class="col-sm-5 col-sm-pull-7">
+
−
      <img class="member-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2017/6/6e/Fengsijie.jpg" height=400 width=400>
+
−
  </div>
+
−
</div> 
+
−
 
+
−
<hr class="member-divider"> 
+
−
 
+
−
 
+
−
 
+
−
<!--supervisors and advisers--!>
+
−
<div class="text-center" style="margin-bottom:30px;">
+
−
  <h1 style="text-align: center;">The Back-up Team</h1>
+
−
  <h2 class="text-muted" style="text-align:center;">In addition, we want to express our sincere thanks to supervisors and advisers for all the help.</h2>
+
−
</div>
+
−
<div class="row text-center">
+
−
  <div class="col-sm-6 col-md-3">
+
−
      <img class="img-circle center-block" src="https://static.igem.org/mediawiki/2017/e/ed/Hanguoxia.jpg" width="200" height="200">
+
−
      <h2>Dr. Guoxia Han</h2>
+
−
  </div><!--/.col-sm-6 col-md-3-->
+
−
  <div class="col-sm-6 col-md-3">
+
−
      <img class="img-circle center-block" src="https://static.igem.org/mediawiki/2017/7/7b/Chiu.jpg" width="200" height="200">
+
−
      <h2>Dr. David Chiu</h2>
+
−
  </div><!--/.col-sm-6 col-md-3-->
+
−
  <div class="col-sm-6 col-md-3">
+
−
      <img class="img-circle center-block" src="https://static.igem.org/mediawiki/2017/6/6e/Dechang_Xu.jpg" width="200" height="200">
+
−
      <h2>Dr. Dechang Xu</h2>
+
−
  </div><!--/.col-sm-6 col-md-3-->
+
−
  <div class="col-sm-6 col-md-3">
+
−
      <img class="img-circle center-block" src="https://static.igem.org/mediawiki/2017/9/9c/Yunpeng_Zhong.jpg" width="200" height="200">
+
−
      <h2>Mr. Yunpeng Zhong (MSc)</h2>
+
−
  </div><!--/.col-sm-6 col-md-3-->
+
−
</div> <!--/.row-->
+
−
</div><!--container--!>
+
−
 
+
−
<!-- banner -->
+
−
<div class="text-center" style="background:#ddede3;">
+
−
<h1 style="font-weight:bolder;color:#006934; ">Collaborators and Supporters</h1>
+
−
<div class="container-fluid supporters-logos">
+
−
<div class="row" style="padding-bottom:20px;">
+
−
 
+
−
    <div class="col-md-4 col-sm-6">
+
−
        <a href="http://www.synbio-tech.com.cn"><img class="" src="https://static.igem.org/mediawiki/2017/3/38/Synbio_tech_logo.png"></a>
+
−
    </div>
+
−
   
+
−
    <div class="col-md-4 col-sm-6">
+
−
        <a href="http://www.wx2h.com/web/index.php"><img src="https://static.igem.org/mediawiki/2017/f/f7/Wuxi_no2_hospital_logo.png"></a>
+
−
    </div>
+
−
   
+
−
    <div class="col-md-4 col-sm-6">
+
−
        <a href="http://www.chinapeptides.qianyan.biz"><img src="https://static.igem.org/mediawiki/2017/7/7d/Qiangyao_logo.png"></a>
+
−
    </div>
+
−
   
+
−
    <div class="col-md-4 col-sm-6"> 
+
−
        <a href="https://www.neb.com"><img class="" src="https://static.igem.org/mediawiki/2017/0/06/NEB_logo.png"></a>
+
−
    </div>
+
−
   
+
−
    <div class="col-md-4 col-sm-6">
+
−
        <a href="https://www.snapgene.com"><img src="https://static.igem.org/mediawiki/2017/c/cb/Snapgene_logo.png"></a>
+
−
    </div>
+
−
   
+
−
    <div class="col-md-4 col-sm-6">
+
−
        <a href="http://www.genscript.com"><img src="https://static.igem.org/mediawiki/2017/9/9b/Genscript.png"></a>
+
−
    </div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<!-- footer -->
+
−
<footer>
+
−
<div class="text-center">
+
−
    <div class="container-fluid">
+
−
        <div class="row">
+
−
          <div class="col-md-4 loaction">
+
−
              <h4>Loaction</h4>
+
−
              <p  style="text-align:center;">Rm 363, Science Building<br>
+
−
              Xi'an Jiaotong-Liverpool University<br>
+
−
              111 Ren'ai Road, Suzhou, China<br>
+
−
              215123
+
−
              </p>
+
−
          </div>
+
−
          <div class="col-md-4 social">
+
−
              <h4>Social</h4>
+
−
              <a href=""><img src="https://static.igem.org/mediawiki/2017/9/9f/XJTLU_facebook.png" alt="facebook" width=30 height=30></a>
+
−
              <a href=""><img src="https://static.igem.org/mediawiki/2017/7/72/XJTLU_blog.png" alt="blog" width=30 height=30></a>
+
−
          </div>
+
−
          <div class="col-md-4 contact">
+
−
              <h4>Get in touch</h4>
+
−
              <a href=""><img src="https://static.igem.org/mediawiki/2017/1/19/XJTLU_email.png" alt="email" width=30 height=30></a>
+
−
              <p style="text-align:center;">igem@xjtlu.edu.cn</p>
+
−
          </div>
+
−
        </div>
+
−
    </div>
+
−
</div>
+
−
<div class="text-center" style="background:#003b73;">
+
−
        <p style="text-align:center; color:white;">XJTLU-CHINA iGEM 2017</p>
+
−
</div>
+
−
</footer>
+
−
 
+
−
</body>
+
 
</html>
 
</html>

Revision as of 12:50, 5 August 2017

Home

Responsive image