{% extends 'frontend.html.twig' %}

{% block title %}L'équipe | {{ parent() }}{% endblock %}

{% block body %}
	<div id="banner" class="container-fluid" style="background: url({{ asset('frontend/dist/assets/img/HOMEPAGE_2023.jpg') }})no-repeat center center; background-size:cover; "></div>
	<div class="container">
		<div class="row">
			<div class="col-12">
				<h1 class="banner__title">L'équipe</h1>
				<div class="d-flex flex-column flex-lg-row justify-content-start align-items-center">
					<p>
						Federia, c’est aussi une équipe dévouée qui s’engage au quotidien pour faire vivre la
						Fédération et accompagner ses membres.
					</p>
				</div>
			</div>
		</div>
	</div>
	<section>
		<div class="container">
			<div class="row">
				<div class="col-6 col-md-6 col-lg-3">
					<div class="card equipe">
						<div class="equipe__img"><img src="{{ asset('frontend/images/cons/laura_federia_detoure_website_2023_imageorigi.png') }}" alt="" class="img-fluid"></div>
						<div class="card-body">
							<p class="equipe__nom">Laura Van Campenhout</p>
							<p class="equipe__metier">Chargée de projets et communication</p>
							<div class="d-flex justify-content-start align-items-center">
								<a class="social-icons" href="mailto:laura.vancampenhout@federia.immo">
									<img src="https://www.federia.immo/dist/assets/img/icons/email-small.svg">
								</a>
								<a class="social-icons" target="_blank" href="https://www.facebook.com/laura.vancampenhout.9">
									<i class="fab fa-facebook-square fa-lg"></i>
								</a>
								<a class="social-icons" target="_blank" href="https://www.linkedin.com/in/laura-van-campenhout-1313918b/">
									<i class="fab fa-linkedin fa-lg"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-6 col-md-6 col-lg-3">
					<div class="card equipe">
						<div class="equipe__img">
							<img src="{{ asset('frontend/images/cons/charlotte_federia_detoure_website_2023_imageorigi.png') }}" alt="Charlotte De Thaye" class="img-fluid">
						</div>
						<div class="card-body">
							<p class="equipe__nom">Charlotte De Thaye</p>
							<p class="equipe__metier">Directrice générale</p>
							<div class="d-flex justify-content-start align-items-center">
								<a class="social-icons" href="mailto:charlotte.dethaye@federia.immo">
									<img src="https://www.federia.immo/dist/assets/img/icons/email-small.svg">
								</a>
								<a class="social-icons" target="_blank" href="https://www.facebook.com/charlotte.dethaye.58">
									<i class="fab fa-facebook-square fa-lg"></i>
								</a>
								<a class="social-icons" target="_blank" href="https://www.linkedin.com/in/charlotte-de-thaye-84b9a46/">
									<i class="fab fa-linkedin fa-lg"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-12">
					<div class="card contact-infos">
						<div class="row">
							<div class="col-lg-6">
								<p class="text-secondary">
									<b>Une question, un renseignement, ou tout simplement, une information à communiquer… </b>
								</p>
								<p class="mb-lg-0">N’hésitez pas à nous contacter par email ou par téléphone</p>
							</div>
							<div class="col-lg-3 mb-3 mb-lg-0 d-flex align-items-center">
								<div class="fix-icon mr-4 text-center">
									<img src="https://www.federia.immo/dist/assets/img/icons/smartphone.svg" class="mt-1" />
								</div>
								<div>
									+32 10 39 54 40
								</div>
							</div>
							<div class="col-lg-3 d-flex align-items-center">
								<div class="fix-icon mr-4 text-center">
									<img src="https://www.federia.immo/dist/assets/img/icons/email.svg" class="mt-1" />
								</div>
								<div>
									<a href="mailto:federia@federia.immo">federia@federia.immo</a>
								</div>
							</div>
						</div>
						<img class="img-bg" src="https://www.federia.immo/dist/assets/img/logo_federia_opacity.svg" alt="Federia">
					</div>
				</div>
			</div>
		</div>
	</section>
{% endblock %}