diff options
| author | Darin Dimitroff <d@thecrazyones.agency> | 2017-01-01 16:39:14 +0200 |
|---|---|---|
| committer | Darin Dimitroff <d@thecrazyones.agency> | 2017-01-01 16:39:14 +0200 |
| commit | bd9a50e9c824e89d8a91fd54c8bc838cdfa796f6 (patch) | |
| tree | 06254243ccfc713ab0801e748b16dade68ff73ca /site/layouts/contact/single.html | |
| parent | dedfd8a8098db999f81a55a845e0e4d041f9d7a8 (diff) | |
Initial commit
Diffstat (limited to 'site/layouts/contact/single.html')
| -rw-r--r-- | site/layouts/contact/single.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/site/layouts/contact/single.html b/site/layouts/contact/single.html new file mode 100644 index 0000000..e98f8d1 --- /dev/null +++ b/site/layouts/contact/single.html @@ -0,0 +1,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" . }} |