<main class="fp-wrapper">
	<!-- SECTION A -->
	<section class="fp-section">
		<div class="section section-top">

			<!-- Cover -->
			<div class="bg-cover" style="background-image: url(https://files.vanbe.be/tinysite/user/upus-be/images/content/telescope.jpg);"></div>

			<!-- Overlay -->
			<div class="bg-overlay"></div>

			<!-- Triangles -->
			<div class="bg-triangle bg-triangle-light bg-triangle-bottom bg-triangle-left"></div>
			<div class="bg-triangle bg-triangle-light bg-triangle-bottom bg-triangle-right"></div>

			<!-- Content -->
			<div class="container">
				<div class="row justify-content-center align-items-center">
					<div class="col-md-8 col-lg-7">

						<!-- Preheading -->
						<p class="font-weight-medium text-center text-xs text-uppercase text-white text-muted"
						   data-toggle="animation" data-animation="fadeUp" data-animation-order="0"
						   data-animation-trigger="load">
							Up Us — Innover Ensemble
						</p>

						<!-- Heading -->
						<h1 class="text-white text-center mb-4" data-toggle="animation" data-animation="fadeUp"
							data-animation-order="1" data-animation-trigger="load">
							Conseil en stratégie d'entreprise
						</h1>

						<!-- Subheading -->
						<p class="lead text-white text-muted text-center mb-5" data-toggle="animation"
						   data-animation="fadeUp" data-animation-order="2" data-animation-trigger="load">

						<ul class="list-iconed text-white text-muted">
							<li class="list-iconed-item">
								Analyse à 360° des besoins, processus métiers et composantes technologiques ;
							</li>
							<li class="list-iconed-item">
								Recommandations stratégiques ;
							</li>
							<li class="list-iconed-item">
								Accompagnement au changement.
							</li>

						</ul>


						</p>

						<!-- Button -->
						<p class="text-center mb-0" data-toggle="animation" data-animation="fadeUp"
						   data-animation-order="3" data-animation-trigger="load">
							<a href="#axe-1-croissance" class="btn btn-outline-primary text-white">
								Notre approche en 2 axes
							</a>
						</p>

					</div>
				</div> <!-- / .row -->
			</div> <!-- / .container -->

		</div>
	</section>


	<!-- SECTIOND
	ABOUT
	================================================== -->
	<section class="fp-section">
		<div class="section section-top">
			<!-- Content -->
			<div class="container">
				<div class="row align-items-center">
					<div class="col-md-6 col-lg-5 offset-lg-1 order-md-2">
						<!-- Image -->
						<div class="img-effect img-effect-solid mb-5 mb-md-0">
							<img src="https://files.vanbe.be/tinysite/user/upus-be/images/content/eol.jpg" class="img-fluid" alt="...">
						</div>

					</div>
					<div class="col-md-6 col-lg-5 offset-lg-1 order-md-1">
						<p class="mb-2 font-weight-medium text-uppercase text-xs text-muted">
							Premier Axe
						</p>
						<!-- Heading -->
						<h2 class="mb-5">
							Développement et Croissance
						</h2>

						<p class="text-muted">
							Créer un environnement <b>bienveillant</b> pour des entreprises
							<b>pérennes</b>.
						</p>

						<!-- Content -->
						<ul class="list-iconed text-muted">
							<li class="list-iconed-item">
								<p><b>Viser l'excellence opérationnelle</b> : analyse de <i>pertinence</i> et
									optimisation de processus métiers,
									amélioration continue, qualité ;</p>
							</li>
							<li class="list-iconed-item">
								<p><b>Élaboration de méthodes organisationnelles</b> : gouvernance, gestion de
									projets, conduite du changement, <i>agilité</i> ;</p>
							</li>
							<li class="list-iconed-item">
								<p><b>Impliquer les collaborateur·rice·s</b> : donner du sens au travail, maturité
									d'équipe, insuffler le <i>dynamisme</i>.</p>
							</li>
						</ul>

						<!-- Button -->
						<!--<a href="documentation.html" class="btn btn-outline-primary">
							Documentation
						</a>-->

					</div>
				</div> <!-- / .row -->
			</div> <!-- / .container -->
		</div>
	</section>

	<!-- ABOUT -->
	<section class="fp-section bg-light">
		<div class="section section-top">

			<div class="line line-top"></div>
			<div class="bg-triangle bg-triangle-dark bg-triangle-top bg-triangle-left"></div>
			<div class="bg-triangle bg-triangle-dark bg-triangle-bottom bg-triangle-right"></div>

			<!-- Content -->
			<div class="container">
				<div class="row align-items-center">
					<div class="col-md-6 col-lg-5 offset-lg-1 order-md-2">

						<!-- Image -->
						<div class="img-effect img-effect-dotted mb-5 mb-md-0">
							<img src="https://files.vanbe.be/tinysite/user/upus-be/images/content/network2.jpg" class="img-fluid" alt="...">
						</div>
					</div>
					<div class="col-md-6 col-lg-5 offset-lg-1 order-md-1">
						<p class="mb-2 font-weight-medium text-uppercase text-xs text-muted">
							Second Axe
						</p>
						<!-- Heading -->
						<h2 class="mb-4">
							Transformation Digitale
						</h2>

						<!-- Content -->
						<p class="text-muted">
							Utiliser et implémenter les techniques numériques de manière <b>adéquate</b> en
							restant <b>indépendant</b>.
						</p>

						<ul class="list-iconed text-muted">
							<li class="list-iconed-item">
								<p><b>Maturité numérique</b> : recommandations technologiques, élaboration de <i>stratégie
										digitale</i> ;</p>
							</li>
							<li class="list-iconed-item">
								<p><b>Automatisation de processus</b> : les outils digitaux sont <i>libérateurs</i> pour les
									tâches répétitives et permettent de se consacrer à l'important ;</p>
							</li>
							<li class="list-iconed-item">
								<p><b>Approche High- et Low-Tech</b> : le tout-digital n'est pas la solution idéale,
									priorité à la <i>simplicité</i>. </p>
							</li>
						</ul>

						<!-- Button -->
						<div class="row mb-5">
							<div class="col-md-7 ">
								<p class="text-muted">
									<small>La Wallonie subventionne jusqu'à 75&nbsp;% de notre intervention auprès de PME via le mécanisme des chèques Maturité Numérique.</small>
								</p>
							</div>
							<div class="col-md-5">
								<a href="https://www.cheques-entreprises.be/cheques/maturite-numerique/"
								   class="btn btn-outline-primary" target="_blank" rel="nofollow"
								   title="Labélisé pour les chèques Maturité Numérique">
									En savoir plus
								</a>
							</div>
						</div>


					</div>
				</div> <!-- / .row -->
			</div> <!-- / .container -->
		</div>
	</section>

	<!-- SECTIONE
	CTA
	================================================== -->
	<section class="fp-section">

		<!-- Content -->
		<div class="container">
			<div class="row align-items-center justify-content-center">
				<div class="col-md-8">

					<!-- Heading -->
					<h3 class="mb-4">
						Parlez-nous de votre entreprise et de votre projet
					</h3>

					<!-- Subheading -->
					<p class="text-muted mb-4 mb-md-0">
						Prenons rendez-vous pour parler à cœur ouvert de vos <b>valeurs</b> et de vos <b>attentes</b>.
					</p>

				</div>
				<div class="col-md-auto">
					<!-- Button -->
					<a href="/contact" class="btn btn-outline-primary">
						Nous Contacter
					</a>

				</div>
			</div> <!-- / .row -->
		</div> <!-- / .container -->

	</section>