view index.html @ 10:2678e46fcecc

Changed map div.
author Ariane Broermann <ariane@intevation.de>
date Mon, 03 Feb 2014 12:14:31 +0100
parents 0c522b4beb93
children cd05d93c7633
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">
        
        <!-- 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="#">D4E-Logo</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="http://wald.intevation.org/scm/?group_id=57">SCM-Repository</a></li>
                        <li><a href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits">Mailinglist</a></li>
                        <li><a href="contact.html">Kontakt</a></li>
                    </ul>
                </div>
            </div><!-- /navbar -->
            <div class="row row-dive4elements row-dive4elements-right">
                <div class="col-xs-12 col-sm-6 col-md-8">
                    <p class="pull-right visible-xs">
                        <button type="button" class="btn btn-primary btn-xs"
                            data-toggle="dive4elements">News Feed</button>
                    </p>
                    <p class="lead"> Dive4Elements ist eine datenbankbasierte Webapplikation zur
                    raum-zeitlichen Analyse von Fachdaten der vier Elemente (Feuer, Wasser, Luft und
                    Erde). Dive steht für Digging, Investigating, Viewing, Exporting. Dive4Elements
                    gewährt webbasiert den Zugriff auf Datenmodelle in einem zentralen Datawarehouse
                    und bietet die Möglichkeit zur Analyse, Visualisierung der Daten sowie
                    Exportmöglichkeiten in offene Formate.
                    </p>
                    <div class="jumbotron">
                        <p class="lead">Dive4Elements River oder auch FLYSS - Flusshydrologische Software</p>
                        <p><a class="btn btn-lg btn-primary" href="#" role="button">Get it</a></p>

                        <!-- Carousel -->
                        <div id="myCarousel" class="carousel slide data-ride="carousel">
                            <!-- Carousel items -->
                            <div class="carousel-inner">
                                <div class="item active">
                                    <img src="img/bezugslinie_saar_748x400_ausschnitt.png" alt="1. Bild" class="img-responsive">
                                    <div class="carousel-caption">
                                        <p>Bezugslinie Saar</p>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="img/fix-a_saar_748x400_ausschnitt.png" alt="2. Bild" class="img-responsive">
                                    <div class="carousel-caption">
                                        <p>Titel und ggf. kurze Erläuterung </p>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="img/uesk_koblenz_hq-extrem_748x400.png" alt="3. Bild" class="img-responsive">
                                    <div class="carousel-caption">
                                        <p>Titel und ggf. kurze Erläuterung </p>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="img/wspl_rhein_748x400_ausschnitt.png" alt="4. Bild" class="img-responsive">
                                    <div class="carousel-caption">
                                        <p>Titel und ggf. kurze Erläuterung </p>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="img/uesk_koblenz_hq-extrem_580x310_ausschnitt.png" alt="5. Bild" class="img-responsive">
                                    <div class="carousel-caption">
                                        <p>Titel und ggf. kurze Erläuterung </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Carousel nav -->
                            <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="prev"></span></a>
                            <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="next"></span></a>
                        </div><!-- /myCarousel -->
                    </div><!-- /jumbobutton-->

                    <div class="row marketing">
                        <div class="col-lg-6">
                            <h4>Was ist Dive4Elements River?</h4>
                            <p>Es folgt der Text.</p>
                        </div>
                        <div class="col-lg-6">
                            <h4>Visualisierung und Analyse</h4>
                            <p>Es folgt der Text.</p>
                        </div>
                    </div><!-- /row marketing -->

                    <div class="jumbotron">
                        <p>Dive4Elements Ocean (GNV)</p>
                    </div>
                </div><!-- /col-xs-12 -->

                <div class="col-xs-6 col-md-4 sidebar-dive4elements">
                    <div class="news feed">
                        <p>News Feed</p>
                    </div><!-- /news feed -->
                </div><!-- /col-xs-6 -->
            </div><!-- /row -->

            <div class="footer">
                © 2011 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)