|
|
@ -14,7 +14,7 @@ |
|
|
|
<!--Replace with your tailwind.css once created--> |
|
|
|
<!--Replace with your tailwind.css once created--> |
|
|
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" /> |
|
|
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" /> |
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/style.css" /> |
|
|
|
<link rel="stylesheet" href="l_assets/css/style.css" /> |
|
|
|
<!-- Define your gradient here - use online tools to find a gradient matching your branding--> |
|
|
|
<!-- Define your gradient here - use online tools to find a gradient matching your branding--> |
|
|
|
<style> |
|
|
|
<style> |
|
|
|
.gradient { |
|
|
|
.gradient { |
|
|
@ -89,7 +89,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!--Right Col--> |
|
|
|
<!--Right Col--> |
|
|
|
<div class="w-full md:w-3/5 py-6 text-center"> |
|
|
|
<div class="w-full md:w-3/5 py-6 text-center"> |
|
|
|
<img class="w-full md:w-4/5 z-50" src="assets/images/hero.svg" /> |
|
|
|
<img class="w-full md:w-4/5 z-50" src="l_assets/images/hero.svg" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -128,7 +128,7 @@ |
|
|
|
<div class="w-3/5"> |
|
|
|
<div class="w-3/5"> |
|
|
|
<div class="flex flex-wrap columns-2"> |
|
|
|
<div class="flex flex-wrap columns-2"> |
|
|
|
<div class="md:p-6 w-1/3 md:w-auto"> |
|
|
|
<div class="md:p-6 w-1/3 md:w-auto"> |
|
|
|
<image class="md:h-36 mx-auto" src="assets/images/olymp/uni.png"/> |
|
|
|
<image class="md:h-36 mx-auto" src="l_assets/images/olymp/uni.png"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w-3/5 pl-5 pt-3 md:p-6"> |
|
|
|
<div class="w-3/5 pl-5 pt-3 md:p-6"> |
|
|
|
<h3 class="md:text-3xl text-xl text-gray-800 font-bold leading-none mb-3"> |
|
|
|
<h3 class="md:text-3xl text-xl text-gray-800 font-bold leading-none mb-3"> |
|
|
@ -143,12 +143,12 @@ |
|
|
|
</h3> |
|
|
|
</h3> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="md:p-6 w-1/3 md:w-auto"> |
|
|
|
<div class="md:p-6 w-1/3 md:w-auto"> |
|
|
|
<image class="md:h-36 mx-auto" src="assets/images/olymp/interesting.svg"/> |
|
|
|
<image class="md:h-36 mx-auto" src="l_assets/images/olymp/interesting.svg"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex flex-wrap columns-2"> |
|
|
|
<div class="flex flex-wrap columns-2"> |
|
|
|
<div class="md:p-6 w-1/3 md:w-auto"> |
|
|
|
<div class="md:p-6 w-1/3 md:w-auto"> |
|
|
|
<image class="md:h-36 mx-auto" src="assets/images/olymp/prize.png"/> |
|
|
|
<image class="md:h-36 mx-auto" src="l_assets/images/olymp/prize.png"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w-3/5 pl-5 pt-3 md:p-6"> |
|
|
|
<div class="w-3/5 pl-5 pt-3 md:p-6"> |
|
|
|
<h3 class="md:text-3xl text-xl text-gray-800 font-bold leading-none mb-3"> |
|
|
|
<h3 class="md:text-3xl text-xl text-gray-800 font-bold leading-none mb-3"> |
|
|
@ -163,7 +163,7 @@ |
|
|
|
</h3> |
|
|
|
</h3> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="md:p-6 w-1/3 md:w-auto"> |
|
|
|
<div class="md:p-6 w-1/3 md:w-auto"> |
|
|
|
<image class="md:h-36 mx-auto" src="assets/images/olymp/self-development.svg"/> |
|
|
|
<image class="md:h-36 mx-auto" src="l_assets/images/olymp/self-development.svg"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -219,12 +219,12 @@ |
|
|
|
<div class="services-icon"> |
|
|
|
<div class="services-icon"> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="shape" |
|
|
|
class="shape" |
|
|
|
src="assets/images/services/services-shape.svg" |
|
|
|
src="l_assets/images/services/services-shape.svg" |
|
|
|
alt="shape" |
|
|
|
alt="shape" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="shape-1" |
|
|
|
class="shape-1" |
|
|
|
src="assets/images/services/services-shape-1.svg" |
|
|
|
src="l_assets/images/services/services-shape-1.svg" |
|
|
|
alt="shape" |
|
|
|
alt="shape" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<i class="lni lni-baloon"> </i> |
|
|
|
<i class="lni lni-baloon"> </i> |
|
|
@ -251,12 +251,12 @@ |
|
|
|
<div class="services-icon"> |
|
|
|
<div class="services-icon"> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="shape" |
|
|
|
class="shape" |
|
|
|
src="assets/images/services/services-shape.svg" |
|
|
|
src="l_assets/images/services/services-shape.svg" |
|
|
|
alt="shape" |
|
|
|
alt="shape" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="shape-1" |
|
|
|
class="shape-1" |
|
|
|
src="assets/images/services/services-shape-2.svg" |
|
|
|
src="l_assets/images/services/services-shape-2.svg" |
|
|
|
alt="shape" |
|
|
|
alt="shape" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<i class="lni lni-cog"> </i> |
|
|
|
<i class="lni lni-cog"> </i> |
|
|
@ -283,12 +283,12 @@ |
|
|
|
<div class="services-icon"> |
|
|
|
<div class="services-icon"> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="shape" |
|
|
|
class="shape" |
|
|
|
src="assets/images/services/services-shape.svg" |
|
|
|
src="l_assets/images/services/services-shape.svg" |
|
|
|
alt="shape" |
|
|
|
alt="shape" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="shape-1" |
|
|
|
class="shape-1" |
|
|
|
src="assets/images/services/services-shape-3.svg" |
|
|
|
src="l_assets/images/services/services-shape-3.svg" |
|
|
|
alt="shape" |
|
|
|
alt="shape" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<i class="lni lni-bolt-alt"> </i> |
|
|
|
<i class="lni lni-bolt-alt"> </i> |
|
|
@ -353,13 +353,13 @@ |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w-full sm:w-1/2 p-6"> |
|
|
|
<div class="w-full sm:w-1/2 p-6"> |
|
|
|
<image class="w-full sm:h-64 mx-auto" src="assets/images/goal.svg"/> |
|
|
|
<image class="w-full sm:h-64 mx-auto" src="l_assets/images/goal.svg"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-wrap flex-col-reverse sm:flex-row"> |
|
|
|
<div class="flex flex-wrap flex-col-reverse sm:flex-row"> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<image class="w-5/6 sm:h-64 mx-auto" src="assets/images/exams.svg"/> |
|
|
|
<image class="w-5/6 sm:h-64 mx-auto" src="l_assets/images/exams.svg"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<div class="align-middle"> |
|
|
|
<div class="align-middle"> |
|
|
@ -383,13 +383,13 @@ |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w-full sm:w-1/2 p-6"> |
|
|
|
<div class="w-full sm:w-1/2 p-6"> |
|
|
|
<image class="w-full sm:h-64 mx-auto" src="assets/images/collab.svg"/> |
|
|
|
<image class="w-full sm:h-64 mx-auto" src="l_assets/images/collab.svg"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-wrap flex-col-reverse sm:flex-row"> |
|
|
|
<div class="flex flex-wrap flex-col-reverse sm:flex-row"> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<image class="w-5/6 sm:h-64 mx-auto" src="assets/images/trajectory.svg"/> |
|
|
|
<image class="w-5/6 sm:h-64 mx-auto" src="l_assets/images/trajectory.svg"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<div class="align-middle"> |
|
|
|
<div class="align-middle"> |
|
|
@ -413,13 +413,13 @@ |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w-full sm:w-1/2 p-6"> |
|
|
|
<div class="w-full sm:w-1/2 p-6"> |
|
|
|
<image class="w-full sm:h-64 mx-auto" src="assets/images/peer-help.svg"/> |
|
|
|
<image class="w-full sm:h-64 mx-auto" src="l_assets/images/peer-help.svg"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-wrap flex-col-reverse sm:flex-row"> |
|
|
|
<div class="flex flex-wrap flex-col-reverse sm:flex-row"> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<image class="w-5/6 sm:h-64 mx-auto" src="assets/images/progress.svg"/> |
|
|
|
<image class="w-5/6 sm:h-64 mx-auto" src="l_assets/images/progress.svg"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<div class="w-full sm:w-1/2 p-6 mt-6"> |
|
|
|
<div class="align-middle"> |
|
|
|
<div class="align-middle"> |
|
|
|