|
8
|
1 <!DOCTYPE html> |
|
|
2 <html> |
|
|
3 <head> |
|
|
4 <title>Dive4Elements</title> |
|
|
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
6 <meta charset="utf-8"> |
|
|
7 <meta name="description" content=""> |
|
|
8 <meta name="author" content="Ariane Brörmann"> |
|
|
9 <!-- Bootstrap --> |
|
|
10 <link href="bootstrap-3.1.0/dist/css/bootstrap.min.css" rel="stylesheet"> |
|
|
11 |
|
|
12 <!-- Leaflet CSS --> |
|
|
13 <link href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" rel="stylesheet"> |
|
|
14 |
|
|
15 <!-- Custom styles for this template --> |
|
|
16 <link href="css/style.css" rel="stylesheet"> |
|
|
17 |
|
|
18 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> |
|
|
19 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
|
|
20 <!--[if lt IE 9]> |
|
|
21 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
|
|
22 <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> |
|
|
23 <![endif]--> |
|
|
24 </head> |
|
|
25 <body> |
|
|
26 <div class="container"> |
|
|
27 |
|
|
28 <!-- Static navbar --> |
|
|
29 <div class="navbar navbar-default" role="navigation"> |
|
|
30 <div class="navbar-header"> |
|
|
31 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> |
|
|
32 <span class="sr-only">Toggle navigation</span> |
|
|
33 <span class="icon-bar"></span> |
|
|
34 <span class="icon-bar"></span> |
|
|
35 <span class="icon-bar"></span> |
|
|
36 </button> |
|
|
37 <a class="navbar-brand" href="index.html">D4E-Logo</a> |
|
|
38 </div> |
|
|
39 <div class="navbar-collapse collapse"> |
|
|
40 <ul class="nav navbar-nav navbar-right"> |
|
16
|
41 <li><a href="#">Demoanwendung</a></li> |
|
8
|
42 <li><a href="http://wald.intevation.org/scm/?group_id=57">SCM-Repository</a></li> |
|
|
43 <li><a href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits">Mailinglist</a></li> |
|
|
44 <li class="active"><a href="contact.html">Kontakt</a></li> |
|
|
45 </ul> |
|
|
46 </div> |
|
|
47 </div><!-- /navbar --> |
|
|
48 |
|
|
49 <div class="row row-dive4elements"> |
|
|
50 <div class="col-md-6"> |
|
|
51 <address> |
|
|
52 <strong>Intevation GmbH</strong> |
|
|
53 <br>Neuer Graben 17 |
|
|
54 <br>49074 Osnabrück, Deutschland |
|
|
55 <br>Telefon: +49-541-33 50 83 - 0 |
|
|
56 <br>Fax: +49-541-33 50 83 - 99 |
|
|
57 </address> |
|
|
58 <address>Registereintrag: |
|
|
59 <br>HR B 18998 |
|
|
60 <br>Amtsgericht Osnabrück |
|
|
61 </address> |
|
|
62 <address>Homepage: <a href="http://www.intevation.de">www.intevation.de</a> |
|
|
63 <br>E-Mail-Adresse: <a href= |
|
|
64 "mailto:geospatial@intevation.de">geospatial@intevation.de</a> |
|
|
65 </address> |
|
10
|
66 <p>Geschäftsführer: Frank Koormann, Bernhard Reiter, Dr. Jan-Oliver Wagner</p> |
|
8
|
67 </div> |
|
|
68 <div class="col-md-6"> |
|
|
69 <!-- Anfahrtskizze --> |
|
10
|
70 <div style="height:250px; align:right" id="map"></div> |
|
8
|
71 <script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script> |
|
|
72 <script> |
|
|
73 var map = L.map('map').setView([52.271987, 8.046263], 17); |
|
|
74 |
|
|
75 L.tileLayer.wms('http://osm.intevation.de/cgi-bin/standard.fcgi?', { |
|
|
76 layers: 'OSM-WMS-Dienst', |
|
|
77 format: 'image/png', |
|
|
78 attribution: 'Map data © <a href="http://openstreetmap.org">' |
|
|
79 + 'OpenStreetMap</a>' |
|
|
80 + '<a href="http://creativecommons.org/licenses/by-sa/2.0/">' |
|
|
81 + ' (CC-BY-SA 2.0)</a>' |
|
|
82 }).addTo(map); |
|
|
83 // Disable attribution leaflet prefix |
|
|
84 map.attributionControl.setPrefix(false); |
|
|
85 L.marker([52.271987, 8.046263]).addTo(map) |
|
|
86 .bindPopup('Intevation') |
|
|
87 .openPopup(); |
|
|
88 </script> |
|
|
89 </div> |
|
|
90 </div> |
|
|
91 <div class="footer"> |
|
10
|
92 © 2014 Intevation GmbH <br> |
|
8
|
93 Dive4Elements ist lizensiert unter der <a href= |
|
|
94 "http://www.gnu.org/licenses/lgpl-2.1.html">GNU LGPL v2.1</a>. |
|
|
95 </div><!-- /footer --> |
|
|
96 |
|
|
97 <!-- Bootstrap core JavaScript |
|
|
98 ================================================== --> |
|
|
99 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> |
|
|
100 <script src="https://code.jquery.com/jquery.js"></script> |
|
|
101 <!-- Include all compiled plugins (below), or include individual files as needed --> |
|
|
102 <script src="bootstrap-3.1.0/dist/js/bootstrap.min.js"></script> |
|
|
103 <script src="js/dive4elements.js"></script> |
|
|
104 </body> |
|
|
105 </html> |
