ltqf/layouts/contact/list.html
Florian du Garage Num 42ed8542b2 work on contact form
2023-11-23 10:41:28 +01:00

78 lines
3.7 KiB
HTML

{{ define "content" }}
<section class="hero pt-5 pb-0 is-fullheight">
<div class="container">
<h1 class="is-size-1 title has-text-weight-bold has-text-centered ">{{ .Title }}</h1>
<div class="columns mt-2 is-desktop is-flex is-flex-direction-row is-align-items-stretch">
<div class="column is-flex is-flex-direction-column has-text-centered">
<i class="fa-solid fa-location-dot fa-3x mb-5"></i>
<h2 class="title is-3 has-text-white">Adresse:</h2>
<p class="subtitle is-5 has-text-white">{{ .Params.adresse }}</p>
</div>
<div class="column is-flex is-flex-direction-column has-text-centered">
<i class="fa-solid fa-envelope fa-3x mb-5"></i>
<h2 class="title is-3 has-text-white">Email:</h2>
<p class="subtitle has-text-white">
<a href="mailto:{{ .Params.email }}" class="has-text-white">{{ .Params.email }}</a>
</p>
</div>
<div class="column is-flex is-flex-direction-column has-text-centered ml-3-tablet">
<i class="fa-solid fa-phone fa-3x mb-5"></i>
<h2 class="title is-3 has-text-white">Téléphone:</h2>
{{ range .Params.telephone }}
<p class="subtitle is-5 has-text-white mb-0">{{ . }}</p>
{{ end }}
</div>
</div>
</div>
<form action="https://form.ltqf.fr/send/llBAJp_9Vag=/jVZs3WGqLXdpqF8=/AZVODerOHnNDZ7aBdUE1wJxMcL97KqTF_5XBETk0N6g=" method="POST">
<div class="container contactform p-5">
<h2 class="mb-3">Formulaire de contact</h2>
<div class="columns">
<div class="column is-half">
<div class="field">
<label class="label">Nom</label>
<div class="control">
<input class="input" type="text" placeholder="Entrez votre nom">
</div>
</div>
<div class="field">
<label class="label">Email</label>
<div class="control">
<input class="input" type="email" name="from" placeholder="Entrez votre email" value="">
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label">Prénom</label>
<div class="control">
<input class="input" type="text" placeholder="Entrez votre prénom">
</div>
</div>
<div class="field">
<label class="label">Téléphone</label>
<div class="control">
<input class="input" type="tel" placeholder="Entrez votre numéro de téléphone">
</div>
</div>
</div>
</div>
<div class="columns">
<div class="column is-full">
<div class="field">
<label class="label">Message</label>
<textarea class="textarea" name="message" placeholder="Bonjour..." rows="10"></textarea>
</div>
</div>
</div>
<input type="hidden" name="redirect" value="https://www.ltqf.fr"/>
<input type="hidden" name="hermod" value=""/>
<button class="button has-text-white is-medium is-responsive has-background-success" type="submit">Envoyer</button>
</div>
</form>
</section>
{{ end }}