188 lines
7.0 KiB
HTML
188 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
|
||
<head>
|
||
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="fred" >
|
||
|
||
<title>Ouvrir un compte! Banque en ligne sans revenu & Crypto-monnaie prometteuse 2018 [ Made In Zion / Banque Libre Ḡ1 ] </title>
|
||
|
||
<!-- Bootstrap core CSS -->
|
||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||
|
||
<!-- Custom fonts for this template -->
|
||
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
|
||
<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">
|
||
|
||
<!-- Bootstrap core JavaScript -->
|
||
<script src="vendor/jquery/jquery.min.js"></script>
|
||
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="ajaxform.js"></script>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
|
||
|
||
<link rel="stylesheet" href="./css/flipclock.css">
|
||
<script src="./vendor/flipclock/flipclock.js"></script>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- Navigation -->
|
||
<nav class="navbar navbar-light bg-light static-top">
|
||
<div class="container">
|
||
|
||
<div class="row">
|
||
<h1>Astroport, </h1><br>
|
||
</div>
|
||
<div class="row">
|
||
<div class="clock" style="margin:2em;"></div>
|
||
</div>
|
||
<div class="row">
|
||
<h3> avant heure de lancement...</h3>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Masthead -->
|
||
<header class="masthead text-white text-center">
|
||
<div class="overlay"></div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-9 mx-auto">
|
||
<br><h4>
|
||
<div id="typed-strings">
|
||
<p>Astroport est fait de <strong>code Libre</strong>^1000, 100% LIBRE !</p>
|
||
<p>Astroport est un <em>Système d'Information</em>.^1000 Pair à pair & Décentralisé !</p>
|
||
<p>Astroport réunit <strong>les Humains</strong>^100.^100.^100.^1000 Sans que personne ne puisse tout contrôler ;)</p>
|
||
<p>Astroport facilite <strong>les Echanges !</strong>^1000 La collaboration entre Amis et amis d'ami...</p>
|
||
<p>Astroport est un <strong>Système de Stockage</strong>^1000 ]-O-[ Interplanétaire ]-O-[</p>
|
||
<p>Astroport apporte la <em>Responsabilité Numérique</em>^1000 à tous les Individus qui le rejoigne</p>
|
||
<p>Astroport fabrique une <strong><em>Economie Libre</em></strong>^1000, où la monnaie est Libre et Forgée par l'Humain</p>
|
||
<p>Astroport est un <strong>Réseau Social</strong>^1000. Anoptique et garant de notre Liberté</p>
|
||
<p>Fabriquez <strong><em>"La Clef" de votre Metavers Libre!</em></strong>^5000 inscrivez-vous...^3000</p>
|
||
|
||
</div>
|
||
<span id="typed"></span><br><br>
|
||
</div>
|
||
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
|
||
<form id="formphone">
|
||
<div class="form-row">
|
||
<div class="col-12 col-md-9 mb-2 mb-md-0">
|
||
|
||
<input id="phone" type="phone" class="form-control form-control-lg" placeholder="Saisissez votre numéro de téléphone mobile...">
|
||
</div>
|
||
<div class="col-12 col-md-3">
|
||
<button type="submit" class="btn btn-block btn-lg btn-primary">Valider!</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-9 mx-auto">
|
||
<div id="phoneresultat">
|
||
<br><h3>Soyez vous-même...<br>Soyons Libres!</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Icons Grid -->
|
||
<section class="features-icons bg-light text-center">
|
||
<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, <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</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és Artisanaux</h3>
|
||
<p class="lead mb-0">Vendez, achetez, échangez Librement entre amis sur <a href="https://gchange.fr">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 Maillé</h3>
|
||
<p class="lead mb-0">Vos amis se chargeront de votre réputation... et de votre stockage <a href="https://ipfs.io">IPFS</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<script type="text/javascript">
|
||
var clock;
|
||
|
||
$(document).ready(function() {
|
||
|
||
// Grab the current date
|
||
var currentDate = new Date();
|
||
|
||
// Set some date in the future.
|
||
var futureDate = new Date(2020, 6, 6, 12, 12);
|
||
|
||
// Calculate the difference in seconds between the future and current date
|
||
var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;
|
||
|
||
// Instantiate a coutdown FlipClock
|
||
clock = $('.clock').FlipClock(diff, {
|
||
clockFace: 'DailyCounter',
|
||
countdown: true
|
||
});
|
||
});
|
||
</script>
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114787603-1"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'UA-114787603-1');
|
||
</script>
|
||
<script>
|
||
var typed = new Typed('#typed', {
|
||
stringsElement: '#typed-strings',
|
||
smartBackspace: true,
|
||
backDelay: 700,
|
||
loop: false,
|
||
typeSpeed: 40
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|