Team:Aix-Marseille/Home
From 2014.igem.org
(Difference between revisions)
(35 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 | + | <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 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 | + | <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> | + | <h1>The famous microbiologist rule:<br>one clone is enough!</h1> |
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
- | </div> | + | </div> |
+ | |||
<div class="item"> | <div class="item"> | ||
- | <img | + | <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> | + | <h1>Because Team Work is the key...</h1> |
- | <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- | + | |
+ | <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