Adding LP details : animations, effect, styles

This commit is contained in:
Hugo Averty 2020-06-01 20:29:14 +02:00
parent ee394296ea
commit fe05f43001
2 changed files with 68 additions and 29 deletions

View file

@ -29,7 +29,7 @@
</div>
<div class="row justify-content-md-center pt-5" style="margin-top: 100px;">
<div class="col col-lg-3">
<a class="custom-link contribute" href="#" title="CONTRIBUTE !">CONTRIBUTE
<a class="custom-link contribute" target="_BLANK" href="https://github.com/thecodingmachine/workadventure" title="CONTRIBUTE !">CONTRIBUTE
</a>
</div>
<div class="col col-lg-3">
@ -40,6 +40,9 @@
</div>
</div>
</div>
<div class="clouds">
<div class="cloud"></div>
</div>
</header>
<div class="section bg-white how-to">
<div class="container-fluid container-lg">
@ -79,7 +82,7 @@
</div>
<div class="bg-gray section used-by">
<div class="container-fluid container-lg">
<h2 class="text-center pb-4">Used by millions of people worldwilde and companies such as :</h2>
<h2 class="text-center pb-4">THEY MAY APPROVE</h2>
<div class="row justify-content-md-center align-items-center">
<div class="col col-md-auto">
<img src="static/images/atari.png">
@ -97,28 +100,32 @@
</div>
</div>
<div class="container-fluid container-lg section quotes">
<h2 class="text-center">People love WorkAdventure</h2>
<h2 class="text-center">Why they loved Work Adventure</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>
<p class="quote">&laquo;&nbsp;Since I see life in 32px, I think I feel happier.&nbsp;&raquo;</p>
<p class="author">Donald, 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>
<p class="quote">&laquo;&nbsp;For me, who hates hugs, I can't live without it...&nbsp;&raquo;</p>
<p class="author">Anna, 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>
<p class="quote">&laquo;&nbsp;Par webcam les gens ne me font plus de réflexion sur mes cheveux. Trop cool !&nbsp;&raquo;</p>
<p class="author">Kim. Pyongyang</p>
</div>
<div class="quote-item">
<p class="quote">&laquo;&nbsp;Since it's fun, I scare my colleagues a little less.&nbsp;&raquo;</p>
<p class="author">Emmanuel. France</p>
</div>
</div>
</div>
</div>
<div class="section bg-white footer">
<div class="bg-white footer">
<div class="container-fluid container-lg">
<img src="static/images/Logo TCM.png">
<a href="https://www.thecodingmachine.com/" target="_blank"><img src="static/images/Logo TCM.png"></a>
</div>
</div>
</body>