diff options
Diffstat (limited to '_includes/contact-form.liquid')
-rw-r--r-- | _includes/contact-form.liquid | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/_includes/contact-form.liquid b/_includes/contact-form.liquid new file mode 100644 index 0000000..52f696d --- /dev/null +++ b/_includes/contact-form.liquid @@ -0,0 +1,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> |