174 lines
11 KiB
HTML
174 lines
11 KiB
HTML
<div className="w-[1920px] h-[1080px] relative bg-white overflow-hidden">
|
||
<div className="w-80 h-[1080px] left-0 top-0 absolute bg-gray-700 inline-flex flex-col justify-between items-start">
|
||
<div className="self-stretch h-28 px-3.5 inline-flex justify-between items-center">
|
||
<div className="w-40 h-7 flex justify-start items-center">
|
||
<div className="w-12 h-12 relative overflow-hidden">
|
||
<div className="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-white" />
|
||
</div>
|
||
<div className="w-28 h-7 text-center justify-center text-white text-xl font-normal font-['Inter']">Utilisateur</div>
|
||
<div className="w-10 h-10 relative overflow-hidden">
|
||
<div className="w-4 h-2 left-[11.72px] top-[15.86px] absolute outline outline-2 outline-offset-[-1px] outline-white" />
|
||
</div>
|
||
</div>
|
||
<div className="w-10 h-10 relative origin-top-left rotate-180 overflow-hidden">
|
||
<div className="w-6 h-7 left-[9.19px] top-[7.44px] absolute outline outline-2 outline-offset-[-1px] outline-white" />
|
||
</div>
|
||
</div>
|
||
<div className="self-stretch h-[507px] px-4 py-2.5 inline-flex justify-start items-start gap-3.5 flex-wrap content-start">
|
||
<div className="w-80 justify-center text-white text-xl font-normal font-['Inter']">Employer :</div>
|
||
<div className="w-72 h-16 px-[5px] bg-slate-800 rounded-[10px] flex justify-start items-center gap-2.5">
|
||
<div className="w-12 h-12 relative overflow-hidden">
|
||
<div className="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-violet-500" />
|
||
</div>
|
||
<div className="justify-center text-white text-xl font-normal font-['Inter']">Nom du joueur</div>
|
||
</div>
|
||
<div className="w-72 h-16 px-[5px] bg-slate-800 rounded-[10px] flex justify-start items-center gap-2.5">
|
||
<div className="w-12 h-12 relative overflow-hidden">
|
||
<div className="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-violet-500" />
|
||
</div>
|
||
<div className="justify-center text-white text-xl font-normal font-['Inter']">Nom du joueur</div>
|
||
</div>
|
||
<div className="w-72 h-16 px-[5px] bg-slate-800 rounded-[10px] flex justify-start items-center gap-2.5">
|
||
<div className="w-12 h-12 relative overflow-hidden">
|
||
<div className="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-violet-500" />
|
||
</div>
|
||
<div className="justify-center text-white text-xl font-normal font-['Inter']">Nom du joueur</div>
|
||
</div>
|
||
<div className="flex-1 h-16 px-[5px] bg-slate-800 rounded-[10px] flex justify-start items-center gap-2.5">
|
||
<div className="w-12 h-12 relative overflow-hidden">
|
||
<div className="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-violet-500" />
|
||
</div>
|
||
<div className="justify-center text-white text-xl font-normal font-['Inter']">Nom du joueur</div>
|
||
</div>
|
||
</div>
|
||
<div className="self-stretch h-80 p-2.5 bg-violet-500 rounded-tl-[20px] rounded-tr-[20px] inline-flex justify-center items-start gap-2.5 flex-wrap content-start">
|
||
<div className="w-80 h-9 inline-flex flex-col justify-between items-start">
|
||
<div className="justify-center text-white text-xl font-normal font-['Inter']">Suggestion :</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="w-[1590px] h-28 px-2.5 left-[330px] top-0 absolute bg-slate-500/20 inline-flex justify-between items-center">
|
||
<div className="flex justify-start items-center gap-3.5">
|
||
<div className="w-20 h-20 relative overflow-hidden">
|
||
<div className="w-10 h-9 left-[19.79px] top-[20px] absolute bg-black" />
|
||
</div>
|
||
<div className="w-80 h-10 text-center justify-center text-black text-2xl font-normal font-['Inter']">Nom de l’entreprise</div>
|
||
</div>
|
||
<div className="px-12 flex justify-start items-center gap-10">
|
||
<div className="w-10 h-10 relative overflow-hidden">
|
||
<div className="w-8 h-8 left-[3.32px] top-[3.28px] absolute bg-black" />
|
||
</div>
|
||
<div className="w-10 h-10 relative overflow-hidden">
|
||
<div className="w-8 h-8 left-[3.33px] top-[3.33px] absolute bg-black" />
|
||
</div>
|
||
<div className="w-10 h-10 relative overflow-hidden">
|
||
<div className="w-8 h-6 left-[3.33px] top-[8.33px] absolute bg-black" />
|
||
</div>
|
||
<div className="w-10 h-10 relative overflow-hidden">
|
||
<div className="w-8 h-9 left-[3.33px] top-[2.99px] absolute bg-black" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="w-[1590px] h-[970px] p-14 left-[330px] top-[110px] absolute inline-flex justify-start items-start gap-20 flex-wrap content-start">
|
||
<div className="w-[1442px] flex justify-start items-center gap-2.5">
|
||
<div className="text-center justify-center text-black text-3xl font-normal font-['Inter']">Information :</div>
|
||
</div>
|
||
<div className="w-[530px] h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]" />
|
||
<div className="w-[530px] h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]" />
|
||
<div className="w-40 h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]" />
|
||
<div className="w-[530px] h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]" />
|
||
<div className="w-36 h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]" />
|
||
<div className="w-[535px] h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]" />
|
||
</div>
|
||
<div className="w-5 h-5 left-[290px] top-[756px] absolute bg-white" />
|
||
<div className="p-2.5 left-[1641px] top-[1016px] absolute inline-flex justify-center items-center gap-2.5">
|
||
<div className="text-center justify-start text-black/20 text-4xl font-normal font-['Inter']">Victoria’s Vice™</div>
|
||
</div>
|
||
</div>
|
||
<div class="w-[1920px] h-[1080px] relative bg-white overflow-hidden">
|
||
<div class="w-80 h-[1080px] left-0 top-0 absolute bg-gray-700 inline-flex flex-col justify-between items-start">
|
||
<div class="self-stretch h-28 px-3.5 inline-flex justify-between items-center">
|
||
<div class="w-40 h-7 flex justify-start items-center">
|
||
<div class="w-12 h-12 relative overflow-hidden">
|
||
<div class="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-white"></div>
|
||
</div>
|
||
<div class="w-28 h-7 text-center justify-center text-white text-xl font-normal font-['Inter']">Utilisateur</div>
|
||
<div class="w-10 h-10 relative overflow-hidden">
|
||
<div class="w-4 h-2 left-[11.72px] top-[15.86px] absolute outline outline-2 outline-offset-[-1px] outline-white"></div>
|
||
</div>
|
||
</div>
|
||
<div class="w-10 h-10 relative origin-top-left rotate-180 overflow-hidden">
|
||
<div class="w-6 h-7 left-[9.19px] top-[7.44px] absolute outline outline-2 outline-offset-[-1px] outline-white"></div>
|
||
</div>
|
||
</div>
|
||
<div class="self-stretch h-[507px] px-4 py-2.5 inline-flex justify-start items-start gap-3.5 flex-wrap content-start">
|
||
<div class="w-80 justify-center text-white text-xl font-normal font-['Inter']">Employer :</div>
|
||
<div class="w-72 h-16 px-[5px] bg-slate-800 rounded-[10px] flex justify-start items-center gap-2.5">
|
||
<div class="w-12 h-12 relative overflow-hidden">
|
||
<div class="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-violet-500"></div>
|
||
</div>
|
||
<div class="justify-center text-white text-xl font-normal font-['Inter']">Nom du joueur</div>
|
||
</div>
|
||
<div class="w-72 h-16 px-[5px] bg-slate-800 rounded-[10px] flex justify-start items-center gap-2.5">
|
||
<div class="w-12 h-12 relative overflow-hidden">
|
||
<div class="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-violet-500"></div>
|
||
</div>
|
||
<div class="justify-center text-white text-xl font-normal font-['Inter']">Nom du joueur</div>
|
||
</div>
|
||
<div class="w-72 h-16 px-[5px] bg-slate-800 rounded-[10px] flex justify-start items-center gap-2.5">
|
||
<div class="w-12 h-12 relative overflow-hidden">
|
||
<div class="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-violet-500"></div>
|
||
</div>
|
||
<div class="justify-center text-white text-xl font-normal font-['Inter']">Nom du joueur</div>
|
||
</div>
|
||
<div class="flex-1 h-16 px-[5px] bg-slate-800 rounded-[10px] flex justify-start items-center gap-2.5">
|
||
<div class="w-12 h-12 relative overflow-hidden">
|
||
<div class="w-11 h-11 left-[3.20px] top-[3.20px] absolute bg-violet-500"></div>
|
||
</div>
|
||
<div class="justify-center text-white text-xl font-normal font-['Inter']">Nom du joueur</div>
|
||
</div>
|
||
</div>
|
||
<div class="self-stretch h-80 p-2.5 bg-violet-500 rounded-tl-[20px] rounded-tr-[20px] inline-flex justify-center items-start gap-2.5 flex-wrap content-start">
|
||
<div class="w-80 h-9 inline-flex flex-col justify-between items-start">
|
||
<div class="justify-center text-white text-xl font-normal font-['Inter']">Suggestion :</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="w-[1590px] h-28 px-2.5 left-[330px] top-0 absolute bg-slate-500/20 inline-flex justify-between items-center">
|
||
<div class="flex justify-start items-center gap-3.5">
|
||
<div class="w-20 h-20 relative overflow-hidden">
|
||
<div class="w-10 h-9 left-[19.79px] top-[20px] absolute bg-black"></div>
|
||
</div>
|
||
<div class="w-80 h-10 text-center justify-center text-black text-2xl font-normal font-['Inter']">Nom de l’entreprise</div>
|
||
</div>
|
||
<div class="px-12 flex justify-start items-center gap-10">
|
||
<div class="w-10 h-10 relative overflow-hidden">
|
||
<div class="w-8 h-8 left-[3.32px] top-[3.28px] absolute bg-black"></div>
|
||
</div>
|
||
<div class="w-10 h-10 relative overflow-hidden">
|
||
<div class="w-8 h-8 left-[3.33px] top-[3.33px] absolute bg-black"></div>
|
||
</div>
|
||
<div class="w-10 h-10 relative overflow-hidden">
|
||
<div class="w-8 h-6 left-[3.33px] top-[8.33px] absolute bg-black"></div>
|
||
</div>
|
||
<div class="w-10 h-10 relative overflow-hidden">
|
||
<div class="w-8 h-9 left-[3.33px] top-[2.99px] absolute bg-black"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="w-[1590px] h-[970px] p-14 left-[330px] top-[110px] absolute inline-flex justify-start items-start gap-20 flex-wrap content-start">
|
||
<div class="w-[1442px] flex justify-start items-center gap-2.5">
|
||
<div class="text-center justify-center text-black text-3xl font-normal font-['Inter']">Information :</div>
|
||
</div>
|
||
<div class="w-[530px] h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]"></div>
|
||
<div class="w-[530px] h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]"></div>
|
||
<div class="w-40 h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]"></div>
|
||
<div class="w-[530px] h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]"></div>
|
||
<div class="w-36 h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]"></div>
|
||
<div class="w-[535px] h-72 bg-white rounded-[20px] shadow-[0px_4px_43.79999923706055px_0px_rgba(0,0,0,0.25)]"></div>
|
||
</div>
|
||
<div class="w-5 h-5 left-[290px] top-[756px] absolute bg-white"></div>
|
||
<div class="p-2.5 left-[1641px] top-[1016px] absolute inline-flex justify-center items-center gap-2.5">
|
||
<div class="text-center justify-start text-black/20 text-4xl font-normal font-['Inter']">Victoria’s Vice™</div>
|
||
</div>
|
||
</div>
|