-
-
Notifications
You must be signed in to change notification settings - Fork 6
/
app.html
175 lines (168 loc) · 10.1 KB
/
app.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="images/site.webmanifest">
<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/responsive.css" type="text/css">
<title>Defikarte.ch - Die Defikarte der Schweiz</title>
<!-- OpenGrap Tags-->
<meta property="og:title" content="Defikarte.ch - die Defikarte der Schweiz" />
<meta property="og:description" content="Defikarte.ch - die Defikarte der Schweiz" />
<meta property="og:image" content="https://defikarte.ch/images/defi_logo2.png" />
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<header>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html"><i class="fa fa-home"></i> Home</a>
<a href="about.html"><i class="fa fa-file-text"></i> Über die Defikarte</a>
<a href="app.html"><i class="fa fa-signal"></i> Die App</a>
<a href="aed_info.html"><i class="fa fa-info-circle"></i> AED Info</a>
<a href="sponsors.html"><i class="fa fa-trophy"></i> Sponsoren</a>
<!--<a href="mailto:[email protected]?subject=Meldung%20auf%20Defikarte.ch&body=Hallo,%0D%0AHier ein neuer Defibrillator um in die Karte aufgenommen zu werden.%0D%0A%0D%0AStandort: (kurze genaue Beschreibung)%0D%0AZugang: (ja oder nein)%0D%0AErreichbarkeit: (24h oder Öffnungszeiten)%0D%0ABeschreibung: (Besonderes zum Defi)"><i class="fa fa-exclamation-circle"></i> Fehler melden</a>-->
<a></a>
<a></a>
<a></a>
<a></a>
<a></a>
<a></a>
<a href="impressum.html"><i class="fa fa-null"></i>Impressum & Datenschutz</a>
</div>
<div class="top-part">
<div class="container-fluid">
<div class="row">
<div class="col-9-pl">
<div class="menu" onclick="openNav()">
<img src="images/nav-berger.png" alt="">
</div>
<div class="co-name">
<h2>
<a href="index.html"><img src="images/defi_logo2.png" alt="" width="100"></a> - Die Defikarte der Schweiz</a>
</h2>
<!-- <img src="images/company-name.png" alt=""> -->
</div>
</div>
<div class="col-md-7 .offset-md-7">
<div class="logo">
In Partnerschaft mit
<a href="https://www.aed.ch" target="_blank"><img src="images/procamed.jpg" alt="" width="100"></a>
<a href="https://www.lifetec.ch" target="_blank"><img src="images/lifetec.png" alt="" width="100"></a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="inner-banner">
<div class="content-section-a">
<iframe width="100%" height="300px" frameborder="0" allowfullscreen src="https://umap.osm.ch/de/map/defikartech_2572?scaleControl=false&miniMap=false&scrollWheelZoom=true&zoomControl=true&allowEdit=false&moreControl=false&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false"></iframe>
</div>
</div>
<div class="about-content">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about">
<h4 class="main-heading">Die App</h4>
<p>
Die Defikarte.ch-App hilft dabei, den nächsten Defibrillator in deiner Nähe zu finden. Über die Navigations-App des jeweiligen Gerätes, kannst du dich zu diesem navigieren lassen. So kann möglichst rasch einer Person in Not geholfen werden.
Die Daten sind Open Source und werden von der Community in OpenStreetMaps (OSM) gepflegt und verwaltet. Da es in der Schweiz keinen kompletten Datensatz und auch keine Meldepflicht für Defibrillatoren gibt, sind nicht alle erfasst und somit auch nicht in der App ersichtlich.
Die OSM-Community , Defikarte.ch, und alle beteiligten Organisationen sind bemüht, die Daten aktuell und vollständig zu halten. Bemerkst du also, dass ein Defibrillator nicht eingetragen ist, unterstütze die Community und den guten Zweck indem du den fehlenden Defibrillator mithilfe dieser App mit Leichtigkeit erfasst.
</p>
</div>
</div>
<div class="col-lg-6">
<div class="about">
<h4 class="main-heading">Hol Sie dir!</h4>
<p>
<a href="https://apps.apple.com/us/app/defikarte-ch/id1549569525" target=”_blank”><img src="images/appstore.png" alt="" width="300"></a>
</p>
<p>
<a href="https://play.google.com/store/apps/details?id=ch.defikarte.app" target=”_blank”><img src="images/playstore.png" alt="" width="300"></a>
</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="footer-part">
<div class="container-fluid">
<div class="row">
<div class="col-lg-5">
<div class="footer-left">
<p>2023 Defikarte.ch | Verwendet <a rel="nofollow" href="https://www.openstreetmap.org/copyright" target="_blank">OpenstreetMap Daten</a></p>
</div>
</div>
<div class="col-lg-7 text-right">
<div class="footer-right">
<p>Defi eintragen oder ändern? Melde dich mit einem Klick oder <a href="app.html" target=”_blank” >hol dir die App!</a></p>
<a href="defi_form.html" class="btn btn-report"><i class="fa fa-file-text-o" aria-hidden="true"></i> Meldung</a>
<!--<a href="mailto:[email protected]?subject=Meldung%20auf%20Defikarte.ch&body=Hallo,%0D%0AHier ein neuer Defibrillator um in die Karte aufgenommen zu werden.%0D%0A%0D%0AStandort: (kurze genaue Beschreibung)%0D%0AZugang: (ja oder nein)%0D%0AErreichbarkeit: (24h oder Öffnungszeiten)%0D%0ABeschreibung: (Besonderes zum Defi)" class="btn btn-report"><i class="fa fa-file-text-o" aria-hidden="true"></i> Meldung</a>-->
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="reportModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Report an Error</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<input type="text" class="form-control" placeholder="Name">
</div>
<div class="form-group col-md-6">
<input type="tel" class="form-control" placeholder="Phone No">
</div>
<div class="form-group col-md-12">
<select name="" id="" class="form-control">
<option value="">Select errors issuse</option>
</select>
</div>
<div class="form-group col-md-12">
<textarea class="form-control" placeholder="Type your Message" rows="5"></textarea>
</div>
</div>
<button type="submit" class="btn btn-report btn-block btn-lg">Send Error Message</button>
</form>
</div>
</div>
</div>
</div>
</body>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/vendor/jquery-1.11.2.min.js"></script>
<script src="js/vendor/popper.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</html>