✨ Add belink

index.html

@@ -138,6 +138,10 @@ <h5 class="card-title">Mes réalisations</h5>
 								<img class="d-block modal-link" src="./images/rea/exod.jpg"
 									data-toggle="modal" data-target=".exod-modal">
 							</div>
+							<div class="carousel-item">
+								<img class="d-block modal-link" src="./images/rea/belink.jpg"
+									data-toggle="modal" data-target=".belink-modal">
+							</div>
 							<div class="carousel-item">
 								<img class="d-block modal-link" src="./images/rea/price_comparator_big_picture.jpg"
 									data-toggle="modal" data-target=".price-comparator-modal">
@@ -623,6 +627,29 @@ <h4 class="card-title">Exod</h4>
 						target="_blank"><i class="fab fa-apple"></i></a>
 				</div>
 			</div>
+			<div class="w-100 d-none d-sm-block d-md-none">
+				<!-- wrap every 2 on sm-->
+			</div>
+			<div class="card mb-4">
+				<div class="card-body">
+					<h4 class="card-title">Be-Link</h4>
+					<div class="badges">
+						<span class="badge badge-secondary">Flutter</span>
+						<span class="badge badge-secondary">Application mobile</span>
+						<span class="badge badge-secondary">Gestion d'évènements</span>
+					</div>
+					<p class="card-text">L'application permet la localisation, la communication et la sécurité en temps réel de vos collaborateurs, prestataires et bénévoles lors de vos activités et événements.</p>
+
+					<img class="img-fluid rounded modal-link" src="./images/rea/belink.jpg"
+						data-toggle="modal" data-target=".belink-modal" />
+				</div>
+				<div class="card-footer text-muted">
+					<a href="https://play.google.com/store/apps/details?id=fr.belink.app"
+						target="_blank"><i class="fab fa-google-play"></i></a>
+						<a href="https://apps.apple.com/us/app/be-link/id1601050613"
+						target="_blank"><i class="fab fa-apple"></i></a>
+				</div>
+			</div>
 		</div>
 	</section>
 
@@ -706,6 +733,39 @@ <h3 class="card-title">Exod</h3>
 			</div>
 		</div>
 	</div>
+	<div class="modal fade belink-modal" tabindex="-1" role="dialog" aria-hidden="true">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3 class="card-title">Be-Link</h3>
+					<div class="badges">
+						<span class="badge badge-secondary">Flutter</span>
+						<span class="badge badge-secondary">Application mobile</span>
+						<span class="badge badge-secondary">Gestion d'évènements</span>
+					</div>
+					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+						<span aria-hidden="true">&times;</span>
+					</button>
+				</div>
+				<div class="modal-body">
+					<img class="img-fluid rounded" src="./images/rea/belink.jpg" />
+					<p class="card-text">L'application permet la localisation, la communication et la sécurité en temps réel de vos collaborateurs, prestataires et bénévoles lors de vos activités et événements.
+					</p>
+					<p class="card-text">
+						Des services uniques dans la gestion, sécurisation et planification de vos activités pour vos collaborateurs, prestataires et bénévoles
+					</p>
+					<p class="card-text"></p>Pour plus d'informations, visitez le site sur <a href="https://www.be-link.fr/" target="_blank"><i class="fas fa-link"></i></a> </p>
+				</div>
+
+				<div class="modal-footer">
+					Disponible sur <a href="https://play.google.com/store/apps/details?id=fr.belink.app"
+					target="_blank"><i class="fab fa-google-play"></i></a>
+					<a href="https://apps.apple.com/us/app/be-link/id1601050613"
+					target="_blank"><i class="fab fa-apple"></i></a>
+				</div>
+			</div>
+		</div>
+	</div>
 	<div class="modal fade resistance-modal" tabindex="-1" role="dialog" aria-hidden="true">
 		<div class="modal-dialog modal-lg">
 			<div class="modal-content">