mirror of
https://github.com/liyunze-coding/RythonDev.git
synced 2026-09-22 07:44:26 +00:00
96 lines
3.2 KiB
Text
96 lines
3.2 KiB
Text
<div
|
|
class="w-full h-fit pb-40 flex flex-col justify-center items-center relative"
|
|
>
|
|
<div class="flex flex-col justify-center items-center">
|
|
<div
|
|
id="title"
|
|
class="animate-gradient text-3xl text-center font-bold mb-3"
|
|
>
|
|
Get in Touch with me!
|
|
</div>
|
|
<div class="text-lg text-center mb-10 px-5">
|
|
I'm always open to new opportunities and collaborations!
|
|
</div>
|
|
|
|
<a
|
|
class="text-center flex flex-row justify-center items-center border-2 border-blue-300 text-blue-300 px-5 py-5 hover:bg-blue-300 hover:text-black transition-colors duration-500 ease-in-out rounded-xl"
|
|
href="mailto:rythondev@gmail.com"
|
|
><span class="text-3xl mr-2">✉</span> Send me an email</a
|
|
>
|
|
</div>
|
|
<div
|
|
class="absolute bottom-20 left-1/2 -translate-x-1/2 text-white flex flex-row"
|
|
>
|
|
<a href="https://github.com/liyunze-coding" target="_blank">
|
|
<div
|
|
class="bg-gray-300 rounded-full w-7 h-7 flex justify-center items-center mr-3 hover:bg-gray-200"
|
|
>
|
|
<img
|
|
src="/images/socials/github.svg"
|
|
alt="github"
|
|
class="aspect-square max-w-full"
|
|
width="20"
|
|
/>
|
|
</div>
|
|
</a>
|
|
<a href="https://codepen.io/liyunze-coding" target="_blank">
|
|
<div
|
|
class="bg-gray-300 rounded-full w-7 h-7 flex justify-center items-center mr-3 hover:bg-gray-200 transition-colors duration-150"
|
|
>
|
|
<img
|
|
src="/images/socials/codepen.svg"
|
|
alt="codepen"
|
|
class="w-5 h-5 aspect-square"
|
|
/>
|
|
</div>
|
|
</a>
|
|
<a href="https://youtube.com/@RythonDev" target="_blank">
|
|
<div
|
|
class="bg-gray-300 rounded-full w-7 h-7 flex justify-center items-center mr-3 hover:bg-red-400 transition-colors duration-150"
|
|
>
|
|
<img
|
|
src="/images/socials/youtube.svg"
|
|
alt="youtube"
|
|
class="w-5 h-5 aspect-square"
|
|
/>
|
|
</div>
|
|
</a>
|
|
<a href="https://twitch.tv/RythonDev" target="_blank">
|
|
<div
|
|
class="bg-gray-300 rounded-full w-7 h-7 flex justify-center items-center mr-3 hover:bg-purple-400 transition-colors duration-150"
|
|
>
|
|
<img
|
|
src="/images/socials/twitch.svg"
|
|
alt="twitch"
|
|
class="w-4 h-4 aspect-square"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="absolute sm:bottom-10 bottom-5 left-1/2
|
|
-translate-x-1/2
|
|
text-gray-300
|
|
flex flex-row text-center"
|
|
>
|
|
© 2023-2024 RythonDev
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
#title {
|
|
background: linear-gradient(
|
|
90deg,
|
|
#85e6c5 0%,
|
|
#a084e8 45%,
|
|
#33bbc5 100%
|
|
);
|
|
|
|
background-size: 300%;
|
|
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
</style>
|