ltqf/layouts/contact/list.html

{{ define "styles"}}
<style>
@media screen and (max-width: 768px) {
    i {
        padding-left: 0rem !important;
        padding-right: 1.5rem !important;
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
		margin-left: 1.5rem;
	}
}
.label {
	color: white;
}
.fa-2x {
	color: white;
}
</style>
{{ end }}


{{ define "content" }}
<section class="hero is-fullheight is-flex is-flex-direction-column is-justify-content-flex-start p-6">
	<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>
	        <div class="columns">
	            <div class="column is-half">
	                <div class="field">
	                    <label class="label">Nom / Prenom</label>
	                    <div class="control">
	                      <input class="input" type="text" placeholder="Entrez votre nom et prenom">
	                    </div>
	                </div>
	            </div>
	            <div class="column">
	                <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>

	        <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://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 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>
	</div>


</section>
{{ end }}