1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 ">
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7
+ < title > Document</ title >
8
+ < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css " integrity ="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm " crossorigin ="anonymous ">
9
+
10
+ < link rel ="stylesheet " href ="style.css ">
11
+ < script defer src ="script.js "> </ script >
12
+ </ head >
13
+
14
+ < body >
15
+ < nav class ="navbar navbar-light " style ="font-size: 20px; font-family: sans-serif; background-color: whitesmoke; ">
16
+
17
+
18
+ </ nav >
19
+ < br > < br >
20
+ < div id ="container ">
21
+
22
+ < div class ="lsb tsb " id ="0 ">
23
+
24
+ </ div >
25
+
26
+ < div class ="tsb ldb " id ="1 ">
27
+
28
+ </ div >
29
+
30
+ < div class ="tsb ldb " id ="2 ">
31
+
32
+ </ div >
33
+
34
+ < div class ="tsb lsb " id ="3 ">
35
+
36
+ </ div >
37
+ < div class ="tsb ldb " id ="4 ">
38
+
39
+ </ div >
40
+
41
+ < div class ="tsb ldb " id ="5 ">
42
+
43
+ </ div >
44
+ < div class ="tsb lsb " id ="6 ">
45
+
46
+ </ div >
47
+
48
+ < div class ="tsb ldb " id ="7 ">
49
+
50
+ </ div >
51
+ < div class ="tsb rsb ldb " id ="8 ">
52
+
53
+ </ div >
54
+
55
+ < div class ="lsb tdb " id ="9 ">
56
+
57
+ </ div >
58
+
59
+ < div class ="ldb tdb " id ="10 ">
60
+
61
+ </ div >
62
+
63
+ < div class ="ldb tdb " id ="11 ">
64
+
65
+ </ div >
66
+
67
+ < div class ="lsb tdb " id ="12 ">
68
+
69
+ </ div >
70
+ < div class ="ldb tdb " id ="13 ">
71
+
72
+ </ div >
73
+
74
+ < div class ="ldb tdb " id ="14 ">
75
+
76
+ </ div >
77
+ < div class ="lsb tdb " id ="15 ">
78
+
79
+ </ div >
80
+
81
+ < div class ="ldb tdb " id ="16 ">
82
+
83
+ </ div >
84
+ < div class ="rsb ldb tdb " id ="17 ">
85
+
86
+ </ div >
87
+
88
+ < div class ="lsb bsb tdb " id ="18 ">
89
+
90
+ </ div >
91
+
92
+ < div class ="bsb ldb tdb " id ="19 ">
93
+
94
+ </ div >
95
+
96
+ < div class ="bsb ldb tdb " id ="20 ">
97
+
98
+ </ div >
99
+
100
+ < div class ="bsb lsb tdb " id ="21 ">
101
+
102
+ </ div >
103
+ < div class ="bsb ldb tdb " id ="22 ">
104
+
105
+ </ div >
106
+
107
+ < div class ="bsb ldb tdb " id ="23 ">
108
+
109
+ </ div >
110
+ < div class ="bsb lsb tdb " id ="24 ">
111
+
112
+ </ div >
113
+
114
+ < div class ="bsb ldb tdb " id ="25 ">
115
+
116
+ </ div >
117
+ < div class ="bsb rsb ldb tdb " id ="26 ">
118
+
119
+ </ div >
120
+
121
+ < div class ="lsb " id ="27 ">
122
+
123
+ </ div >
124
+
125
+ < div class ="ldb " id ="28 ">
126
+
127
+ </ div >
128
+
129
+ < div class ="ldb " id ="29 ">
130
+
131
+ </ div >
132
+
133
+ < div class ="lsb " id ="30 ">
134
+
135
+ </ div >
136
+ < div class ="ldb " id ="31 ">
137
+
138
+ </ div >
139
+
140
+ < div class ="ldb " id ="32 ">
141
+
142
+ </ div >
143
+ < div class ="lsb " id ="33 ">
144
+
145
+ </ div >
146
+
147
+ < div class ="ldb " id ="34 ">
148
+
149
+ </ div >
150
+ < div class ="rsb ldb " id ="35 ">
151
+
152
+ </ div >
153
+
154
+ < div class ="lsb tdb " id ="36 ">
155
+
156
+ </ div >
157
+
158
+ < div class ="ldb tdb " id ="37 ">
159
+
160
+ </ div >
161
+
162
+ < div class ="ldb tdb " id ="38 ">
163
+ </ div >
164
+
165
+ < div class ="lsb tdb " id ="39 ">
166
+
167
+ </ div >
168
+ < div class ="ldb tdb " id ="40 ">
169
+
170
+ </ div >
171
+
172
+ < div class ="ldb tdb " id ="41 ">
173
+
174
+ </ div >
175
+ < div class ="lsb tdb " id ="42 ">
176
+
177
+ </ div >
178
+
179
+ < div class ="ldb tdb " id ="43 ">
180
+
181
+ </ div >
182
+ < div class ="rsb ldb tdb " id ="44 ">
183
+
184
+ </ div >
185
+
186
+ < div class ="lsb bsb tdb " id ="45 ">
187
+
188
+ </ div >
189
+
190
+ < div class ="bsb ldb tdb " id ="46 ">
191
+
192
+ </ div >
193
+
194
+ < div class ="bsb ldb tdb " id ="47 ">
195
+
196
+ </ div >
197
+
198
+ < div class ="bsb lsb tdb " id ="48 ">
199
+
200
+ </ div >
201
+ < div class ="bsb ldb tdb " id ="49 ">
202
+
203
+ </ div >
204
+
205
+ < div class ="bsb ldb tdb " id ="50 ">
206
+
207
+ </ div >
208
+ < div class ="bsb lsb tdb " id ="51 ">
209
+
210
+ </ div >
211
+
212
+ < div class ="bsb ldb tdb " id ="52 ">
213
+
214
+ </ div >
215
+ < div class ="bsb rsb ldb tdb " id ="53 ">
216
+
217
+ </ div >
218
+
219
+ < div class ="lsb " id ="54 ">
220
+
221
+ </ div >
222
+
223
+ < div class ="ldb " id ="55 ">
224
+
225
+ </ div >
226
+
227
+ < div class ="ldb " id ="56 ">
228
+
229
+ </ div >
230
+
231
+ < div class ="lsb " id ="57 ">
232
+
233
+ </ div >
234
+ < div class ="ldb " id ="58 ">
235
+
236
+ </ div class="ldb">
237
+
238
+ < div class ="ldb " id ="59 ">
239
+
240
+ </ div >
241
+ < div class ="lsb " id ="60 ">
242
+
243
+ </ div >
244
+
245
+ < div class ="ldb " id ="61 ">
246
+
247
+ </ div >
248
+ < div class ="rsb ldb " id ="62 ">
249
+
250
+ </ div >
251
+
252
+ < div class ="lsb tdb " id ="63 ">
253
+
254
+ </ div >
255
+
256
+ < div class ="ldb tdb " id ="64 ">
257
+
258
+ </ div >
259
+
260
+ < div class ="ldb tdb " id ="65 ">
261
+
262
+ </ div >
263
+
264
+ < div class ="lsb tdb " id ="66 ">
265
+
266
+ </ div >
267
+ < div class ="ldb tdb " id ="67 ">
268
+
269
+ </ div >
270
+
271
+ < div class ="ldb tdb " id ="68 ">
272
+
273
+ </ div >
274
+ < div class ="lsb tdb " id ="69 ">
275
+
276
+ </ div >
277
+
278
+ < div class ="ldb tdb " id ="70 ">
279
+
280
+ </ div >
281
+ < div class ="rsb ldb tdb " id ="71 ">
282
+
283
+ </ div >
284
+
285
+ < div class ="lsb bsb tdb " id ="72 ">
286
+
287
+ </ div >
288
+
289
+ < div class ="bsb ldb tdb " id ="73 ">
290
+
291
+ </ div >
292
+
293
+ < div class ="bsb ldb tdb " id ="74 ">
294
+
295
+ </ div >
296
+
297
+ < div class ="bsb lsb tdb " id ="75 ">
298
+
299
+ </ div >
300
+ < div class ="bsb ldb tdb " id ="76 ">
301
+
302
+ </ div >
303
+
304
+ < div class ="bsb tdb ldb " id ="77 ">
305
+
306
+ </ div >
307
+ < div class ="bsb lsb tdb " id ="78 ">
308
+
309
+ </ div >
310
+
311
+ < div class ="bsb ldb tdb " id ="79 ">
312
+
313
+ </ div >
314
+ < div class ="bsb rsb ldb tdb " id ="80 ">
315
+
316
+ </ div >
317
+
318
+
319
+ </ div >
320
+ < br >
321
+ < div id ="buttons ">
322
+ < button type ="button " class ="btn btn-danger " id ="generate-sudoku "> Get New
323
+ Puzzle</ button >
324
+ < button type ="button " class ="btn btn-success " id ="solve "> Solve</ button >
325
+ </ div >
326
+ </ body >
327
+
328
+ </ html >
0 commit comments