Dmytro Mantula
001841d6e6
To enable the integration, uncomment the section `params.contact.formspree` and set the `formId` value (provided by FormSpree). It's recommended to change the `btnName` from "Mail me" to "Contact me" as far as visitors won't see your email address. FormSpree section has preference over `email` if the both are set.
35 lines
1.9 KiB
HTML
35 lines
1.9 KiB
HTML
{{ if .Site.Params.contact.enable | default false }}
|
|
<section id="contact" class="py-5">
|
|
<div class="container">
|
|
<h3 class="text-center">{{ .Site.Params.contact.title | default "Get in Touch" }}</h3>
|
|
<div class="px-0 px-md-5 px-lg-5">
|
|
<div class="row justify-content-center px-md-5">
|
|
<div class="col-md-8 py-3">
|
|
<div class="text-center">
|
|
{{ .Site.Params.contact.content | emojify | markdownify }}
|
|
</div>
|
|
{{ if .Site.Params.contact.formspree.enable | default false }}
|
|
<form action="https://formspree.io/f/{{ .Site.Params.contact.formspree.formId }}" method="POST">
|
|
<div class="text-center pt-3">
|
|
<input type="email" name="email" required="true" placeholder="{{ .Site.Params.contact.formspree.emailCaption | emojify | default "Your email" }}">
|
|
</div>
|
|
<div class="text-center pt-3">
|
|
<textarea name="message" required="true" placeholder="{{ .Site.Params.contact.formspree.messageCaption | emojify | default "Your message" }}"></textarea>
|
|
</div>
|
|
<div class="text-center pt-3">
|
|
<button type="submit" class="btn">{{ .Site.Params.contact.btnName | default "Get in Touch" }}</button>
|
|
</div>
|
|
</form>
|
|
{{ else if .Site.Params.contact.email }}
|
|
<div class="text-center pt-3">
|
|
<a href="mailto:{{ .Site.Params.contact.email }}" class="btn">
|
|
{{ .Site.Params.contact.btnName | default "Get in Touch" }}
|
|
</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{ end }} |