Mercurial > dive4elements > website
diff ocean_carousel.html @ 106:68f49d59b165
Moved D4E Ocean to new layout.
author | Tom Gottfried <tom@intevation.de> |
---|---|
date | Mon, 31 Mar 2014 18:12:45 +0200 |
parents | |
children | b142a13c7435 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/ocean_carousel.html Mon Mar 31 18:12:45 2014 +0200 @@ -0,0 +1,26 @@ + <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> + <ol class="carousel-indicators"> + <li data-target="#myCarousel" data-slide-to="0" class="active"></li> + <li data-target="#myCarousel" data-slide-to="1"></li> + </ol> + <!-- Carousel items --> + <div class="carousel-inner"> + <div class="item active"> + <img src="img/gnv_profil.png" alt="Profilschnitt" class="img-responsive"> + <div class="carousel-caption"> + <p>Profilschnitt der klassifizierten Temperaturverteilung über die Tiefe in der Ostsee.</p> + </div> + </div> + <div class="item"> + <img src="img/gnv_karte.png" alt="Horizontalschnitt" class="img-responsive"> + <div class="carousel-caption"> + <p>Kartenausschnitt mit dynamisch errechnetem Horizontalschnitt + der Temperaturverteilung in Nord- und Ostsee + (temporär erzeugter WMS-Dienst)</p> + </div> + </div> + </div> + <!-- Carousel nav --> + <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> + <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> + </div><!-- /myCarousel -->