mirror of
https://github.com/liyunze-coding/RythonDev.git
synced 2026-09-22 07:44:26 +00:00
53 lines
1.6 KiB
Text
53 lines
1.6 KiB
Text
---
|
|
import Card from "../elements/Card.astro";
|
|
---
|
|
|
|
<div class="flex w-full flex-col items-center justify-center">
|
|
<div
|
|
class="flex h-fit w-full max-w-[1440px] flex-col items-center justify-center"
|
|
>
|
|
<h1 class="mb-10 text-center text-5xl">What I Do</h1>
|
|
<div
|
|
class="grid w-[90%] grid-cols-1 place-content-center justify-center gap-5 sm:w-[350px] lg:w-[90%] lg:grid-cols-3 xl:w-4/5 xl:gap-12"
|
|
>
|
|
<Card primaryColor="#19a7ce" scaleOnHover={true}>
|
|
<div class="px-8 py-8">
|
|
<h2 class="text-center text-xl font-bold">
|
|
Web Development
|
|
</h2>
|
|
<hr class="my-3 w-full" />
|
|
<p class="text-center text-balance">
|
|
Bringing ideas to life on the web is my passion. I enjoy
|
|
bringing my imagination to life through web development.
|
|
</p>
|
|
</div>
|
|
</Card>
|
|
|
|
<Card primaryColor="#a1eebd" scaleOnHover={true}>
|
|
<div class="px-8 py-8">
|
|
<h2 class="text-center text-xl font-bold">Data Science</h2>
|
|
<hr class="my-3 w-full" />
|
|
<p class="text-center text-balance">
|
|
Using data to make decisions is a powerful tool. I am
|
|
experienced in analyzing data and making decisions based
|
|
on data.
|
|
</p>
|
|
</div>
|
|
</Card>
|
|
|
|
<Card primaryColor="#9D76C1" scaleOnHover={true}>
|
|
<div class="px-8 py-8">
|
|
<h2 class="text-center text-xl font-bold">
|
|
Content Creation
|
|
</h2>
|
|
<hr class="my-3 w-full" />
|
|
<p class="text-center text-balance">
|
|
Everyone has something to give, or something to share. I
|
|
produce content around productivity and software
|
|
development.
|
|
</p>
|
|
</div>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
</div>
|