Difference between revisions of "Team:XJTLU-CHINA"

Line 1: Line 1:
 
{{XJTLU-CHINA}}
 
{{XJTLU-CHINA}}
−
<html lang="en-US">
 
−
    <head>
 
−
        <meta charset="utf-8">
 
−
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
        <link href="https://fonts.googleapis.com/css?family=PT+Sans|PT+Serif" rel="stylesheet">
 
−
        <title>XJTLU-CHINA 2017</title>
 
−
        <style>
 
−
        /* --------------------------------
 
  
−
Primary style
+
<html>
 +
  <head>
 +
    <title>Team</title>
 +
    <style>
 +
    .title{
 +
    background-image:linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
 +
    height: 300px;
 +
    margin-bottom:20px;
 +
    }
 +
   
 +
   
 +
    </style>
 +
  </head>
 +
<body>
 +
<div class="title text-center">
 +
  <h1 style="color:white; font-size:80px; padding-top:100px;">Our Team</h1>
 +
</div>
 +
<div class="container">
 +
<!--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> 
  
−
/*** Carousel ***/
+
<hr class="member-divider"> 
−
/* carousel slide */
+
<!--Fanghaohui--!>
−
.container .carousel-caption h1{
+
<div class="row member">
−
font-family: 'PT Serif', serif !important;
+
  <div class="col-sm-7 text-center">
−
font-weight: 800 !important;
+
      <h1 class="member-heading">Haohui Fang</h1>
−
}
+
      <h1 class="text-muted">Year 1 Applied Chemistry</h2>
−
.container .carousel-caption p{
+
      <h2 class="lead" style="text-align:center;">Personality: Curious, Friendly, Positive & Active, Highly adaptive but slack off sometimes</br>
−
color: black !important;
+
      Hobbies: Table tennis, Music & Watching sports games</br>
−
font-size: 75% !important;
+
      One word to iGEM: Hobby
−
font-family: 'PT Sans', sans-serif !important;
+
      </h2>
−
text-shadow: none !important;
+
  </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">
−
.carousel-caption{
+
<!--Lihuiting--!> 
−
bottom:5px !important;
+
<div class="row member">
−
padding-top:35px !important;
+
  <div class="col-sm-7 col-sm-push-5 text-center">
−
padding-bottom:5px !important;
+
      <h1 class="member-heading">Huiting Li</h1>
−
}
+
      <h1 class="text-muted">Year 2 Biological Sciences</h1>
−
/* Carousel indicators*/
+
      <h2 class="lead" style="text-align:center;">Personality: Liberalist</br>
−
.carousel-indicators li{
+
      Hobbies: Imagining & Dreaming</br>
−
border: 3px solid black !important;
+
      One word to iGEM: Cooperation
−
}
+
      </h2>
−
.carousel-indicators .active{
+
  </div> 
−
background-color:black !important;
+
  <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> 
  
−
/** delet shadows in the two side **/
+
<hr class="member-divider">
−
.carousel > .left, .carousel > .right {
+
<!--Jinziyin--!>
−
background-image: none !important;
+
<div class="row member">
−
}
+
  <div class="col-sm-7 text-center">
−
@media screen and (max-width:768px) {
+
      <h1 class="member-heading">Zinyin Jin</h1>
−
.carousel-caption{
+
      <h1 class="text-muted">Year 3 Biological Sciences</h2>
−
bottom:2px !important;
+
      <h2 class="lead" style="text-align:center;">Personality: Optimistic</br>
−
}
+
      Hobbies: Urheen & Calligraphy</br>
−
.container .carousel-caption h1{
+
      One word to iGEM: Innovation
−
font-weight: bold !important;
+
      </h2>
−
font-size: 100% !important;
+
  </div>
−
}
+
  <div class="col-sm-5">
−
.container .carousel-caption p{
+
      <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>
−
font-size: 50% !important;
+
  </div>
−
line-height: 8px !important;
+
</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">
−
        </style>
+
<!--Rongzixin--!>
−
    </head>
+
<div class="row member">
−
    <body style="overflow:-Scroll;overflow-x:hidden">
+
  <div class="col-sm-7 text-center">
−
    <div id="main-content" class="container">
+
      <h1 class="member-heading">Zixin Rong</h1>
−
        <img id="homebanner" src="https://static.igem.org/mediawiki/2017/4/4a/Home_project.PNG" class="img-responsive center-block" alt="Responsive image">
+
      <h1 class="text-muted">Year 2 Biological Sciences</h2>
−
          <div>
+
      <h2 class="lead" style="text-align:center;">Personality: Introverted</br>
−
            <a href="#Overview">
+
      Hobbies: Daydreaming & Instrument</br>
−
            <p style="text-align:center;">
+
      One word to iGEM: Imagination
−
            <img src="https://static.igem.org/mediawiki/2017/0/0d/Home_arrow_down.png" class="img-responsive center-block" alt="Responsive image" style="height: 80px; width: auto;">
+
      </h2>
−
            </p>
+
  </div>
−
            </a>
+
  <div class="col-sm-5">
−
          </div>
+
      <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>
−
   
+
</div>
−
   
+
−
   
+
−
    <!-- Carousel
+
−
    ================================================== -->
+
−
<div id="main-content" class="container">
+
−
<h1 id="Overview" style="font-weight:900;font-family: 'PT Serif', serif;text-align:center;">Overview</h1>
+
−
<div id="myCarousel" class="carousel slide" data-ride="carousel" >
+
−
    <!-- Indicators -->
+
−
    <ol class="carousel-indicators">
+
−
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
−
        <li data-target="#myCarousel" data-slide-to="1"></li>
+
−
        <li data-target="#myCarousel" data-slide-to="2"></li>
+
−
        <li data-target="#myCarousel" data-slide-to="3"></li>
+
−
    </ol>
+
−
   
+
−
    <!-- Item -->
+
−
<div class="carousel-inner" role="listbox">
+
−
<!-- First slide -->
+
−
<div class="item active">
+
−
   
+
−
    <img class="first-slide" src="https://static.igem.org/mediawiki/2017/8/8c/Home-1.png" alt="First slide">
+
−
   
+
−
<div class="container">
+
−
<div class="carousel-caption">
+
−
    <h1 style="color:#428bca;"><i>S. aureus</i> Intestinal Colonization</h1>
+
−
<p>Human intestine is a highly complex microbial ecosystem. It accommodates commensal microflora species, various types of secretory fluids, fermentation metabolites and host defense molecules that promote colonization resistance to pathogenic bacteria. However, <i>Staphylococcus aureus</i>, one of the most opportunistic and invasive pathogens, is capable of disrupting this colonization resistance and infecting the intestine. Patients with <i>S. aureus</i> intestinal colonization suffer from fecal incontinence, diarrhea, pseudomembranous colitis and so on.
+
−
<a href="#">Learn more</a></p>
+
−
</div>
+
−
</div>
+
−
</div> <!-- .cd-half-block.content -->
+
−
+
−
<!-- Second slide -->
+
−
<div class="item">
+
  
−
<img class="second-slide" src="https://static.igem.org/mediawiki/2017/3/37/Home-2.png" alt="Second slide">
+
<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>
  
−
<div class="container">
+
<hr class="member-divider">
−
<div class="carousel-caption">
+
<!--Zhangxidan--!>
−
<h1 style="color:#f0ad4e;">Antibiotic Overuse and Superbacteria</h1>
+
<div class="row member">
−
<p>Due to antibiotic overuse, <i>Staphylococcus aureus</i> develops resistance to various antibiotics and it becomes increasingly difficult to be eliminated. As a leading cause of hospital-acquired infections, methicillin-resistant <i>S. aureus</i> (MRSA) strains are multi-antibiotic resistant. Even the use of vancomycin — one of the last therapeutic resorts against <i>S. aureus</i>, becomes futile. Worse still, community-acquired MRSA strains are much more virulent and cause more morbidity and mortality than hospital-acquired MRSA.
+
  <div class="col-sm-7 text-center">
−
<a href="#">Learn more</a></p>
+
      <h1 class="member-heading">Xidan Zhang</h1>
−
</div>
+
      <h1 class="text-muted">Year 2 Biological Sciences</h2>
−
</div>
+
      <h2 class="lead" style="text-align:center;">Personality: Curious & Persistent</br>
−
</div> <!-- .cd-half-block.content -->
+
      Hobbies: Puzzle games & Reading novels</br>
−
+
      One word to iGEM: Challenge
−
<!-- Third slide -->
+
      </h2>
−
<div class="item">
+
  </div>
−
   
+
  <div class="col-sm-5">
−
<img class="third-slide" src="https://static.igem.org/mediawiki/2017/b/b5/Home-3.png" alt="Third slide">
+
      <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 class="container">
+
−
<div class="carousel-caption">
+
−
<h1 style="color:#d9534f">Antimicrobial Peptides — A Promising Alternative To Antibiotics</h1>
+
−
<p>Antimicrobial peptides (AMPs) have a reputation for their efficient antimicrobial activity against bacteria, fungi and protozoa. Despite of some promising results in clinical trials, AMPs have difficulties to be made into drugs due to their poor metabolic stability in human body. Therefore, our project aims to genetically engineer <i>Lactococcus lactis</i> (Grenadier Guards) to closely detect <i>S. aureus</i> and throw AMPs (grenades) to eradicate them within a short time after infection.
+
−
<a href="#" >Learn more</a></p>
+
−
</div>
+
−
</div>
+
−
</div> <!-- .cd-half-block.content -->
+
−
+
−
<!-- Fourth slide -->
+
−
<div class="item">
+
−
   
+
−
<img class="fourth-slide" src="https://static.igem.org/mediawiki/2017/5/55/Home-4.png" alt="Fourth slide">
+
−
+
−
<div class="container">
+
−
  <div class="carousel-caption">
+
−
<h1 style="color:#5bc0de;">Further Applications</h1>
+
−
<p>Our genetically engineered <i>Lactococcus lactis</i> can be made into medicines, such as enteric coated tablets, together with anti-diarrheal medicines, to cure enteritis. In addition, as an important industrial microorganism, <i>L. lactis</i> can be used as food additives in fermented dairy products such as cheese, and yogurt. When they inhabit in the intestinal tract, not only do they regulate micro-ecological balance, but also prevent or reduce the chance of infection.
+
−
<a href="#">Learn more</a></p>
+
−
</div>
+
−
</div>
+
−
</div> <!-- .cd-half-block.content -->
+
−
</div>
+
−
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+
−
        <img src="https://static.igem.org/mediawiki/2017/2/27/Home_arrow_left.png" class="img-responsive">
+
−
        <span class="sr-only">Previous</span>
+
−
    </a>
+
−
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
+
−
        <img src="https://static.igem.org/mediawiki/2017/2/24/Home_arrow_right.png" class="img-responsive">
+
−
        <span class="sr-only">Next</span>
+
−
    </a>
+
−
</div><!-- /.carousel -->
+
 
</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 -->
 
<!-- banner -->
 
<div class="text-center" style="background:#ddede3;">
 
<div class="text-center" style="background:#ddede3;">
−
<h1 style="font-weight:bolder;font-family: 'PT Serif', serif;color:#006934; ">Collaborators and Supporters</h1>
+
<h1 style="font-weight:bolder;color:#006934; ">Collaborators and Supporters</h1>
 
<div class="container supporters-logos">
 
<div class="container supporters-logos">
 
<div class="row" style="padding-bottom:20px;">
 
<div class="row" style="padding-bottom:20px;">
Line 212: Line 293:
 
           <div class="col-md-4 contact">
 
           <div class="col-md-4 contact">
 
               <h4>Get in touch</h4>
 
               <h4>Get in touch</h4>
−
               <img src="https://static.igem.org/mediawiki/2017/1/19/XJTLU_email.png" alt="emali" width=30 height=30>
+
               <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>
 
               <p style="text-align:center;">igem@xjtlu.edu.cn</p>
 
           </div>
 
           </div>
Line 223: Line 304:
 
</footer>
 
</footer>
  
−
 
+
</body>
−
 
+
−
 
+
−
    </body>
+
 
</html>
 
</html>

Revision as of 12:41, 5 August 2017

Team

Our Team

Tianjun Wang

Year 2 Bioinformatics

Personality: Be hardworking than others, but don't tell them so
Hobbies: Animation & Cycling
One word to iGEM: Persistence

Yijing Gong

Year 2 Biological Sciences

Personality: Creative, Crazy & Naive
Hobbies: Everything that I prefer to do
One word to iGEM: Intelligence

Haohui Fang

Year 1 Applied Chemistry

Personality: Curious, Friendly, Positive & Active, Highly adaptive but slack off sometimes
Hobbies: Table tennis, Music & Watching sports games
One word to iGEM: Hobby

Huiting Li

Year 2 Biological Sciences

Personality: Liberalist
Hobbies: Imagining & Dreaming
One word to iGEM: Cooperation

Zinyin Jin

Year 3 Biological Sciences

Personality: Optimistic
Hobbies: Urheen & Calligraphy
One word to iGEM: Innovation

Yiyou Song

Year 2 Bioinformatics

Personality: Complex
Hobbies: Game
One word to iGEM: Creativity

Zixin Rong

Year 2 Biological Sciences

Personality: Introverted
Hobbies: Daydreaming & Instrument
One word to iGEM: Imagination

Wenlan Pan

Year 2 Bioinformatics

Personality: Emotional & Perfectionist
Hobbies: Reading, Sleeping & Eating
One word to iGEM: Motivated

Xidan Zhang

Year 2 Biological Sciences

Personality: Curious & Persistent
Hobbies: Puzzle games & Reading novels
One word to iGEM: Challenge

Yuqi Hang

Year 1 Biological Sciences

Personality: Curious & Passionate
Hobbies: Neuroscience & Philosophy
One word to iGEM: Opportunity

Zhiyun Gong

Year 2 Bioinformatics

Personality: Always digging deeper in my own personality and depicting the true self
Hobbies: Switching between deliberating and wandering without destination
One word to iGEM: Youth

Sijie Feng

Year 2 Biological Sciences

Personality: Practical & Open-minded
Hobbies: Anime tennis
One word to iGEM: Test

The Back-up Team

In addition, we want to express our sincere thanks to supervisors and advisers for all the help.

Dr. Guoxia Han

Dr. David Chiu

Dr. Dechang Xu

Mr. Yunpeng Zhong (MSc)

Collaborators and Supporters

Loaction

Rm 363, Science Building
Xi'an Jiaotong-Liverpool University
111 Ren'ai Road, Suzhou, China
215123

Get in touch

email

igem@xjtlu.edu.cn

XJTLU-CHINA iGEM 2017