aboutsummaryrefslogtreecommitdiffstats
path: root/site/layouts/contact/single.html
diff options
context:
space:
mode:
authorDarin Dimitroff <d@thecrazyones.agency>2017-01-03 11:46:35 +0200
committerDarin Dimitroff <d@thecrazyones.agency>2017-01-03 11:46:35 +0200
commit748564be8a54f07761eea87c1bb84009e16a8593 (patch)
tree743c6a2105afd7fadb83e9e68aa611551a188201 /site/layouts/contact/single.html
parent7163e7d16db40a3382167dcec145cd033114227a (diff)
WIP
Signed-off-by: Darin Dimitroff <d@thecrazyones.agency>
Diffstat (limited to 'site/layouts/contact/single.html')
-rw-r--r--site/layouts/contact/single.html40
1 files changed, 7 insertions, 33 deletions
diff --git a/site/layouts/contact/single.html b/site/layouts/contact/single.html
index 1e36be3..e145123 100644
--- a/site/layouts/contact/single.html
+++ b/site/layouts/contact/single.html
@@ -4,12 +4,16 @@
<div class="ph3 bg-off-white">
<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 class="flex-ns mb3">
+
<div>
<h4 class="f4 b lh-title mb2 primary">Location</h4>
<p>3153 Lynn Avenue, South San Francisco, California 94080</p>
@@ -19,41 +23,11 @@
<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>
+ </div>
- <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>
+ {{ partial "contact-form" . }}
- <!-- 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>