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