jaswig.github.io/contact.html at master · jaswig/jaswig.github.io · GitHub

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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
---
layout: default
title: Contact Us | Jaswig
label: Contact
permalink: /contact/
description: We can help you with questions like "Which standing desk should I buy? How often should I stand in a day? What are the benefits of a standing desk?"
---

<div class="contact container">
  <div class="row">
    <div class="col-xs-12">
      <h1 class="large">Contact</h1>
    </div>
  </div>

  <div class="contact-locations row">
    <div class="col-xs-12">
      <h2>Locations</h2>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <img src="{{ site.baseurl }}/images/contact.png" class="contact-locations-image" alt="">
      </div>
    </div>
    <div class="col-xs-12">
      <div class="contact-locations-box">

        <div class="contact-locations-general row contact-padding">
          <div class="col-xs-12">
            <span>General email: <a href="mailto:standup@jaswig.com"><strong>standup@jaswig.com</strong></a></span>
            <p class="go_to_eu ">If you are visiting from Europe? Please go to <a href="http://www.jaswig.eu" target="_blank">www.jaswig.eu</a></p>
          </div>
        </div>
        <div class="contact-locations-people row">
          <div class="col-xs-12 col-md-6 fix-show-desktop">
            <div class="contact-locations-person">
              <div class="row">
                <div class="person-image col-xs-12 col-md-5">
                  <img src="{{ site.baseurl }}/images/team/mathias.png" alt="">
                </div>
                <div class="person-info col-xs-12 col-md-7">
                  <h3>Mathias Ellegiers (USA)</h3>
                  <span><i class="fa fa-envelope"></i> <a href="mailto:mathias@jaswig.com">Mathias@jaswig.com</a></span>
                  <span><i class="fa fa-phone"></i> <a href="tel:+1 (330) 400-3057"> +1 (330) 400-3057</a></span>
                  <span class="address"><i class="fa fa-map-marker"></i>12 E Exchange Street, Floor 2 <br/> <span class="address line2">Akron, OH 44308</span></span>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
    <div class="row">
      <div class="col-xs-12">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d907.1953946790366!2d-81.52253593829586!3d41.07594925720538!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8830d6242efe9965%3A0x3c1a5984b91ac460!2sJaswig!5e0!3m2!1svi!2s!4v1493817533135" width="100%" height="500" frameborder="0" style="border:0" allowfullscreen></iframe>
        <!--<img src="{{ site.baseurl }}/images/contact.png" class="contact-locations-image" alt="">-->
      </div>
    </div>
  </div>

  <div class="contact-form row">
    <a name="success"></a>
    <div class="col-xs-12">
      <h2>For information or just to say Hello</h2>
    </div>
    <div class="col-xs-12">
      <div class="contact-box">
        <div class="row contact-success">
          <div class="col-xs-12">
            <h3>Thanks!</h3>
            <p>
              We’re excited that you’ve taken the time to write us. One of us will get back to you as soon as possible.
            </p>
            <p>
              Have an outstanding day, <br>
              The Jaswig team
            </p>
          </div>
        </div>
        <form action="https://www.getform.org/f/eb913d63-8cbb-4ef4-9998-75fed4446feb" method="POST">
          <div class="row contact-input-group">
            <div class="col-xs-12 col-md-4">
              <label for="firstname">Firstname *</label>
            </div>
            <div class="col-xs-12 col-md-8">
              <input type="text" id="firstname">
            </div>
          </div>
          <div class="row contact-input-group">
            <div class="col-xs-12 col-md-4">
              <label for="lastname">Lastname *</label>
            </div>
            <div class="col-xs-12 col-md-8">
              <input type="text" name="lastname">
            </div>
          </div>
          <div class="row contact-input-group padding-below">
            <div class="col-xs-12 col-md-4">
              <label for="email">Email Address *</label>
            </div>
            <div class="col-xs-12 col-md-8">
              <input type="text" name="email">
            </div>
          </div>
          <div class="row contact-input-group">
            <div class="col-xs-12 col-md-4">
              <label for="subject">Subject *</label>
            </div>
            <div class="col-xs-12 col-md-8">
              <input type="text" name="subject">
            </div>
          </div>
          <div class="row contact-input-group">
            <div class="col-xs-12 col-md-4">
              <label for="message">Message *</label>
            </div>
            <div class="col-xs-12 col-md-8">
              <textarea name="message" id="" cols="30" rows="10"></textarea>
            </div>
          </div>
          <div class="row contact-input-group">
            <div class="col-xs-12 col-md-4">
            </div>
            <div class="col-xs-12 col-md-8">
              <input type="submit" value="Send" class="btn btn-primary">
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<script>
  $(function() {
    if (location.hash === "#success") {
        $('.contact-success').show();
    }
  });
</script>