axiom-team
/
astroport
9
3
Fork 1
Code Issues 13 Pull Requests 1 Releases Wiki Activity

Zapp LOVELand ZApp carte interactive

This commit is contained in:
qo-op 2020-05-26 20:05:58 +02:00
parent 4088309869
commit 6fa5976f31
2 changed files with 45 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
www/LOVELand/css/landing-page.css
View File

@ -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;
}

52
www/LOVELand/index.html
View File

@ -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">