partey_workadventure/landing_page/index.html
2020-06-01 13:09:23 +02:00

104 lines
3.8 KiB
HTML

<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>WorkAdventu.re</title>
<link rel="stylesheet" href="dist/main.css">
<script src="dist/bundle.js"></script>
</head>
<body>
<header>
<div class="container-fluid container-lg section">
<div class="over-image">
<div class="logo">
<img src="src/images/logo.png">
</div>
<div class="title text-center">
<h1>Discover a pixelated new world !</h1>
<h2>Start a casual conversation</h2>
</div>
<div>
<a class="custom-link start" href="#" title="START !">
</a>
</div>
</div>
</div>
</header>
<div class="container-fluid container-lg section bg-white how-to">
<div class="row justify-content-md-center">
<div class="col-12 col-md-3 text-center my-3 my-md-0">
<div class="image-item">
<img src="src/images/bitmap.png">
<h2>Choose your map</h2>
</div>
</div>
<div class="col-12 col-md-3 text-center my-3 my-md-0">
<div class="image-item">
<img src="src/images/bitmap.png">
<h2>Select your character</h2>
</div>
</div>
<div class="col-12 col-md-3 text-center my-3 my-md-0">
<div class="image-item">
<img src="src/images/bitmap.png">
<h2>Let's go explore and talk&nbsp;!</h2>
</div>
</div>
</div>
<div class="row justify-content-md-center pt-5">
<div class="col col-lg-3">
<a class="custom-link light demo" href="#" title="DEMO !">
</a>
</div>
<div class="col col-lg-3">
<a class="custom-link start" href="#" title="START !">
</a>
</div>
</div>
</div>
<div class="container-fluid container-lg bg-gray section used-by">
<h2 class="text-center pb-4">Used by millions of people worldwilde and companies such as :</h2>
<div class="row justify-content-md-center align-items-center">
<div class="col col-md-auto">
<img src="src/images/atari.png">
</div>
<div class="col col-md-auto">
<img src="src/images/super-nintendo.png">
</div>
<div class="col col-md-auto">
<img src="src/images/amstrad.png">
</div>
<div class="col col-md-auto">
<img src="src/images/sinclair-2.png">
</div>
</div>
</div>
<div class="container-fluid container-lg section quotes">
<h2 class="text-center">People love WorkAdventure</h2>
<div class="row justify-content-center">
<div class="col-12 col-md-9">
<div class="quote-item">
<p class="quote">&laquo;&nbsp;Good job boys! You've made 32bit great again&nbsp;&raquo;</p>
<p class="author">Donald T. Whashington DC</p>
</div>
<div class="quote-item">
<p class="quote">&laquo;&nbsp;Your characters are so well dressed, who is the creator?&nbsp;&raquo;</p>
<p class="author">Anna W. New York City</p>
</div>
<div class="quote-item">
<p class="quote">&laquo;&nbsp;I hate you! This rocket app is more powerfull then my missiles&nbsp;&raquo;</p>
<p class="author">Kim J-U. Pyongyang</p>
</div>
</div>
</div>
</div>
</body>
</html>