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>
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)