mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-05-08 13:59:34 +05:00
refactor: update container size
This commit is contained in:
parent
5b510c784e
commit
3aadccd58e
3 changed files with 153 additions and 341 deletions
14
index.html
14
index.html
|
@ -24,8 +24,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="h-screen" id="section_landing">
|
||||
<div class="container mx-auto text-white h-full max-h-[60vh] relative">
|
||||
<div class="container h-screen" id="section_landing">
|
||||
<div class="text-white h-full max-h-[60vh] relative">
|
||||
<div class="bg-bg-pink w-full h-full max-h-[60vh] max-w-[45.25%] absolute top-0 right-0 -z-10"></div>
|
||||
<div class="flex items-center justify-center gap-12 px-8 py-8">
|
||||
<img src="./static/avatar_512.png" alt="" class="w-[256px] lg:w-[372px] 2xl:w-[512px]" />
|
||||
|
@ -36,7 +36,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container flex mx-auto text-white h-full max-h-[40vh]">
|
||||
<div class="flex text-white h-full max-h-[40vh]">
|
||||
<div class="max-w-[54.75%] bg-bg-gray py-4 w-full h-full">
|
||||
<div class="flex items-center justify-between gap-2 px-4">
|
||||
<img src="./static/file_icon.svg" alt="" class="w-[30px] h-[37px]" />
|
||||
|
@ -64,7 +64,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto text-white scroll-mt-40" id="section_about">
|
||||
<div class="container py-10 text-white scroll-mt-10" id="section_about">
|
||||
<h1 class="mt-16 mb-12 text-6xl font-bold text-center">ABOUT ME</h1>
|
||||
<div class="flex flex-col gap-8 text-2xl font-light max-w-[1200px] mx-auto justify-center">
|
||||
<p>Hi! I'm Kentai Radiquum 🐾, a tech enthusiast with a passion for software development. I love
|
||||
|
@ -81,9 +81,9 @@
|
|||
<p>Feel free to reach out anytime! I will be happy to chat.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col items-center justify-center p-8 mt-16 text-white scroll-mt-24" id="section_links">
|
||||
<h1 class="mx-auto mb-12 text-6xl font-bold w-fit">LINKS</h1>
|
||||
<div class="flex items-start justify-center gap-8">
|
||||
<div class="container py-16 text-white scroll-mt-12" id="section_links">
|
||||
<h1 class="mb-12 text-6xl font-bold text-center">LINKS</h1>
|
||||
<div class="flex flex-wrap gap-8 w-fit">
|
||||
<!-- Photo Links -->
|
||||
<div class="flex flex-col w-[416px] gap-4">
|
||||
<div class="relative w-[416px] h-[376px] flex justify-end items-end">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue