Mercurial > dive4elements > website
annotate ocean_carousel.html @ 141:e209a6446e88
One break less inside new items.
author | Sascha L. Teichmann <teichmann@intevation.de> |
---|---|
date | Thu, 03 Apr 2014 16:43:26 +0200 |
parents | 1387a5add21d |
children | 86ab18dbaad9 |
rev | line source |
---|---|
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
1 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
2 <ol class="carousel-indicators"> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
3 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
4 <li data-target="#myCarousel" data-slide-to="1"></li> |
133 | 5 <li data-target="#myCarousel" data-slide-to="2"></li> |
6 <li data-target="#myCarousel" data-slide-to="3"></li> | |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
7 </ol> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
8 <!-- Carousel items --> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
9 <div class="carousel-inner"> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
10 <div class="item active"> |
133 | 11 <img src="img/gnv_profil_1.png" alt="Profilschnitt" class="img-responsive"> |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
12 <div class="carousel-caption"> |
121
b142a13c7435
Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents:
106
diff
changeset
|
13 <p>Profilschnitt: klassifizierte Temperaturverteilung über die Tiefe in der Ostsee.</p> |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
14 </div> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
15 </div> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
16 <div class="item"> |
133 | 17 <img src="img/gnv_karte_1.png" alt="Horizontalschnitt" class="img-responsive"> |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
18 <div class="carousel-caption"> |
121
b142a13c7435
Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents:
106
diff
changeset
|
19 <p>Karte: Horizontalschnitt der Temperaturverteilung in Nord- und Ostsee</p> |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
20 </div> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
21 </div> |
133 | 22 <div class="item"> |
23 <img src="img/gnv_marnet_1.png" alt="Marnet" class="img-responsive"> | |
24 <div class="carousel-caption"> | |
25 <p>TODO: Bildtitel eintragen!</p> | |
26 </div> | |
27 </div> | |
28 <div class="item"> | |
29 <img src="img/gnv_modelldaten_1.png" alt="Modelldaten" class="img-responsive"> | |
30 <div class="carousel-caption"> | |
31 <p>TODO: Bildtitel eintragen!</p> | |
32 </div> | |
33 </div> | |
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
34 </div> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
35 <!-- Carousel nav --> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
36 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
37 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> |
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
38 </div><!-- /myCarousel --> |