diff options
Diffstat (limited to 'themes/ananke/layouts/shortcodes')
| -rw-r--r-- | themes/ananke/layouts/shortcodes/form-contact.html | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/themes/ananke/layouts/shortcodes/form-contact.html b/themes/ananke/layouts/shortcodes/form-contact.html new file mode 100644 index 0000000..e2ceb6b --- /dev/null +++ b/themes/ananke/layouts/shortcodes/form-contact.html @@ -0,0 +1,20 @@ +{{ $.Scratch.Add "labelClasses" "f6 b db mb1 mt3 sans-serif mid-gray" }} +{{ $.Scratch.Add "inputClasses" "w-100 f5 pv3 ph3 bg-light-gray bn" }} + +<form class="black-80 sans-serif" accept-charset="UTF-8" action="{{ .Get "action" }}" method="POST" role="form"> + + <label class="{{ $.Scratch.Get "labelClasses" }}" for="name">Your Name</label> + <input type="text" id="name" name="name" class="{{ $.Scratch.Get "inputClasses" }}" required placeholder=" " aria-labelledby="name"/> + + <label class="{{ $.Scratch.Get "labelClasses" }}" for="email">Email Address</label> + <input type="email" id="email" name="email" class="{{ $.Scratch.Get "inputClasses" }}" required placeholder=" " aria-labelledby="email"/> + <div class="requirements f6 gray glow i ph3 overflow-hidden"> + An email address is required. + </div> + + <label class="{{ $.Scratch.Get "labelClasses" }}" for="message">Message</label> + <textarea id="message" name="message" class="{{ $.Scratch.Get "inputClasses" }} h4" aria-labelledby="message"></textarea> + + <input class="db w-100 mv2 white pa3 bn hover-shadow hover-bg-blck bg-animate bg-black" type="submit" value="Send" /> + +</form> |