Mercurial > dive4elements > website
comparison main.html @ 50:47cc83e96d2e
Added support for switching dots in carousel.
| author | Sascha L. Teichmann <teichmann@intevation.de> |
|---|---|
| date | Thu, 20 Mar 2014 15:48:50 +0100 |
| parents | 121bdb6ab99e |
| children | c404400027ea |
comparison
equal
deleted
inserted
replaced
| 49:a9a3c55ef91c | 50:47cc83e96d2e |
|---|---|
| 24 </p> | 24 </p> |
| 25 <p class="demo-btn"><a class="btn btn-lg btn-primary" href="getit.html" | 25 <p class="demo-btn"><a class="btn btn-lg btn-primary" href="getit.html" |
| 26 role="button">Herunterladen</a></p> | 26 role="button">Herunterladen</a></p> |
| 27 | 27 |
| 28 <!-- Carousel --> | 28 <!-- Carousel --> |
| 29 <div id="myCarousel" class="carousel slide" data-ride="carousel"> | 29 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> |
| 30 <!-- Carousel items --> | 30 <ol class="carousel-indicators"> |
| 31 <div class="carousel-inner"> | 31 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| 32 <div class="item active"> | 32 <li data-target="#myCarousel" data-slide-to="1"></li> |
| 33 <img src="img/einstieg.png" alt="Einstiegsseite" class="img-responsive"> | 33 <li data-target="#myCarousel" data-slide-to="2"></li> |
| 34 <!--div class="carousel-caption"> | 34 <li data-target="#myCarousel" data-slide-to="3"></li> |
| 35 <p>Einstiegsseite der Anwendung.</p> | 35 </ol> |
| 36 </div--> | 36 <!-- Carousel items --> |
| 37 </div> | 37 <div class="carousel-inner"> |
| 38 <div class="item"> | 38 <div class="item active"> |
| 39 <img src="img/w-info_lang.png" alt="w-info" class="img-responsive"> | 39 <img src="img/einstieg.png" alt="Einstiegsseite" class="img-responsive"> |
| 40 <!--div class="carousel-caption"> | 40 <div class="carousel-caption"> |
| 41 <p>Das Modul W-Info mit Wasserspiegellage bei HQ100 der Elbe, einem | 41 <!--<p>Einstiegsseite der Anwendung.</p> --> |
| 42 Wasserstand von HQ500 und dem Talweg(2004).</p> | 42 </div> |
| 43 </div--> | |
| 44 </div> | |
| 45 <div class="item"> | |
| 46 <img src="img/m-info_fliess.png" alt="m-info" class="img-responsive"> | |
| 47 <!--div class="carousel-caption"> | |
| 48 <p>Das Modul M-Info mit der Fließgeschwindigkeit der Elbe bei HQ100 als Gesamtrinne.</p> | |
| 49 </div--> | |
| 50 </div> | |
| 51 <div class="item"> | |
| 52 <img src="img/karte.png" alt="karte" class="img-responsive"> | |
| 53 <!--div class="carousel-caption"> | |
| 54 <p>Die Flußachse der Elbe mit aktuellen Querprofilspuren und der neuen OSM Hintergrundkarte.</p> | |
| 55 </div--> | |
| 56 </div> | |
| 57 </div> | 43 </div> |
| 58 <!-- Carousel nav --> | 44 <div class="item"> |
| 59 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> | 45 <img src="img/w-info_lang.png" alt="w-info" class="img-responsive"> |
| 60 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> | 46 <div class="carousel-caption"> |
| 47 <!--<p>Das Modul W-Info mit Wasserspiegellage bei HQ100 der Elbe, einem Wasserstand von HQ500 und dem Talweg(2004).</p> --> | |
| 48 </div> | |
| 49 </div> | |
| 50 <div class="item"> | |
| 51 <img src="img/m-info_fliess.png" alt="m-info" class="img-responsive"> | |
| 52 <div class="carousel-caption"> | |
| 53 <!--<p>Das Modul M-Info mit der Fließgeschwindigkeit der Elbe bei HQ100 als Gesamtrinne.</p>--> | |
| 54 </div> | |
| 55 </div> | |
| 56 <div class="item"> | |
| 57 <img src="img/karte.png" alt="karte" class="img-responsive"> | |
| 58 <div class="carousel-caption"> | |
| 59 <!--<p>Die Flußachse der Elbe mit aktuellen Querprofilspuren und der neuen OSM Hintergrundkarte.</p> --> | |
| 60 </div> | |
| 61 </div> | |
| 62 </div> | |
| 63 <!-- Carousel nav --> | |
| 64 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> | |
| 65 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> | |
| 61 </div><!-- /myCarousel --> | 66 </div><!-- /myCarousel --> |
| 62 </div><!-- /jumbobutton--> | 67 </div><!-- /jumbobutton--> |
| 63 | 68 |
| 64 <div class="row marketing"> | 69 <div class="row marketing"> |
| 65 <div class="col-lg-6"> | 70 <div class="col-lg-6"> |