{% extends 'site/site.html.twig' %}

{% block title %}
	{{ parent() }}
	- Contact
{% endblock %}

{% block page %}
<div class="container-fluid">
		<div class="row mb-5">
			<div class="col-12 pr-0 pl-0 text-center">
				<div class="nom-page">
					Accueil > <span>Contact</span>
				</div>
			</div>
		</div>
	</div>


	<div class="container">
		<div class="row">
			<div class="col-12 text-center">
				<div class="titre-contact padding-fixed">
					CONTACTEZ-NOUS
				</div>
			</div>
		</div>
	</div>

	<div class="partie-contact">
		<div class="container-fluid">
			<div class="row pt-5">
				<div class="col-12 col-md-6 back-black pr-0 pl-0">
					<div class="info-contact">
						<div class="siege-social pb-4">
							<p class="text-1-contact mb-1">SIÈGE SOCIAL :</p>
							<p class="text-2-contact">Immeuble STAR, Angle Av. du Japon et Rue Mohamed Badra, 1er et 2ème Etage-Montplaisir 1073 Tunis, Tunisie</p>
						</div>
						<div class="maps-contact ">
							<iframe
								src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3193.956495271176!2d10.189582!3d36.8195624!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12fd348b30f3d34b%3A0xc7f418a55e89118f!2sRue%20Mohamed%20Badra%20%26%20Avenue%20du%20Japon%2C%20Tunis!5e0!3m2!1sfr!2stn!4v1700617357165!5m2!1sfr!2stn"
								width="350" height="250" frameborder="0"
								style="border:0; border-radius:45px;background:#00800099;opacity:0.5;"
								allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
						</div>
						<div class="phone-email pt-5">
							<div class="num-tel-contact">
								<img src="{{ asset('assets/site/images/phone.png') }}" width="20px">
								<p>(+216) 71 187 710</p>
							</div>
							<div class="email-contact">
								<i class="fa fa-envelope"></i>
								<p>iaa.tunisie@star.com.tn</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-12 col-md-6 text-center back-green">
					<div class="formulaire-contact">
						<div class="input-espace-personnel pt-3 pb-3">
							<input type="text" name="login-personnel" placeholder="Nom, prénom *" />
						</div>
						<div class="input-espace-personnel pt-3 pb-3">
							<input type="text" name="login-personnel" placeholder="Entreprise" />
						</div>
						<div class="input-espace-personnel pt-3 pb-3">
							<input type="text" name="login-personnel" placeholder="Sujet *" />
						</div>
						<div class="mesage-espace-personnel pt-3 pb-1">
							<textarea rows="7">Message</textarea>
						</div>
						<div class="texte-message pb-3">
							Les champs requis sont marqués par (*).
						</div>
						<div class="btn-1 pt-5">
							<button href="#" class="btn-1--couleur">ENVOYER VOTRE MESSAGE</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{% endblock %}