-
Notifications
You must be signed in to change notification settings - Fork 2
/
contact.hbs
104 lines (100 loc) · 3.98 KB
/
contact.hbs
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
{{#section "head"}}
<title>{{{__ "contact_title"}}} – {{{__ "common_title"}}}</title>
{{/section}}
{{#section "title"}}
<div class="container my-4">
<div class="row">
<div class="col border-bottom">
<h1 class="h1">{{{__ "contact_title"}}}</h1>
</div>
</div>
</div>
{{/section}}
<div class="container">
<div class="row">
<div class="col-sm-8">
<h2>{{{__ "contactmap_title"}}}</h2>
<address>
Die Lernwerkstatt - lernen & lernen lassen e.V. <br>
<!--email_off-->
<a href="mailto:info@die-lernwerkstatt.org" aria-label="Schreib uns eine Email">
info@die-lernwerkstatt.org
</a>
<!--/email_off-->
<br>
Karl-Kunger-Str. 55 <br>
12435 Berlin <br>
<a href="tel:+4917687840154" aria-label="Ruf uns an">+49 176 87840154</a>
</address>
<h2 class="mt-4">{{{__ "contactmap_subtitle"}}}</h2>
<p>
{{{__ "contactmap_text"}}}
</p>
<div class="w-100 mb-4" id="mapid"></div>
</div>
<form action="/contact" id="contact-form" method="post" role="form" class="col-sm-4 mb-4">
<h2>{{{__ "contact_subtitle"}}}</h2>
<div class="form-group">
<div class="row">
<div class="col">
<input type="text" class="form-control form-control-sm" id="name" name="name"
placeholder="{{{__ "common_name"}}}" aria-label="{{{__ "common_name"}}}" required>
</div>
<div class="col">
<input type="email" class="form-control form-control-sm" id="email" name="email"
aria-describedby="emailHelp" placeholder="{{{__ "common_email"}}}" required>
</div>
</div>
</div>
<div class="form-group">
<textarea type="text" class="form-control form-control-sm" id="message" name="message" rows="10"
placeholder="{{{__ "common_letter"}}}" aria-label="{{{__ "common_letter"}}}" required></textarea>
</div>
<div class="form-group">
<label class="control-label" for="verification">{{{__ "contact_verify"}}}</label>
<input type="text" class="form-control form-control-sm" id="verification" name="verification"
placeholder="{{{__ "contact_verification"}}}">
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="contact-check" required>
<label class="form-check-label" for="contact-check">
{{{__ "contact_policy"}}}
</label>
</div>
<button id="submit-button" type="submit" class="btn btn-secondary mt-2">{{{__ "common_submit"}}}</button>
</form>
</div>
<div class="col">
<h2 class="mt-4">{{{__ "contact_accessibility"}}}</h2>
<p class="mb-5">
{{{__ "contact_accessibility_text"}}}
</p>
<div
class="container d-flex flex-wrap justify-content-center mb-4 pb-4"
style="gap: 40px"
>
<div>
<img src="img/contact/accessibility_1.jpg" alt="{{{__ "contact_accessibility_picture_1"}}}" />
<p class="card-text">{{{__ "contact_accessibility_picture_1"}}}</p>
</div>
<div>
<img src="img/contact/accessibility_2.jpg" alt="{{{__ "contact_accessibility_picture_2"}}}" />
<p class="card-text">{{{__ "contact_accessibility_picture_2"}}}</p>
</div>
<div>
<img src="img/contact/accessibility_3.jpg" alt="{{{__ "contact_accessibility_picture_3"}}}" />
<p class="card-text">{{{__ "contact_accessibility_picture_3"}}}</p>
</div>
<div>
<img src="img/contact/accessibility_4.jpg" alt="{{{__ "contact_accessibility_picture_4"}}}" />
<p class="card-text">{{{__ "contact_accessibility_picture_4"}}}</p>
</div>
</div>
</div>
</div>
{{#each agreements}}
{{> terms/modal this}}
{{/each}}
<link rel="stylesheet" href="https://unpkg.com/leaflet@^1/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@^1/dist/leaflet.js"></script>
<script src="js/map.js"></script>