-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
136 lines (123 loc) · 8.37 KB
/
project.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="de">
<head>
<title>Invented in Germany</title>
<link rel="icon" href="images/logo.ico" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" ; charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:title" content="Invented in Germany" />
<meta property="og:type" content="blog" />
<meta property="og:image" content="images/logo.png" />
<meta property="og:url" content="http://www.invented-in-germany.de" />
<meta property="og:description" content="Erfahre mehr über Invented in Germany" />
<meta property="og:keywords" content="Invented in Germany" />
<meta property="og:site_name" content="www.invented-in-germany.de" />
<meta property="og:image" content="images/logo.png" />
<!-- Bootstrap Haupt-CSS -->
<link href="css/bootstrap.css" rel="stylesheet" />
<!-- Bootstrap Theme-CSS -->
<link href="css/bootstrap-theme.css" rel="stylesheet" />
<!-- Eigenes CSS -->
<link href="css/style.css" rel="stylesheet" />
<!-- Lightbox-CSS -->
<link href="css/lightbox.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Navigation ein/ausblenden</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img class="navbar-logo" src="images/logo.png" alt="Logo" /></a>
<h4 class="navbar-text">Invented in Germany</h4>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Über</a></li>
<li class="active"><a href="project.html">Projekt</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="row center-block">
<div class="col-md-8 col-md-offset-2">
<div class="row center-block">
<div class="col-md-12 col-xs-12">
<h3 class="first">Galerie der UI-Entwürfe</h3>
</div>
</div>
<div class="row center-block">
<div class="col-md-2">
<a href="images/UI/profil_normal.png" data-lightbox="UI-drafts" data-title="Seite des eigenen Profils"><img src="images/UI/profil_normal.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/profil_gescrollt.png" data-lightbox="UI-drafts" data-title="Seite des eigenen Profil runtergescrollt"><img src="images/UI/profil_gescrollt.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/profil_menu.png" data-lightbox="UI-drafts" data-title="Profilseite mit ausgeklapptem Menü"><img src="images/UI/profil_menu.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/profil_suche.png" data-lightbox="UI-drafts" data-title="Profilseite mit ausgeklappten Suche-Kategorien"><img src="images/UI/profil_suche.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/nachrichten.png" data-lightbox="UI-drafts" data-title="Nachrichten-Übersicht mit anderen Mitstreitern oder Geldgebern"><img src="images/UI/nachrichten.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/kalender_privat.png" data-lightbox="UI-drafts" data-title="Kalenderübersicht mit ausgewählten privaten Kalender für selbstzusammengestellte Termine"><img src="images/UI/kalender_privat.png" class="img-responsive margin-all"></a>
</div>
</div>
<div class="row center-block">
<div class="col-md-2">
<a href="images/UI/kalender_oeffentlich.png" data-lightbox="UI-drafts" data-title="Kalenderübersicht mit Auswahl des öffentlichen Kalenders für alle Termine, die interessant sein könnten."><img src="images/UI/kalender_oeffentlich.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/probleme.png" data-lightbox="UI-drafts" data-title="Übersicht von gestellten Problemen: Unterteilung in eigene, gespeicherte und neue/alle Probleme"><img src="images/UI/probleme.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/probleme_formular.png" data-lightbox="UI-drafts" data-title="Formular, um ein Problem zu stellen."><img src="images/UI/probleme_formular.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/idee_abgaben.png" data-lightbox="UI-drafts" data-title="Seite, um Ideen zu einem Problem abzugeben. Funktionen wie Meldung von unqualifizierten Lösungen sind möglich."><img src="images/UI/idee_abgaben.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/wiki.png" data-lightbox="UI-drafts" data-title="Wiki für Themen, die immer wieder aufkommen."><img src="images/UI/wiki.png" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/UI/online_campus.png" data-lightbox="UI-drafts" data-title="Online Campus für E-Learning, Tutorials und andere Seiten"><img src="images/UI/online_campus.png" class="img-responsive margin-all"></a>
</div>
</div>
<div class="row center-block">
<div class="col-md-12 col-xs-12">
<h3>Einige Umfrage-Ergebnisse:</h3>
<p>Wir haben eine Umfrage unter Start-ups vom Hasso-Plattner-Institut Potsdam durchgeführt. Beteiligt waren scalable minds, PlaytestCloud, VCAT Consulting GmbH, smartkomm, Lana Labs GmbH, Synfioo, orderbird, Remerge und Vragments GbR. <br>
Im Folgenden sind drei Fragen aus der Umfrage, die unser Projekt unterstützen und die wir als Input für die Plattform nutzen werden.</p>
</div>
<div class="row center-block">
<div class="col-md-2">
<a href="images/umfrage/umfrage1.PNG" data-lightbox="umfrage" data-title="Bedarf an einer allumfassenden Plattform"><img src="images/umfrage/umfrage1.PNG" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/umfrage/umfrage2.PNG" data-lightbox="umfrage" data-title="Know-how über Finanzierung bisher"><img src="images/umfrage/umfrage2.PNG" class="img-responsive margin-all"></a>
</div>
<div class="col-md-2">
<a href="images/umfrage/umfrage3.PNG" data-lightbox="umfrage" data-title="Wichtige Plattform Angebote"><img src="images/umfrage/umfrage3.PNG" class="img-responsive margin-all"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.container -->
<!-- Bootstrap Haupt-JavaScript -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<!-- Lightbox-JavaScript -->
<script src="js/lightbox.js"></script>
</body>
</html>