Team:Aix-Marseille/Home

From 2014.igem.org

(Difference between revisions)
(Replaced content with "{{Team:Aix-Marseille/header}} <html> </html> {{Team:Aix-Marseille/footer}}")
 
(49 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
    
+
<script>
 +
$(document).ready(function () {
 +
    var title = $("#title");
 +
    var i = 1;
 +
   
 +
    function colorChange() {
 +
        if (i>0) {
 +
            title.removeClass('text-danger');
 +
            title.addClass('text-success');
 +
        }
 +
        else {
 +
            title.removeClass('text-success');
 +
            title.addClass('text-danger');
 +
        }
 +
        i = i*(-1);
 +
    }
 +
    setInterval(colorChange, 1500);
 +
 
 +
});
 +
</script>
 +
<style>
 +
   .carousel-indicators .active {
 +
    background-color: #18bc9c;
 +
  }
 +
  .carousel-indicators li {
 +
    border-color: #18bc9c;
 +
  }
 +
</style>
 +
    <!-- Carousel
 +
    ================================================== -->
 +
    <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>
 +
      </ol>
 +
      <div class="carousel-inner">
 +
 
 +
        <div class="item active">
 +
          <img class="carousel-bg" src="https://static.igem.org/mediawiki/2014/6/62/AMU_Team-bacteria-home.png" style="top:initial;bottom:0;">
 +
          <div class="container">
 +
            <div class="carousel-caption carousel-container">
 +
              <h1 class="text-danger carousel-title" id="title">S.E.colization : Green light, GO!</h1>
 +
              <p>Our project centers around synchronizing a culture of <i>E.coli</i> cells, so that they all divide synchronously and change color from green to red and back as they go through the cell cycle.</p>
 +
              <p><a class="btn btn-lg btn-danger" href="/Team:Aix-Marseille/Project" role="button">Read More</a></p>
 +
            </div>
 +
          </div>
 +
        </div>       
 +
       
 +
        <div class="item">
 +
          <img class="carousel-bg" src="https://static.igem.org/mediawiki/2014/c/cd/AMU_Team-Petri_boxes.jpg" style="height: 100%">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
              <h1>The famous microbiologist rule:<br>one clone is enough!</h1>
 +
            </div>
 +
          </div>
 +
        </div>       
 +
       
 +
        <div class="item">
 +
          <img class="carousel-bg" src="https://static.igem.org/mediawiki/2014/0/00/AMU_Team-Achievements_banner.jpg" style="height: 100%">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
              <h1>Because Team Work is the key...</h1>
 +
              <p>We brought this adventure beyond our own expectations, so thanks to all of you, AMU-iGEM members! .</p>
 +
             
 +
              <p><a class="btn btn-lg btn-danger" href="/Team:Aix-Marseille/Achievements" role="button">Our achievements</a></p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
 +
      </div>
 +
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
    </div>
 +
    <!-- /.carousel -->
</html>
</html>
{{Team:Aix-Marseille/footer}}
{{Team:Aix-Marseille/footer}}

Latest revision as of 19:36, 16 October 2014