ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restructure free tools section on landing page (#510)

Browse Source
This commit is contained in:
Adeyemi Adetunji
2024-11-12 12:35:13 +01:00
committed by GitHub
parent 89569fe6d1
commit 077e9e7aa6
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/classroomio-com/src/lib/Home/MoreFeatures.svelte
+12 -11
View File
@@ -109,18 +109,18 @@
</div> </div>
<!-- free tools section --> <!-- free tools section -->
<div> <div class="mt-10">
<div class="flex justify-evenly gap-y-8 flex-wrap w-full mt-10 mx-auto"> <div class="text-center">
<div class="text-center"> <h1 class="text-3xl md:text-5xl font-bold m-0">
<h1 class="text-3xl md:text-5xl font-bold"> Explore Our <span class="text-[#0233BD]">Free Tools</span>
Explore Our <span class="text-[#0233BD]">Free Tools</span> </h1>
</h1> <p class="text-sm md:text-base text-[#334155] md:w-[65%] mt-5 mx-auto">
<p class="text-sm md:text-base text-[#334155] md:w-[65%] mt-5 md:mt-10 mx-auto"> Innovative tools to help you aid you example preparation, as well as making learning more
Innovative tools to help you aid you example preparation, as well as making learning fun for students and educator looking for engaging resources.
more fun for students and educator looking for engaging resources. </p>
</p> </div>
</div>
<div class="flex justify-evenly gap-y-8 flex-wrap w-full mt-10 mx-auto">
{#each freeTools as tool} {#each freeTools as tool}
<a <a
class="w-full flex flex-col gap-3 max-w-[400px] md:max-w-[300px] mt-5 p-5 border rounded-md bg-white shadow-sm hover:scale-95 transition-all ease-in-out cursor-pointer" class="w-full flex flex-col gap-3 max-w-[400px] md:max-w-[300px] mt-5 p-5 border rounded-md bg-white shadow-sm hover:scale-95 transition-all ease-in-out cursor-pointer"
@@ -136,6 +136,7 @@
</a> </a>
{/each} {/each}
</div> </div>
<div class="flex justify-center items-center mt-20"> <div class="flex justify-center items-center mt-20">
<a <a
class="md:text-base w-full md:max-w-[300px] max-w-[400px] rounded-md bg-blue-700 px-6 py-3 lg:px-6 lg:py-3 text-sm font-medium text-white text-center transition-all delay-100 hover:bg-blue-800 hover:shadow-xl hover:scale-95 lg:font-semibold cursor-pointer" class="md:text-base w-full md:max-w-[300px] max-w-[400px] rounded-md bg-blue-700 px-6 py-3 lg:px-6 lg:py-3 text-sm font-medium text-white text-center transition-all delay-100 hover:bg-blue-800 hover:shadow-xl hover:scale-95 lg:font-semibold cursor-pointer"