0
|
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> |