Mercurial > dive4elements > website
comparison index.html @ 0:20e1ebb86d9d
Laying out Repository
| author | Ariane Broermann <ariane@intevation.de> |
|---|---|
| date | Tue, 28 Jan 2014 09:32:34 +0100 |
| parents | |
| children | 2d286f28acf9 |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:20e1ebb86d9d |
|---|---|
| 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.0.3/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| 11 | |
| 12 <!-- Custom styles for this template --> | |
| 13 <link href="css/style.css" rel="stylesheet"> | |
| 14 | |
| 15 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | |
| 16 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |
| 17 <!--[if lt IE 9]> | |
| 18 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | |
| 19 <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> | |
| 20 <![endif]--> | |
| 21 </head> | |
| 22 <body> | |
| 23 <div class="container"> | |
| 24 | |
| 25 <!-- Static navbar --> | |
| 26 <div class="navbar navbar-default" role="navigation"> | |
| 27 <div class="navbar-header"> | |
| 28 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | |
| 29 <span class="sr-only">Toggle navigation</span> | |
| 30 <span class="icon-bar"></span> | |
| 31 <span class="icon-bar"></span> | |
| 32 <span class="icon-bar"></span> | |
| 33 </button> | |
| 34 <a class="navbar-brand" href="#">Dive4Elements</a> | |
| 35 </div> | |
| 36 <div class="navbar-collapse collapse"> | |
| 37 <ul class="nav navbar-nav navbar-right"> | |
| 38 <li><a href="#">Kontakt</a></li> | |
| 39 </ul> | |
| 40 </div> | |
| 41 </div><!-- /navbar --> | |
| 42 | |
| 43 <div class="container"> | |
| 44 <div class="row-offcanvas row-offcanvas-right"> | |
| 45 <p class="lead"> Dive4Elements ist eine datenbankbasierte Webapplikation zur raum-zeitlichen Analyse von Fachdaten der 4 Elemente (Feuer, Wasser, Luft und Erde). Dive steht für Digging, Investigating, Viewing, Exporting. | |
| 46 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. | |
| 47 </p> | |
| 48 | |
| 49 <div class="jumbotron"> | |
| 50 <p class="lead">Dive4Elements River oder auch FLYSS - Flusshydrologische Software</p> | |
| 51 <p><a class="btn btn-lg btn-success" href="#" role="button">Get it</a></p> | |
| 52 | |
| 53 <!-- Carousel --> | |
| 54 <div id="myCarousel" class="carousel slide data-ride="carousel""> | |
| 55 <!-- Carousel items --> | |
| 56 <div class="carousel-inner"> | |
| 57 <div class="item active"> | |
| 58 <img src="img/screenshot1.png" alt="1. Bild" class="img-responsive"> | |
| 59 <div class="carousel-caption"> | |
| 60 <p>Titel und ggf. kurze Erläuterung </p> | |
| 61 </div> | |
| 62 </div> | |
| 63 <div class="item"> | |
| 64 <img src="img/screenshot2.png" alt="2. Bild" class="img-responsive"> | |
| 65 <div class="carousel-caption"> | |
| 66 <p>Titel und ggf. kurze Erläuterung </p> | |
| 67 </div> | |
| 68 </div> | |
| 69 <div class="item"> | |
| 70 <img src="img/screenshot3.png" alt="3. Bild" class="img-responsive"> | |
| 71 <div class="carousel-caption"> | |
| 72 <p>Titel und ggf. kurze Erläuterung </p> | |
| 73 </div> | |
| 74 </div> | |
| 75 <div class="item"> | |
| 76 <img src="img/screenshot5.png" alt="4. Bild" class="img-responsive"> | |
| 77 <div class="carousel-caption"> | |
| 78 <p>Titel und ggf. kurze Erläuterung </p> | |
| 79 </div> | |
| 80 </div> | |
| 81 <div class="item"> | |
| 82 <img src="img/screenshot8.png" alt="5. Bild" class="img-responsive"> | |
| 83 <div class="carousel-caption"> | |
| 84 <p>Titel und ggf. kurze Erläuterung </p> | |
| 85 </div> | |
| 86 </div> | |
| 87 </div> | |
| 88 <!-- Carousel nav --> | |
| 89 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="prev"></span></a> | |
| 90 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="next"></span></a> | |
| 91 </div><!-- /myCarousel --> | |
| 92 </div><!-- /jumbobutton--> | |
| 93 | |
| 94 <div class="row marketing"> | |
| 95 <div class="col-lg-6"> | |
| 96 <h4>Was ist Dive4Elements River?</h4> | |
| 97 <p>Es folgt der Text.</p> | |
| 98 </div> | |
| 99 <div class="col-lg-6"> | |
| 100 <h4>Visualisierung und Analyse</h4> | |
| 101 <p>Es folgt der Text.</p> | |
| 102 </div> | |
| 103 </div><!-- /row --> | |
| 104 | |
| 105 <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation"> | |
| 106 <div class="news_feed"> | |
| 107 <p>News</p> | |
| 108 </div> | |
| 109 </div><!-- /sidebar --> | |
| 110 | |
| 111 <div class="jumbotron"> | |
| 112 <p>Dive4Elements Ocean (GNV)</p> | |
| 113 </div> | |
| 114 | |
| 115 </div><!-- /container --> | |
| 116 | |
| 117 <div class="footer"> | |
| 118 © 2011 Intevation GmbH <br> | |
| 119 Dive4Elements ist lizensiert unter der <a href= | |
| 120 "http://www.gnu.org/licenses/lgpl-2.1.html">GNU LGPL v2.1</a>. | |
| 121 </div> | |
| 122 </div> <!-- /container --> | |
| 123 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | |
| 124 <script src="https://code.jquery.com/jquery.js"></script> | |
| 125 <!-- Include all compiled plugins (below), or include individual files as needed --> | |
| 126 <script src="bootstrap-3.0.3/dist/js/bootstrap.min.js"></script> | |
| 127 </body> | |
| 128 </html> |