|
|
|
@ -54,33 +54,37 @@
|
|
|
|
|
<section class="projects-section">
|
|
|
|
|
<div class="container px-4 px-lg-5" id="game">
|
|
|
|
|
<!-- Game One Row-->
|
|
|
|
|
<div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
|
|
|
|
|
<div class="col-lg-6"><img class="img-fluid" src="{{base}}/assets/img/quizz.jpeg" alt="..." /></div>
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|
<div class="bg-black text-center h-100 project">
|
|
|
|
|
<div class="d-flex h-100">
|
|
|
|
|
<div class="project-text w-100 my-auto text-center text-lg-left">
|
|
|
|
|
<h4 class="text-white">Quiz</h4>
|
|
|
|
|
<p class="mb-0 text-white-50">Test your knowledge and study smarter!</p>
|
|
|
|
|
<a class="click-game" href="{{base}}/visitor/quiz">
|
|
|
|
|
<div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
|
|
|
|
|
<div class="col-lg-6"><img class="img-fluid" src="{{base}}/assets/img/quizz.jpeg" alt="..." /></div>
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|
<div class="bg-black text-center h-100 project">
|
|
|
|
|
<div class="d-flex h-100">
|
|
|
|
|
<div class="project-text w-100 my-auto text-center text-lg-left">
|
|
|
|
|
<h4 class="text-white">Quiz</h4>
|
|
|
|
|
<p class="mb-0 text-white-50">Test your knowledge and study smarter!</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<!-- Game Two Row-->
|
|
|
|
|
<div class="row gx-0 justify-content-center">
|
|
|
|
|
<div class="col-lg-6"><img class="img-fluid" src="{{base}}/assets/img/memory.jpeg" alt="..." /></div>
|
|
|
|
|
<div class="col-lg-6 order-lg-first">
|
|
|
|
|
<div class="bg-black text-center h-100 project">
|
|
|
|
|
<div class="d-flex h-100">
|
|
|
|
|
<div class="project-text w-100 my-auto text-center text-lg-right">
|
|
|
|
|
<h4 class="text-white">Memory</h4>
|
|
|
|
|
<p class="mb-0 text-white-50">Have fun associating words to help your brain learn faster</p>
|
|
|
|
|
<a class="click-game" href="{{base}}/visitor/memory">
|
|
|
|
|
<div class="row gx-0 justify-content-center">
|
|
|
|
|
<div class="col-lg-6"><img class="img-fluid" src="{{base}}/assets/img/memory.jpeg" alt="..." /></div>
|
|
|
|
|
<div class="col-lg-6 order-lg-first">
|
|
|
|
|
<div class="bg-black text-center h-100 project">
|
|
|
|
|
<div class="d-flex h-100">
|
|
|
|
|
<div class="project-text w-100 my-auto text-center text-lg-right">
|
|
|
|
|
<h4 class="text-white">Memory</h4>
|
|
|
|
|
<p class="mb-0 text-white-50">Have fun associating words to help your brain learn faster</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<div class="row gx-5 align-items-center" id="download">
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|