view index.html @ 16:fbb7d507d14a

Changed navbar.
author Ariane Broermann <ariane@intevation.de>
date Wed, 05 Feb 2014 09:33:24 +0100
parents 8c9484946afb
children d1451baf4e78
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="#">Demoanwendung</a></li>
                        <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.</br>
                    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">
                        <h3>Dive4Elements River</h3>
                        <p class="lead">Dive4Elements River bildet die Basis für einen weltweit
                        zugänglicher Internetdienst mit fachlicher und technischer Anbindung von Daten
                        aus zentralen Datenbanken der Wasser- und Schifffahrtsverwaltung
                        (<a href="http://www.wsv.de/">WSV</a>) und der Bundesanstalt für Gewässerkunde
                        (<a href="http://www.bafg.de/FLYS">BfG</a>).</br>
                        Dive4Elements River wird vom Fachdienst FLYS der BfG betrieben und dient dem
                        Erstellen und Betreiben von numerischen Fließgewässermodellen an Bundeswasserstraßen
                        sowie zur Beschreibung der zugehörigen gewässerkundlichen Zustände.
                        </p>
                        <p class="demo-btn"><a class="btn btn-lg btn-primary" href="#" role="button">Demoanwendung</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>Die Anwendung Dive4Elements River besteht aus drei Informations- und Analysemodulen:
                                <ul><li>W-Info</li>
                                    <li>M-Info</li>
                                    <li>Fixirungsanalyse</li>
                                </ul>
                                Diese beinhalten 17 Berechnungsarten, wodurch beispielsweise Wasserstände
                                orts- oder streckenbezogen ermittelt und in Bezug zu Messwerten ausgewertet
                                werden können. Des Weiteren verfügt die Software über mehrere Analysewerkzeuge,
                                die es Anwendern mit vertieften Kenntnissen über hydrologische und hydraulische
                                Zusammenhänge ermöglicht, u. a. Überschwemmungsgebiete zu ermitteln oder
                                Wassspiegelfixierungen auszuwerten, um Wasserspiegellagen für benutzerdefinierte
                                Abflüsse zu ermitteln.</br>
                                Weiterhin gibt es zwei Visualisierungsmodule (Karte, Diagramm).
                            </p>
                        </div>
                        <div class="col-lg-6">
                            <h4>Visualisierung und Analyse</h4>
                            <p> Das Modul W-Info für hydraulische und hydrologische Fragestellungen enthält fünf neue
                                Berechnungsarten:
                                <ol>
                                    <li>Auswertung historischer Abflusstafeln</li>
                                    <li>Bezugslinienverfahren</li>
                                    <li>Differenzenberechnung</li>
                                    <li>Überschwemmungsfläche</li>
                                    <li>Auslagerung extremer Wasserspiegellagen</li>
                                </ol>
                                Die Fixierungsanalyse wurde überarbeitet.
                            </p>
                            <h5>Das neue Funktionsmodul M-Info</h5>
                            <p>M-Info dient physikalisch-morphologischen Fragestellungen und ist in
                                der Bedienung, Ergebnisausgabe und -visualisierung analog zu W-Info.
                                Insgesamt beinhaltet dieses Modul sechs Berechnungsarten:
                                <ol>
                                    <li>Mittlere Sohlhöhe</li>
                                    <li>Sohlhöhendifferenzen</li>
                                    <li>Sedimentfracht</li>
                                    <li>Sohlbeschaffenheit</li>
                                    <li>Fließgeschwindigkeit</li>
                                    <li>Transport-Abluss-Beziehung</li>
                                </ol>
                                Alle Arbeitsergebnisse können, je nach Berechnungsart mittels Tabellen,
                                Diagrammen (z. B. Längsschnitt, Querprofil, Ablusskurve, etc.) oder Karten
                                dargestellt werden.
                            </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">
                © 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)