Mercurial > dive4elements > website
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 92:63987dc46a5f | 93:200a4c2b3bc3 |
|---|---|
| 1 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> | |
| 2 <ol class="carousel-indicators"> | |
| 3 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | |
| 4 <li data-target="#myCarousel" data-slide-to="1"></li> | |
| 5 <li data-target="#myCarousel" data-slide-to="2"></li> | |
| 6 <li data-target="#myCarousel" data-slide-to="3"></li> | |
| 7 </ol> | |
| 8 <!-- Carousel items --> | |
| 9 <div class="carousel-inner"> | |
| 10 <div class="item active"> | |
| 11 <img src="img/einstieg.png" alt="Einstiegsseite" class="img-responsive"> | |
| 12 <div class="carousel-caption"> | |
| 13 <p>Einstiegsseite der Anwendung.</p> | |
| 14 </div> | |
| 15 </div> | |
| 16 <div class="item"> | |
| 17 <img src="img/w-info_lang.png" alt="w-info" class="img-responsive"> | |
| 18 <div class="carousel-caption"> | |
| 19 <p>Das Modul W-Info mit Wasserspiegellage bei HQ100 der Elbe, einem Wasserstand von HQ500 und dem Talweg(2004).</p> | |
| 20 </div> | |
| 21 </div> | |
| 22 <div class="item"> | |
| 23 <img src="img/m-info_fliess.png" alt="m-info" class="img-responsive"> | |
| 24 <div class="carousel-caption"> | |
| 25 <p>Das Modul M-Info mit der Fließgeschwindigkeit der Elbe bei HQ100 als Gesamtrinne.</p> | |
| 26 </div> | |
| 27 </div> | |
| 28 <div class="item"> | |
| 29 <img src="img/karte.png" alt="karte" class="img-responsive"> | |
| 30 <div class="carousel-caption"> | |
| 31 <p>Die Flußachse der Elbe mit aktuellen Querprofilspuren und der neuen OSM Hintergrundkarte.</p> | |
| 32 </div> | |
| 33 </div> | |
| 34 </div> | |
| 35 <!-- Carousel nav --> | |
| 36 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> | |
| 37 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> | |
| 38 </div><!-- /myCarousel --> |