summaryrefslogtreecommitdiff
path: root/_includes/contact-form.liquid
diff options
context:
space:
mode:
Diffstat (limited to '_includes/contact-form.liquid')
-rw-r--r--_includes/contact-form.liquid63
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>