-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkontakt.html
139 lines (114 loc) · 5.17 KB
/
kontakt.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
<!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/kontakt.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" />
<!-- Link to SweetAlert2 CSS -->
<link rel="stylesheet" href="css/sweetalert2.min.css">
</head>
<body>
<div id="header-placeholder"></div>
<div id="cookie-banner-placeholder"></div>
<!-- Start Contact Section -->
<section itemid="kontakt" class="slider_section contact_section w-100 d-flex justify-content-center">
<div class="container">
<div class="heading_container pb-4 mb-0" style="align-items: center;">
<h2 style="font-size: 3rem; word-spacing: 20px;">Kontakt</h2>
</div>
<div class="row" style="place-content: center;">
<div id="box-shadow" class="col-md-6 rounded-lg p-4" style="background-color: #f7f7f7;">
<div class="form_container">
<form id="contact-form" onsubmit="submitForm(event)">
<div>
<label for="name-input">
Vor- und Nachname <span style="color: red;">*</span>
</label>
<input type="text" name="name" id="name-input" required />
</div>
<div>
<label for="phone-input">
Telefonnummer <span style="color: red;">*</span><span style="font-size: 0.9em; color: gray;"> (entweder Telefonnummer oder Email)</span>
</label>
<input type="tel" name="tel" id="phone-input" required onkeyup="this.value = this.value.replace(/[^0-9+\- ]/g, '');" />
</div>
<div>
<label for="email-input">
Email <span style="color: red;">*</span><span style="font-size: 0.9em; color: gray;"> (entweder Telefonnummer oder Email)</span>
</label>
<input type="email" name="email" id="email-input" required />
</div>
<div>
<label for="message-input">
Nachricht <span style="color: red;">*</span>
</label>
<textarea name="message" id="message-input" class="message-box" required></textarea>
</div>
<div class="d-flex align-items-center mb-3">
<input type="checkbox" name="ds-compliance" id="ds-checkbox" class="w-25 mr-2 mb-0" style="max-width: 35px;" value="akzeptiert" required>
<label for="ds-checkbox" class="mb-0">
<span style="color: red;">* </span>
Ich habe die
<a href="datenschutz.html" target="_blank">Datenschutzerklärung</a>
gelesen und bin damit einverstanden.
</label>
</div>
<div class="btn_box pt-2">
<label>
<span style="color: red;">*</span><span style="font-size: 0.9em; color: gray;"> Pflichtfelder</span>
</label>
<button type="submit" class="w-100">
Senden
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- End Contact 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>
<!-- sweetalert js -->
<script src="js/sweetalert2.min.js"></script>
<!-- js -->
<script src="js/include.js"></script>
<script src="js/contact.js"></script>
</body>
</html>