mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-09-07 15:03:54 +05:00
feat: add images for character section
This commit is contained in:
parent
e63a3126ae
commit
72bad7b8ea
13 changed files with 45 additions and 17 deletions
|
@ -1,20 +1,20 @@
|
|||
export const Intro = () => {
|
||||
return (
|
||||
<div className="flex gap-4 flex-col">
|
||||
<div className="flex gap-4 flex-col xl:gap-8">
|
||||
<div className="w-full flex items-center justify-center py-24 bg-[#101316] rounded-tl-[256px] rounded-br-[256px]">
|
||||
<h1 className="text-[#FFB1CD] tracking-tight font-bold text-8xl md:text-[128px]">
|
||||
<h1 className="text-[#FFB1CD] tracking-tight font-bold text-8xl md:text-[128px] xl:text-[200px] 2xl:text-[232px]">
|
||||
Radiquum
|
||||
</h1>
|
||||
</div>
|
||||
<div className="w-full flex items-center justify-center py-24 bg-[#161213] rounded-bl-[128px] rounded-tr-[128px] md:rounded-bl-[256px] md:rounded-tr-[256px]">
|
||||
<div className="flex flex-col md:flex-row md:gap-8 md:flex-wrap md:justify-center">
|
||||
<p className="text-[#C8E8FE] font-medium text-4xl md:text-5xl">
|
||||
<div className="flex flex-col md:flex-row md:gap-8 md:flex-wrap md:justify-center 2xl:gap-16">
|
||||
<p className="text-[#C8E8FE] font-medium text-4xl md:text-5xl xl:text-8xl 2xl:text-[128px]">
|
||||
Photographer
|
||||
</p>
|
||||
<p className="text-[#FF8686] font-medium text-4xl md:text-5xl">
|
||||
<p className="text-[#FF8686] font-medium text-4xl md:text-5xl xl:text-8xl 2xl:text-[128px]">
|
||||
Developer
|
||||
</p>
|
||||
<p className="text-[#FF851A] font-medium text-4xl md:text-5xl">
|
||||
<p className="text-[#FF851A] font-medium text-4xl md:text-5xl xl:text-8xl 2xl:text-[128px]">
|
||||
Self-Hosting admirer
|
||||
</p>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue