diff options
author | danielkvist <d94.zaragoza@gmail.com> | 2019-01-09 23:20:39 +0300 |
---|---|---|
committer | danielkvist <d94.zaragoza@gmail.com> | 2019-01-09 23:20:39 +0300 |
commit | 9a1b9836270f58214cdb0c7eab3f18cc3066097b (patch) | |
tree | 02de2b7b0dbb773ca29c07623c1537fa95a9c4b4 /layouts | |
parent | 2a513ba9d5e71a49881cab6385877d44a824b65e (diff) |
change contact CSS classes
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/contact/list.html | 64 |
1 files changed, 30 insertions, 34 deletions
diff --git a/layouts/contact/list.html b/layouts/contact/list.html index 84edd78..cfa73cd 100644 --- a/layouts/contact/list.html +++ b/layouts/contact/list.html @@ -5,44 +5,40 @@ <hr> - <section> - <form action="{{ $.Site.Params.form.action }}" method="{{ lower $.Site.Params.form.method }}" class="contact-form" - id="contact-form"> - <!-- Formspree Redirection --> - <input type="hidden" name="_next" value=""> + <form action="{{ $.Site.Params.form.action }}" method="{{ lower $.Site.Params.form.method }}" class="contact__form" + id="contactForm"> - <!-- Name --> - <div class="contact-field contact-field--name"> - <label for="{{ $.Site.Params.form.inputNameName }}">{{ $.Site.Params.form.inputNameLabel }}</label> - <input type="text" name="{{ $.Site.Params.form.inputNameName }}" placeholder="{{ $.Site.Params.form.inputNamePlaceholder }}" - class="contact-form__input contac-form__name" id="{{ $.Site.Params.form.inputNameName }}" - aria-labelledby="{{ $.Site.Params.form.inputNameName }}" required> - </div> + <!-- Name --> + <div class="contact__field contact__field--name"> + <label for="{{ $.Site.Params.form.inputNameName }}">{{ $.Site.Params.form.inputNameLabel }}</label> + <input type="text" name="{{ $.Site.Params.form.inputNameName }}" placeholder="{{ $.Site.Params.form.inputNamePlaceholder }}" + class="contact__form__input contact__form__name" id="{{ $.Site.Params.form.inputNameName }}" + aria-labelledby="{{ $.Site.Params.form.inputNameName }}" required> + </div> - <!-- Email --> - <div class="contact-field contac-fiel--email"> - <label for="{{ $.Site.Params.form.inputEmailName }}">{{ $.Site.Params.form.inputEmailLabel }}</label> - <input type="email" name="{{ $.Site.Params.form.inputEmailName }}" placeholder="{{ $.Site.Params.form.inputEmailPlaceholder }}" - class="contact-form__input contac-form__email" id="{{ $.Site.Params.form.inputEmailName }}" - aria-labelledby="{{ $.Site.Params.form.InputEmailName }}" required> - </div> + <!-- Email --> + <div class="contact__field contact__field--email"> + <label for="{{ $.Site.Params.form.inputEmailName }}">{{ $.Site.Params.form.inputEmailLabel }}</label> + <input type="email" name="{{ $.Site.Params.form.inputEmailName }}" placeholder="{{ $.Site.Params.form.inputEmailPlaceholder }}" + class="contact__form__input contact__form__email" id="{{ $.Site.Params.form.inputEmailName }}" + aria-labelledby="{{ $.Site.Params.form.InputEmailName }}" required> + </div> - <!-- Message --> - <div class="contact-field contact-field--msg"> - <label for="{{ $.Site.Params.form.inputMsgName }}">{{ $.Site.Params.form.inputMsgLabel }}</label> - <textarea name="{{ $.Site.Params.form.inputMsgName }}" id="{{ $.Site.Params.form.inputMsgName }}" form="contact-form" - maxlength="{{ $.Site.Params.form.inputMsgLength }}" id="{{ $.Site.Params.form.inputMsgName }}" - arial-labelledby="{{ $.Site.Params.form.InputMsgName }}" required></textarea> - </div> + <!-- Message --> + <div class="contact__field contact__field--msg"> + <label for="{{ $.Site.Params.form.inputMsgName }}">{{ $.Site.Params.form.inputMsgLabel }}</label> + <textarea name="{{ $.Site.Params.form.inputMsgName }}" id="{{ $.Site.Params.form.inputMsgName }}" form="contact-form" + maxlength="{{ $.Site.Params.form.inputMsgLength }}" id="{{ $.Site.Params.form.inputMsgName }}" + arial-labelledby="{{ $.Site.Params.form.InputMsgName }}" required></textarea> + </div> - <!-- Submit --> - <div class="contact-field contact-field--submit"> - <button type="submit" class="ripple-btn submit" onclick="cleanForm" aria-label="{{ $.Site.Params.form.inputSubmitValue }}"> - {{ $.Site.Params.form.inputSubmitValue }} - </button> - </div> + <!-- Submit --> + <div class="contact__field contact__field--submit"> + <button type="submit" class="ripple-btn submit" onclick="cleanForm" aria-label="{{ $.Site.Params.form.inputSubmitValue }}"> + {{ $.Site.Params.form.inputSubmitValue }} + </button> + </div> - </form> - </section> + </form> </main> {{ end }}
\ No newline at end of file |