-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwedding.html
146 lines (134 loc) · 6.95 KB
/
wedding.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
<!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="Vera Zens" content="" />
<title>Freie Hochzeit</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: 50px;"></div>
<!--
<header class="py-5 bg-image-full" style="background-image: url('images/wedding_page/title_banner.jpg'); height: 500px;"></header>
-->
<div class="section" style="margin-top: 50px;">
<div class="container wedding 1">
<div class="row align-items-center">
<div class="col-md-6">
<h2>Wir feiern Eure Liebe</h2>
<br><br>
<p>
Für euch kommt eine kirchliche Trauung nicht infrage? Und bei
der standesamtlichen Trauung fehlt euch etwas? Dann ist eine
freie Trauung genau das, was ihr sucht. Mit mir könnt ihr das
Herzstück eures besonderen Tages ganz nach euren Wünschen
gestalten.
Eine Trauung unter freiem Himmel, im Zirkuszelt oder einer
Burgruine? Ganz egal! Eine freie Trauung kann überall
stattfinden. Mit 300 Gästen oder nur mit euren engsten
Freunden. Welche Rituale sollen dazu gehören? Wollt ihr es
lieber klassisch oder ganz ausgefallen? Gemeinsam überlegen
wir, wie eure perfekte Trauung aussehen soll.
</p>
</div>
<div class="col-md-6">
<img src="images/wedding_page/anna_und_dominik_wedding.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/wedding_page/Vera-3.JPG" class="img-fluid" alt="Descriptive Alt Text">
</div>
<div class="col-md-6">
<p>
Ich möchte euch und eure Gäste mit einer ganz
persönlichen Rede berühren. Dazu müsst ihr natürlich
bereit sein, mir eure Geschichte als Paar zu erzählen.
Was ist euch wichtig, welche Hürden habt ihr schon
gemeistert? Was liebt ihr aneinander und was bringt
euch auf die Palme?
Ich nehme mir in zwei Vorgesprächen Zeit euch
kennenzulernen. So kann eine emotionale,
unterhaltsame und ganz persönliche Zeremonie für euch
entstehen.
Egal ob Frau oder Mann, schonmal verheiratet, religiös
oder atheistisch, jung oder alt – ich freue mich, das
Herzstück eures besonderen Tages mit euch zu
gestalten.
</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>