Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Dockerising the landing_page

Browse source
This commit is contained in:
David Négrier 2020-06-01 16:05:01 +02:00
parent 26255fc65f
commit d20e85eba6
9 changed files with 29 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

104
landing_page/dist/index.html vendored Normal file
View file

@ -0,0 +1,104 @@
<!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&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="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">&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>