-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfuneral.html
137 lines (124 loc) · 6.76 KB
/
funeral.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
<!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="Beerdigung" content="" />
<title>Beerdigung</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/logo.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg navbar-light var(--bs-body-bg)">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="Brand Logo" style="height: 60px;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="wedding.html">Hochzeit</a></li>
<li class="nav-item"><a class="nav-link" href="baptize.html">Freie Taufe</a></li>
<li class="nav-item"><a class="nav-link" href="funeral.html">Trauerfeier</a></li>
<li class="nav-item"><a class="nav-link" href="pastoral_care.html">Seelsorge</a></li>
<li class="nav-item"><a class="nav-link" href="about_me.html">Über mich</a></li>
<li class="nav-item"><a class="nav-link" href="contact_us.html">Kontakt</a></li>
</ul>
</div>
</div>
</nav>
<hr></hr>
<div class="section" style="margin-top: 150px;"></div>
<div class="container wedding 1">
<div class="row align-items-center">
<div class="col-md-6">
<div class="text-center">
<h2>Abschiednehmen</h2>
</div>
<br><br>
<p>
<h5>Trauerrede als Erinnerung an ein besonderes Leben</h5>
Wenn ein Mensch stirbt, wünschen sich die Zugehörigen, Familie und Freunde oft,
dass bei der Beerdigung noch einmal an den geliebten Menschen erinnert wird.
Mit einer einfühlsamen Trauerrede kann man sich diesem Menschen und seinem Leben noch einmal nah fühlen.
<br><br>
Eine Trauerrede wird im engsten Familien- und Freundeskreis vorbesprochen.
Ihr erzählt mir die Geschichte eures geliebten Menschen.
Mitten in der Trauer ist es gleichzeitig schwer und schön, besondere Momente noch einmal aufleben zu lassen,
zusammen zu lachen und zu weinen. In euren Erzählungen lerne ich den verstorbenen Menschen durch eure Augen kennen.
</p>
</div>
<div class="col-md-6">
<img src="images/funeral_page/BaumHerz.jpg" class="img-fluid" alt="Descriptive Alt Text">
</div>
</div>
</div>
<div class="section" style="margin-top: 50px;"></div>
<div class="container wedding 2">
<div class="row align-items-center">
<div class="col-md-6">
<img src="images/funeral_page/Vera-9.JPG" class="img-fluid" alt="Descriptive Alt Text">
</div>
<div class="col-md-6">
<p>
<h5>Trauerrede ohne Textbausteine und Floskeln</h5>
Am Tag der Beerdigung soll die Trauerrede vor allem Trost spenden.
Sie soll dabei helfen, das Schwere auszuhalten, es aber nicht noch schwerer machen.
Ich begleite euch an diesem Tag mit viel Fingerspitzengefühl, damit eure Trauer und eure Erinnerungen Raum finden können.
<br><br>
Zu meinem Beruf als Trauerrednerin gehört das Verfassen einer individuellen Rede und besonderen Abschiedszeremonie.
Dabei orientiere ich mich ganz am Leben des verstorbenen Menschen und an euren Wünschen.
Ich leite euch sicher und empathisch durch die Zeremonie und bin gerne euer Ankerpunkt an diesem schwierigen Tag.
</p>
<div class="section" style="margin-top: 50px;"></div>
<div class="text-center">
<a href="contact_us.html" class="btn btn-lg custom-btn">Anfrage senden</a>
<!--<button type="button" href="contact_us.html" class="btn btn-lg custom-btn"> Jetzt Anfragen! </button> -->
</div>
</div>
</div>
</div>
<!-- Content section-->
<section class="py-5">
<div class="container my-5">
<div class="row justify-content-center">
<div class="col-lg-6">
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container">
<div class="row">
<div class="col text-center">
<!-- Datenschutz Link -->
<a href="datenschutz.html" class="text-white me-2" title="Datenschutz">Datenschutz</a>
<!-- Impressum Link -->
<a href="impressum.html" class="text-white me-2" title="Impressum">Impressum</a>
<!-- Kontakt Link -->
<a href="contact_us.html" class="text-white me-2" title="Kontakt">Kontakt</a>
</div>
</div>
<div class="row">
<div class="col text-center">
<!-- Copyright Text -->
<p class="m-0 text-center text-white d-inline">
©2024 Vera Zens
</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>