generated from scaffold-eth/scaffold-eth-2
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ee82ff3
commit a14e552
Showing
5 changed files
with
258 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,57 @@ | ||
<div className="w-96 h-96 relative bg-red-900"> | ||
<div className="w-96 h-96 left-0 top-0 absolute bg-indigo-50" /> | ||
<div className="w-96 h-96 left-[200px] top-[-166px] absolute bg-violet-400 rounded-full shadow border" /> | ||
<div className="w-96 h-96 left-[-327px] top-[638px] absolute bg-blue-300 rounded-full shadow border" /> | ||
<div className="w-96 h-16 left-0 top-0 absolute bg-violet-950 shadow" /> | ||
<div className="w-96 h-14 left-[-3px] top-[745px] absolute bg-blue-200" /> | ||
<img className="w-9 h-9 left-[229px] top-[754px] absolute rounded-full" src="https://via.placeholder.com/38x38" /> | ||
<img className="w-9 h-9 left-[294px] top-[754px] absolute" src="https://via.placeholder.com/38x37" /> | ||
<img className="w-10 h-10 left-[159px] top-[754px] absolute" src="https://via.placeholder.com/41x41" /> | ||
<img className="w-12 h-12 left-[19px] top-[749px] absolute" src="https://via.placeholder.com/47x47" /> | ||
<img className="w-12 h-12 left-[86px] top-[749px] absolute" src="https://via.placeholder.com/52x52" /> | ||
<div className="w-16 h-16 left-[279px] top-[679px] absolute"> | ||
<div className="w-16 h-16 left-0 top-0 absolute bg-white bg-opacity-0 rounded-full border-2 border-black" /> | ||
<img className="w-10 h-10 left-[10.29px] top-[10.29px] absolute" src="https://via.placeholder.com/41x41" /> | ||
</div> | ||
<div className="w-36 h-36 left-[109px] top-[140px] absolute bg-white rounded-full border-2 border-black" /> | ||
<div className="w-80 h-32 left-[19px] top-[87px] absolute text-black text-4xl font-bold font-['Istok Web']">Hosting</div> | ||
<img className="w-11 h-11 left-[58px] top-[13px] absolute origin-top-left rotate-180" src="https://via.placeholder.com/46x46" /> | ||
<div className="w-64 h-14 left-[52px] top-[410px] absolute text-center text-black text-2xl font-bold font-['Istok Web'] underline">Tier selection</div> | ||
<div className="w-20 h-11 left-[20px] top-[465px] absolute text-black text-2xl font-bold font-['Istok Web']">Tier</div> | ||
<div className="w-28 h-11 left-[227px] top-[464px] absolute text-black text-2xl font-bold font-['Istok Web']">Deposit</div> | ||
<div className="w-28 h-11 left-[92px] top-[464px] absolute text-black text-2xl font-bold font-['Istok Web']">Unit/wk</div> | ||
<div className="w-36 h-16 left-[105px] top-[177px] absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">Add Icon</div> | ||
<div className="w-80 h-px left-[19px] top-[509px] absolute bg-neutral-300 border-8 border-stone-300"></div> | ||
<div className="w-80 h-px left-[19px] top-[591px] absolute bg-neutral-300 border-8 border-stone-300"></div> | ||
<div className="w-80 h-px left-[19px] top-[672px] absolute bg-neutral-300 border-8 border-stone-300"></div> | ||
<div className="w-64 h-11 left-[49px] top-[293px] absolute"> | ||
<div className="w-64 h-11 left-0 top-0 absolute bg-white rounded-lg border-b-2 border-black" /> | ||
<div className="w-36 left-[56px] top-[6px] absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">Name</div> | ||
</div> | ||
<div className="w-64 h-11 left-[49px] top-[350px] absolute"> | ||
<div className="w-64 h-11 left-0 top-0 absolute bg-white rounded-lg border-b-2 border-black" /> | ||
<div className="w-36 left-[56px] top-[6px] absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">Website</div> | ||
</div> | ||
<div className="w-36 h-16 left-[193px] top-[511px] absolute"> | ||
<div className="w-36 h-11 left-0 top-[11px] absolute bg-white rounded-lg border-b-2 border-black" /> | ||
<div className="w-36 h-16 left-0 top-0 absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">0.00000 ETC</div> | ||
</div> | ||
<div className="w-20 h-16 left-[95px] top-[511px] absolute"> | ||
<div className="w-20 h-11 left-0 top-[10px] absolute bg-white rounded-lg border-b-2 border-black" /> | ||
<div className="w-20 h-16 left-0 top-0 absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">0</div> | ||
</div> | ||
<div className="w-20 h-16 left-[93px] top-[593px] absolute"> | ||
<div className="w-20 h-11 left-0 top-[10px] absolute bg-white rounded-lg border-b-2 border-black" /> | ||
<div className="w-20 h-16 left-0 top-0 absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">0</div> | ||
</div> | ||
<div className="w-36 h-11 left-[193px] top-[605px] absolute"> | ||
<div className="w-36 h-11 left-0 top-0 absolute bg-white rounded-lg border-b-2 border-black" /> | ||
<div className="w-36 h-7 left-[1px] top-[12px] absolute text-center text-black text-opacity-40 text-2xl font-bold font-['Istok Web']">0.0000 ETC</div> | ||
</div> | ||
<div className="w-24 h-11 left-[-7px] top-[522px] absolute text-center text-black text-2xl font-bold font-['Istok Web']">1</div> | ||
<div className="w-24 h-11 left-[-7px] top-[606px] absolute text-center text-black text-2xl font-bold font-['Istok Web']">2</div> | ||
<div className="w-40 h-11 left-[101px] top-[694px] absolute"> | ||
<div className="w-40 h-10 left-0 top-[2px] absolute bg-lime-500 bg-opacity-25" /> | ||
<div className="w-36 left-[4px] top-0 absolute text-center text-black text-3xl font-bold font-['Istok Web']">Confirm</div> | ||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
<div className="w-96 h-96 relative bg-red-900"> | ||
<div className="w-96 h-96 left-0 top-0 absolute bg-indigo-50" /> | ||
<div className="w-96 h-96 left-[-358px] top-[553px] absolute bg-violet-400 rounded-full shadow border" /> | ||
<div className="w-96 h-14 left-[-3px] top-[745px] absolute bg-blue-200" /> | ||
<img className="w-9 h-9 left-[229px] top-[754px] absolute rounded-full" src="https://via.placeholder.com/38x38" /> | ||
<img className="w-9 h-9 left-[294px] top-[754px] absolute" src="https://via.placeholder.com/38x37" /> | ||
<img className="w-10 h-10 left-[159px] top-[754px] absolute" src="https://via.placeholder.com/41x41" /> | ||
<img className="w-12 h-12 left-[19px] top-[749px] absolute" src="https://via.placeholder.com/47x47" /> | ||
<img className="w-12 h-12 left-[86px] top-[749px] absolute" src="https://via.placeholder.com/52x52" /> | ||
<div className="w-20 h-20 left-[267px] top-[656px] absolute"> | ||
<div className="w-20 h-20 left-0 top-0 absolute bg-violet-300 rounded-full" /> | ||
<img className="w-14 h-14 left-[13.49px] top-[13.49px] absolute" src="https://via.placeholder.com/54x54" /> | ||
</div> | ||
<div className="w-96 h-96 left-[143px] top-[-183px] absolute bg-blue-600 bg-opacity-40 rounded-full shadow border" /> | ||
<div className="w-6 h-4 left-[19px] top-[41px] absolute"> | ||
<div className="w-6 h-px left-0 top-0 absolute bg-zinc-300 border-4 border-black"></div> | ||
<div className="w-6 h-px left-0 top-[8px] absolute bg-zinc-300 border-4 border-black"></div> | ||
<div className="w-6 h-px left-0 top-[16px] absolute bg-zinc-300 border-4 border-black"></div> | ||
</div> | ||
<div className="w-80 h-28 left-[12px] top-[315px] absolute text-black text-4xl font-bold font-['Istok Web']">Subscription</div> | ||
<div className="w-80 h-32 left-[19px] top-[87px] absolute text-black text-4xl font-bold font-['Istok Web']">Hosting</div> | ||
<div className="w-80 h-40 left-[12px] top-[144px] absolute bg-white rounded-2xl" /> | ||
<div className="w-16 h-16 left-[23px] top-[158px] absolute"> | ||
<div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" /> | ||
<img className="w-16 h-16 left-[-2.05px] top-[-2.05px] absolute" src="https://via.placeholder.com/67x67" /> | ||
</div> | ||
<div className="w-16 h-16 left-[176px] top-[228px] absolute text-black text-sm font-bold font-['Istok Web']">1 week<br/>2 weeks<br/>3 weeks<br/></div> | ||
<div className="w-24 h-16 left-[254px] top-[228px] absolute text-green-400 text-sm font-bold font-['Istok Web']">+0.1 ETC<br/>+0.15 ETC<br/>+0.178 ETC<br/></div> | ||
<div className="w-16 h-16 left-[143px] top-[228px] absolute text-black text-sm font-bold font-['Istok Web']">Last</div> | ||
<div className="w-36 h-16 left-[98px] top-[155px] absolute text-black text-4xl font-bold font-['Istok Web']">Spotify</div> | ||
<img className="w-11 h-11 left-[291px] top-[157px] absolute" src="https://via.placeholder.com/46x46" /> | ||
<div className="w-80 h-40 left-[12px] top-[374px] absolute bg-white rounded-2xl" /> | ||
<div className="w-16 h-16 left-[23px] top-[385px] absolute"> | ||
<div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" /> | ||
<img className="w-24 h-24 left-[-19px] top-[-19px] absolute" src="https://via.placeholder.com/101x101" /> | ||
</div> | ||
<div className="w-16 h-16 left-[176px] top-[458px] absolute text-black text-sm font-bold font-['Istok Web']">1 month<br/>2 months<br/>3 months<br/></div> | ||
<div className="w-24 h-16 left-[254px] top-[458px] absolute text-red-500 text-sm font-bold font-['Istok Web']">-0.1 ETC<br/>-0.1 ETC<br/>-0.1 ETC<br/></div> | ||
<div className="w-16 h-16 left-[143px] top-[458px] absolute text-black text-sm font-bold font-['Istok Web']">Last</div> | ||
<div className="w-36 h-16 left-[98px] top-[385px] absolute text-black text-4xl font-bold font-['Istok Web']">Netflix</div> | ||
<img className="w-11 h-11 left-[291px] top-[387px] absolute" src="https://via.placeholder.com/46x46" /> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,51 @@ | ||
<div className="w-96 h-96 relative bg-red-900"> | ||
<div className="w-96 h-96 left-0 top-0 absolute bg-indigo-50" /> | ||
<div className="w-96 h-96 left-0 top-[444px] absolute bg-white rounded-3xl shadow" /> | ||
<div className="w-96 h-14 left-[-3px] top-[745px] absolute bg-blue-200" /> | ||
<div className="w-96 h-96 left-[-184px] top-[-184px] absolute bg-blue-600 bg-opacity-40 rounded-full shadow border" /> | ||
<div className="w-72 h-11 left-[33px] top-[80px] absolute bg-white rounded-2xl" /> | ||
<div className="w-6 h-4 left-[19px] top-[41px] absolute"> | ||
<div className="w-6 h-px left-0 top-0 absolute bg-zinc-300 border-4 border-black"></div> | ||
<div className="w-6 h-px left-0 top-[8px] absolute bg-zinc-300 border-4 border-black"></div> | ||
<div className="w-6 h-px left-0 top-[16px] absolute bg-zinc-300 border-4 border-black"></div> | ||
</div> | ||
<div className="w-52 h-px left-[78px] top-[464px] absolute bg-neutral-300 border-8 border-stone-300"></div> | ||
<div className="w-72 h-12 left-[57px] top-[31px] absolute text-black text-2xl font-bold font-['Istok Web']">Welcome, Jack!</div> | ||
<div className="w-48 h-8 left-[80px] top-[87px] absolute text-neutral-400 text-xl font-bold font-['Istok Web']">Search</div> | ||
<div className="w-80 h-32 left-[15px] top-[332px] absolute text-black text-xl font-bold font-['Istok Web']">Overview</div> | ||
<div className="w-80 h-40 left-[12px] top-[150px] absolute bg-violet-700 bg-opacity-60 rounded-2xl" /> | ||
<div className="w-16 h-16 left-[15px] top-[364px] absolute"> | ||
<div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" /> | ||
<img className="w-24 h-24 left-[-19px] top-[-19px] absolute" src="https://via.placeholder.com/101x101" /> | ||
</div> | ||
<div className="w-16 h-16 left-[12px] top-[479px] absolute"> | ||
<div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" /> | ||
<img className="w-28 h-28 left-[-19.90px] top-[-19.90px] absolute" src="https://via.placeholder.com/106x106" /> | ||
</div> | ||
<div className="w-16 h-16 left-[10px] top-[659px] absolute"> | ||
<div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" /> | ||
<img className="w-28 h-28 left-[-20.51px] top-[-20.51px] absolute" src="https://via.placeholder.com/109x109" /> | ||
</div> | ||
<div className="w-16 h-16 left-[83px] top-[364px] absolute"> | ||
<div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" /> | ||
<img className="w-16 h-16 left-[-2.05px] top-[-2.05px] absolute" src="https://via.placeholder.com/67x67" /> | ||
</div> | ||
<div className="w-16 h-16 left-[10px] top-[570px] absolute"> | ||
<div className="w-16 h-16 left-0 top-0 absolute bg-zinc-300 rounded-full" /> | ||
<img className="w-20 h-20 left-[-2.21px] top-[-2.21px] absolute" src="https://via.placeholder.com/72x72" /> | ||
</div> | ||
<img className="w-9 h-9 left-[229px] top-[754px] absolute rounded-full" src="https://via.placeholder.com/38x38" /> | ||
<img className="w-9 h-9 left-[294px] top-[754px] absolute" src="https://via.placeholder.com/38x37" /> | ||
<img className="w-10 h-10 left-[159px] top-[754px] absolute" src="https://via.placeholder.com/41x41" /> | ||
<img className="w-12 h-12 left-[19px] top-[749px] absolute" src="https://via.placeholder.com/47x47" /> | ||
<img className="w-12 h-12 left-[86px] top-[749px] absolute" src="https://via.placeholder.com/52x52" /> | ||
<div className="w-72 h-28 left-[22px] top-[218px] absolute text-white text-opacity-80 text-3xl font-bold font-['Istok Web']">10.00000 ETC<br/>(USD$40,000)</div> | ||
<div className="w-72 h-14 left-[26px] top-[165px] absolute text-white text-opacity-80 text-3xl font-bold font-['Istok Web'] underline">Total Balance</div> | ||
<div className="w-32 h-16 left-[90px] top-[478px] absolute"><span style="text-black text-base font-bold font-['Istok Web']">Netflix<br/></span><span style="text-stone-500 text-xs font-bold font-['Istok Web']">20 Oct 02:40pm</span></div> | ||
<div className="w-32 h-16 left-[243px] top-[478px] absolute text-red-500 text-base font-bold font-['Istok Web']">-0.00076 ETC</div> | ||
<div className="w-32 h-16 left-[243px] top-[655px] absolute text-red-500 text-base font-bold font-['Istok Web']">-0.00076 ETC</div> | ||
<div className="w-32 h-16 left-[243px] top-[568px] absolute text-green-400 text-base font-bold font-['Istok Web']">+0.00036 ETC</div> | ||
<div className="w-32 h-16 left-[90px] top-[658px] absolute"><span style="text-black text-base font-bold font-['Istok Web']">Netflix<br/></span><span style="text-stone-500 text-xs font-bold font-['Istok Web']">20 Sep 03:15pm</span></div> | ||
<div className="w-32 h-16 left-[90px] top-[568px] absolute"><span style="text-black text-base font-bold font-['Istok Web']">Spotify<br/></span><span style="text-stone-500 text-xs font-bold font-['Istok Web']">19 Oct 06:40pm</span></div> | ||
<img className="w-7 h-7 left-[43px] top-[88px] absolute border" src="https://via.placeholder.com/28x30" /> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,38 @@ | ||
<div className="w-96 h-96 relative bg-red-900"> | ||
<div className="w-96 h-96 left-0 top-0 absolute bg-indigo-50" /> | ||
<div className="w-80 h-96 left-[11px] top-[474px] absolute bg-white rounded-2xl" /> | ||
<div className="w-80 h-32 left-[22px] top-[483px] absolute text-black text-3xl font-bold font-['Istok Web']">Billing Statement</div> | ||
<img className="w-14 h-14 left-[280px] top-[552px] absolute" src="https://via.placeholder.com/55x55" /> | ||
<img className="w-14 h-14 left-[280px] top-[653px] absolute" src="https://via.placeholder.com/55x55" /> | ||
<div className="w-52 h-px left-[80px] top-[635px] absolute bg-neutral-300 border-8 border-stone-300"></div> | ||
<img className="w-11 h-11 left-[294px] top-[483px] absolute" src="https://via.placeholder.com/46x46" /> | ||
<div className="w-60 h-40 left-[27px] top-[515px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Sep, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Oct, 2023<br/></span></div> | ||
<div className="w-60 h-40 left-[25px] top-[616px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Aug, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Sep, 2023<br/></span></div> | ||
<img className="w-14 h-14 left-[280px] top-[753px] absolute" src="https://via.placeholder.com/55x55" /> | ||
<div className="w-52 h-px left-[86px] top-[735px] absolute bg-neutral-300 border-8 border-stone-300"></div> | ||
<div className="w-60 h-40 left-[24px] top-[716px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Jul, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Aug, 2023<br/></span></div> | ||
<div className="w-96 h-96 left-[-182px] top-[-217px] absolute bg-blue-600 bg-opacity-40 rounded-full shadow border" /> | ||
<div className="w-96 h-14 left-[-3px] top-[745px] absolute bg-blue-200" /> | ||
<img className="w-9 h-9 left-[229px] top-[754px] absolute rounded-full" src="https://via.placeholder.com/38x38" /> | ||
<img className="w-9 h-9 left-[294px] top-[754px] absolute" src="https://via.placeholder.com/38x37" /> | ||
<img className="w-10 h-10 left-[159px] top-[754px] absolute" src="https://via.placeholder.com/41x41" /> | ||
<img className="w-12 h-12 left-[19px] top-[749px] absolute" src="https://via.placeholder.com/47x47" /> | ||
<img className="w-12 h-12 left-[86px] top-[749px] absolute" src="https://via.placeholder.com/52x52" /> | ||
<div className="w-6 h-4 left-[19px] top-[41px] absolute"> | ||
<div className="w-6 h-px left-0 top-0 absolute bg-zinc-300 border-4 border-black"></div> | ||
<div className="w-6 h-px left-0 top-[8px] absolute bg-zinc-300 border-4 border-black"></div> | ||
<div className="w-6 h-px left-0 top-[16px] absolute bg-zinc-300 border-4 border-black"></div> | ||
</div> | ||
<div className="w-80 h-96 left-[11px] top-[89px] absolute bg-white rounded-2xl" /> | ||
<div className="w-80 h-32 left-[22px] top-[98px] absolute text-black text-3xl font-bold font-['Istok Web']">Revenue Report</div> | ||
<img className="w-14 h-14 left-[280px] top-[167px] absolute" src="https://via.placeholder.com/55x55" /> | ||
<img className="w-14 h-14 left-[280px] top-[268px] absolute" src="https://via.placeholder.com/55x55" /> | ||
<div className="w-52 h-px left-[80px] top-[250px] absolute bg-neutral-300 border-8 border-stone-300"></div> | ||
<div className="w-52 h-px left-[77px] top-[734px] absolute bg-neutral-300 border-8 border-stone-300"></div> | ||
<img className="w-11 h-11 left-[294px] top-[98px] absolute" src="https://via.placeholder.com/46x46" /> | ||
<div className="w-60 h-40 left-[27px] top-[130px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Sep, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Oct, 2023<br/></span></div> | ||
<div className="w-60 h-40 left-[25px] top-[231px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Aug, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Sep, 2023<br/></span></div> | ||
<img className="w-14 h-14 left-[280px] top-[368px] absolute" src="https://via.placeholder.com/55x55" /> | ||
<div className="w-52 h-px left-[86px] top-[350px] absolute bg-neutral-300 border-8 border-stone-300"></div> | ||
<div className="w-60 h-40 left-[24px] top-[331px] absolute"><span style="text-black text-2xl font-bold font-['Istok Web']">Jul, 2023<br/></span><span style="text-black text-base font-bold font-['Istok Web']">Created on: 02 Aug, 2023<br/></span></div> | ||
</div> |
Oops, something went wrong.