From 6fa5976f31189fe04111f3e99130b7ddbbc765a8 Mon Sep 17 00:00:00 2001
From: qo-op <support@qo-op.com>
Date: Tue, 26 May 2020 20:05:58 +0200
Subject: [PATCH] Zapp LOVELand ZApp carte interactive

---
 www/LOVELand/css/landing-page.css | 36 +++++++++++++++++++++
 www/LOVELand/index.html           | 52 ++++++-------------------------
 2 files changed, 45 insertions(+), 43 deletions(-)

diff --git a/www/LOVELand/css/landing-page.css b/www/LOVELand/css/landing-page.css
index 3b85e19..26f4551 100644
--- a/www/LOVELand/css/landing-page.css
+++ b/www/LOVELand/css/landing-page.css
@@ -48,6 +48,42 @@ header.masthead h1 {
   }
 }
 
+section.map {
+  position: relative;
+  background-color: #343a40;
+  background: url("../img/Feedless.jpg") no-repeat center center;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+  padding-top: 18rem;
+  padding-bottom: 18rem;
+}
+
+section.map .overlay {
+  position: absolute;
+  background-color: #212529;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  opacity: 0.3;
+}
+
+section.map h1 {
+  font-size: 15rem;
+}
+
+@media (min-width: 768px) {
+  section.map {
+    padding-top: 28rem;
+    padding-bottom: 28rem;
+  }
+  section.map h1 {
+    font-size: 15rem;
+  }
+}
+
 .showcase .showcase-text {
   padding: 3rem;
 }
diff --git a/www/LOVELand/index.html b/www/LOVELand/index.html
index 4819427..b20e0f2 100644
--- a/www/LOVELand/index.html
+++ b/www/LOVELand/index.html
@@ -19,7 +19,7 @@
     <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
 
     <!-- Custom styles for this template -->
-    <link href="css/landing-page.min.css" rel="stylesheet">
+    <link href="css/landing-page.css" rel="stylesheet">
 	
     <!-- Bootstrap core JavaScript -->
     <script src="vendor/jquery/jquery.min.js"></script>
@@ -179,53 +179,19 @@
       </div>
     </section>
 
-    <!-- Icons Grid
-    <section class="features-icons bg-light text-center">
+    <!-- Zone -->
+    <section class="map text-white text-center">
+      <div class="overlay"></div>
       <div class="container">
-        <div class="col-xl-9 mx-auto">
-        	 <h1 class="mb-5">Avantages</h1>
-        </div> 
         <div class="row">
-          <div class="col-lg-5">
-            <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
-              <div class="features-icons-icon d-flex">
-                <i class="icon-credit-card m-auto text-primary"></i>
-              </div>
-              <h3>Forge Monétaire</h3>
-              <p class="lead mb-0">Gratuitement! Chacun forge sa part de monnaie chaque jour. RIB <a href="https://cesium.app">Cesium</a></p>
-            </div>
-          </div>
-          <div class="col-lg-5">
-            <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
-              <div class="features-icons-icon d-flex">
-                <i class="icon-pie-chart m-auto text-primary"></i>
-              </div>
-              <h3>Réseau Social (P2P)</h3>
-              <p class="lead mb-0">Partagez vos idées, proposez vos actions pour agir en commun avec <a href="http://dinosaur.is/patchwork-downloader/">ScuttleButt</a></p>
-            </div>
-          </div>
-          <div class="col-lg-5">
-            <div class="features-icons-item mx-auto mb-0 mb-lg-3">
-              <div class="features-icons-icon d-flex">
-                <i class="icon-basket-loaded m-auto text-primary"></i>
-              </div>
-              <h3>Marché Local Individuel</h3>
-              <p class="lead mb-0">Vendez, achetez, échangez Librement entre amis avec <a href="./gchange/index.html">Gchange</a>.</p>
-            </div>
-          </div>
-          <div class="col-lg-5">
-            <div class="features-icons-item mx-auto mb-0 mb-lg-3">
-              <div class="features-icons-icon d-flex">
-                <i class="icon-share m-auto text-primary"></i>
-              </div>
-              <h3>Stockage Collectif</h3>
-              <p class="lead mb-0">Vos amis et vous-même hébergez vos données en essaim <a href="https://git.p2p.legal/axiom-team/astroport#installation">IPFS</a></p>
-            </div>
-          </div>
+			<div class="col-xl-9 mx-auto">
+				<div id="phoneresultat">
+                    <br><h4>Cartographie personnelle et interactive du territoire !!</h4>
+				</div>
+			</div>
         </div>
       </div>
     </section>
-     -->
     
         <div class="row">
 			<div class="col-xl-9 mx-auto">