view contact.html @ 40:5632e05bb890

Split index.html into header, footer, main and feed, using serversite includes to merge them.
author Raimund Renkert <rrenkert@intevation.de>
date Mon, 10 Mar 2014 16:28:16 +0100
parents eea27e51e482
children 0c0eefd9041a
line wrap: on
line source
<!DOCTYPE html>
<html>
    <head>
        <title>Dive4Elements</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="utf-8">
        <meta name="description" content="">
        <meta name="author" content="Ariane Brörmann">
        <!-- Bootstrap -->
        <link href="bootstrap-3.1.0/dist/css/bootstrap.min.css" rel="stylesheet">

        <!-- Leaflet CSS -->
        <link href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" rel="stylesheet">

        <!-- Custom styles for this template -->
        <link href="css/style.css" rel="stylesheet">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="container">

          <!-- Static navbar -->
          <div class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="index.html"><strong>D4E</strong></a>
            </div>
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#"><span class="glyphicon glyphicon-cog"> Demoversion</span></a></li>
                <li><a href="http://wald.intevation.org/scm/?group_id=57"><span class="glyphicon glyphicon-folder-open"> SCM-Repository</span></a></li>
                <li><a href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits"><span class="glyphicon glyphicon-pencil"> Mailinglist</span></a></li>
                <li class="active"><a href="contact.html"><span class="glyphicon glyphicon-envelope"> Kontakt</span></a></li>
              </ul>
            </div>
          </div><!-- /navbar -->

          <div class="row row-dive4elements">
            <div class="col-md-6">
              <address>
                <strong>Intevation GmbH</strong>
                <br />Neuer Graben 17
                <br />49074 Osnabrück, Deutschland
                <br />Telefon: +49-541-33 50 83 - 0
                <br />Fax: +49-541-33 50 83 - 99
              </address>
              <address>Registereintrag:
                <br />HR B 18998
                <br />Amtsgericht Osnabrück
              </address>
              <address>Homepage: <a href="http://www.intevation.de">www.intevation.de</a>
                <br />E-Mail-Adresse: <a href="mailto:geospatial@intevation.de">geospatial@intevation.de</a>
              </address>
              <p>Geschäftsführer: Frank Koormann, Bernhard Reiter, Dr. Jan-Oliver Wagner</p>
            </div>
            <div class="col-md-6">
              <!-- Anfahrtskizze -->
              <div style="height:250px; align:right" id="map"></div>
              <script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
              <script>
                var map = L.map('map').setView([52.271987, 8.046263], 17);

                L.tileLayer.wms('http://osm.intevation.de/cgi-bin/standard.fcgi?', {
                    layers: 'OSM-WMS-Dienst',
                    format: 'image/png',
                    attribution: 'Map data &copy; <a href="http://openstreetmap.org">'
                    + 'OpenStreetMap</a>'
                    + '<a href="http://creativecommons.org/licenses/by-sa/2.0/">'
                    + ' (CC-BY-SA 2.0)</a>'
                }).addTo(map);
                // Disable attribution leaflet prefix
                map.attributionControl.setPrefix(false);
                L.marker([52.271987, 8.046263]).addTo(map)
                    .bindPopup('Intevation')
                    .openPopup();
              </script>
            </div>
        </div><!-- ./row -->
        <div class="footer">
          © 2014 Intevation GmbH <br />
          Dive4Elements ist lizensiert unter der <a href=
          "http://www.gnu.org/licenses/lgpl-2.1.html">GNU LGPL v2.1</a>.
        </div><!-- /footer -->
      </div><!-- ./container -->

      <!-- Bootstrap core JavaScript
      ================================================== -->
      <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
      <script src="https://code.jquery.com/jquery.js"></script>
      <!-- Include all compiled plugins (below), or include individual files as needed -->
      <script src="bootstrap-3.1.0/dist/js/bootstrap.min.js"></script>
      <script src="js/dive4elements.js"></script>
    </body>
</html>
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)