-
Notifications
You must be signed in to change notification settings - Fork 14
/
index.html
340 lines (340 loc) · 19.4 KB
/
index.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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Gaia Klinik | für Gynäkologie u. Geburtshilfe</title>
<!-- MDB -->
<!-- -->
<!-- -->
<!-- -->
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap Icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
<!-- SimpleLightbox plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/mdb.min.css" rel="stylesheet"/>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/custom.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="index.html">
<img height="" width="70" src="assets/logo.png" alt="">
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto my-2 my-lg-0">
<li class="nav-item"><a class="nav-link" href="#home">HOME</a></li>
<li class="nav-item"><a class="nav-link" href="#uber">ÜBER MICH</a></li>
<li class="nav-item"><a class="nav-link" href="#carouselExampleIndicators">ORDINATION</a></li>
<li class="nav-item"><a class="nav-link" href="#portfolio">LEISTUNGEN</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">KONTAKT</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container px-4 px-lg-5 h-100">
<div class="row gx-4 gx-lg-5 h-100 align-items-center justify-content-center text-center">
<div class="col-lg-8">
<h1 class="text-white">Herzlich Willkommen</h1>
<!-- <hr class="divider" /> -->
</div>
</div>
</div>
</header>
<!-- Home Section START-->
<section class="page-section bg-white text-black mt-2" id="home">
<div class="container">
<div class="row">
<div class="col-lg-12 has-box-shadow mb-4">
<div class="container px-4 px-lg-5 text-center pt-4">
<img class="img-fluid mb-3 home-img" src="assets/logo.png" alt="LOGO" />
<hr align="center" class="hr">
<h2 class="mb-4 p-3 f-w-700">Wahlarztordination für Gynäkologie und Geburtshilfe</h2>
</div>
</div>
<div class="col-lg-12 has-box-shadow mb-4 pb-3">
<div class="container px-4 px-lg-5 text-center pt-4">
<h1 class="mb-4 f-s-3-rem">Termin nach Vereinbarung</h1>
<h4 class="mb-4">+43 681 102 821 89</h4>
<a class="btn btn-secondary p-3" href="tel:+4368110282189"><i class="bi-telephone px-1"></i>Anruf</a>
</div>
</div>
</div>
</div>
</section>
<!-- Home Section END-->
<!-- About Section START-->
<div class="container-fluid p-0" id="uber">
<div class="row g-0">
<div class="col-lg-6 col-sm-12 p-2">
<img class="img-fluid shadow-sm about-img" src="assets/webp/Dr.stachura.webp" alt="Dr.stachura" />
</div>
<div class="col-lg-6 col-sm-12 p-2">
<!-- About Accordion START-->
<div class="accordion shadow-sm" id="accordionExample">
<div class="accordion-item">
<h1 class="h1 text-center p-3">OÄ Dr. Marianna Stachurova</h1>
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Qualifikationen:
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul type="disc">
<li>Fachärztin für Gynäkologie und Geburtshilfe</li>
<li>Diplom Palliativmedizin</li>
<li>Kolposkopie Diplom</li>
<li>Fortbildungsdiplom der ÖÄK</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Sprachkenntnisse:
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul type="disc">
<li>Deutsch</li>
<li>Englisch</li>
<li>Slowakisch</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Akademischer Werdegang:
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul>
<li>Geboren 1979 in der Slowakei</li>
<li>Studium der Humanmedizin an der Medizinischen Fakultät der P.J. Safarik Universität in Kosice, Slowakei, 1997 – 2003</li>
<li>Facharztausbildung an der Abteilung für Frauenheilkunde und Geburtshilfe im Klinikum Görlitz sowie Klinikum Bayreuth, Deutschland, erfolgreich abgeschlossen in 2015</li>
<li>Fachärztin für Gynäkologie und Geburtshilfe im Klinikum Bayreuth, Deutschland</li>
<li>Oberärztin im UK St. Pölten, Leiterin der Dysplasiesprechstunde, seit 2017</li>
</ul>
</div>
</div>
</div>
</div>
<!-- About Accordion END -->
</div>
</div>
</div>
<!-- About Section END-->
<!-- Carousel Section START-->
<div class="container-fluid p-0 mt-5">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/webp/1.jpg" class="d-block w-100 slider-img-size" alt="...">
</div>
<div class="carousel-item">
<img src="assets/webp/2.webp" class="d-block w-100 slider-img-size" alt="...">
</div>
<div class="carousel-item">
<img src="assets/webp/3.jpg" class="d-block w-100 slider-img-size" alt="...">
</div>
<div class="carousel-item">
<img src="assets/webp/4.jpeg" class="d-block w-100 slider-img-size" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<!-- Carousel Section END-->
<!-- Portfolio Section START-->
<!-- Portfolio Section END-->
<!-- Portfolio Section START-->
<div id="portfolio">
<div class="container-fluid p-0 mt-5">
<div class="row g-0">
<div class="col-lg-6 col-sm-12 p-2">
<div class="bg-image hover-overlay hover-zoom hover-shadow ripple">
<img src="assets/webp/GYNAKO.webp" class="w-100" />
<a href="pages/Nachsorge.html">
<div class="mask d-flex align-items-center justify-content-center" style="background-color: rgba(57, 192, 237, 0.2)">
<h1 class="alert-dark p-3">Nachsorge</h1>
</div>
</a>
</div>
</div>
<div class="col-lg-6 col-sm-12 p-2">
<div class="bg-image hover-overlay hover-zoom hover-shadow ripple">
<img src="assets/webp/Beihilfe.webp" class="w-100" />
<a href="pages/Wechseljahre.html">
<div class="mask d-flex align-items-center justify-content-center" style="background-color: rgba(57, 192, 237, 0.2)">
<h1 class="alert-dark p-3">Wechseljahre</h1>
</div>
</a>
</div>
</div>
<div class="col-lg-6 col-sm-12 p-2">
<div class="bg-image hover-overlay hover-zoom hover-shadow ripple">
<img src="assets/webp/Gynakologische.webp" class="w-100" />
<a href="pages/Vorsorge.html">
<div class="mask d-flex align-items-center justify-content-center" style="background-color: rgba(57, 192, 237, 0.2)">
<h1 class="alert-dark p-3">Vorsorge</h1>
</div>
</a>
</div>
</div>
<div class="col-lg-6 col-sm-12 p-2">
<div class="bg-image hover-overlay hover-zoom hover-shadow ripple">
<img src="assets/webp/Teeniesprechstunde.webp" class="w-100" />
<a href="pages/Teeniesprechstunde.html">
<div class="mask d-flex align-items-center justify-content-center" style="background-color: rgba(57, 192, 237, 0.2)">
<h1 class="alert-dark p-3">Teeniesprechstunde</h1>
</div>
</a>
</div>
</div>
<div class="col-lg-6 col-sm-12 p-2">
<div class="bg-image hover-overlay hover-zoom hover-shadow ripple">
<img src="assets/webp/Schwangerschaft.webp" class="w-100" />
<a href="pages/Verhutung.html">
<div class="mask d-flex align-items-center justify-content-center" style="background-color: rgba(57, 192, 237, 0.2)">
<h1 class="alert-dark p-3">Verhütung</h1>
</div>
</a>
</div>
</div>
<div class="col-lg-6 col-sm-12 p-2">
<div class="bg-image hover-overlay hover-zoom hover-shadow ripple">
<img src="assets/webp/Abklarung.webp" class="w-100" />
<a href="pages/Abklarung.html">
<div class="mask d-flex align-items-center justify-content-center" style="background-color: rgba(57, 192, 237, 0.2)">
<h1 class="alert-dark p-3">Abklärung</h1>
</div>
</a>
</div>
</div>
<div class="col-lg-12 col-sm-12 p-2 notice-responsive">
<div class="alert alert-info" role="alert">
<h4><strong class="text-success">NEU:</strong> IN UNSERER ORDINATION WIRD LACHGAS FÜR KLEINE OPERATIVE EINGRIFFE OHNE NARKOSE VERWENDET</h4>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Section END-->
<!-- Contact Section START-->
<section class="page-section mt-2" id="contact">
<div class="container px-4 px-lg-5">
<div class="row g-0">
<!-- Google map Section START-->
<div class="col-lg-6 col-sm-12 p-2 mr-5 has-box-shadow">
<div class="row justify-content-center">
<div class="col-lg-12 text-center mt-4">
<iframe class="iframe-map shadow-sm" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2658.607876809808!2d15.613119116376302!3d48.21416837922978!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x477279ae6d740d29%3A0xf0cc405e7540823f!2sGaia%20Klinik!5e0!3m2!1sde!2sat!4v1625388282013!5m2!1sde!2sat" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
<!-- Google map Section END-->
<div class="col-lg-5 col-sm-12 p-2 ml-5 has-box-shadow has-m-l">
<div class="row justify-content-center">
<div class="col-lg-12 text-center">
<h2 class="mt-3 pl-3"><i class="bi-telegram fs-2 text-muted"></i>Kontakt</h2>
<hr class="divider" />
<p class="text-muted mb-5">Bereit, mit uns in Kontakt zu treten? Rufen Sie uns an oder senden Sie uns eine Nachricht und wir werden uns so schnell wie möglich bei Ihnen melden!</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-12 text-center mb-4">
<h4 class="mb-3">
<i class="bi-envelope fs-2 text-dark"></i>EMAIL:
</h4>
<a href="mailto:office@gaia-klinik.com">
<div class="mb-3">
<span class="bg-kontact px-3 py-2">
OFFICE@GAIA-KLINIK.COM
</span>
</div>
</a>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-12 text-center mb-4">
<h4 class="mb-3"><i class="bi-phone fs-2 text-muted"></i>TELEFON:</h4>
<a href="tel:+4368110282189">
<div class="mb-3">
<span class="bg-kontact px-3 py-2">
+43 681 102 821 89
</span>
</div>
</a>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-12 text-center mb-4">
<h4 class="mb-3"><i class="bi-ui-checks fs-2 m-1 text-muted"></i>ANFAHRT:</h4>
<div>Bergstraße 10</div>
<div>3100 St. Pölten</div>
</div>
</div>
<hr class="divider" />
</div>
</div>
</div>
</section>
<!-- Contact Section END-->
<!-- Footer Section START-->
<footer class="bg-dark has-box-shadow mt-2 py-5">
<div class="container px-4 px-lg-5">
<div class="row g-0 justify-content-center">
<div class="col-lg-3 col-md-12">
<div class="small text-center text-white">Copyright © 2021 - Gaia Klinik</div>
</div>
<div class="col-lg-3 col-md-12">
<div class="small text-center">
<a class="impressum-a" href="Impressum.html">IMPRESSUM</a>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Section END-->
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- SimpleLightbox plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.js"></script>
<!-- Core theme JS-->
<!-- <script src="js/scripts.js"></script> -->
<!-- MDB -->
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.3.0/mdb.min.js"></script> -->
</body>
</html>