Team:Aix-Marseille/Home

From 2014.igem.org

(Difference between revisions)
 
(40 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
     <!-- Carousel
     ================================================== -->
     ================================================== -->
Line 12: Line 40:
       </ol>
       </ol>
       <div class="carousel-inner">
       <div class="carousel-inner">
 +
         <div class="item active">
         <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="container">
-
             <div class="carousel-caption">
+
             <div class="carousel-caption carousel-container">
-
               <img src="https://static.igem.org/mediawiki/2014/9/9f/Schema_amu_projet.jpg" height="500px">
+
               <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>
-
         </div>
+
         </div>      
 +
       
         <div class="item">
         <div class="item">
-
           <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide">
+
           <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="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
               <h1>Another example headline.</h1>
+
               <h1>The famous microbiologist rule:<br>one clone is enough!</h1>
-
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
-
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
+
             </div>
             </div>
           </div>
           </div>
-
         </div>
+
         </div>      
 +
       
         <div class="item">
         <div class="item">
-
           <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide">
+
           <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="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
               <h1>One more for good measure.</h1>
+
               <h1>Because Team Work is the key...</h1>
-
               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
               <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-primary" href="#" role="button">Browse gallery</a></p>
+
             
 +
               <p><a class="btn btn-lg btn-danger" href="/Team:Aix-Marseille/Achievements" role="button">Our achievements</a></p>
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
 +
       </div>
       </div>
       <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
       <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>

Latest revision as of 19:36, 16 October 2014