xxxxxxxxxx
1
<style>
2
:target:before {
3
content: "";
4
display: block;
5
height: 80px;
6
margin: -80px 0 0;
7
}
8
</style>
9
<body data-mdb-spy="scroll" data-mdb-target="#scrollspy1" data-mdb-offset="0">
10
<nav class="navbar navbar-expand-lg navbar-light bg-light mx-auto shadow-5 sticky-top" id="scrollspy1">
11
<div class="container-fluid">
12
<a class="navbar-brand me-2 mb-1 d-flex align-items-center" href="index.php">
13
<img
14
src="https://mdbootstrap.com/img/logo/mdb-transaprent-noshadows.png"
15
height="20"
16
alt="Logo"
17
loading="lazy"
18
style="margin-top: 2px;"
19
/>
20
</a>
21
<button
22
class="navbar-toggler"
23
type="button"
24
data-mdb-toggle="collapse"
25
data-mdb-target="#navbarCompany"
26
aria-controls="navbarCompany"
27
aria-expanded="false"
28
aria-label="Toggle navigation"
29
>
30
<i class="fas fa-bars"></i>
31
</button>
32
33
34
<div class="collapse navbar-collapse" id="navbarCompany">
35
<ul class="navbar-nav mb-2 mb-lg-0 text-white ms-auto fw-bold">
36
<li class="nav-item">
37
<a class="nav-link" href="#reviews">Bewertungen</a>
38
</li>
39
<li class="nav-item">
40
<a class="nav-link" href="#team">Team</a>
41
</li>
42
<li class="nav-item">
43
<a class="nav-link" href="#gallery">Galerie</a>
44
</li>
45
</ul>
46
</div>
47
</div>
48
</nav>
49
<div class="container-sm px-1 my-5">
50
<div class="my-5" id="reviews">
51
<div class="text-start">
52
<h2 class="mb-3">Bewertungen</h2>
53
<p>Unser Team arbeitet tagtäglich daran, Ihnen das Leben so schön wie möglich zu machen.</p>
54
</div>
55
<hr class="my-4" />
56
<div class="row pt-2">
57
<p>fuegfg</p>
58
</div>
59
</div>
60
<div class="my-5 text-center" id="team">
61
<div class="text-end">
62
<h2 class="mb-3 text-uppercase">Unser Team</h2>
63
<p>Unser acht Köpfiges Team, bestehend aus Holzspezialisten, arbeitet tagtäglich daran, die gesamte Welt mit Holz zu versorgen.</p>
64
</div>
65
<hr class="my-4" />
66
<div class="row gx-lg-5">
67
<div class="col-xl-3 col-md-4 mb-5">
68
<img
69
src="https://mdbootstrap.com/img/new/avatars/2.jpg"
70
class="rounded-circle shadow-4 mb-3"
71
alt=""
72
style="max-width: 100px"
73
/>
74
75
<p class="fw-bold mb-1">John Doe</p>
76
<p class="text-muted mb-0">Co-founder</p>
77
</div>
78
79
<div class="col-xl-3 col-md-4 mb-5">
80
<img
81
src="https://mdbootstrap.com/img/new/avatars/5.jpg"
82
class="rounded-circle shadow-4 mb-3"
83
alt=""
84
style="max-width: 100px"
85
/>
86
87
<p class="fw-bold mb-1">Lisa Ferrol</p>
88
<p class="text-muted mb-0">Web designer</p>
89
</div>
90
91
<div class="col-xl-3 col-md-4 mb-5">
92
<img
93
src="https://mdbootstrap.com/img/new/avatars/6.jpg"
94
class="rounded-circle shadow-4 mb-3"
95
alt=""
96
style="max-width: 100px"
97
/>
98
<p class="fw-bold mb-1">Maria Smith</p>
99
<p class="text-muted mb-0">Senior consultant</p>
100
</div>
101
<div class="col-xl-3 col-md-4 mb-5">
102
<img
103
src="https://mdbootstrap.com/img/new/avatars/7.jpg"
104
class="rounded-circle shadow-4 mb-3"
105
alt=""
106
style="max-width: 100px"
107
/>
108
<p class="fw-bold mb-1">Agatha Bevos</p>
109
<p class="text-muted mb-0">Co-founder</p>
110
</div>
111
112
<div class="col-xl-3 col-md-4 mb-5">
113
<img
114
src="https://mdbootstrap.com/img/new/avatars/8.jpg"
115
class="rounded-circle shadow-4 mb-3"
116
alt=""
117
style="max-width: 100px"
118
/>
119
<p class="fw-bold mb-1">Darren Randolph</p>
120
<p class="text-muted mb-0">Marketing expert</p>
121
</div>
122
123
<div class="col-xl-3 col-md-4 mb-5">
124
<img
125
src="https://mdbootstrap.com/img/new/avatars/9.jpg"
126
class="rounded-circle shadow-4 mb-3"
127
alt=""
128
style="max-width: 100px"
129
/>
130
<p class="fw-bold mb-1">Soraya Letto</p>
131
<p class="text-muted mb-0">SEO expert</p>
132
</div>
133
134
<div class="col-xl-3 col-md-4 mb-5">
135
<img
136
src="https://mdbootstrap.com/img/new/avatars/10.jpg"
137
class="rounded-circle shadow-4 mb-3"
138
alt=""
139
style="max-width: 100px"
140
/>
141
<p class="fw-bold mb-1">Maliha Welch</p>
142
<p class="text-muted mb-0">Web designer</p>
143
</div>
144
145
<div class="col-xl-3 col-md-4 mb-5">
146
<img
147
src="https://mdbootstrap.com/img/new/avatars/11.jpg"
148
class="rounded-circle shadow-4 mb-3"
149
alt=""
150
style="max-width: 100px"
151
/>
152
<p class="fw-bold mb-1">Zeynep Dudley</p>
153
<p class="text-muted mb-0">Web developer</p>
154
</div>
155
156
<div class="col-xl-3 col-md-4 mb-5">
157
<img
158
src="https://mdbootstrap.com/img/new/avatars/12.jpg"
159
class="rounded-circle shadow-4 mb-3"
160
alt=""
161
style="max-width: 100px"
162
/>
163
<p class="fw-bold mb-1">Avaya Hills</p>
164
<p class="text-muted mb-0">Copywritter</p>
165
</div>
166
167
<div class="col-xl-3 col-md-4 mb-5">
168
<img
169
src="https://mdbootstrap.com/img/new/avatars/13.jpg"
170
class="rounded-circle shadow-4 mb-3"
171
alt=""
172
style="max-width: 100px"
173
/>
174
<p class="fw-bold mb-1">Thierry Fischer</p>
175
<p class="text-muted mb-0">Senior consultant</p>
176
</div>
177
178
<div class="col-xl-3 col-md-4 mb-5">
179
<img
180
src="https://mdbootstrap.com/img/new/avatars/14.jpg"
181
class="rounded-circle shadow-4 mb-3"
182
alt=""
183
style="max-width: 100px"
184
/>
185
<p class="fw-bold mb-1">Aisling Sheldon</p>
186
<p class="text-muted mb-0">Senior developer</p>
187
</div>
188
189
<div class="col-xl-3 col-md-4 mb-5">
190
<img
191
src="https://mdbootstrap.com/img/new/avatars/15.jpg"
192
class="rounded-circle shadow-4 mb-3"
193
alt=""
194
style="max-width: 100px"
195
/>
196
<p class="fw-bold mb-1">Ayat Black</p>
197
<p class="text-muted mb-0">Web designer</p>
198
</div>
199
</div>
200
<p class="text-center fw-bold">Oder Gruppenfoto:</p>
201
<img class="img-fluid shadow-5-strong rounded" src="https://mdbootstrap.com/img/new/slides/041.jpg" alt="..." />
202
</div>
203
<div class="my-5" id="gallery">
204
<div class="text-start">
205
<h2 class="mb-3">Galerie</h2>
206
<p>Hier finden Sie ein paar Eindrücke unserer Aufgabenbereiche, Produkte, Dienstleistungen und von unserem Standort</p>
207
</div>
208
<hr class="my-4" />
209
<!-- Carousel wrapper -->
210
<div
211
id="carouselDarkVariant"
212
class="carousel slide carousel-fade carousel-dark"
213
data-mdb-ride="carousel"
214
>
215
<!-- Indicators -->
216
<div class="carousel-indicators">
217
<button
218
data-mdb-target="#carouselDarkVariant"
219
data-mdb-slide-to="0"
220
class="active"
221
aria-current="true"
222
aria-label="Slide 1"
223
></button>
224
<button
225
data-mdb-target="#carouselDarkVariant"
226
data-mdb-slide-to="1"
227
aria-label="Slide 1"
228
></button>
229
<button
230
data-mdb-target="#carouselDarkVariant"
231
data-mdb-slide-to="2"
232
aria-label="Slide 1"
233
></button>
234
<button
235
data-mdb-target="#carouselDarkVariant"
236
data-mdb-slide-to="3"
237
aria-label="Slide 1"
238
></button>
239
<button
240
data-mdb-target="#carouselDarkVariant"
241
data-mdb-slide-to="0"
242
aria-current="true"
243
aria-label="Slide 1"
244
></button>
245
<button
246
data-mdb-target="#carouselDarkVariant"
247
data-mdb-slide-to="1"
248
aria-label="Slide 1"
249
></button>
250
<button
251
data-mdb-target="#carouselDarkVariant"
252
data-mdb-slide-to="2"
253
aria-label="Slide 1"
254
></button>
255
<button
256
data-mdb-target="#carouselDarkVariant"
257
data-mdb-slide-to="3"
258
aria-label="Slide 1"
259
></button>
260
<button
261
data-mdb-target="#carouselDarkVariant"
262
data-mdb-slide-to="0"
263
aria-current="true"
264
aria-label="Slide 1"
265
></button>
266
<button
267
data-mdb-target="#carouselDarkVariant"
268
data-mdb-slide-to="1"
269
aria-label="Slide 1"
270
></button>
271
<button
272
data-mdb-target="#carouselDarkVariant"
273
data-mdb-slide-to="2"
274
aria-label="Slide 1"
275
></button>
276
<button
277
data-mdb-target="#carouselDarkVariant"
278
data-mdb-slide-to="3"
279
aria-label="Slide 1"
280
></button>
281
<button
282
data-mdb-target="#carouselDarkVariant"
283
data-mdb-slide-to="0"
284
aria-current="true"
285
aria-label="Slide 1"
286
></button>
287
<button
288
data-mdb-target="#carouselDarkVariant"
289
data-mdb-slide-to="1"
290
aria-label="Slide 1"
291
></button>
292
<button
293
data-mdb-target="#carouselDarkVariant"
294
data-mdb-slide-to="2"
295
aria-label="Slide 1"
296
></button>
297
<button
298
data-mdb-target="#carouselDarkVariant"
299
data-mdb-slide-to="3"
300
aria-label="Slide 1"
301
></button>
302
<button
303
data-mdb-target="#carouselDarkVariant"
304
data-mdb-slide-to="0"
305
aria-current="true"
306
aria-label="Slide 1"
307
></button>
308
<button
309
data-mdb-target="#carouselDarkVariant"
310
data-mdb-slide-to="1"
311
aria-label="Slide 1"
312
></button>
313
<button
314
data-mdb-target="#carouselDarkVariant"
315
data-mdb-slide-to="2"
316
aria-label="Slide 1"
317
></button>
318
<button
319
data-mdb-target="#carouselDarkVariant"
320
data-mdb-slide-to="3"
321
aria-label="Slide 1"
322
></button>
323
<button
324
data-mdb-target="#carouselDarkVariant"
325
data-mdb-slide-to="0"
326
aria-current="true"
327
aria-label="Slide 1"
328
></button>
329
<button
330
data-mdb-target="#carouselDarkVariant"
331
data-mdb-slide-to="1"
332
aria-label="Slide 1"
333
></button>
334
<button
335
data-mdb-target="#carouselDarkVariant"
336
data-mdb-slide-to="2"
337
aria-label="Slide 1"
338
></button>
339
<button
340
data-mdb-target="#carouselDarkVariant"
341
data-mdb-slide-to="3"
342
aria-label="Slide 1"
343
></button>
344
</div>
345
346
<!-- Inner -->
347
<div class="carousel-inner">
348
<!-- Single item -->
349
<div class="carousel-item active">
350
<img
351
src="https://mdbootstrap.com/img/Photos/Slides/img%20(19).jpg"
352
class="d-block w-100"
353
alt="..."
354
/>
355
<div class="carousel-caption">
356
<h5>First slide label</h5>
357
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
358
</div>
359
</div>
360
361
<!-- Single item -->
362
<div class="carousel-item">
363
<img
364
src="https://mdbootstrap.com/img/Photos/Slides/img%20(35).jpg"
365
class="d-block w-100"
366
alt="..."
367
/>
368
<div class="carousel-caption d-none d-md-block">
369
<h5>Second slide label</h5>
370
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
371
</div>
372
</div>
373
374
<!-- Single item -->
375
<div class="carousel-item">
376
<img
377
src="https://mdbootstrap.com/img/Photos/Slides/img%20(40).jpg"
378
class="d-block w-100"
379
alt="..."
380
/>
381
<div class="carousel-caption d-none d-md-block">
382
<h5>Third slide label</h5>
383
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
384
</div>
385
</div>
386
387
<!-- Single item -->
388
<div class="carousel-item">
389
<img
390
src="https://mdbootstrap.com/img/Photos/Slides/img%20(40).jpg"
391
class="d-block w-100"
392
alt="..."
393
/>
394
<div class="carousel-caption d-none d-md-block">
395
<h5>Fourth slide label</h5>
396
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
397
</div>
398
</div>
399
</div>
400
<!-- Inner -->
401
402
<!-- Controls -->
403
<button
404
class="carousel-control-prev"
405
type="button"
406
data-mdb-target="#carouselDarkVariant"
407
data-mdb-slide="prev"
408
>
409
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
410
<span class="visually-hidden">Previous</span>
411
</button>
412
<button
413
class="carousel-control-next"
414
type="button"
415
data-mdb-target="#carouselDarkVariant"
416
data-mdb-slide="next"
417
>
418
<span class="carousel-control-next-icon" aria-hidden="true"></span>
419
<span class="visually-hidden">Next</span>
420
</button>
421
</div>
422
<!-- Carousel wrapper -->
423
</div>
424
</div>
425
</body>
1
1
1
1
Console errors: 0