115 lines
3.7 KiB
HTML
Executable File
115 lines
3.7 KiB
HTML
Executable File
{{ define "main" }}
|
|
{{ partial "page-header" . }}
|
|
|
|
<!-- Section du formulaire de contact -->
|
|
<section class="section-sm">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="md:col-10 lg:col-6 mx-auto">
|
|
<form action="{{ site.Params.contact_form_action }}" method="POST">
|
|
<div class="mb-6">
|
|
<label for="name" class="form-label">
|
|
Nom complet <span class="text-red-500">*</span>
|
|
</label>
|
|
<input
|
|
id="name"
|
|
name="name"
|
|
class="form-input"
|
|
placeholder="Jean Dupont"
|
|
type="text" required />
|
|
</div>
|
|
<div class="mb-6">
|
|
<label for="email" class="form-label">
|
|
Email de travail <span class="text-red-500">*</span>
|
|
</label>
|
|
<input
|
|
id="email"
|
|
name="email"
|
|
class="form-input"
|
|
placeholder="jean.dupont@email.com"
|
|
type="email" required />
|
|
</div>
|
|
<div class="mb-6">
|
|
<label for="message" class="form-label">
|
|
Votre message <span class="text-red-500">*</span>
|
|
</label>
|
|
<textarea
|
|
id="message"
|
|
name="message"
|
|
class="form-input"
|
|
placeholder="Votre message ici..."
|
|
rows="8" required></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Envoyer</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Carte OpenStreetMap -->
|
|
<section class="section-sm">
|
|
<div class="container">
|
|
<h2 class="text-center">Nous rendre visite</h2>
|
|
<p class="text-center">Voici notre localisation sur la carte :</p>
|
|
{{< openstreetmap mapName="untitled-map_1148911#19" >}}
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Google Map, si activée dans les paramètres -->
|
|
{{ with site.Params.google_map }}
|
|
{{ if .enable }}
|
|
<div
|
|
id="map"
|
|
style="height: 400px;"
|
|
data-latitude="{{ .map_latitude }}"
|
|
data-longitude="{{ .map_longitude }}"
|
|
data-marker="{{ .map_marker | relURL }}"
|
|
data-marker-name="{{ site.Title }}"></div>
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
<!-- Formulaire d'abonnement à la newsletter -->
|
|
{{ with site.Params.subscription }}
|
|
{{ if .enable }}
|
|
<form
|
|
action="{{ .mailchimp_form_action | safeURL }}"
|
|
method="post"
|
|
id="mc-embedded-subscribe-form"
|
|
novalidate="novalidate">
|
|
<div class="input-group w-75 mx-auto mb-3">
|
|
<input
|
|
type="email"
|
|
name="EMAIL"
|
|
placeholder="Votre email"
|
|
class="form-control required email mce_inline_error"
|
|
id="mce-EMAIL"
|
|
aria-required="true"
|
|
autocomplete="off"
|
|
required />
|
|
<button
|
|
class="input-group-text"
|
|
name="subscribe"
|
|
id="mc-embedded-subscribe">
|
|
{{ .button_label }}
|
|
</button>
|
|
</div>
|
|
<input
|
|
type="hidden"
|
|
name="EMAILTYPE"
|
|
id="mce-EMAILTYPE-0"
|
|
value="html" />
|
|
<div style="position:absolute;left:-5000px" aria-hidden="true">
|
|
<input type="text" name="{{ .name }}" tabindex="-1" />
|
|
</div>
|
|
</form>
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
{{ if site.Params.google_map.enable }}
|
|
{{ $gmap := resources.Get "plugins/maps/google-map.js" }}
|
|
<script defer src="{{ $gmap.RelPermalink }}"></script>
|
|
<script src="https://maps.googleapis.com/maps/api/js?key={{ site.Params.google_map.map_api_key }}&libraries=places"></script>
|
|
{{ end }}
|
|
{{ end }}
|
