|
|
|
@ -21,33 +21,7 @@
|
|
|
|
|
|
|
|
|
|
{{ define "content" }}
|
|
|
|
|
<section class="hero is-fullheight is-flex is-flex-direction-column is-justify-content-flex-start p-6">
|
|
|
|
|
<section class="section m-0">
|
|
|
|
|
<h1 class="is-size-1 title has-text-weight-bold has-text-white has-text-centered ">{{ .Title }}</h1>
|
|
|
|
|
<div class="columns my-2 mx-5 is-justify-content-space-between">
|
|
|
|
|
{{ range .Params.adresses }}
|
|
|
|
|
<div class="column is-narrow p-0 is-flex-mobile is-flex-direction-row has-text-centered is-align-items-center">
|
|
|
|
|
<i class="fa-solid fa-location-dot fa-2x mb-5"></i>
|
|
|
|
|
<h2 class="title is-4 has-text-white is-hidden-mobile">{{.type}}</h2>
|
|
|
|
|
<p class="subtitle is-6 has-text-white">{{ .adresse | markdownify}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
{{ end }}
|
|
|
|
|
<div class="column is-narrow p-0 is-flex-mobile is-flex-direction-row has-text-centered is-align-items-center">
|
|
|
|
|
<i class="fa-solid fa-envelope fa-2x mb-5"></i>
|
|
|
|
|
<h2 class="title is-4 has-text-white is-hidden-mobile">Email:</h2>
|
|
|
|
|
<p class="subtitle is-6 has-text-white">
|
|
|
|
|
<a href="mailto:{{ .Params.email }}" class="has-text-white">{{ .Params.email }}</a>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="column is-narrow p-0 is-flex-mobile is-flex-direction-row has-text-centered is-align-items-center">
|
|
|
|
|
<i class="fa-solid fa-phone fa-2x mb-5"></i>
|
|
|
|
|
<h2 class="title is-4 has-text-white is-hidden-mobile mb-1">Téléphone:</h2>
|
|
|
|
|
{{ range .Params.telephone }}
|
|
|
|
|
<a href="tel:{{ . }}"><p class="subtitle is-6 has-text-white">{{ . }}</p></a>
|
|
|
|
|
{{ end }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<h1 class="is-size-1 title has-text-centered has-text-weight-bold has-text-white" style="margin-bottom: 0; position: relative;">{{ .Title }}</h1>
|
|
|
|
|
<form action="https://form.ltqf.fr/send/llBAJp_9Vag=/jVZs3WGqLXdpqF8=/AZVODerOHnNDZ7aBdUE1wJxMcL97KqTF_5XBETk0N6g=" method="POST">
|
|
|
|
|
<div class="container contactform p-5 has-text-white">
|
|
|
|
|
<h2 class="is-size-3 mb-3">Formulaire de contact</h2>
|
|
|
|
@ -84,6 +58,67 @@
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<section class="column m-0 p-0 has-text-centered is-flex is-flex-direction-column">
|
|
|
|
|
<!-- <h1 class="is-size-1 title has-text-weight-bold has-text-white" style="margin-bottom: 0; position: relative;">{{ .Title }}</h1> -->
|
|
|
|
|
<div class="columns my-5 has-text-centered is-centered is-multiline is-justify-content-space-around">
|
|
|
|
|
{{ range .Params.adresses }}
|
|
|
|
|
<div class="column is-narrow p-0 mt-4 has-text-centered is-align-items-center is-flex-direction-row">
|
|
|
|
|
<i class="fa-solid fa-location-dot fa-2x mb-5 "></i>
|
|
|
|
|
<h2 class="title is-4 has-text-white is-hidden-mobile">{{.type}}</h2>
|
|
|
|
|
<p class="subtitle is-6 p-4 has-text-centered has-text-white is-align-items-center">{{ .adresse | markdownify}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
{{ end }}
|
|
|
|
|
<div class="column is-narrow p-0 mt-4 has-text-centered is-align-items-center is-flex-direction-row">
|
|
|
|
|
<i class="fa-solid fa-envelope fa-2x mb-5"></i>
|
|
|
|
|
<h2 class="title is-4 has-text-white is-hidden-mobile">Email:</h2>
|
|
|
|
|
<p class="subtitle is-6 p-4 has-text-centered has-text-white">
|
|
|
|
|
<a href="mailto:{{ .Params.email }}" class="has-text-white">{{ .Params.email }}</a>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="column is-narrow p-0 mt-4 has-text-centered is-align-items-center is-flex-direction-row">
|
|
|
|
|
<i class="fa-solid fa-phone fa-2x mb-5"></i>
|
|
|
|
|
<h2 class="title is-4 has-text-white is-hidden-mobile mb-5 pb-4">Téléphone:</h2>
|
|
|
|
|
|
|
|
|
|
<p class="subtitle is-6 has-text-centered p-0 has-text-white">
|
|
|
|
|
{{ range .Params.telephone }}
|
|
|
|
|
<a class="has-text-white" href="tel:{{ . }}">{{ . }}</a></br>
|
|
|
|
|
{{ end }}
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="column is-narrow p-0 mt-4 has-text-centered is-align-items-center is-flex-direction-row">
|
|
|
|
|
<i class="fa-solid fa-house fa-2x mb-5"></i>
|
|
|
|
|
<h2 class="title is-4 has-text-white is-hidden-mobile mb-5 pb-4">Administrateur:</h2>
|
|
|
|
|
|
|
|
|
|
<p class="subtitle is-6 has-text-centered p-0 has-text-white">
|
|
|
|
|
{{ with .Params.administrateur.nom }}
|
|
|
|
|
<p class="subtitle is-6 p-0 m-0 has-text-centered has-text-white is-align-items-center">{{ . | markdownify}}</p>
|
|
|
|
|
{{ end }}
|
|
|
|
|
{{ with .Params.administrateur.mail }}
|
|
|
|
|
<a class="has-text-white" href="mailto:{{ . }}">{{ . }}</a></br>
|
|
|
|
|
{{ end }}
|
|
|
|
|
{{ with .Params.administrateur.tel }}
|
|
|
|
|
<a class="has-text-white" href="tel:{{ . }}">{{ . }}</a></br>
|
|
|
|
|
{{ end }}
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="column is-narrow p-0 is-flex-mobile is-align-items-center">
|
|
|
|
|
<i class="fa-solid fa-envelope fa-2x mb-5"></i>
|
|
|
|
|
<h2 class="title is-4 has-text-white is-hidden-mobile">Email:</h2>
|
|
|
|
|
<p class="subtitle is-6 has-text-white">
|
|
|
|
|
<a href="mailto:{{ .Params.email }}" class="has-text-white">{{ .Params.email }}</a>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="column is-narrow p-0 is-flex-mobile is-flex-direction-row has-text-centered is-align-items-center">
|
|
|
|
|
<i class="fa-solid fa-phone fa-2x mb-5"></i>
|
|
|
|
|
<h2 class="title is-4 has-text-white is-hidden-mobile mb-1">Téléphone:</h2>
|
|
|
|
|
{{ range .Params.telephone }}
|
|
|
|
|
<a href="tel:{{ . }}"><p class="subtitle is-6 has-text-white">{{ . }}</p></a>
|
|
|
|
|
{{ end }}
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
{{ $mentionsLegales := .Site.GetPage "/mentions_legales" }}
|
|
|
|
|
<div class="column has-text-centered">
|
|
|
|
|
<a href="{{ $mentionsLegales.Permalink }}" aria-label="Lien vers les mentions légales">Mentions légales</a>
|
|
|
|
|