Outiref

Code source de l'URL : http://www.uniite.fr/

<!doctype html>
<html lang="en" class="no-js">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
		<script src="https://www.google.com/recaptcha/api.js"></script>
		<script>
			function timestamp() { var response = document.getElementById("g-recaptcha-response"); if (response == null || response.value.trim() == "") {var elems = JSON.parse(document.getElementsByName("captcha_settings")[0].value);elems["ts"] = JSON.stringify(new Date().getTime());document.getElementsByName("captcha_settings")[0].value = JSON.stringify(elems); } } setInterval(timestamp, 500); 
		</script>
		
		<title>Uniite | Créez l’application de votre communauté</title>
		
		<link rel="shortcut icon" href="favicon.ico">
		
		<!--link rel="icon" href="favicon.ico" type="image/x-icon"> 
			<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 
			<link rel="icon" type="image/png" href="favicon.ico" /-->
			
			<!--  Référencement GOOGLE      -->
			<meta name="description" content="Créer l’application mobile de votre communauté de clients. Personnalisez votre application Uniite Experience à vos couleurs, ajoutez vos fonctionnalités, maitrisez votre budget."/>
			
			
			<!--  NOTE: Please add the following <META> element to your page <HEAD>.      -->
				<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
					
					
					<meta name="viewport" content="width=device-width, initial-scale=1">
					
					<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bebas" type="text/css" />
					<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500&display=swap" rel="stylesheet">
					<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/dosis" type="text/css" />
					<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&display=swap" rel="stylesheet">
					
					
					
					<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /><!-- BOOTSTRAP POUR NAV BAR -->
					<link rel="stylesheet" href="css/main.css"> <!-- CSS main --> 
					<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
					
					<script src="js/modernizr.js"></script> <!-- Modernizr -->
					<script src="path/to/jquery.js"></script> 
					<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
					<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><!-- BOOTSTRAP POUR NAV BAR -->
					<script src="path/to/bootstrap.js"></script><!-- BOOTSTRAP POUR NAV BAR -->
					
					<!-- Global site tag (gtag.js) - Google Analytics -->
					<script async src="https://www.googletagmanager.com/gtag/js?id=G-EGR65DMSYR"></script>
					<script>
						window.dataLayer = window.dataLayer || [];
						function gtag(){dataLayer.push(arguments);}
						gtag('js', new Date());
						gtag('config', 'G-EGR65DMSYR');
					</script>
					
				</head>
				
				<style>
					@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&display=swap');
				</style>
				
				<!-- STYLE POUR LIENS ACTIFS -->
				<script>
					/* adding active class when links are clicked */
					$(document).ready(function () {
						$("ul.navbar-nav > li").click(function (e) {
							$("ul.navbar-nav > li").removeClass("active");
							$(this).addClass("active");
						});
						
						/* get active class off when we click on logo or contact button */
						var a = document.getElementById("contactNavButton");
						a.onclick = function() {
							$("ul.navbar-nav > li").removeClass("active");
						}
						
						var b = document.getElementById("logoNavButton");
						b.onclick = function() {
							$("ul.navbar-nav > li").removeClass("active");
						}
						
					});
					
					
					/* links get active when we scroll through sections */
					
					// smooth scoll for navbar
					
				</script>
				
				<body>
					<!--header class="cd-header">
						<div id="cd-logo"><a href="/"><img src="img/logo_uniite_experience.png" alt="Logo" style="width: 230px;"></a></div>
						</=header-->
						
						
						<!-- Navigation 2 -->
						
						<nav class="navbar navbar-inverse navbar-fixed-top">
							<div class="navbar-header">
								<a class="navbar-brand" id="logoNavButton" href="#">
									<img src="img/logo_uniite_experience.svg" class="logostyle" alt="Logo">
								</a>
								<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							<div class="navbar-collapse collapse">
								<ul class="nav navbar-nav">
									<li class="underline-link-hover" style="color: white!important; line-height: auto; margin-right: 20px; margin-left: 20px;">
										<a href="#cd-placeholder-notreproduit"> Notre produit</a>
									</li>
									<li class="underline-link-hover" style="color: white!important; line-height: auto; margin-right: 20px; margin-left: 20px;">
										<a href="#cd-placeholder-fonctionnalites"> Fonctionnalités </a>
									</li>
									<li class="underline-link-hover" style="color: white!important; line-height: auto; margin-right: 20px; margin-left: 20px;">
										<a href="#cd-placeholder-etapes"> ÉTAPES </a>
									</li>
									<li class="underline-link-hover" style="color: white!important; line-height: auto; margin-right: 20px; margin-left: 20px;">
										<a href="#cd-placeholder-tarifs" > Tarifs </a>
									</li>
									<!-- hidden in full screen mode because is bigger on the right -->
									<li class="underline-link-hover" style="color: white!important; line-height: auto; margin-right: 20px; margin-left: 20px;">
										<a href="#cd-placeholder-4" class="link-contact"> Contact</a>
									</li>
								</ul>
								
								
								
								
								<div style="margin-right: 13%; padding-right: 25px; margin-left: 87%;padding-top: 3px;"> 
									<a href="#cd-placeholder-4" type="submit" id="contactNavButton" style="text-align: center;text-decoration: none;">
										<div class="greenRoundButton" style="text-decoration: none;">
											Contact
										</div>
									</a>
								</div>	
								
								
							</div>
							
							
							
						</nav>
						
						<!--div class="container-fluid">
							Current viewport width:<span id="monitor"></span>
							</!--div-->
							
							
							
							
							
							
							
							
							
							
							
							<!-- NAV (FIXED TOP AFTER SCROLLING) -->
							<!-- <div class="cd-secondary-nav" style="background-color: #000019; color: #ffffff;">
								<a href="#0" class="cd-secondary-nav-trigger">Menu<span></span></a> <!-- button visible on small devices -->
								
								<!--<a href="#cd-intro">
									<img src="img/logo_uniite_experience.png" alt="Logo" style="width: 230px;">
								</a>
								
								<nav style="margin-top: -120px;">
									<ul>
										
										<li style="border: 0px solid red;">
											<a href="#cd-placeholder-notreproduit" class="aNav">
												<b>Notre produit</b>
											</a>
										</li>
										<li style="border: 0px solid red;">
											<a href="#cd-placeholder-fonctionnalites" class="aNav">
												<b>Fonctionnalités</b>
											</a>
										</li>
										<li>
											<a href="#cd-placeholder-etapes" class="aNav">
												<b>Etapes</b>
											</a>
										</li>
										<li>
											<a href="#cd-placeholder-tarifs" class="aNav">
												<b>Tarifs</b>
											</a>
										</li>
										
										<li>
											<a href="#cd-placeholder-4" type="submit" style="margin-top: 10%; text-align: center;">
												<div class="RedRoundButton" style="background-color:#5CAE96;">
													Contact
												</div>
											</a>
										</li>
									</ul>
								</nav> -->
								
								
								
								
								
							</div> 
							
							
							<!-- SECTION MAIN HEADER -->
							<section id="cd-intro">
								<div id="cd-intro-tagline">
									<div class="cd-intro-container-h1" style="color: white;">
										<h1>L'application de votre communauté, <br/> à vos couleurs, <br/> en quelques clics. </h1>
									</div>
									
									
									<div class="button-container" style="width: auto; margin :auto; padding-right: 50px; padding-left: 15px;">
										<div class="btn-4">
											<a href="#cd-placeholder-notreproduit" class="button-icon">
												<span class="button-icon-text">C'est parti
												</span>
												<span class="icon-box">
													<span class="arrow-right">
														<span></span>
													</span>
												</span>
											</a>
										</div>
									</div>
								</div>
								
								<br/><br/><br/>
								
								<div class="cd-intro-container-h1">
									<img class="img-ecrans" src="img/uniiteexp_ecran1.png" alt="Logo" style="width: 12%; height: 100%;">
									<img class="img-ecrans" src="img/uniiteexp_ecran2.png" alt="Logo" style="margin-left: 80px;width: 12%; height: 100%;">
								</div>
								
								<br/><br/><br/>
								
							</div> 
						</section> 
						
						
						<!-- SECTIONS CONTENT -->
						<main class="cd-main-content">
							
							<br/>
							
							
							<!-- PREFACE -->
							
							
							<div class="wrappertest"  style="margin: auto; margin-bottom: -20px; margin-top: 60px; width: 80%;padding: 0px; height: auto; border: 0px solid green;">
								<div class="maintest2" style="height: auto; width: 250px;padding: 0px;">
									<div class="prefaceText"> 
										Uniite expérience démocratise l’application mobile en la mettant à portée de votre communauté de clients, de prospects, de fans, d’abonnés, tout en respectant votre budget.
									</div>		
								</div>
								<div class="aside aside-1" style="margin-top: auto; margin-bottom: auto;">
									<div class="video-container">
										<iframe src="https://www.youtube.com/embed/nz_sVvr-iT0?controls=0"
										title="Vidéo uniite" frameborder="0" 
										allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; modestbranding;" allowfullscreen></iframe>
									</div>
								</div>
							</div>
							
							
							<!-- SECTION 1 -->
							<section class="highlight-section" id="cd-placeholder-notreproduit">
								<div class="cd-section cd-container container-module-1" style="padding-bottom: 0px;">
									<!-- SECTION 1 - PART 1 -->
									
									<div class="wrappertest" style="margin: auto; width: 90%;height: auto;">
										<div class="number-title respitem-number-title" style="padding-top: 0px;">
											1
										</div>
										<div class="container-title respitem-text-title">
											<h3 style="margin:0;">LES FONCTIONNALITés de base</h3>
											<p class="pSubTitle">Votre application comprend un socle de base : le fil d’actualité, les notifications, le trombinoscope et la messagerie. </p>
										</div> 
										<div class="respitem-void-title">
										</div>  	
									</div>
									
									<div class="section-serpentin-fullscreen">
										<div class="container-section-serpentin" style="margin: 0px;padding: 0px;margin-bottom: 0px;">
											<div class="container-section-img-specific" style="justify-content: left;">
												<img class="img-ecrans" src="img/uniiteexp_ecran3.png" alt="Logo" style="height: 438px; margin-bottom: 80px;">
												
												<div class="product-card" style="margin-left: 100px; margin-top: 70px; margin-bottom: 35px; width: 425px; background-color: #27273B;height : 240px; padding: 30px; padding-top: 35px;">
													<h3 style="font-size: 18px; margin-top: 0px; max-width: 425px;">FIL D'ACTUALITé</h3>
													<br/>
													<div class="pExplicativeText" style="margin: 0px; text-align: justify; letter-spacing: -1.9%;">
														Communiquez auprès de votre communauté grâce au fil d’actualité, laissez vos utilisateurs s’exprimer et réagir aux différentes publications. 
													</div>
												</div>
											</div>
											
											<div class="container-section-img-specific" style="justify-content: right;">
												
												<div class="product-card" style="margin-right: 100px; margin-top: 70px; margin-bottom: 35px; width: 425px; background-color: #27273B;height : 240px; padding: 30px; padding-top: 35px;">
													<h3 style="font-size: 18px; margin-top: 0px; max-width: 425px;">NOTIFICATIONS</h3>
													<br/>
													<div class="pExplicativeText" style="margin: 0px; text-align: justify; letter-spacing: -1.9%;">
														Notifiez en masse ou de manière chirurgicale. Votre communauté ne loupera plus aucune information ! 
													</div>
												</div>
												
												<img class="img-ecrans" src="img/uniiteexp_ecran6.png" alt="Logo" style="height: 438px; margin-bottom: 70px;">
											</div>
											
											<div class="container-section-img-specific" style="justify-content: left;">
												<img class="img-ecrans" src="img/uniiteexp_ecran7.png" alt="Logo" style="height: 438px; margin-bottom: 70px;">
												
												<div class="product-card" style="margin-left: 100px; margin-top: 70px; margin-bottom: 35px; width: 425px; background-color: #27273B;height : 240px; padding: 30px; padding-top: 35px;">
													<h3 style="font-size: 18px; margin-top: 0px; max-width: 425px;">TROMBINOSCOPE</h3>
													<br/>
													<div class="pExplicativeText" style="margin: 0px; text-align: justify; letter-spacing: -1.9%;">
														Regroupez tous les profils de vos membres en une seule page. Vos utilisateurs peuvent maintenant entrer en relation en fonction de leurs affinités !
													</div>
												</div>
											</div>
											
											<div class="container-section-img-specific" style="justify-content: right;">
												
												<div class="product-card" style="margin-right: 100px; margin-top: 70px; margin-bottom: 35px; width: 425px; background-color: #27273B;height : 240px; padding: 30px; padding-top: 35px;">
													<h3 style="font-size: 18px; margin-top: 0px; max-width: 425px;">Messagerie</h3>
													<br/>
													<div class="pExplicativeText" style="margin: 0px; text-align: justify; letter-spacing: -1.9%;">
														Entretenez le lien avec les membres de votre communauté grâce à notre fonctionnalité de messagerie instantanée. 
													</div>
												</div>
												
												<img class="img-ecrans" src="img/uniiteexp_ecran8.png" alt="Logo" style="height: 438px; margin-bottom: 70px;">
											</div>
											
											<div class="redButtonAligners">
												<div class="button-container" style="width: 210px; margin-left: auto; padding-right: 50px; padding-left: 15px;">
													<a href="#cd-placeholder-4" class="button-icon">
														<span class="button-icon-text">C'est parti
														</span>
														<span class="icon-box">
															<span class="arrow-right">
																<span></span>
															</span>
														</span>
													</a>
												</div>
											</div>
											
										</div>
									</div>
									
									<div class="section-serpentin-smallscreen">
										<table style="max-width: 850px; margin-left: auto; margin-right: auto;">
											<tr>
												<td style="vertical-align: middle; width: 120px; padding-bottom: 25px;">	
													
													<img src="img/uniiteexp_ecran3.png" style="width: 120px!important;" alt="Logo">
												</td>
												<td style="vertical-align: middle; padding-left: 5%;max-width: 600px; padding-bottom: 25px;">
													<div class="product-card product-card-responsive" style="min-width: 320px;width: 100%; max-width: 520px; background-color: #27273B;height : 240px; padding: 25px; padding-top: 25px; ">
														<h3 style="font-size: 18px; margin-top: 0px; max-width: 425px;">FIL D'ACTUALITé</h3>
														<div class="pExplicativeText" style="margin: 0px; text-align: justify; letter-spacing: -1.9%;margin-top: 15px; ">
															Communiquez auprès de votre communauté grâce au fil d’actualité, laissez vos utilisateurs s’exprimer et réagir aux différentes publications. 
														</div>
													</div>
												</div>
											</td>
										</tr>
										
										<tr>
											<td style="vertical-align: middle;width: 120px; padding-bottom: 25px;">	
												
												<img src="img/uniiteexp_ecran6.png" style="width: 120px!important;" alt="Logo">
											</td>
											<td style="vertical-align: middle;padding-left: 5%;max-width: 600px; padding-bottom: 25px;">
												<div class="product-card product-card-responsive" style="min-width: 320px;width: 100%; max-width: 520px; background-color: #27273B;height : 240px; padding: 25px; padding-top: 25px; ">
													<h3 style="font-size: 18px; margin-top: 0px; max-width: 425px;">NOTIFICATIONS</h3>
													<div class="pExplicativeText" style="margin: 0px; text-align: justify; letter-spacing: -1.9%;margin-top: 15px; ">
														Notifiez en masse ou de manière chirurgicale. Votre communauté ne loupera plus aucune information ! 
													</div>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<td style="vertical-align: middle; width: 120px; padding-bottom: 25px;">	
											
											<img src="img/uniiteexp_ecran7.png" style="width: 120px!important;" alt="Logo">
										</td>
										<td style="vertical-align: middle;padding-left: 5%;max-width: 600px; padding-bottom: 25px;">
											<div class="product-card product-card-responsive" style="min-width: 320px;width: 100%; max-width: 520px; background-color: #27273B;height : 240px; padding: 25px; padding-top: 25px; ">
												<h3 style="font-size: 18px; margin-top: 0px; max-width: 425px;">TROMBINOSCOPE</h3>
												<div class="pExplicativeText" style="margin: 0px; text-align: justify; letter-spacing: -1.9%;margin-top: 15px; ">
													Regroupez tous les profils de vos membres en une seule page. Vos utilisateurs peuvent maintenant entrer en relation en fonction de leurs affinités !
												</div>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td style="vertical-align: middle;  width: 130px;">	
										
										<img src="img/uniiteexp_ecran8.png" style="width: 180px!important;" alt="Logo">
									</td>
									<td style="vertical-align: middle; padding-left: 5%;max-width: 600px;">
										<div class="product-card product-card-responsive" style="min-width: 320px;width: 100%; max-width: 520px; background-color: #27273B;height : 240px; padding: 25px; padding-top: 25px; ">
											<h3 style="font-size: 18px; margin-top: 0px; max-width: 425px;">MESSAGERIE</h3>
											<div class="pExplicativeText" style="margin: 0px; text-align: justify; letter-spacing: -1.9%;margin-top: 15px; ">
												Entretenez le lien avec les membres de votre communauté grâce à notre fonctionnalité de messagerie instantanée. 
											</div>
										</div>
									</div>
								</td>
							</tr>
							
							
						</table>
					</div>
					
					
				</div>
			</section>
			
			<!-- SECTION 1 - PART 2 -->
			<section class="highlight-section">
				<div class="cd-section cd-container flexbox-column container-module-1" id="cd-placeholder-fonctionnalites" style="padding-bottom: 0px; padding-top: 120px;">
					
					<div class="wrappertest" style="margin: auto; width: 90%;height: auto; margin-bottom: -50px;">
						<div class="number-title respitem-number-title" style="padding-top: 0px;">
							2
						</div>
						<div class="container-title respitem-text-title">
							<h3 style="margin:0;">LES FONCTIONNALITés DU STORE</h3>
							<p class="pSubTitle">Des dizaines de fonctionnalités sont prêtes à l’emploi pour que vous puissiez créer l’application dont vous avez besoin et qui vous ressemble.</p>
						</div> 
						<div class="respitem-void-title">
						</div>  	
					</div>
					
					<div class="container-section-img">
						<div class="product-card-colored" style="background-color: #CB9A52;">
							
							<img class="item-img" src="img/icones/icon_event.svg" style="width: 39px; padding: 0px;">
							<div class="productCard-titles">évènements</div>
							
							<div class="productCardBack" style="background-color: #CB9A52;	margin-top: -78px;"> 
								<div style="font-size: 14px; line-height: 22px; width: 90%; height: 80px; margin: auto;">Affichez vos évènements, vos utilisateurs vous préviendront de leur venue.</div>
							</div>
						</div>
						
						<div class="product-card-colored" style="background-color: #85B6FF;">
							<img class="item-img" src="img/icones/icon_vote.svg" style="width: 39px;padding: 0px;">
							<div class="productCard-titles">vote *</div>
							
							<div class="productCardBack" style="background-color: #85B6FF;	margin-top: -78px;"> 
								<div style="font-size: 14px; line-height: 22px; width: 90%; height: 80px; margin: auto;">
									Soumettez vos produits aux votes de vos utilisateurs et recevez leurs feedbacks.
								</div>
							</div>
							
						</div>
						<div class="product-card-colored" style="background-color: #E15744;">
							<img class="item-img" src="img/icones/icon_survey.svg" style="width: 39px;padding: 0px;">
							<div class="productCard-titles">questionnaires *</div>
							
							<div class="productCardBack" style="background-color: #E15744;	margin-top: -78px;"> 
								<div style="font-size: 14px; line-height: 22px; width: 90%; height: 80px; margin: auto;">
									Recevez les retours d’expérience des membres de votre communauté.
								</div>
							</div>
							
						</div>
						
						
						<div class="product-card-colored" style="background-color: #80C2C8;">
							<img class="item-img" src="img/icones/icon_deal.svg" style="width: 39px;padding: 0px;">
							<div class="productCard-titles">bons plans *</div>
							
							<div class="productCardBack" style="background-color: #80C2C8;	margin-top: -78px;"> 
								<div style="font-size: 14px; line-height: 22px; width: 90%; height: 80px; margin: auto;">
									Donnez à vos utilisateurs un lieu d’échange d’objets et de services en tout genre.
								</div>
							</div>
							
						</div>
						
						
						
						<div class="product-card-colored" style="background-color: #D99BFF;">
							<img class="item-img" src="img/icones/icon_shop.svg" style="width: 39px;padding: 0px;">
							<div class="productCard-titles">boutique *</div>
							
							<div class="productCardBack" style="background-color: #D99BFF;	margin-top: -78px;"> 
								<div style="font-size: 14px; line-height: 22px; width: 90%; height: 80px; margin: auto;">
									Proposez à la vente en ligne vos produits grâce à notre logiciel de paiement intégré.
									
								</div>
							</div>
							
						</div>
						<div class="product-card-colored" style="background-color: #FFA462;">
							<img class="item-img" src="img/icones/icon_gallery.svg" style="width: 39px;padding: 0px;">
							<div class="productCard-titles">galerie photos *</div>
							
							<div class="productCardBack" style="background-color: #FFA462;	margin-top: -78px;"> 
								<div style="font-size: 14px; line-height: 22px; width: 90%; height: 80px; margin: auto;">
									Regroupez et visionnez les photos de votre communauté sur une seule page.
								</div>
							</div>
							
						</div>
						<div class="product-card-colored" style="background-color: #5CAE96;">
							<img class="item-img" src="img/icones/icon_heart.svg" style="width: 39px;padding: 0px;">
							<div class="productCard-titles">rencontres *</div>
							
							<div class="productCardBack" style="background-color: #5CAE96;	margin-top: -78px;"> 
								<div style="font-size: 14px; line-height: 22px; width: 90%; height: 80px; margin: auto;">
									Mettez en relation les membres de votre communauté qui souhaitent se rencontrer.
								</div>
							</div>
							
						</div>
						<div class="product-card-colored" style="background-color: #7B61FF;">
							<img class="item-img" src="img/icones/icon_videos.svg" style="width: 39px;padding: 0px;">
							<div class="productCard-titles">galerie vidéos *</div>
							
							<div class="productCardBack" style="background-color: #7B61FF;	margin-top: -78px;"> 
								<div style="font-size: 14px; line-height: 22px; width: 90%; height: 80px; margin: auto;">
									Regroupez et visionnez les vidéos de votre communauté sur une seule page.
								</div>
							</div>
							
						</div>
						
						
					</div>
					
					
					<div class="redButtonAligners" style="padding-right: 50px;">
						<div class="button-container" style="width: 155px; margin :auto; padding-right: 10px; padding-left: 15px;">
							<a href="#cd-placeholder-4" class="button-icon" >
								<span class="button-icon-text">Voir plus
								</span>
							</a>
						</div>
					</div>
					<div class="asterix">
						* fonctionnalités à venir prochainement
					</div>
					
					<!-- PETIT BOUTON BASE -->
					<!-- <div style="margin-left: 87%; margin-top: 20px;">
						<a href="#cd-placeholder-4" type="submit" style="margin-top: 10%;">
							<div class="RedRoundButton" >
								Voir plus 
							</div>
						</a>
					</div>
					<!-- -->
				</div>
				
				
			</section>
			
			<!-- SECTION 1 - PART 3 -->
			<section class="highlight-section">
				<div class="cd-section cd-container flexbox-column container-module-1" style="padding-bottom: 40px;">
					<div class="wrappertest" style="margin: auto; width: 90%;height: auto;">
						<div class="number-title respitem-number-title" style="padding-top: 0px;">
							3
						</div>
						<div class="container-title respitem-text-title">
							<h3 style="margin:0;">VOTRE APPLICATION, VOS COULEURS</h3>
							<p class="pSubTitle">Ajoutez votre logo, vos couleurs, personnalisez votre application pour qu’elle vous ressemble, à vous et à votre communauté. </p>
						</div> 
						<div class="respitem-void-title">
						</div>  	
					</div>
					
					<div class="switchModes">
						<div class="container-section-img" style="margin-top: 20px; height: 440px;">
							
							<div style="margin-top: auto; margin-bottom: auto;">
								<div class="buttonModeSwitchContainer">
									<button class="buttonModeSwitch" onclick=mode_light();>
										<img src="img/btn-lightmode.png"  style="height: 42px; padding-bottom: 1px;"/>
									</button>
									<br/>
									<button class="buttonModeSwitch" onclick=mode_dark();>
										<img src="img/btn-darkmode.png"  style="height: 42px; padding-bottom: 1px; margin-bottom:0px;">
									</button>
								</div>
							</div>
							<span>
								<h3 style="font-size: 18px;">VOTRE MODE</h3> <br/>
								<img id="myImageMode" src="img/uniiteexp_ecran3.png"  style="height: 438px;">
							</span>
							
							<span>
								<h3 style="font-size: 18px;">VOTRE LOGO</h3><br/>
								<img id="myImageLogo" src="img/uniiteexp_ecran4.png" style="height: 438px;">        
								
								<div style="margin-top: 20px;">
									<div class="buttonModeSwitchContainer" style="width: 215px; padding: 0px;">
										<button class="buttonModeSwitch" onclick="mode_logo1()">
											<img src="img/btn-logo1.png"  style="height: 42px;">
										</button> 
										<button class="buttonModeSwitch" onclick="mode_logo2();" style="padding-top: 5px; padding-bottom: 1px; padding-left: 0px; padding-right: 0px;margin-bottom: 5px;">
											<img src="img/btn-logo2.png"  style="height: 42px;">
										</button>
										<button class="buttonModeSwitch" onclick=mode_logo3(); style="padding-top: 5px; padding-bottom: 1px; padding-left: 0px; padding-right: 0px;margin-bottom: 5px;">
											<img src="img/btn-logo3.png"  style="height: 42px;">
										</button>
										<button class="buttonModeSwitch" onclick=mode_logo4(); style="padding-top: 5px; padding-bottom: 1px; padding-left: 0px; padding-right: 0px;margin-bottom: 5px;">
											<img src="img/btn-logo4.png"  style="height: 42px;">
										</button>
									</div>
								</div>
								
							</span>
							<span>
								<h3 style="font-size: 18px;">VOS COULEURS</h3><br/>
								<img id="myImageColor" class="img-ecrans" src="img/uniiteexp_ecran5.png" alt="Logo" style="height: 438px;">     
							</span>
							
							<div style="margin-top: auto; margin-bottom: auto;">
								<div class="buttonModeSwitchContainer">
									<button class="buttonModeSwitch" onclick=mode_color1();>
										<img src="img/btn-color1.png"  style="height: 37px;"/>
									</button>
									<br/>
									<button class="buttonModeSwitch" onclick=mode_color2();>
										<img src="img/btn-color2.png"  style="height: 37px;">
									</button>
									<br/>
									<button class="buttonModeSwitch" onclick=mode_color3();>
										<img src="img/btn-color3.png"  style="height: 37px;">
									</button>
									<br/>
									<button class="buttonModeSwitch" onclick=mode_color4();>
										<img src="img/btn-color4.png"  style="height: 37px;">
									</button>
								</div>
							</div>
							
						</div>
					</div>
					
					
					<div class="switchModesMini">
						<h3 style="font-size: 18px;">VOTRE MODE</h3><br/><br/><br/><br/>
						<h3 style="font-size: 18px;">VOTRE LOGO</h3><br/><br/><br/><br/>
						<h3 style="font-size: 18px;">VOS COULEURS</h3>
						
					</div>
					
				</div>
			</section>
			
			<section class="highlight-section">
				<div class="cd-section cd-container flexbox-column container-module-1" style="padding-bottom: 0px;">
					<div class="wrappertest" style="margin: auto; width: 90%;height: auto;">
						<div class="number-title respitem-number-title" style="padding-top: 0px;">
							4
						</div>
						<div class="container-title respitem-text-title">
							<h3 style="margin:0;">Qui sont les utilisateurs ? </h3>
							<p class="pSubTitle">Uniite Expérience démocratise l’application mobile en la mettant à la portée de votre communauté. </p>
						</div> 
						<div class="respitem-void-title">
						</div>  	
					</div> 
					
					<div class="container-section-img">
						<div class="product-card" style="padding: 0px; background-color: #00001C;width:319px;Height:215px; margin-bottom: 50px;">
							<div class="card-container-title">clients</span></div>
							<div class="card-container-title-neck"></div>
							<div class="product-card" style="background-color: #5CAE96;">
								Avertissez vos clients des dernières actualités et évènements.
							</div>
						</div>
						
						<div class="product-card" style="padding: 0px; background-color: #00001C;width:319px;Height:215px; margin-bottom: 50px;">
							<div class="card-container-title">abonnés</span></div>
							<div class="card-container-title-neck"></div>
							<div class="product-card" style="background-color: #CB9A52;">
								Demandez l’avis de vos utilisateurs.
								Créez une relation de proximité avec vos abonnés. 
							</div>
						</div>
						
						
						<div class="product-card" style="padding: 0px; background-color: #00001C;width:319px;Height:215px; margin-bottom: 50px;">
							<div class="card-container-title">prospects</span></div>
							<div class="card-container-title-neck"></div>
							<div class="product-card" style="background-color: #E15744;">
								Échangez en toute confiance avec vos futurs clients. 
							</div>
						</div>
						
						<div class="product-card" style="padding: 0px; background-color: #00001C;width:319px;Height:215px; margin-bottom: 50px;">
							<div class="card-container-title">followers</span></div>
							<div class="card-container-title-neck"></div>
							<div class="product-card" style="background-color: #050033;">
								Créer du lien avec vos followers. Apprenez à les connaître et renforcer le sentiment d'appartenance.
							</div>
						</div>
						
						<div class="product-card" style="padding: 0px; background-color: #00001C;width:319px;Height:215px; margin-bottom: 50px;">
							<div class="card-container-title">partenaires</span></div>
							<div class="card-container-title-neck"></div>
							<div class="product-card" style="background-color: #85B6FF;">
								Mettez en avant vos partenaires en leur offrant un nouveau canal de visibilité. 
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<!-- SECTION 1 - PART 5 -->
			<section class="highlight-section">
				<div class="cd-section cd-container flexbox-column container-module-1" style="padding-bottom: 0px;">
					<div class="wrappertest" style="margin: auto; width: 90%;">
						<div class="number-title respitem-number-title" style="padding-top: 0px;">
							5
						</div>
						<div class="container-title respitem-text-title">
							<h3 style="margin:0;">LE meilleur choix pour votre activité </h3>
						</div>  	
						<div class="respitem-void-title">
						</div>  
					</div>
					
					<div class="wrappertest"  style="margin: auto; width: 80%;">
						<div class="maintest" style="width:50%;margin-top: auto;">
							<img class="responsiveImage" src="img/illustration1.svg" style="max-height: 287px;">
						</div>
						<div class="aside aside-1">
							<h3 style="font-size: 18px; margin-top: 0px;">VOTRE SOLUTION PRÊTE À L’EMPLOI</h3>
							<div class="pExplicativeText" style="width:90%;">
								Personnalisez le socle de base à vos couleurs, choisissez les fonctionnalités à mettre à disposition de vos utilisateurs, pilotez depuis votre accès portail backoffice.  Avec Uniite Expérience, vous créez une application native sans avoir à écrire une seule ligne de code. 
							</div>  
							
							<div class="button-container" style="width: 305px; margin :auto; padding-right: 15px; padding-left: 15px;">
								<a href="#cd-placeholder-4" class="button-icon">
									<span class="button-icon-text">Créer votre application
									</span>
								</a>
							</div>
						</div>
					</div>
					
					<br/><br/><br/><br/><br/>
					
					
					<div class="wrappertest"  style="margin: auto; width: 80%;">
						<div class="maintest2" style="margin-top: auto;">
							<img class="responsiveImage" src="img/illustration2.svg" style="max-height: 287px;">
						</div>
						<div class="aside aside-1">
							<h3 style="font-size: 18px; margin-top: 0px;">BUDGET MAÎTRISÉ</h3>
							<div class="pExplicativeText" style="width:90%;">
								Uniite Expérience c’est l’application mobile de votre communauté, disponible sur les stores en quelques jours, des dizaines de fonctionnalités prêtes à l’emploi, pour un budget parfaitement limité. 
							</div>  
							
							<div class="button-container" style="width: 180px; margin :auto; padding-right: 15px; padding-left: 15px;">
								<a href="#cd-placeholder-4" class="button-icon">
									<span class="button-icon-text">Commencer
									</span>
								</a>
							</div>
						</div>
					</div>
					
					<br/><br/><br/><br/><br/>
					
					<div class="wrappertest"  style="margin: auto; width: 80%;">
						<div class="maintest" style="width:50%; margin-top: auto;">
							<img class="responsiveImage" src="img/illustration3.svg" style="max-height: 287px;">
						</div>
						<div class="aside aside-1">
							<h3 style="font-size: 18px; margin-top: 0px;">COMMUNIQUER AUTREMENT</h3>
							<div class="pExplicativeText" style="width:90%;">
								Créer son réseau, maitriser sa communauté, choisir ses membres, 
								s’affranchir de la concurrence, collecter ses données, créer une proximité...
								L’usage d’une application de communauté vous offre une infinité d’opportunités. 
							</div>  
							
							<div class="redButtonAligners">
								<div class="button-container" style="width: 210px; margin :auto; padding-right: 50px; padding-left: 15px;">
									<a href="#cd-placeholder-4" class="button-icon">
										<span class="button-icon-text">C'est parti
										</span>
										<span class="icon-box">
											<span class="arrow-right">
												<span></span>
											</span>
										</span>
									</a>
								</div>
							</div>
							
						</div>
					</div>
					
					
				</div>
			</section>
			
			
			
			<!-- SECTION 1 - PART 6 -->
			<section class="highlight-section">
				<div class="cd-section cd-container flexbox-column container-module-1" id="cd-placeholder-etapes" style="padding-bottom: 0px;">
					
					
					<div class="wrappertest" style="margin: auto; width: 90%;">
						<div class="number-title respitem-number-title" style="padding-top: 0px;">
							6
						</div>
						<div class="container-title respitem-text-title">
							<h3 style="margin:0;">LEs ÉTAPES pour créer son application simplement </h3>
							<p class="pSubTitle">Tout commence par une rencontre avec notre chargé d’affaires </p>
						</div>  	
						<div class="respitem-void-title">
						</div>  
					</div>
					
					<div class="container-section-img">
						
						<span style="margin-bottom: 45px;">
							<div style="height: 200px;position: relative;">
								<img src="img/illustration_etapes_1.png" style="max-height: 154px; position: absolute;  								top: 0;  								bottom: 0;  								left: 0;  								right: 0;  								margin: auto;">
							</div>
							<h3 style="font-size: 18px; max-width: 286px;margin-top: 15px;">CHOISISSEZ VOTRE MODèLE ET VOS COULEURS</h3>
						</span>
						
						<span style="margin-bottom: 45px;">
							<div style="height: 200px;position: relative;">
								<img src="img/illustration_etapes_2.png" style="max-height: 118px; position: absolute;  								top: 0;  								bottom: 0;  								left: 0;  								right: 0;  								margin: auto;">
							</div>
							<h3 style="font-size: 18px; margin-top: 15px; max-width: 286px;">AJOUTEZ VOS FONCTIONNALITéS</h3>
						</span>
						
						<span>
							<div style="height: 200px;position: relative;">
								<img src="img/illustration_etapes_3.png" style="max-height: 154px; position: absolute;  								top: 0;  								bottom: 0;  								left: 0;  								right: 0;  								margin: auto;">
							</div>
							<h3 style="font-size: 18px; margin-top: 15px; max-width: 286px;">VOUS TESTEZ, NOUS PUBLIONS</h3>
						</span>
						
					</div>
					
				</div>
				
				<!-- SECTION 1 - PART 7 -->
				<div class="cd-section cd-container flexbox-column container-module-1" id="cd-placeholder-tarifs">
					
					<div class="wrappertest" style="margin: auto; width: 90%;">
						<div class="number-title respitem-number-title" style="padding-top: 0px;">
							7
						</div>
						<div class="container-title respitem-text-title">
							<h3 style="margin:0;">Tarifs </h3>
						</div>  	
						<div class="respitem-void-title">
							<!--a href="subpage_tarifs.html#cd-placeholder-tarifs" class="color: #000019;">***</!--a-->
						</div>  
						
					</div>
					
					
					<div class="container-section-img">
						
						<div class="product-card" style="margin-bottom: 35px; width: 320px; background-color: #27273B;height : 370px; padding: 25px; margin-right: 0px;">
							<h3 style="font-size: 18px; margin-top: 0px; max-width: 286px;">Investissement</h3>
							<img src="img/illustration-investissement.png" style="max-width: 168px; margin-left: auto; margin-right: auto; margin-bottom: 15px; margin-top: 15px;"/>
							
							<div class="pExplicativeText" style="margin: 0px; text-align: center; letter-spacing: -1.9%;">Le coût de l’application vous offre l’accès au socle de base et au backoffice pour gérer facilement votre solution.
								<div style="font-family: 'Lato';								font-style: normal;								font-weight: 300;								font-size: 18px;								line-height: 32px; margin-top:5px;">Coût d’entrée : 5000€</div>
							</div>
						</div>
						
						<!--div style="background-color:#08AF91; width: 70px; height: 20px; padding: 0px; margin-right: -70px; margin-left: -70px; margin-top: auto;margin-bottom: auto;"></div-->
						
						<div class="product-card" style="margin-bottom: 35px; width: 320px; background-color: #27273B;height : 370px; padding: 25px; ">
							<h3 style="font-size: 18px; margin-top: 0px; max-width: 286px;">Licence</h3>
							<img src="img/illustration-licence.png" style="max-width: 168px; margin-left: auto; margin-right: auto; margin-bottom: 15px; margin-top: 15px;"/>
							<div class="pExplicativeText" style="margin: 0px; text-align: center; letter-spacing: -1.9%;">
								Votre licence vous assure la maintenance de votre application et des mises à jour régulières pour une app toujours plus
								performante.
								<div style="font-family: 'Lato';								font-style: normal;								font-weight: 300;								font-size: 18px;								line-height: 32px; margin-top:5px;">Coût de la licence : 2000€</div>
							</div>
						</div>
						
						
						<div class="product-card" style="width: 320px; background-color: #27273B;height : 337px; padding: 25px; margin-bottom: 40px; height: 370px;">
							<h3 style="font-size: 18px; margin-top: 0px; max-width: 286px;">Engagement</h3>
							<img src="img/illustration-engagement.png" style="max-width: 168px; margin-left: auto; margin-right: auto; margin-bottom: 15px; margin-top: 15px;"/>
							<div class="pExplicativeText" style="margin: 0px; text-align: center; letter-spacing: -1.9%;">
								L’engagement vous permet de moduler le prix de l’abonnement de 6 mois (minimum) à 3 ans maximum. <br/><br/>
								<div style="font-family: 'Lato';								font-style: normal;								font-weight: 300;								font-size: 18px;								line-height: 32px; margin-top:5px;">Engagement : 1, 2 ou 3 ans</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			
			
			
			<!-- SECTION 4 - CONTACT FORM  -->
			<section class="highlight-section" id="cd-placeholder-4">
				<div class="section-contact" style="text-align: center;padding-top: 45px;padding-bottom: 65px;"> <!-- container avec le background vert -->
					<br/><br/><br/>
					<h3 style="font-size: 24px;					letter-spacing: 0.14em;					line-height: 30px;					font-family: Dosis;					font-style: normal;					font-weight: 700;					text-transform: uppercase;">Prenons contact ensemble !</h3>
					<br/>
					<div class="pExplicativeText" style="margin: 0px; text-align: center; letter-spacing: -1.9%;">
						Un chargé d’affaires vous contactera pour définir ensemble votre solution mobile Uniite Experience.
					</div>
					<br/>
					
					<!--div class="cd-section cd-container"> <!-- container section / flex in it-->
					<!--div class="container-module-item-2"> <!-- flex --> <!--/div-->
					
					
					<!-- WEB TO LEAD EURANOV SALESFORCE -->
					<!-- NEW FORMULAIRE FLEX -->
					
					<div id="registration-page">
						<div class="content-contact-form">
							
							<form class="signup-form" action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">
								
								<input type=hidden name='captcha_settings' value='{"keyname":"uniiteCaptcha","fallback":"true","orgId":"00D24000000IH9H","ts":""}'>
								<input type=hidden name="oid" value="00D24000000IH9H">
								<input type=hidden name="retURL" value="https://www.uniite.fr/">
								<input type=hidden name="lead_source" value="Site uniite">
								
								<div class="form-body">
									<!--div style="background-color: #000019;" class="row" style="padding: 0px;">
										<div class="input-group">
											<label for="" style="line-height: 22,75px;">VOTRE NOM / PRÉNOM</label>
											<input type="text" name="lastname" id="lastname" class="form-control"
											style="color: #08AF91; line-height: 25px; margin-top: 10px;" required placholder="Votre prénom ici">
										</div>
										</!div-->
										
										
										<div class="row">
											<div class="input-group">
												<label for="last_name" style="line-height: 22,75px;">VOTRE NOM</label>
												<input type="text" id="last_name" maxlength="80" name="last_name" class="form-control"
												style="color: #08AF91; line-height: 25px; margin-top: 10px;" required placholder="Votre prénom ici">
											</div>
											<div class="input-group">
												<label for="first_name" style="line-height: 22,75px;">VOTRE PRÉNOM</label>
												<input type="text" id="first_name" maxlength="40" name="first_name" class="form-control"
												style="color: #08AF91; line-height: 25px; margin-top: 10px;" required placholder="Votre prénom ici">
											</div>
										</div>
										<div class="row">
											<div class="input-group">
												<label for="phone" style="line-height: 22,75px;">NUMÉRO DE TÉLÉPHONE</label>
												<input type="text" id="phone" maxlength="40" name="phone" class="form-control"
												style="color: #08AF91; line-height: 25px; margin-top: 10px;" required placholder="Votre prénom ici">
											</div>
											<div class="input-group" style="padding-bottom: 0;">
												<label for="email" style="line-height: 22,75px;">ADRESSE MAIL</label>
												<input type="text" id="email" maxlength="80" name="email" class="form-control"
												style="color: #08AF91; line-height: 25px; margin-top: 10px;" required placholder="Votre prénom ici">
											</div>
										</div>
										
										<div class="row">
											<div class="input-group">
												<label for="company" style="line-height: 22,75px;">ENTREPRISE</label>
												<input type="text" id="company" maxlength="40" name="company" class="form-control"
												style="color: #08AF91; line-height: 25px; margin-top: 10px;" required placholder="Votre prénom ici">
											</div>
											<div class="input-group">
												<label for="title" style="line-height: 22,75px;">FONCTION</label>
												<input type="text" id="title" maxlength="40" name="title" class="form-control"
												style="color: #08AF91; line-height: 25px; margin-top: 10px;" required placholder="Votre prénom ici">
											</div>
										</div>
										
										<div style="background-color: #000019;">
											<div class="input-group" style="margin-bottom: 0px; height: auto;">
												<label for="description" style="line-height: 22,75px;">MESSAGE</label></div>
												<div class="input-group textarea" style="margin-top: 0px; height: 150px;">
													<textarea id="description" type="text" name="description" rows="3" class="form-control"  oninput="auto_grow(this)" 
													style="color: #08AF91; line-height: 25px; margin-top: 10px; min-height: 160px;" required></textarea>
												</div>
											</div>
											
										</div>
										
										<br/><br/>
										<div style="margin-right: 0;margin-left: 0;">
											<div class="g-recaptcha" style="display: inline-block;" data-sitekey="6LcthY8gAAAAAJpTf7V04_6mHLuM1UEE98w0o0zC"></div><br>
											
									
										
										</div> 
										<br/><br/>
										
										<div class="button-container" style="width: 178px; margin :auto; padding-right: 50px; padding-left: 15px;">
											<div class="button-icon">
												<input type="submit" name="Envoyer" class="button-icon-text">
												<span class="icon-box">
													<span class="sendform-right">
														<span></span>
													</span>
												</span>
												
											</div>
										</div>
										
									</form>
									
									<!--div class="button-container" style="width: 178px; margin :auto; padding-right: 50px; padding-left: 15px;">
										<a type="submit" name="submit" class="button-icon">
											<input class="button-icon-text">Envoyer
											<span class="icon-box">
												<span class="sendform-right">
													<span></span>
												</span>
											</span>
										</a>
										</!div-->
										
										
									</div>
								</div>
								
								
								
								
								
								
								<!--- OLD FORMULAIRE -->
								<!-- 
									<div class="content-contact-form">
										<div style="display:flex; width: 100%;">
											<form class="contact-form" id="contact_us_form" method="POST">
												
												<div class="container-section-inputs" style="text-align: left;  padding: 10px; border: 1px solid red;">
													
													<div class="input-block" style="width: 100%; text-align: left; margin-left: 10px;">
														<label for="" style="line-height: 22,75px;">VOTRE NOM / PRÉNOM</label>
														<input type="text" name="lastname" id="lastname" class="form-control"
														style="color: #08AF91; line-height: 25px; margin-top: 10px;" required>
													</div>
												</div>
												<br/>  
												
												<div class="container-section-inputs" style="text-align: left;width: 100%; padding: 0px; border: 1px solid red;">
													<div class="input-block" style="width: 45%; text-align: left;">
														<label for="">NUMÉRO DE TÉLÉPHONE</label>
														<input type="text" name="company" id="company" class="form-control"
														style="color: #08AF91; line-height: 25px; margin-top: 10px">
													</div>
													<div class="input-block" style="width: 45%; text-align: left;">
														<label for="">ADRESSE MAIL</label>
														<input type="text" name="company" id="company" class="form-control"
														style="color: #08AF91; line-height: 25px; margin-top: 10px;">
													</div>
												</div>
												
												<div class="container-section-inputs" style="text-align: left;">
													<div class="input-block" style="width: 40%; text-align: left;">
														<label for="">ENTREPRISE</label>
														<input id="email" type="email" name="email" class="form-control" style="color: #08AF91; line-height: 25px; margin-top: 10px;"
														required>
													</div>
													<div class="input-block" style="width: 40%; text-align: left;">
														<label for="">FONCTION</label>
														<input id="email" type="email" name="email" class="form-control" style="color: #08AF91; line-height: 25px; margin-top: 10px;"
														required>
													</div>
												</div>
												<div class="input-block textarea" style="width: 100%; text-align: left;">
													<label for="">MESSAGE</label>
													<textarea id="message" type="text" name="message" rows="3" class="form-control"
													style="color: #08AF91; line-height: 25px; margin-top: 10px;" required></textarea>
												</div>
												<div class="g-recaptcha" style="padding-top: 15px;"
												data-sitekey="6Ld9towUAAAAAG2ElqpDNttqa8kUmph5DkMt5718"></div>
											</div>
										</form>
									</div>
									<a href="" type="submit" class="cd-btn-contact">Envoyer</a>
								</div>
							</div>
						-->
					</section>
					
					
					<footer>

						<script>

							window.axeptioSettings = {
							
							  clientId: "62b9b5f4158ca031fe7b5999",
							
							  cookiesVersion: "uniite-fr",
							
							};
							
							 
							
							(function(d, s) {
							
							  var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
							
							  e.async = true; e.src = "//static.axept.io/sdk.js";
							
							  t.parentNode.insertBefore(e, t);
							
							})(document, "script");
							
							</script>

							
						<section class="cd-section" style="padding-top: 70px; padding-bottom: 70px;">
							<div class="container-footer-uniite">
								<img src="img/logo_uniiteexp_squarebackground.svg" alt="Logo" style="margin: 0px;">
								
								<h3 style="margin: 15px;">UNIITE EXPERIENCE</h3>
								<div class="footer-divider" style="margin-top: 35px;margin-bottom: 35px;"></div>
								<h3 style="margin: 15px;line-height: 40px;">+33 6 47 36 93 90
									<br/>
									22 rue basse, 59800 Lille</h3>
									
									<a href="https://www.linkedin.com/company/uniite-fr/"><table style="margin-top: 70px; color: white!important;">
										<tr>
											<td width="82%"></td>
											<td style="vertical-align: top;">	
												<img src="img/logo-linkedin.svg" alt="Logo" style="margin: 0px; min-width: 50px;">
											</td>
											<td>
												<h3 style="margin: 15px;line-height: 40px; font-size: 18px;">@UniiteExperience</h3>
											</td>
										</tr>
									</table>
								</a>
							</div>
						</section> <!-- #cd-placeholder-2 -->
					</footer>
				</main> <!-- .cd-main-content -->
				
				<script src="js/jquery-2.1.1.js"></script>
				<script src="js/main.js"></script> <!-- Resource jQuery -->
				
				<!--switch image on click -->
				<script>
					
					function auto_grow(element) {
						element.style.height = "5px";
						element.style.height = (element.scrollHeight)+"px";
					}
					
					
					function mode_light(){
						document.getElementById('myImageMode')
						.src="img/uniiteexp_ecran3.png";
					}
					
					function mode_dark(){
						document.getElementById('myImageMode')
						.src="img/uniiteexp_ecran2.png";
					}
					
					function mode_logo1(){
						document.getElementById('myImageLogo')
						.src="img/uniiteexp_ecran4.png";
					}
					function mode_logo2(){
						document.getElementById('myImageLogo')
						.src="img/uniiteexp_ecran4logo2.png";
					}
					
					function mode_logo3(){
						document.getElementById('myImageLogo')
						.src="img/uniiteexp_ecran4logo3.png";
					}
					
					function mode_logo4(){
						document.getElementById('myImageLogo')
						.src="img/uniiteexp_ecran4logo4.png";
					}
					
					function mode_color1(){
						document.getElementById('myImageColor')
						.src="img/uniiteexp_ecran5.png";
					}
					
					function mode_color2(){
						document.getElementById('myImageColor')
						.src="img/uniiteexp_ecran5color2.png";
					}
					
					function mode_color3(){
						document.getElementById('myImageColor')
						.src="img/uniiteexp_ecran5color3.png";
					}
					
					function mode_color4(){
						document.getElementById('myImageColor')
						.src="img/uniiteexp_ecran5color4.png";
					}
					
					
					// ***
					// NOUVELLE NAVIGATION FIXED RESPONSIVE
					// ***
					$(function() {
						$('a.page-scroll').bind('click', function(event) {
							var $anchor = $(this);
							$('html, body').stop().animate({
								scrollTop: $($anchor.attr('href')).offset().top
							}, 1500, 'easeInOutExpo');
							event.preventDefault();
						});
					});
					
					// Highlight the top nav as scrolling occurs
					/* $('body').scrollspy({
						target: '.navbar-fixed-top'
					}) */ // ERREUR ON PUSH PROD
					
					// Closes the Responsive Menu on Menu Item Click
					$('.navbar-collapse ul li a').click(function() {
						$('.navbar-toggle:visible').click();
					});
					
					
				</script>
				
				
			</body>
			
			</html>