1+ <!DOCTYPE html>
2+ <!-- Coding By CodingNepal - youtube.com/codingnepal -->
3+ < html lang ="en " dir ="ltr ">
4+ < head >
5+ < meta charset ="utf-8 ">
6+ < title > Memory Card Game in JavaScript | CodingNepal</ title >
7+ < link rel ="stylesheet " href ="style.css ">
8+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
9+ </ head >
10+ < body >
11+ < div class ="wrapper ">
12+ < ul class ="cards ">
13+ < li class ="card ">
14+ < div class ="view front-view ">
15+ < img src ="images/que_icon.svg " alt ="icon ">
16+ </ div >
17+ < div class ="view back-view ">
18+ < img src ="images/img-1.png " alt ="card-img ">
19+ </ div >
20+ </ li >
21+ < li class ="card ">
22+ < div class ="view front-view ">
23+ < img src ="images/que_icon.svg " alt ="icon ">
24+ </ div >
25+ < div class ="view back-view ">
26+ < img src ="images/img-6.png " alt ="card-img ">
27+ </ div >
28+ </ li >
29+ < li class ="card ">
30+ < div class ="view front-view ">
31+ < img src ="images/que_icon.svg " alt ="icon ">
32+ </ div >
33+ < div class ="view back-view ">
34+ < img src ="images/img-3.png " alt ="card-img ">
35+ </ div >
36+ </ li >
37+ < li class ="card ">
38+ < div class ="view front-view ">
39+ < img src ="images/que_icon.svg " alt ="icon ">
40+ </ div >
41+ < div class ="view back-view ">
42+ < img src ="images/img-2.png " alt ="card-img ">
43+ </ div >
44+ </ li >
45+ < li class ="card ">
46+ < div class ="view front-view ">
47+ < img src ="images/que_icon.svg " alt ="icon ">
48+ </ div >
49+ < div class ="view back-view ">
50+ < img src ="images/img-1.png " alt ="card-img ">
51+ </ div >
52+ </ li >
53+ < li class ="card ">
54+ < div class ="view front-view ">
55+ < img src ="images/que_icon.svg " alt ="icon ">
56+ </ div >
57+ < div class ="view back-view ">
58+ < img src ="images/img-5.png " alt ="card-img ">
59+ </ div >
60+ </ li >
61+ < li class ="card ">
62+ < div class ="view front-view ">
63+ < img src ="images/que_icon.svg " alt ="icon ">
64+ </ div >
65+ < div class ="view back-view ">
66+ < img src ="images/img-2.png " alt ="card-img ">
67+ </ div >
68+ </ li >
69+ < li class ="card ">
70+ < div class ="view front-view ">
71+ < img src ="images/que_icon.svg " alt ="icon ">
72+ </ div >
73+ < div class ="view back-view ">
74+ < img src ="images/img-6.png " alt ="card-img ">
75+ </ div >
76+ </ li >
77+ < li class ="card ">
78+ < div class ="view front-view ">
79+ < img src ="images/que_icon.svg " alt ="icon ">
80+ </ div >
81+ < div class ="view back-view ">
82+ < img src ="images/img-3.png " alt ="card-img ">
83+ </ div >
84+ </ li >
85+ < li class ="card ">
86+ < div class ="view front-view ">
87+ < img src ="images/que_icon.svg " alt ="icon ">
88+ </ div >
89+ < div class ="view back-view ">
90+ < img src ="images/img-4.png " alt ="card-img ">
91+ </ div >
92+ </ li >
93+ < li class ="card ">
94+ < div class ="view front-view ">
95+ < img src ="images/que_icon.svg " alt ="icon ">
96+ </ div >
97+ < div class ="view back-view ">
98+ < img src ="images/img-5.png " alt ="card-img ">
99+ </ div >
100+ </ li >
101+ < li class ="card ">
102+ < div class ="view front-view ">
103+ < img src ="images/que_icon.svg " alt ="icon ">
104+ </ div >
105+ < div class ="view back-view ">
106+ < img src ="images/img-4.png " alt ="card-img ">
107+ </ div >
108+ </ li >
109+ < li class ="card ">
110+ < div class ="view front-view ">
111+ < img src ="images/que_icon.svg " alt ="icon ">
112+ </ div >
113+ < div class ="view back-view ">
114+ < img src ="images/img-4.png " alt ="card-img ">
115+ </ div >
116+ </ li >
117+ < li class ="card ">
118+ < div class ="view front-view ">
119+ < img src ="images/que_icon.svg " alt ="icon ">
120+ </ div >
121+ < div class ="view back-view ">
122+ < img src ="images/img-4.png " alt ="card-img ">
123+ </ div >
124+ </ li >
125+ < li class ="card ">
126+ < div class ="view front-view ">
127+ < img src ="images/que_icon.svg " alt ="icon ">
128+ </ div >
129+ < div class ="view back-view ">
130+ < img src ="images/img-4.png " alt ="card-img ">
131+ </ div >
132+ </ li >
133+ < li class ="card ">
134+ < div class ="view front-view ">
135+ < img src ="images/que_icon.svg " alt ="icon ">
136+ </ div >
137+ < div class ="view back-view ">
138+ < img src ="images/img-4.png " alt ="card-img ">
139+ </ div >
140+ </ li >
141+ </ ul >
142+ </ div >
143+
144+ < script src ="script.js "> </ script >
145+
146+ </ body >
147+ </ html >
0 commit comments