<?php
//****************************************************************************************
//            NE PAS TOUCHER A LA STRUCTURE DE LA TEMPLATE !
//****************************************************************************************
?>
<div id="pageweb" class="<?php echo $body_class; ?>">
	<div id="top">
		<header>
			<?php include(RACINE_INTERFACE . "/inc-top.php"); ?>
		</header>
	</div><!-- #top -->
	<div id="central" class="bg-white">
		<div id="corps">
			<main>
				<div id="creation-site-web" class="section1 section">
					<div class="content container">
						<div class="titre text-right d-flex justify-content-center justify-content-xl-end pt-5 wow fadeInDown">
							<?php echo getContent($bdd, $web, $model_p, 0); ?>
						</div>
						<div class="contenu">
							<div class="cont cont1 d-flex wow fadeInLeft">
								<div class="texte col-xl-4 ">
									<?php echo getContent($bdd, $web, $model_p, 1); ?>
								</div>
							</div>
							<div class="cont cont2 d-flex justify-content-center py-4 wow fadeInUp">
								<div class="texte col-xl-4 ">
									<?php echo getContent($bdd, $web, $model_p, 2); ?>
								</div>
							</div>
							<div class="cont cont3 d-flex justify-content-end py-4 pb-5  wow fadeInRight">
								<div class="texte col-xl-4 ">
									<?php echo getContent($bdd, $web, $model_p, 3); ?>
								</div>
							</div>
						</div>
					</div>
				</div><!-- .section1 -->
				<div id="media-sociaux" class="section2 section py-5">
					<div class="content container py-4">
						<div class="contenu row align-items-center py-5">
							<div class="contenu-left col-lg-6 py-3">
								<div class="cont photos wow flash">
									<img src="images/photo_social.jpg" alt="">
								</div>
							</div>
							<div class="contenu-right col-lg-6 pt-4 pt-lg-0">
								<div class="cont col-md-11 col-xl-9 mx-auto wow fadeInDown">
									<div class="list-social photos pb-2 mb-3">
										<ul class="row align-items-center ">
											<li class="px-2 py-1"><img src="images/facebook.png" alt=""></li>
											<li class="px-2 py-1"><img src="images/youtube.png" alt=""></li>
											<li class="px-2 py-1"><img src="images/google-plus.png" alt=""></li>
											<li class="px-2 py-1"><img src="images/instagrame.png" alt=""></li>
											<li class="px-2 py-1"><img src="images/linked.png" alt=""></li>
											<li class="px-2 py-1"><img src="images/pinterest.png" alt=""></li>
											<li class="px-2 py-1"><img src="images/skype.png" alt=""></li>
											<li class="px-2 py-1"><img src="images/twiter.png" alt=""></li>
											<li class="px-2 py-1"><img src="images/watsap.png" alt=""></li>
										</ul>
									</div>
									<div class="texte">
										<?php echo getContent($bdd, $web, $model_p, 4); ?>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--section2 -->
				<div id="referencement" class="section3 section">
					<div class="content container">
						<div class="contenu row align-items-center">
							<div class="contenu-left col-lg-6 d-flex">
								<div class="cont col-lg-10 m-auto wow fadeInUp">
									<div class="texte text-white pt-4 pt-lg-0">
										<?php echo getContent($bdd, $web, $model_p, 5); ?>
									</div>
									<div class="part text-white pb-4 pt-5">
										<ul class="row flex-wrap flex-sm-nowrap align-items-center">
											<li class="pr-4"><img src="images/google_ads.png" alt=""></li>
											<li>Pour le référencement, COMIMAGE est partenaire Google certifié</li>
										</ul>
									</div>
									<div class="part text-white pb-4">
										<ul class="row flex-wrap flex-sm-nowrap align-items-center">
											<li class="pr-4"><img src="images/deepReach.png" alt=""></li>
											<li>La plateforme d'Intelligence Artificielle qui transforme le marketing digital local & optimise votre reach local</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="contenu-right col-lg-6 mt-xl-n4 px-0">
								<div class="cont wow flash">
									<img src="images/referencement.jpg" alt="" />
								</div>
							</div>
						</div>
					</div>
				</div><!-- .section3 -->
				<div id="pages-jaunes" class="section2 section py-5">
					<div class="container">
						<div class="contenu row align-items-center flex-row-reverse pt-5">
							<div class="contenu-right col-lg-6">
								<div class="cont offset-xl-2">
									<?php echo getContent($bdd, $web, $model_p, 6); ?>
								</div>
							</div>
							<div class="contenu-left col-lg-6 py-3">
								<div class="cont photos wow flash">
									<img src="images/pagesjaunes.jpg" alt="">
								</div>
							</div>
						</div>

					</div>
				</div><!-- .section4 -->
				<div id="contact" class="section5 section pt-5">
					<div class="content pt-5">
						<div id="contatti">
							<div class="col-lg-8 bg-white mb-5 py-5 mx-auto wow fadeInLeft">
								<h2>Nous contactez</h2>
								<?php formulaireDeContact(); ?>
							</div>
							<div class="col-md-12 px-0 pt-5 maps wow fadeIn">
								<?php echo '<iframe src="' . URL_GOOGLEMAP . '"></iframe>'; ?>
							</div>
						</div>
					</div>
				</div><!-- .section5 -->
			</main>
		</div><!-- #corps -->
	</div><!-- #central -->
	<div id="footer">
		<footer>
			<?php include(RACINE_INTERFACE . "/inc-footer.php"); ?>
		</footer>
	</div><!-- #footer -->
</div><!-- #pageweb -->
<figure class="audio-background">
	<audio autoplay loop preload="auto" id="audio-background">
		<source src="images/carte-aux-adieux.mp3" type="audio/mpeg">
		<source src="images/carte-aux-adieux.ogg" type="audio/ogg">
		<p>Your browser does not support the audio element.</p>
	</audio>
</figure>

<?php
//****************************************************************************************
?>