-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
177 lines (175 loc) · 11 KB
/
contact.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- mobile viewport optimisation -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kontakt | sunlix - personal essay</title>
<link href="./favicon.ico" rel="icon" type="image/x-icon" />
<!-- seo and social optimisation -->
<meta name="description" content="@@" />
<meta name="author" content="@@" />
<!-- stylesheets -->
<link rel="stylesheet" href="./assets/css/all.css" type="text/css" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="./assets/css/iehacks.css" type="text/css" />
<![endif]-->
<!--[if lt IE 9]>
<script src="./assets/js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="ym-skiplinks" aria-label="Sprungmarken">
<ul>
<li><a class="ym-skip" href="#nav-main">Zur Hauptnavigation springen</a></li>
<li><a class="ym-skip" href="#nav-meta">Zur Hilfsnavigation springen</a></li>
<li><a class="ym-skip" href="#main">Zum Inhalt springen</a></li>
</ul>
</nav>
<header>
<div class="ym-wrapper ym-clearfix">
<p class="site-title">sunlix.de - personal essay</p>
</div>
</header>
<nav class="nav-main">
<div class="ym-wrapper ym-clearfix">
<!-- optional search form -->
<form class="ym-searchform">
<fieldset>
<legend class="ym-hideme">Suche</legend>
<input class="ym-searchfield" type="search" placeholder="Search..." />
<button type="submit" class="ym-searchbutton">
<svg width="16" height="16" fill="currentColor" viewBox="0 0 1792 1792" aria-labelledby="search-title search-desc" role="img" xmlns="http://www.w3.org/2000/svg">
<title id="search-title">Suchen</title>
<desc id="search-desc">Ein schwarzes stilisiertes Lupensymbol</desc>
<path role="presentation" d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z"/>
</svg>
</button>
</fieldset>
</form>
<ul class="linearize-level-2">
<li><a href="index.html">Startseite</a></li>
<li><a href="weblog.html">Weblog</a></li>
<li><a href="#">Projekte</a></li>
<li><a href="#">Publikationen</a></li>
</ul>
</div>
</nav>
<main id="main">
<div class="ym-wrapper ym-clearfix">
<nav class="nav-breadcrumb" aria-label="Pfadangabe">
<ul>
<li><a href="#">Startseite</a></li>
<li><strong>Kontakt</strong></li>
</ul>
</nav>
<article>
<header>
<h1>Kontakt</h1>
</header>
<div class="article-content">
<p>
Fragen, Ideen oder Beschwerden?<br />
Kontaktieren Sie mich über meine vielreichen social media Netzwerke oder benutzen Sie das Formular.
</p>
<form action="./" method="post" class="ym-form">
<fieldset>
<legend>Benutzerdaten</legend>
<div class="ym-fbox">
<label for="anrede">Anrede</label>
<select name="anrede" id="anrede" size="1">
<option value="0" selected="selected" disabled="disabled">Bitte auswählen</option>
<option>Herr</option>
<option>Frau</option>
</select>
</div>
<div class="ym-fbox">
<label for="username">Benutzername (erforderlich)</label>
<input type="text" name="username" id="username" value="" />
</div>
<div class="ym-fbox">
<label for="email">E-Mail (erforderlich)</label>
<input type="email" name="email" id="email" value="" />
</div>
</fieldset>
<fieldset>
<legend>Ihre Nachricht</legend>
<div class="ym-fbox">
<span class="ym-label">Wie haben Sie ich gefunden?</span>
<div class="ym-fbox-wrap">
<div>
<input type="radio" name="vote" id="your-id1" />
<label for="your-id1">Suchmaschine</label>
</div>
<div>
<input type="radio" name="vote" id="your-id2" />
<label for="your-id2">Soziale Medien</label>
</div>
<div>
<input type="radio" name="vote" id="your-id3" />
<label for="your-id3">Empfehlung</label>
</div>
</div>
</div>
<div class="ym-fbox">
<label for="message">Nachricht (erforderlich)</label>
<textarea name="message" id="message" cols="30" rows="7" required="required"></textarea>
</div>
</fieldset>
<div class="ym-fbox-footer">
<button type="submit">Absenden</button>
</div>
</form>
</div>
</article>
</div>
</main>
<footer>
<div class="ym-wrapper ym-clearfix">
<nav class="nav-meta" aria-label="Hilfsnavigation">
<ul class="linearize-level-2">
<li><a href="impressum.html">Impressum & Datenschutz</a></li>
<li><a href="#">FAQ</a></li>
<li class="active"><strong>Kontakt</strong></li>
</ul>
<a href="#main" class="toTop ym-hideme">
<svg width="25" height="25" fill="currentColor" viewBox="0 0 1792 1792" aria-labelledby="top-title top-desc" role="img" xmlns="http://www.w3.org/2000/svg">
<title id="top-title">Zum Seitenanfang</title>
<desc id="top-desc">Ein schwarzes stilisiertes Pfeilsymbol nach Norden zeigend</desc>
<path role="presentation" d="M1683 1331l-166 165q-19 19-45 19t-45-19l-531-531-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"/>
</svg>
</a>
</nav>
<div class="site-credits">
<svg width="20" height="20" fill="currentColor" viewBox="0 0 1792 1792" aria-labelledby="code-title code-desc" role="img" xmlns="http://www.w3.org/2000/svg">
<title id="code-title">coded</title>
<desc id="code-desc">Ein schwarzes stilisiertes Quellcodesymbol</desc>
<path role="presentation" d="M553 1399l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23t-10 23l-393 393 393 393q10 10 10 23t-10 23zm591-1067l-373 1291q-4 13-15.5 19.5t-23.5 2.5l-62-17q-13-4-19.5-15.5t-2.5-24.5l373-1291q4-13 15.5-19.5t23.5-2.5l62 17q13 4 19.5 15.5t2.5 24.5zm657 651l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23t-10 23z"/>
</svg>
<svg width="20" height="20" fill="currentColor" viewBox="0 0 1792 1792" aria-labelledby="plus-title plus-desc" role="img" xmlns="http://www.w3.org/2000/svg">
<title id="plus-title">with</title>
<desc id="plus-desc">Ein schwarzes stilisiertes Plussymbol</desc>
<path role="presentation" d="M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"/>
</svg>
<svg width="20" height="20" fill="currentColor" viewBox="0 0 1792 1792" aria-labelledby="heart-title heart-desc" role="img" xmlns="http://www.w3.org/2000/svg">
<title id="heart-title">love</title>
<desc id="heart-desc">Ein schwarzes stilisiertes Herzsymbol</desc>
<path role="presentation" d="M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26t-55.5-65.5-68-97.5-53.5-121-23.5-138q0-220 127-344t351-124q62 0 126.5 21.5t120 58 95.5 68.5 76 68q36-36 76-68t95.5-68.5 120-58 126.5-21.5q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z"/>
</svg>
</div>
</div>
</footer>
<script type="text/javascript">
window.cookieconsent_options = {
theme: 'light-bottom',
dismiss: 'Verstanden!',
message: 'Diese Internetseite verwendet Cookies, um eine gute Benutzererfahrung zu erstellen.'
};
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js"></script>
<script type="text/javascript" src="./assets/js/yaml-focusfix.js"></script>
<script type="text/javascript" src="./assets/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="./assets/js/jquery.libs.js"></script>
<script type="text/javascript" src="./assets/js/zettings.js"></script>
</body>
</html>