comparison 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
comparison
equal deleted inserted replaced
105:abcfb1f3d11f 106:68f49d59b165
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 </ol>
6 <!-- Carousel items -->
7 <div class="carousel-inner">
8 <div class="item active">
9 <img src="img/gnv_profil.png" alt="Profilschnitt" class="img-responsive">
10 <div class="carousel-caption">
11 <p>Profilschnitt der klassifizierten Temperaturverteilung über die Tiefe in der Ostsee.</p>
12 </div>
13 </div>
14 <div class="item">
15 <img src="img/gnv_karte.png" alt="Horizontalschnitt" class="img-responsive">
16 <div class="carousel-caption">
17 <p>Kartenausschnitt mit dynamisch errechnetem Horizontalschnitt
18 der Temperaturverteilung in Nord- und Ostsee
19 (temporär erzeugter WMS-Dienst)</p>
20 </div>
21 </div>
22 </div>
23 <!-- Carousel nav -->
24 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a>
25 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a>
26 </div><!-- /myCarousel -->
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)