layouts/partials/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

{{ if .Site.Params.Contact.text }}
	<p>{{ .Site.Params.Contact.text }}
	{{ if .Site.Params.Contact.phone }}
		<br />
		<a href="tel:{{ .Site.Params.Contact.phone }}" target="_blank" aria-label="{{.Site.Params.Contact.phone }}">
			<i class="icon fas fa-phone-alt">
				<span class="label">
					{{ .Site.Params.Contact.phone }}
				</span>
			</i>
			&nbsp;
			{{ .Site.Params.Contact.phone }}
		</a>
	{{ end }}
	{{ if .Site.Params.Contact.mail }}
		<br />
		<a href="mailto:{{ .Site.Params.Contact.mail }}" target="_blank" aria-label="{{.Site.Params.Contact.mail }}">
			<i class="icon fas fa-envelope">
				<span class="label">
					{{ .Site.Params.Contact.mail }}
				</span>
			</i>
			&nbsp;
			{{ .Site.Params.Contact.mail }}
		</a>
	{{ end }}
	</p>
{{ end}}
{{ if eq .Site.Params.Contact.service "netlify" }}
	<form name="contact" method="POST" action="{{ .Site.Params.Contact.confirm_page }}" netlify>
		<div class="row gtr-50 gtr-uniform">
			<div class="col-6 col-12-mobilep">
	    		<input type="text" name="name" aria-label="Your name" placeholder="Your name">
	  		</div>
			<div class="col-6 col-12-mobilep">
	    		<input type="email" name="email" aria-label="Email address" placeholder = "Email address">
	  		</div>
			<div class="col-12">
				<textarea name="message" aria-label="Enter your message" placeholder="Enter your message" rows="6"></textarea>
			</div>
			<div class="col-12">
				<ul class="actions special">
	  				<li>
						<input type="submit" value="Send" />
					</li>
				</ul>
			</div>
		</div>
	</form>
{{ else if eq .Site.Params.Contact.service "formspree" }}
		<form method="POST" action="https://formspree.io/{{ .Site.Params.Contact.formspree_email }}">
			<div class="row gtr-50 gtr-uniform">
				<div class="col-6 col-12-mobilep">
					<input type="text" name="name" id="name" value="" aria-label="Name" placeholder="Name" />
				</div>
				<div class="col-6 col-12-mobilep">
					<input type="email" name="_replyto" id="email" value="" aria-label="Email" placeholder="Email" />
				</div>
				<div class="col-12">
					<textarea name="message" id="message" aria-label="Enter your message" placeholder="Enter your message" rows="6"></textarea>
				</div>
				<div class="col-12">
					<ul class="actions special">
						<li><input type="submit" value="Send Message" /></li>
					</ul>
				</div>
			</div>
		</form>
{{ end }}