78 lines
3.7 KiB
HTML
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 }}
|