aboutsummaryrefslogtreecommitdiffstats
path: root/site/layouts/contact/single.html
blob: e98f8d1e87eada23b1830d31315c70db66aef355 (plain)
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
{{ partial "header" . }}

{{ partial "nav" . }}

<div class="bg-black white ph3">
	<div class="center mw6 pv3">
		<img src="/img/logo.svg" alt="" class="db w4 center pv4">
		<p>We’d love to get in touch with you and hear your ideas and questions. We strive to grow and improve constantly and your feedback is valuable for us.</p>
		<h3 class="f4 b lh-title mb2">How can I get…?</h3>
		<p>You can also use the form below for any inquiries about coffee availability, monthly subscriptions and scheduling a 1-on-1 session with our baristas. Don’t be shy, drop us a line!</p>

		<div class="flex-ns">
			<div>
				<h4 class="f4 b lh-title mb2 primary">Location</h4>
				<p>3153 Lynn Avenue, South San Francisco, California 94080</p>
			</div>

			<div>
				<h4 class="f4 b lh-title mb2 primary">Working hours</h4>
				<p>Monday – Saturday: 9AM – 7PM We’re closed on Sundays</p>
			</div>
		</div>

		<!-- Contact -->
		<div>
		  <h4 class="f3 b lh-title mb3 tc">Drop us a line below</h4>

		  <form action="">
		    <div class="flex-l mhn1-l">
		          <!-- Name -->
		      <div class="ph1-l w-50-l">
		        <fieldset>
		          <input type="text" id="name" placeholder="Name" class="w-100 mb2">
		          <label for="name">Name</label>
		        </fieldset>
		      </div>
		          <!-- Email -->
		      <div class="ph1-l w-50-l">
		        <fieldset>
		          <input type="email" id="email" placeholder="Email" class="w-100 mb2">
		          <label for="email">Email</label>
		        </fieldset>
		      </div>
		    </div>

		        <!-- Message -->
		    <fieldset>
		      <textarea name="name" placeholder="Your message" rows="8" cols="80" id="message" class="w-100"></textarea>
		      <label for="message">Your message</label>
		    </fieldset>
		        <!-- Button -->
		    <div class="tc">
		      <button type="submit" class="btn w-100 w-auto-ns raise">Submit</button>
		    </div>
		  </form>
		</div>
	</div>
</div>

{{ partial "footer" . }}