Mercurial > dive4elements > website
diff river_carousel.html @ 93:200a4c2b3bc3
Made river carousel an SSI.
| author | Sascha L. Teichmann <teichmann@intevation.de> |
|---|---|
| date | Thu, 27 Mar 2014 08:14:29 +0100 |
| parents | |
| children | b142a13c7435 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/river_carousel.html Thu Mar 27 08:14:29 2014 +0100 @@ -0,0 +1,38 @@ + <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> + <li data-target="#myCarousel" data-slide-to="2"></li> + <li data-target="#myCarousel" data-slide-to="3"></li> + </ol> + <!-- Carousel items --> + <div class="carousel-inner"> + <div class="item active"> + <img src="img/einstieg.png" alt="Einstiegsseite" class="img-responsive"> + <div class="carousel-caption"> + <p>Einstiegsseite der Anwendung.</p> + </div> + </div> + <div class="item"> + <img src="img/w-info_lang.png" alt="w-info" class="img-responsive"> + <div class="carousel-caption"> + <p>Das Modul W-Info mit Wasserspiegellage bei HQ100 der Elbe, einem Wasserstand von HQ500 und dem Talweg(2004).</p> + </div> + </div> + <div class="item"> + <img src="img/m-info_fliess.png" alt="m-info" class="img-responsive"> + <div class="carousel-caption"> + <p>Das Modul M-Info mit der Fließgeschwindigkeit der Elbe bei HQ100 als Gesamtrinne.</p> + </div> + </div> + <div class="item"> + <img src="img/karte.png" alt="karte" class="img-responsive"> + <div class="carousel-caption"> + <p>Die Flußachse der Elbe mit aktuellen Querprofilspuren und der neuen OSM Hintergrundkarte.</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 -->