-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathangebot.html
143 lines (117 loc) · 5.8 KB
/
angebot.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
<!DOCTYPE html>
<html lang="de">
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Android & Apple Icons -->
<link rel="shortcut icon" href="images/favicon.png" sizes="512x512" />
<link rel="apple-touch-icon" href="images/favicon.png" />
<!-- Open Graph Metas -->
<meta property="og:title" content="Beatrice Mohr" />
<meta property="og:description" content="Psychologische Beratung, Persönlichkeitsanalyse und Themenabende" />
<meta property="og:image" content="https://mut-und-wandel.de/images/background.png" />
<meta property="og:url" content="https://mut-und-wandel.de/" />
<meta property="og:type" content="website" />
<!-- Site Metas -->
<link rel="icon" type="image/png" href="images/favicon.png" />
<title>Beatrice Mohr</title>
<meta name="keywords" content="Beatrice Mohr, Beratung, Persönlichkeit, Entwicklung" />
<meta name="description" content="Psychologische Beratung, Persönlichkeitsanalyse und Themenabende" />
<meta name="author" content="Beatrice Mohr" />
<meta name="language" content="de">
<!-- Caching Metas -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<!-- Canonical link for search engines -->
<link rel="canonical" href="https://mut-und-wandel.de/angebot.html" />
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- Font Awesome CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet" />
<!-- Responsive CSS -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div id="header-placeholder"></div>
<div id="cookie-banner-placeholder"></div>
<!-- blog section -->
<section class="slider_section blog_section layout_padding w-100 d-flex justify-content-center" style="align-items: center;">
<div class="container box" style="box-shadow: none; background-color: unset;">
<div class="heading_container pb-4">
<h2 style="font-size: 3rem; word-spacing: 20px;">Angebot</h2>
</div>
<div class="row">
<!-- Image on the Left -->
<div class="col-md-6">
<div id="box-shadow" class="img-box m-0">
<!-- Use Bootstrap class 'img-fluid' for responsive image -->
<img src="images/photos/raum.jpeg" alt="Räumlichkeiten Bild" class="img-fluid rounded" style="max-height: 660px; object-fit: cover; width: 100%;">
</div>
</div>
<!-- Angebot Boxes on the Right -->
<div class="col-md-6">
<!-- First Angebot Box -->
<div class="row-md-6 row-lg-4 mx-auto p-auto">
<div class="hover-box box d-flex flex-lg-row flex-column h-100 rounded-lg">
<div class="img-box p-2 .mt-0">
<img src="images/icons/erstgespraech.webp" alt="Erstgespräch" class="h-100 img-fluid" style="object-fit: contain;">
</div>
<div class="detail-box p-3 d-flex flex-column flex-grow-1" style="max-width: 390px;">
<h5>Kostenloses Erstgespräch</h5>
<p class="text-justify m-0">
Ein ca. 15-minütiges telefonisches Erstgespräch, in dem wir uns kurz kennenlernen und Ihr Thema anreißen. Wir können klären, ob wir uns sympathisch sind, das Thema zu mir passt und ob wir uns vorstellen können, zusammenzuarbeiten.
</p>
</div>
</div>
</div>
<!-- Second Angebot Box -->
<div class="row-md-6 row-lg-4 mx-auto p-auto">
<div class="hover-box box d-flex flex-lg-row flex-column h-100 rounded-lg">
<div class="img-box p-2 .mt-0">
<img src="images/icons/beratungssitzung.webp" alt="Beratungssitzung" class="h-100 img-fluid" style="object-fit: contain;">
</div>
<div class="detail-box p-3 d-flex flex-column flex-grow-1" style="max-width: 390px;">
<h5>Beratungssitzung (60 Min.)</h5>
<p class="text-justify m-0">
Eine Beratungssitzung (60 Minuten) kostet 60,-. Hierbei werden wir auf Ihr Thema eingehen und Lösungsansätze sowie Empfehlungen erarbeiten.
</p>
</div>
</div>
</div>
<!-- Third Angebot Box -->
<div class="row-md-6 row-lg-4 mx-auto p-auto">
<div class="hover-box box d-flex flex-lg-row flex-column h-100 rounded-lg">
<div class="img-box p-2 .mt-0">
<img src="images/icons/meditationsgruppe.webp" alt="Meditationsgruppe" class="h-100 img-fluid" style="object-fit: contain;">
</div>
<div class="detail-box p-3 d-flex flex-column flex-grow-1" style="max-width: 390px;">
<h5>Regelmäßige Kurse & Themenabende</h5>
<p class="text-justify m-0">
Über das Jahr verteilt finden regelmäßige Meditations- und Achtsamkeitskurse statt. Diese werde ich immer gesondert bewerben. Ebenso biete ich Themenabende an.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="row detail-box align-items-stretch m-lg" style="flex-flow: column;">
<a href="kontakt.html" class="btn btn-primary mt-auto">Kontakt aufnehmen</a>
</div>
</div>
</section>
<!-- end blog section -->
<div id="footer-placeholder"></div>
<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- js -->
<script src="js/include.js"></script>
</body>
</html>