Mercurial > dive4elements > website
annotate index.html @ 7:1d80634d0997
Changed text.
Update bootstrap version.
| author | Ariane Broermann <ariane@intevation.de> |
|---|---|
| date | Mon, 03 Feb 2014 11:30:36 +0100 |
| parents | 2d286f28acf9 |
| children | 0c522b4beb93 |
| rev | line source |
|---|---|
| 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 --> | |
| 7 | 10 <link href="bootstrap-3.1.0/dist/css/bootstrap.min.css" rel="stylesheet"> |
| 0 | 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 --> | |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
42 <div class="row row-dive4elements row-dive4elements-right"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
43 <div class="col-xs-12 col-sm-6 col-md-8"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
44 <p class="pull-right visible-xs"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
45 <button type="button" class="btn btn-primary btn-xs" |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
46 data-toggle="dive4elements">News Feed</button> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
47 </p> |
| 7 | 48 <p class="lead"> Dive4Elements ist eine datenbankbasierte Webapplikation zur |
| 49 raum-zeitlichen Analyse von Fachdaten der vier Elemente (Feuer, Wasser, Luft und | |
| 50 Erde). Dive steht für Digging, Investigating, Viewing, Exporting. Dive4Elements | |
| 51 gewährt webbasiert den Zugriff auf Datenmodelle in einem zentralen Datawarehouse | |
| 52 und bietet die Möglichkeit zur Analyse, Visualisierung der Daten sowie | |
| 53 Exportmöglichkeiten in offene Formate.</br> | |
| 54 <a class="btn btn-sm btn-primary" href="http://wald.intevation.org/scm/?group_id=57" | |
| 55 role="button">SCM-Repository</a> | |
| 56 <a class="btn btn-sm btn-primary" href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits" | |
| 57 role="button">Community</a> | |
| 0 | 58 </p> |
| 59 <div class="jumbotron"> | |
| 60 <p class="lead">Dive4Elements River oder auch FLYSS - Flusshydrologische Software</p> | |
| 7 | 61 <p><a class="btn btn-lg btn-primary" href="#" role="button">Get it</a></p> |
| 0 | 62 |
| 63 <!-- Carousel --> | |
| 7 | 64 <div id="myCarousel" class="carousel slide data-ride="carousel"> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
65 <!-- Carousel items --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
66 <div class="carousel-inner"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
67 <div class="item active"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
68 <img src="img/bezugslinie_saar_748x400_ausschnitt.png" alt="1. Bild" class="img-responsive"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
69 <div class="carousel-caption"> |
| 7 | 70 <p>Bezugslinie Saar</p> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
71 </div> |
| 0 | 72 </div> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
73 <div class="item"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
74 <img src="img/fix-a_saar_748x400_ausschnitt.png" alt="2. Bild" class="img-responsive"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
75 <div class="carousel-caption"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
76 <p>Titel und ggf. kurze Erläuterung </p> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
77 </div> |
| 0 | 78 </div> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
79 <div class="item"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
80 <img src="img/uesk_koblenz_hq-extrem_748x400.png" alt="3. Bild" class="img-responsive"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
81 <div class="carousel-caption"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
82 <p>Titel und ggf. kurze Erläuterung </p> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
83 </div> |
| 0 | 84 </div> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
85 <div class="item"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
86 <img src="img/wspl_rhein_748x400_ausschnitt.png" alt="4. Bild" class="img-responsive"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
87 <div class="carousel-caption"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
88 <p>Titel und ggf. kurze Erläuterung </p> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
89 </div> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
90 </div> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
91 <div class="item"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
92 <img src="img/uesk_koblenz_hq-extrem_580x310_ausschnitt.png" alt="5. Bild" class="img-responsive"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
93 <div class="carousel-caption"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
94 <p>Titel und ggf. kurze Erläuterung </p> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
95 </div> |
| 0 | 96 </div> |
| 97 </div> | |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
98 <!-- Carousel nav --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
99 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="prev"></span></a> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
100 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="next"></span></a> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
101 </div><!-- /myCarousel --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
102 </div><!-- /jumbobutton--> |
| 0 | 103 |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
104 <div class="row marketing"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
105 <div class="col-lg-6"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
106 <h4>Was ist Dive4Elements River?</h4> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
107 <p>Es folgt der Text.</p> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
108 </div> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
109 <div class="col-lg-6"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
110 <h4>Visualisierung und Analyse</h4> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
111 <p>Es folgt der Text.</p> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
112 </div> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
113 </div><!-- /row marketing --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
114 |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
115 <div class="jumbotron"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
116 <p>Dive4Elements Ocean (GNV)</p> |
| 0 | 117 </div> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
118 </div><!-- /col-xs-12 --> |
| 0 | 119 |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
120 <div class="col-xs-6 col-md-4 sidebar-dive4elements"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
121 <div class="news feed"> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
122 <p>News Feed</p> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
123 </div><!-- /news feed --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
124 </div><!-- /col-xs-6 --> |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
125 </div><!-- /row --> |
| 0 | 126 |
| 127 <div class="footer"> | |
| 128 © 2011 Intevation GmbH <br> | |
| 129 Dive4Elements ist lizensiert unter der <a href= | |
| 130 "http://www.gnu.org/licenses/lgpl-2.1.html">GNU LGPL v2.1</a>. | |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
131 </div><!-- /footer --> |
| 0 | 132 </div> <!-- /container --> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
133 |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
134 <!-- Bootstrap core JavaScript |
|
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
135 ================================================== --> |
| 0 | 136 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> |
| 137 <script src="https://code.jquery.com/jquery.js"></script> | |
| 138 <!-- Include all compiled plugins (below), or include individual files as needed --> | |
| 7 | 139 <script src="bootstrap-3.1.0/dist/js/bootstrap.min.js"></script> |
|
3
2d286f28acf9
Changed page for responsive views (tablets).
Ariane Broermann <ariane@intevation.de>
parents:
0
diff
changeset
|
140 <script src="js/dive4elements.js"></script> |
| 0 | 141 </body> |
| 142 </html> |