Team:Aix-Marseille/Home

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
<style>
+
<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 {
   .carousel-indicators .active {
     background-color: #18bc9c;
     background-color: #18bc9c;
Line 23: Line 42:
         <div class="item active">
         <div class="item active">
-
           <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/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">
-
               <h1>Synchronisation of E.coli cells</h1>
+
               <h1 class="text-danger carousel-title" id="title">S.E.colization : Green light, GO!</h1>
-
               <p>Our project centers around synchronizing a culture of E.coli 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>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>
               <p><a class="btn btn-lg btn-danger" href="/Team:Aix-Marseille/Project" role="button">Read More</a></p>
             </div>
             </div>
Line 34: Line 53:
          
          
         <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/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>One more for good measure.</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">Browse gallery</a></p>
+
             </div>
             </div>
           </div>
           </div>
Line 45: Line 62:
          
          
         <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>

Latest revision as of 19:36, 16 October 2014