_includes/contact-form.liquid


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

              <form name="inquiry">
                <div class="field">
                  <div class="control has-icons-left">
                    <span class="icon">
                      <i class="iconify" data-icon="mdi-account"></i>
                    </span>
                    <input
                      name="name"
                      class="input is-rounded"
                      type="text"
                      placeholder="name"
                    />
                  </div>
                </div>
                <div class="field">
                  <div class="control has-icons-left">
                    <span class="icon">
                      <i class="iconify" data-icon="mdi-email"></i>
                    </span>
                    <input
                      name="from"
                      class="input is-rounded"
                      type="text"
                      placeholder="email address"
                    />
                  </div>
                </div>
                <div class="field">
                  <div class="control">
                    <textarea
                      name="body"
                      class="textarea"
                      placeholder="question/comment"
                      spellcheck="true"
                    ></textarea>
                  </div>
                </div>
                <div class="field is-grouped is-grouped-right">
                  <div class="control">
                    <button class="button is-rounded is-primary" type="submit">
                      <span class="icon">
                        <i class="iconify" data-icon="mdi-check"></i>
                      </span>
                      <span>
                        Submit
                      </span>
                    </button>
                  </div>
                </div>

                <div
                  id="errorBox"
                  class="notification is-danger"
                  style="display: none;"
                ></div>
                <div
                  id="successBox"
                  class="notification is-success"
                  style="display: none;"
                >
                  Message sent!
                </div>
              </form>