File tree Expand file tree Collapse file tree
Projects/RockPaperScsissors Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ < html lang ="en ">
2+ < head >
3+ < meta charset ="UTF-8 " />
4+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6+ < script src ="https://cdn.tailwindcss.com "> </ script >
7+ < title > Rock Paper Sscissors</ title >
8+ </ head >
9+ < body >
10+ < div class ="bg-gradient-to-r from-cyan-500 to-blue-500 h-[100vh] ">
11+ < div class ="xl:w-[50%] md-w-[100%] m-auto pt-5 flex flex-col gap-[100px] ">
12+ < div class ="border-2 rounded-md p-5 flex justify-between ">
13+ < img src ="./assets/svg/logo.svg " />
14+ < div
15+ class ="flex flex-col justify-center text-center bg-white rounded-lg p-5 gap-3 "
16+ >
17+ < span class ="text-2xl text-blue-400 "> Score</ span >
18+ < span class ="font-bold text-4xl text-blue-400 " id ="score "> 0</ span >
19+ </ div >
20+ </ div >
21+ < div class ="justify-center flex ">
22+ < div
23+ class ="relative bg-[url('./assets/svg/bg-triangle.svg')] h-[300px] w-[305px] bg-no-repeat bg-center "
24+ >
25+ < div
26+ class ="bg-white absolute left-0 top-[-10%] rounded-full w-[100px] h-[100px] flex hover:shadow-[0_1px_20px_10px_#f8f8f8] "
27+ >
28+ < img src ="./assets/svg/icon-paper.svg " class ="m-auto " />
29+ </ div >
30+ < div
31+ class ="bg-white absolute right-0 top-[-10%] rounded-full w-[100px] h-[100px] flex hover:shadow-[0_1px_20px_10px_#f8f8f8] "
32+ >
33+ < img src ="./assets/svg/icon-scissors.svg " class ="m-auto " />
34+ </ div >
35+ < div
36+ class ="bg-white absolute left-[34%] bottom-0 rounded-full w-[100px] h-[100px] flex hover:shadow-[0_1px_20px_10px_#f8f8f8] "
37+ >
38+ < img src ="./assets/svg/icon-rock.svg " class ="m-auto " />
39+ </ div >
40+ </ div >
41+ </ div >
42+ < button
43+ class ="bg-white w-[100px] border-0 text-sky-500 rounded-lg m-auto pointer "
44+ >
45+ Reset game
46+ </ button >
47+ </ div >
48+ </ div >
49+ </ body >
50+ </ html >
You can’t perform that action at this time.
0 commit comments