Mercurial > dive4elements > website
diff ocean_carousel.html @ 133:1387a5add21d
Insert images.
author | Ariane Broermann <ariane@intevation.de> |
---|---|
date | Thu, 03 Apr 2014 14:12:06 +0200 |
parents | b142a13c7435 |
children | 86ab18dbaad9 |
line wrap: on
line diff
--- a/ocean_carousel.html Thu Apr 03 14:11:44 2014 +0200 +++ b/ocean_carousel.html Thu Apr 03 14:12:06 2014 +0200 @@ -2,21 +2,35 @@ <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/gnv_profil.png" alt="Profilschnitt" class="img-responsive"> + <img src="img/gnv_profil_1.png" alt="Profilschnitt" class="img-responsive"> <div class="carousel-caption"> <p>Profilschnitt: klassifizierte Temperaturverteilung über die Tiefe in der Ostsee.</p> </div> </div> <div class="item"> - <img src="img/gnv_karte.png" alt="Horizontalschnitt" class="img-responsive"> + <img src="img/gnv_karte_1.png" alt="Horizontalschnitt" class="img-responsive"> <div class="carousel-caption"> <p>Karte: Horizontalschnitt der Temperaturverteilung in Nord- und Ostsee</p> </div> </div> + <div class="item"> + <img src="img/gnv_marnet_1.png" alt="Marnet" class="img-responsive"> + <div class="carousel-caption"> + <p>TODO: Bildtitel eintragen!</p> + </div> + </div> + <div class="item"> + <img src="img/gnv_modelldaten_1.png" alt="Modelldaten" class="img-responsive"> + <div class="carousel-caption"> + <p>TODO: Bildtitel eintragen!</p> + </div> + </div> </div> <!-- Carousel nav --> <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a>