Difference between revisions of "Team:XJTLU-CHINA"

 
(173 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
−
         <link href="https://fonts.googleapis.com/css?family=Cherry+Swash|Milonga" rel="stylesheet">
+
         <link href="https://fonts.googleapis.com/css?family=PT+Sans|PT+Serif" rel="stylesheet">
 
         <title>XJTLU-CHINA 2017</title>
 
         <title>XJTLU-CHINA 2017</title>
 
         <style>
 
         <style>
−
         /* --------------------------------
+
         .comic{
−
 
+
        padding-left:10%;
−
Primary style
+
        padding-right:10%;
−
 
+
        padding-bottom:30px;
−
-------------------------------- */
+
        }
−
*, *::after, *::before {
+
        p {
−
  box-sizing: border-box !important;
+
        font-size: 20px !important;
−
}
+
        }
−
 
+
        @media(min-width: 992px) {
−
body {
+
        .comic2 {
−
  font-size: 1.6rem;
+
        margin-top:30%;
−
  font-family: "Fira Sans", sans-serif;
+
        }
−
  color: #767070;
+
        }
−
  background-color: #ffffff;
+
−
}
+
−
 
+
−
a {
+
−
  color: #ccd0c1;
+
−
  text-decoration: none;
+
−
}
+
−
 
+
−
/*** Carousel ***/
+
−
/* carousel slide */
+
−
.container .carousel-caption h1{
+
−
font-family: 'Cherry Swash', cursive !important;
+
−
font-weight: 800 !important;
+
−
}
+
−
.container .carousel-caption p{
+
−
color: black !important;
+
−
font-size: 75% !important;
+
−
text-shadow: none !important;
+
−
}
+
−
.carousel-caption{
+
−
bottom:5px !important;
+
−
padding-top:35px !important;
+
−
padding-bottom:5px !important;
+
−
}
+
−
@media screen and (max-width:768px) {
+
−
.carousel-caption{
+
−
bottom:2px !important;
+
−
}
+
−
.container .carousel-caption h1{
+
−
font-weight: bold !important;
+
−
font-size: 100% !important;
+
−
}
+
−
.container .carousel-caption p{
+
−
font-size: 50% !important;
+
−
}
+
−
}
+
−
 
+
  
 
          
 
          
Line 63: Line 26:
 
     </head>
 
     </head>
 
     <body>
 
     <body>
−
<div class="container-fluid">
+
<div id="main-content" class="container-fluid">
−
    <div id="main-content" class="container">
+
 
         <img id="homebanner" src="https://static.igem.org/mediawiki/2017/4/4a/Home_project.PNG" class="img-responsive center-block" alt="Responsive image">
 
         <img id="homebanner" src="https://static.igem.org/mediawiki/2017/4/4a/Home_project.PNG" class="img-responsive center-block" alt="Responsive image">
 
           <div>
 
           <div>
−
             <a href="#Overview">
+
             <a href="#overview">
 
             <p style="text-align:center;">
 
             <p style="text-align:center;">
 
             <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;">
 
             <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;">
 
             </p>
 
             </p>
 
             </a>
 
             </a>
−
           </div>
+
           </div>
−
    </div>
+
−
   
+
−
   
+
−
   
+
−
   
+
−
    <!-- Carousel
+
−
    ================================================== -->
+
−
<div class="center-block" >
+
−
<h1 id="Overview" style="font-size:200%;font-weight:bold;text-align:center; font-family: 'Cherry Swash', cursive; color: black;">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 -->
+
<h1 id="overview" style="font-weight:900;text-align:center;margin-bottom:5%;">Overview</h1>
−
<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">
+
  <div class="row comic" style="background:#d2e4ee;">
 +
      <div class="col-md-6">
 +
      <h1 style="color:#4e7e94;"><i>S. aureus</i> Intestinal Colonization</h1>
 +
      <p style="color:#4e7e94;">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.</p>
 +
      </div>
 +
      <div class="col-md-6" >
 +
      <img class="img-responsive center-block comic2" src="https://static.igem.org/mediawiki/2017/8/8c/Home-1.png">
 +
      </div>
 +
  </div>
 +
 
 +
  <div class="row comic">
 +
      <div class="col-md-6 col-md-push-6">
 +
      <h1>Antibiotic Overuse and Superbacteria</h1>
 +
      <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.</p>
 +
      </div>
 +
      <div class="col-md-6 col-md-pull-6" >
 +
      <img class="img-responsive center-block comic2" src="https://static.igem.org/mediawiki/2017/3/37/Home-2.png">
 +
      </div>
 +
  </div>
 +
 
 +
  <div class="row comic" style="background:#fbe1e0;">
 +
      <div class="col-md-6">
 +
      <h1 style="color:#f28884;">Antimicrobial Peptides — A Promising Alternative To Antibiotics</h1>
 +
      <p style="color:#f28884;">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.</p>
 +
      </div>
 +
      <div class="col-md-6" >
 +
      <img class="img-responsive center-block comic2" src="https://static.igem.org/mediawiki/2017/b/b5/Home-3.png">
 +
      </div>
 +
  </div>
 +
 
 +
  <div class="row comic">
 +
      <div class="col-md-6 col-md-push-6">
 +
      <h1>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.</p>
 +
      </div>
 +
      <div class="col-md-6 col-md-pull-6" >
 +
      <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/5/55/Home-4.png">
 +
      </div>
 +
  </div>
 +
 
 +
</div><!-- /.container -->   
 +
 
 +
 
 +
 
 +
<!-- banner -->
 +
<div class="text-center" style="background:#cfe5d9;">
 +
<h1 style="font-weight:bolder;color:#006934; ">Collaborators and Supporters</h1>
 +
<div class="container-fluid supporters-logos">
 +
<div class="row">
 +
    <div class="col-sm-4"> 
 +
        <a href="https://www.synbio-tech.com.cn"><img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/3/38/Synbio_tech_logo.png"></a>
 +
    </div>
 +
 +
    <div class="col-sm-4"> 
 +
        <a href="https://www.wx2h.com/web/index.php"><img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/a/ab/Wuxi_No.2_people%27s_hospital.png"></a>
 +
    </div>   
 +
   
 +
    <div class="col-sm-4"> 
 +
        <a href="https://www.chinapeptides.qianyan.biz"><img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/e/e8/Qiang_yao_sheng_wu.png"></a>
 +
    </div>
  
−
<div class="container">
 
−
<div class="carousel-caption">
 
−
<h1 style="color:#f0ad4e;">Antibiotic Overuse and Superbacteria</h1>
 
−
<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.
 
−
<a href="#">Learn more</a></p>
 
−
</div>
 
−
</div>
 
−
</div> <!-- .cd-half-block.content -->
 
−
 
−
<!-- Third slide -->
 
−
<div class="item">
 
−
   
 
−
<img class="third-slide" src="https://static.igem.org/mediawiki/2017/b/b5/Home-3.png" alt="Third slide">
 
−
 
−
<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>
 +
<div class="row">
 +
 +
    <div class="col-sm-4"> 
 +
        <a href="https://www.neb.com"><img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/0/06/NEB_logo.png"></a>
 +
    </div>
 +
   
 +
    <div class="col-sm-4">
 +
        <a href="https://www.snapgene.com"><img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cb/Snapgene_logo.png"></a>
 +
    </div>
 +
   
 +
    <div class="col-sm-4">
 +
        <a href="https://www.genscript.com"><img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/9/9b/Genscript.png"></a>
 +
    </div>   
 +
</div>   
 +
 +
</div><!-- /.container --!>
 +
</div><!-- /.text-center --!>
 +
 +
<!-- footer -->
 +
<footer>
 +
<div class="text-center">
 +
    <div class="container-fluid">
 +
        <div class="row">
 +
          <div class="col-md-4 loaction">
 +
              <h4>Location</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>
 +
              <img src="https://static.igem.org/mediawiki/2017/1/19/XJTLU_email.png" alt="emali" width=30 height=30>
 +
              <p style="text-align:center;">igem@xjtlu.edu.cn</p>
 +
          </div>
 +
        </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>
 
     </body>
 
</html>
 
</html>

Latest revision as of 07:48, 31 October 2017

XJTLU-CHINA 2017
Responsive image

Overview

S. aureus Intestinal Colonization

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, Staphylococcus aureus, one of the most opportunistic and invasive pathogens, is capable of disrupting this colonization resistance and infecting the intestine. Patients with S. aureus intestinal colonization suffer from fecal incontinence, diarrhea, pseudomembranous colitis and so on.

Antibiotic Overuse and Superbacteria

Due to antibiotic overuse, Staphylococcus aureus develops resistance to various antibiotics and it becomes increasingly difficult to be eliminated. As a leading cause of hospital-acquired infections, methicillin-resistant S. aureus (MRSA) strains are multi-antibiotic resistant. Even the use of vancomycin — one of the last therapeutic resorts against S. aureus, becomes futile. Worse still, community-acquired MRSA strains are much more virulent and cause more morbidity and mortality than hospital-acquired MRSA.

Antimicrobial Peptides — A Promising Alternative To Antibiotics

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 Lactococcus lactis (Grenadier Guards) to closely detect S. aureus and throw AMPs (grenades) to eradicate them within a short time after infection.

Further Applications

Our genetically engineered Lactococcus lactis 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, L. lactis 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.

Collaborators and Supporters

Location

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

Get in touch

emali

igem@xjtlu.edu.cn

XJTLU-CHINA iGEM 2017