Mercurial > dive4elements > website
comparison index.html @ 24:98f602d1061b
Insert glyphicons in navigation bar.
Uncomment carousel captions.
author | Ariane Broermann <ariane@intevation.de> |
---|---|
date | Wed, 26 Feb 2014 09:02:01 +0100 |
parents | 12364cfd0975 |
children | 509f9d13faf5 |
comparison
equal
deleted
inserted
replaced
23:3e4affecf43f | 24:98f602d1061b |
---|---|
33 </button> | 33 </button> |
34 <a class="navbar-brand" href="#">D4E-Logo</a> | 34 <a class="navbar-brand" href="#">D4E-Logo</a> |
35 </div> | 35 </div> |
36 <div class="navbar-collapse collapse"> | 36 <div class="navbar-collapse collapse"> |
37 <ul class="nav navbar-nav navbar-right"> | 37 <ul class="nav navbar-nav navbar-right"> |
38 <li><a href="#">Demoanwendung</a></li> | 38 <li><a href="#"><span class="glyphicon |
39 <li><a href="http://wald.intevation.org/scm/?group_id=57">SCM-Repository</a></li> | 39 glyphicon-cog"> Demoanwendung</a></li> |
40 <li><a href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits">Mailinglist</a></li> | 40 <li><a href="http://wald.intevation.org/scm/?group_id=57"><span class="glyphicon |
41 <li><a href="contact.html">Kontakt</a></li> | 41 glyphicon-folder-open"> SCM-Repository</a></li> |
42 <li><a href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits"><span class="glyphicon | |
43 glyphicon-pencil"> Mailinglist</a></li> | |
44 <li><a href="contact.html"><span class="glyphicon | |
45 glyphicon-envelope"> Kontakt</a></li> | |
42 </ul> | 46 </ul> |
43 </div> | 47 </div> |
44 </div><!-- /navbar --> | 48 </div><!-- /navbar --> |
45 <div class="row row-dive4elements row-dive4elements-right"> | 49 <div class="row row-dive4elements row-dive4elements-right"> |
46 <div class="col-xs-12 col-sm-6 col-md-8"> | 50 <div class="col-xs-12 col-sm-6 col-md-8"> |
72 <div id="myCarousel" class="carousel slide data-ride="carousel"> | 76 <div id="myCarousel" class="carousel slide data-ride="carousel"> |
73 <!-- Carousel items --> | 77 <!-- Carousel items --> |
74 <div class="carousel-inner"> | 78 <div class="carousel-inner"> |
75 <div class="item active"> | 79 <div class="item active"> |
76 <img src="img/einstieg.png" alt="Einstiegsseite" class="img-responsive"> | 80 <img src="img/einstieg.png" alt="Einstiegsseite" class="img-responsive"> |
77 <div class="carousel-caption"> | 81 <!--div class="carousel-caption"> |
78 <p>Einstiegsseite der Anwendung.</p> | 82 <p>Einstiegsseite der Anwendung.</p> |
79 </div> | 83 </div--> |
80 </div> | 84 </div> |
81 <div class="item"> | 85 <div class="item"> |
82 <img src="img/w-info_lang.png" alt="w-info" class="img-responsive"> | 86 <img src="img/w-info_lang.png" alt="w-info" class="img-responsive"> |
83 <div class="carousel-caption"> | 87 <!--div class="carousel-caption"> |
84 <p>Das Modul W-Info mit Wasserspiegellage bei HQ100 der Elbe, einem | 88 <p>Das Modul W-Info mit Wasserspiegellage bei HQ100 der Elbe, einem |
85 Wasserstand von HQ500 und dem Talweg(2004).</p> | 89 Wasserstand von HQ500 und dem Talweg(2004).</p> |
86 </div> | 90 </div--> |
87 </div> | 91 </div> |
88 <div class="item"> | 92 <div class="item"> |
89 <img src="img/m-info_fliess.png" alt="m-info" class="img-responsive"> | 93 <img src="img/m-info_fliess.png" alt="m-info" class="img-responsive"> |
90 <div class="carousel-caption"> | 94 <!--div class="carousel-caption"> |
91 <p>Das Modul M-Info mit der Fließgeschwindigkeit der Elbe bei HQ100 als Gesamtrinne.</p> | 95 <p>Das Modul M-Info mit der Fließgeschwindigkeit der Elbe bei HQ100 als Gesamtrinne.</p> |
92 </div> | 96 </div--> |
93 </div> | 97 </div> |
94 <div class="item"> | 98 <div class="item"> |
95 <img src="img/karte.png" alt="karte" class="img-responsive"> | 99 <img src="img/karte.png" alt="karte" class="img-responsive"> |
96 <div class="carousel-caption"> | 100 <!--div class="carousel-caption"> |
97 <p>Die Flußachse der Elbe mit aktuellen Querprofilspuren und der neuen OSM Hintergrundkarte.</p> | 101 <p>Die Flußachse der Elbe mit aktuellen Querprofilspuren und der neuen OSM Hintergrundkarte.</p> |
98 </div> | 102 </div--> |
99 </div> | 103 </div> |
100 </div> | 104 </div> |
101 <!-- Carousel nav --> | 105 <!-- Carousel nav --> |
102 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="prev"></span></a> | 106 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> |
103 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="next"></span></a> | 107 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> |
104 </div><!-- /myCarousel --> | 108 </div><!-- /myCarousel --> |
105 </div><!-- /jumbobutton--> | 109 </div><!-- /jumbobutton--> |
106 | 110 |
107 <div class="row marketing"> | 111 <div class="row marketing"> |
108 <div class="col-lg-6"> | 112 <div class="col-lg-6"> |
174 </div> <!-- /container --> | 178 </div> <!-- /container --> |
175 | 179 |
176 <!-- Bootstrap core JavaScript | 180 <!-- Bootstrap core JavaScript |
177 ================================================== --> | 181 ================================================== --> |
178 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | 182 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> |
179 <script src="https://code.jquery.com/jquery.js"></script> | 183 <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> |
180 <!-- Include all compiled plugins (below), or include individual files as needed --> | 184 <!-- Include all compiled plugins (below), or include individual files as needed --> |
181 <script src="bootstrap-3.1.0/dist/js/bootstrap.min.js"></script> | 185 <script src="bootstrap-3.1.0/dist/js/bootstrap.min.js"></script> |
182 <script src="js/dive4elements.js"></script> | 186 <script src="js/dive4elements.js"></script> |
183 </body> | 187 </body> |
184 </html> | 188 </html> |