Team:Paris Bettencourt

From 2013.igem.org

(Difference between revisions)
Line 9: Line 9:
     display:block;
     display:block;
     position:absolute;
     position:absolute;
-
     top:10px;
+
     top:0px;
     width:100%;
     width:100%;
-
     margin-bottom:-122px;
+
     margin-bottom:-125px;
     position:relative;
     position:relative;
     /*top:-10px;*/
     /*top:-10px;*/
Line 57: Line 57:
}
}
.carousel .next, .carousel .prev {
.carousel .next, .carousel .prev {
-
     position: absolu
+
     position: absolute;
 +
    top: 0;
 +
    width: 100%;
 +
}
 +
.carousel .next {
 +
    left: 100%;
 +
}
 +
.carousel .prev {
 +
    left: -100%;
 +
}
 +
.carousel .next.left, .carousel .prev.right {
 +
    left: 0;
 +
}
 +
.carousel .active.left {
 +
    left: -100%;
 +
}
 +
.carousel .active.right {
 +
    left: 100%;
 +
}
 +
.carousel-control {
 +
    display:none;
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 15px;
 +
    width: 40px;
 +
    height: 40px;
 +
    margin-top: -20px;
 +
    font-size: 60px;
 +
    font-weight: 100;
 +
    line-height: 30px;
 +
    color: rgb(250,247,186);
 +
    text-align: center;
 +
    background: rgb(30,39,43);
 +
    border: 3px solid rgb(250,247,186);
 +
    -webkit-border-radius: 23px;
 +
    -moz-border-radius: 23px;
 +
    border-radius: 23px;
 +
    opacity: 0.1;
 +
    filter: alpha(opacity=10);
 +
}
 +
.carousel-control.right {
 +
    left: auto;
 +
    right: 15px;
 +
}
 +
.carousel-control:hover {
 +
    text-decoration: none;
 +
    opacity: 0.9;
 +
    filter: alpha(opacity=90);
 +
}
 +
.carousel-caption {
 +
    display:none;
 +
}
 +
.carousel-indicators {
 +
  position: absolute;
 +
  top: 50px;
 +
  left:1000px;
 +
  width:auto;
 +
  padding:0;
 +
  margin:0;
 +
  text-align: center;
 +
  list-style: none;
 +
  z-index:4;
 +
}
 +
.carousel-indicators li {
 +
    /*display: inline-block;*/
 +
    float:left;
 +
    width: 10px;
 +
    height: 10px;
 +
    margin: 5px;
 +
    text-indent: -999px;
 +
    cursor: pointer;
 +
    border: 1px solid rgb(250,247,186);
 +
    background-color: rgb(30,39,43);
 +
    opacity: 0.5;
 +
    filter: alpha(opacity=50);
 +
    border-radius: 9px;
 +
}
 +
.carousel-indicators .active {
 +
    background-color: rgb(250,247,186);
 +
    border: 1px solid rgb(30,39,43);
 +
    opacity: 0.5;
 +
    filter: alpha(opacity=50);
 +
}
 +
.panel {
 +
  width:1100px;
 +
  height:632px;
 +
  margin:0;
 +
  color: rgb(30,39,43);
 +
  font-family: 'Yanone Kaffeesatz', sans-serif;
 +
}
 +
/* */
 +
.subpanel1 {
 +
  float:left;
 +
  width:535px;
 +
  height:428px;
 +
  margin-top:45px;
 +
  margin-right:20px;
 +
  margin-bottom:12px;
 +
  border-radius:7px;
 +
  background:rgb(252,250,229);
 +
}
 +
.subpanel2 {
 +
  float:left;
 +
  width:125px;
 +
  height:492px;
 +
  font-size:22px;
 +
  text-align:center;
 +
  margin-top:45px;
 +
  margin-right:11px;
 +
  border-radius:7px;
 +
  overflow:hidden;
 +
}
 +
.panel a {
 +
  color: rgb(46,43,52);
 +
  text-decoration:none;
 +
}
 +
.subpanel2:hover{
 +
  font-weight:bold;
 +
}
 +
.subpanel3 {
 +
  float:left;
 +
  width:535px;
 +
  height:50px;
 +
  font-size:30px;
 +
  text-align:left;
 +
  line-height:50px;
 +
  background:rgb(51,51,51);
 +
  color:white;
 +
  border-radius:7px;
 +
  position:relative;
 +
  bottom:50px;
 +
  font-family: 'Great Vibes', cursive;
 +
  font-size: 35px;
 +
}
 +
.spdesc {
 +
  display:none;
 +
  height:100px;
 +
  color:rgb(51,51,51);
 +
}
 +
.cont {
 +
  width:90%;
 +
  height:auto;
 +
  margin-left:5%;
 +
  margin-top:5%;
 +
  background:transparent;
 +
}
 +
.cont p {
 +
  font-size:24px;
 +
  line-height:26px;
 +
  width:auto;
 +
  height:auto;
 +
  margin:5% 2%;
 +
}
 +
.narrowimg {
 +
  /*position:absolute;*/
 +
  z-index:2;
 +
  opacity:0.3;
 +
  filter: alpha(opacity=30);
 +
}
 +
.titlebox {
 +
  z-index:1;
 +
  position:relative;
 +
  bottom:150px;
 +
  background:transparent;
 +
}
 +
.narrowimg:hover {
 +
  opacity:0.8;
 +
  filter: alpha(opacity=80);
 +
}
 +
</style>
 +
 
 +
<div id="topheader">
 +
<div id="TBBanner" class="carousel slide">
 +
  <ol class="carousel-indicators">
 +
      <li data-target="#TBBanner" data-slide-to="0" class="active"></li>
 +
      <li data-target="#TBBanner" data-slide-to="1" ></li>
 +
      <li data-target="#TBBanner" data-slide-to="2" ></li>
 +
  </ol>
 +
    <div class="carousel-inner">
 +
      <div class="active item" data-slide="0"><img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/b/b0/PBTBbannerFrontPage3.jpg" width="1100" height="632"/></div>
 +
      <div class="item" data-slide="1"><img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/5/52/PBTBbanner4rontPage3.jpg" width="1100" height="632"/></div>
 +
      <div class="item" data-slide="2"><img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/f/fe/PBTBbanner5rontPage3.jpg" width="1100" height="632"/></div> 
 +
    </div>
 +
  </div>
 +
  <div id="bgkBanner2">
 +
    <img src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100"> 
 +
  </div>
 +
  <img src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px" style="position:relative;bottom:610px;left:30px;"/>
 +
</div>
 +
<div style="clear: both;"></div>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 +
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js"></script>
 +
<script type="text/javascript">
 +
jQuery(document).ready(function($) {
 +
$('.carousel').carousel({
 +
  interval: 5000
 +
  })
 +
});
 +
</script>
 +
<div id="page">
 +
<div class="panel">
 +
  <div class="subpanel1">
 +
    <!--<img style="opacity:0.8" src="https://static.igem.org/mediawiki/2013/7/78/PB_ProjectLarge1.jpg" width="535px" height="428px" />--!>
 +
    <div style="position:relative;bottom:0px">
 +
    <div class="cont"><p style="  font-size:30px;line-height:32px;">FIGHT TUBERCULOSIS WITH MODERN WEAPONS </p></div>
 +
    <div class="cont">
 +
      <p>
 +
      Tuberculosis is an infectious disease caused by <i>Mycobacterium tuberculosis</i> affecting millions of people over the world. Using <i>Escherichia coli</i> as a model organism we are developing different approaches that could contribute to the fight against TB.
 +
      </p>
 +
    </div>
 +
    <div id="psdesc" class="spdesc">
 +
      <div class="cont">
 +
<p>A biosensor that detects the presence of sequence specific antibiotic resistance genes.</p>
 +
      </div>
 +
    </div>
 +
    <div id="dsdesc" class="spdesc">
 +
      <div class="cont">
 +
<p>A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.</p>
 +
      </div>  
 +
    </div>
 +
    <div id="thdesc" class="spdesc">
 +
      <div class="cont">
 +
<p>A phage system with low fitness cost producing sRNA, which inhibit the synthesis of antibiotic resistance proteins.</p>
 +
      </div>
 +
    </div>
 +
    <div id="tcdesc" class="spdesc">
 +
      <div class="cont">
 +
<p>An <i>E. coli</i> which invades macrophages and kills mycobacteria.</p>
 +
      </div>
 +
    </div>
 +
    </div>
 +
  </div>
 +
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Phage_Sensor">
 +
    <div id="pspanel" class="subpanel2">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/a/a8/PB_DetectNarrow.jpg" width="125px" height="500px"/>
 +
      <div class="titlebox">
 +
      <center><img src="https://static.igem.org/mediawiki/2013/0/0b/PB_detecticon.gif" style="height:60px;margin-bottom:20px;"/></center>
 +
      <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
      Detect
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Drug_Screening">
 +
    <div id="dspanel" class="subpanel2">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/e/e2/PB_TargetNarrow.jpg" width="125px" height="500px"/>
 +
      <div class="titlebox">
 +
      <center><img src="https://static.igem.org/mediawiki/2013/1/11/PB_TargetIcon.gif" style="height:60px;margin-bottom:20px;"/></center>
 +
      <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
      Target
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/TB-ception">
 +
    <div id="tcpanel" class="subpanel2">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/2/21/PB_InfiltrateNarrow.jpg" width="125px" height="500px"/>
 +
      <div class="titlebox">
 +
      <center><img src="https://static.igem.org/mediawiki/2013/6/6c/PB_infiltrate.gif" style="height:60px;margin-bottom:20px;"/></center>
 +
      <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
      Infiltrate
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Trojan_Horse">
 +
    <div id="thpanel" class="subpanel2">     
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/4/42/PB_SabotageNarrow.jpg" width="125px" height="500px"/>
 +
      <div class="titlebox">
 +
      <center><img src="https://static.igem.org/mediawiki/2013/8/81/PB_sabotageicone.gif" style="height:60px;margin-bottom:20px;"/></center>
 +
      <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
      Sabotage
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <div class="subpanel3" >
 +
    <img width="70px" style="margin-left:120px;margin-right:15px;position:relative;bottom:1px" src="https://static.igem.org/mediawiki/2013/d/d5/PB_handresults.gif"/>Our results here
 +
  </div>
 +
</div>
 +
<center>
 +
<img style="margin-bottom:-24px;" src="https://static.igem.org/mediawiki/2013/4/48/PB_WhiteArrow.gif"/ height="25px">
 +
</center>
 +
<div style="clear: both;"></div>
 +
<div class="panel" style="background:rgb(228,45,51);">
 +
</div>
 +
<center>
 +
<img style="margin-bottom:-24px;" src="https://static.igem.org/mediawiki/2013/a/ad/PB_RedArrow.gif"/ height="25px">
 +
</center>
 +
<div style="clear: both;"></div>
 +
</div>
 +
 
 +
<script>
 +
  $(document).ready(function(){$('div .igemlogo').mouseover(function(){div = $('.left-menu'); div.fadeIn(1);}).mouseout(function(){div.fadeOut(100);});});
 +
  $(document).ready(function(){$('div #pspanel').mouseover(function(){div = $('#psdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
  $(document).ready(function(){$('div #dspanel').mouseover(function(){div = $('#dsdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
  $(document).ready(function(){$('div #thpanel').mouseover(function(){div = $('#thdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
  $(document).ready(function(){$('div #tcpanel').mouseover(function(){div = $('#tcdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
</script>
 +
 
 +
</div>
 +
</html>
 +
 
 +
{{:Team:Paris_Bettencourt/footer}}

Revision as of 09:52, 26 September 2013

FIGHT TUBERCULOSIS WITH MODERN WEAPONS

Tuberculosis is an infectious disease caused by Mycobacterium tuberculosis affecting millions of people over the world. Using Escherichia coli as a model organism we are developing different approaches that could contribute to the fight against TB.

A biosensor that detects the presence of sequence specific antibiotic resistance genes.

A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.

A phage system with low fitness cost producing sRNA, which inhibit the synthesis of antibiotic resistance proteins.

An E. coli which invades macrophages and kills mycobacteria.

Detect
Target
Infiltrate
Sabotage
Our results here

Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
team2013@igem-paris.org
Hit Counter by Digits
Copyright (c) 2013 igem.org. All rights reserved.

Retrieved from "http://2013.igem.org/Team:Paris_Bettencourt"