105 lines
3.8 KiB
HTML
105 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="main.css">
|
|
<script src="bundle.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<div class="container-lg section">
|
|
<div class="over-image">
|
|
<div class="logo">
|
|
<img src="static/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="static/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="static/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="static/images/bitmap.png">
|
|
<h2>Let's go explore and talk !</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="static/images/atari.png">
|
|
</div>
|
|
<div class="col col-md-auto">
|
|
<img src="static/images/super-nintendo.png">
|
|
</div>
|
|
<div class="col col-md-auto">
|
|
<img src="static/images/amstrad.png">
|
|
</div>
|
|
<div class="col col-md-auto">
|
|
<img src="static/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">« Good job boys! You've made 32bit great again »</p>
|
|
<p class="author">Donald T. Whashington DC</p>
|
|
</div>
|
|
<div class="quote-item">
|
|
<p class="quote">« Your characters are so well dressed, who is the creator? »</p>
|
|
<p class="author">Anna W. New York City</p>
|
|
</div>
|
|
<div class="quote-item">
|
|
<p class="quote">« I hate you! This rocket app is more powerfull then my missiles »</p>
|
|
<p class="author">Kim J-U. Pyongyang</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|