-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathquestion-page.html
More file actions
613 lines (562 loc) · 75.8 KB
/
Copy pathquestion-page.html
File metadata and controls
613 lines (562 loc) · 75.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>
<link rel="stylesheet" href="./asset/css/common.css">
<link rel="stylesheet" href="./asset/css/question-page.css">
<title>Codelace/Question</title>
</head>
<body>
<!-- navbar section start -->
<section class="navbar-section">
<div class="container py-1 border-top-0">
<div class="row by-1 border-top-0">
<div class="col-12 px-16">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="./index.html">
<svg width="131" height="29" viewBox="0 0 131 29" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M33.4118 25.2412C31.042 25.2412 29.2421 24.5512 28.0122 23.1713C26.7823 21.7915 26.1674 19.6466 26.1674 16.7368C26.1674 13.7871 26.8423 11.6372 28.1922 10.2873C29.5421 8.93742 31.477 8.26247 33.9968 8.26247C35.0267 8.26247 36.0016 8.35746 36.9215 8.54745V12.1472C36.2016 11.9972 35.5016 11.9222 34.8217 11.9222C33.8518 11.9222 33.0718 12.0722 32.4819 12.3722C31.8919 12.6721 31.452 13.1671 31.162 13.857C30.882 14.547 30.742 15.4819 30.742 16.6618C30.742 17.9017 30.872 18.8817 31.132 19.6016C31.402 20.3116 31.7969 20.8165 32.3169 21.1165C32.8468 21.4165 33.5318 21.5665 34.3717 21.5665C35.0817 21.5665 35.9316 21.4065 36.9215 21.0865V24.6862C35.8016 25.0562 34.6317 25.2412 33.4118 25.2412Z"
fill="#121212" />
<path
d="M44.9155 25.2412C42.6956 25.2412 40.9958 24.5562 39.8159 23.1863C38.6459 21.8065 38.061 19.6816 38.061 16.8118C38.061 11.1123 40.3458 8.26247 44.9155 8.26247C47.1253 8.26247 48.8202 8.96741 50.0001 10.3773C51.18 11.7772 51.77 13.907 51.77 16.7668C51.77 22.4164 49.4851 25.2412 44.9155 25.2412ZM44.9155 21.9414C45.4554 21.9414 45.8954 21.8015 46.2354 21.5215C46.5753 21.2415 46.8353 20.7315 47.0153 19.9916C47.1953 19.2416 47.2853 18.1867 47.2853 16.8268C47.2853 15.4369 47.1903 14.357 47.0003 13.5871C46.8203 12.8171 46.5603 12.2872 46.2204 11.9972C45.8804 11.6972 45.4454 11.5472 44.9155 11.5472C44.3855 11.5472 43.9505 11.6922 43.6106 11.9822C43.2706 12.2722 43.0056 12.7971 42.8156 13.5571C42.6356 14.317 42.5457 15.3819 42.5457 16.7518C42.5457 18.1317 42.6356 19.2016 42.8156 19.9616C42.9956 20.7115 43.2556 21.2315 43.5956 21.5215C43.9355 21.8015 44.3755 21.9414 44.9155 21.9414Z"
fill="#121212" />
<path
d="M59.3017 25.2412C58.2418 25.2412 57.2819 24.9562 56.422 24.3863C55.562 23.8163 54.8721 22.9214 54.3521 21.7015C53.8421 20.4716 53.5872 18.9217 53.5872 17.0518C53.5872 14.132 54.2571 11.9422 55.597 10.4823C56.9369 9.01241 59.0068 8.27747 61.8065 8.27747C62.0965 8.27747 62.3765 8.29246 62.6465 8.32246V0.688034H67.0262V24.9262H63.3214L63.0215 23.1863H62.8115C62.4815 23.8263 62.0165 24.3313 61.4166 24.7012C60.8266 25.0612 60.1217 25.2412 59.3017 25.2412ZM60.7266 21.5365C61.0966 21.5365 61.4566 21.4565 61.8065 21.2965C62.1565 21.1365 62.4365 20.9115 62.6465 20.6215V11.7572C62.2465 11.6872 61.8465 11.6522 61.4466 11.6522C60.6866 11.6522 60.0617 11.8072 59.5717 12.1172C59.0818 12.4272 58.7068 12.9521 58.4468 13.6921C58.1968 14.422 58.0718 15.4119 58.0718 16.6618C58.0718 17.9417 58.1768 18.9417 58.3868 19.6616C58.6068 20.3716 58.9068 20.8615 59.2867 21.1315C59.6767 21.4015 60.1567 21.5365 60.7266 21.5365Z"
fill="#121212" />
<path
d="M82.1574 18.0867H73.7731C73.8131 19.0067 73.9631 19.7316 74.223 20.2616C74.493 20.7815 74.908 21.1565 75.4679 21.3865C76.0279 21.6065 76.7878 21.7165 77.7478 21.7165C78.7677 21.7165 79.9776 21.5315 81.3775 21.1615V24.6862C80.5976 24.8762 79.8776 25.0162 79.2177 25.1062C78.5577 25.1962 77.8828 25.2412 77.1928 25.2412C75.343 25.2412 73.8431 24.9512 72.6931 24.3713C71.5432 23.7813 70.6933 22.8614 70.1433 21.6115C69.5934 20.3516 69.3184 18.7017 69.3184 16.6618C69.3184 13.902 69.8934 11.8122 71.0433 10.3923C72.2032 8.97241 73.8531 8.26247 75.9929 8.26247C78.0128 8.26247 79.5426 8.97241 80.5826 10.3923C81.6325 11.8122 82.1574 13.942 82.1574 16.7818V18.0867ZM75.9629 11.1722C75.4829 11.1722 75.083 11.2922 74.763 11.5322C74.453 11.7722 74.208 12.2022 74.028 12.8221C73.8581 13.4321 73.7681 14.282 73.7581 15.3719H78.0627C78.0527 14.272 77.9678 13.4171 77.8078 12.8071C77.6478 12.1972 77.4178 11.7722 77.1178 11.5322C76.8178 11.2922 76.4329 11.1722 75.9629 11.1722Z"
fill="#121212" />
<path d="M84.2742 24.9262V0.688034H88.6538V24.9262H84.2742Z" fill="#121212" />
<path
d="M96.6082 8.26247C98.148 8.26247 99.3929 8.47245 100.343 8.89242C101.293 9.30239 101.998 9.98234 102.458 10.9323C102.918 11.8722 103.148 13.1471 103.148 14.757V24.9262H99.5929L99.2629 23.2013H99.068C98.688 23.8913 98.178 24.4013 97.5381 24.7312C96.9081 25.0612 96.1832 25.2262 95.3632 25.2262C94.4633 25.2262 93.6634 25.0362 92.9634 24.6562C92.2735 24.2763 91.7335 23.7313 91.3435 23.0214C90.9636 22.3014 90.7736 21.4665 90.7736 20.5165C90.7736 18.9267 91.2586 17.6968 92.2285 16.8268C93.1984 15.9569 94.7333 15.4469 96.8331 15.2969L98.903 15.117V14.562C98.903 13.852 98.798 13.2971 98.588 12.8971C98.388 12.4971 98.063 12.2122 97.6131 12.0422C97.1631 11.8722 96.5481 11.7872 95.7682 11.7872C95.1783 11.7872 94.5433 11.8372 93.8634 11.9372C93.1934 12.0372 92.5485 12.1822 91.9285 12.3722V8.84742C92.6085 8.66744 93.3684 8.52745 94.2083 8.42745C95.0483 8.31746 95.8482 8.26247 96.6082 8.26247ZM96.8781 21.9564C97.2481 21.9564 97.6081 21.8764 97.9581 21.7165C98.308 21.5565 98.623 21.2965 98.903 20.9365V17.7118L97.3431 17.8467C96.5832 17.9067 96.0132 18.1217 95.6332 18.4917C95.2533 18.8517 95.0633 19.3566 95.0633 20.0066C95.0633 20.6465 95.2233 21.1315 95.5432 21.4615C95.8632 21.7915 96.3082 21.9564 96.8781 21.9564Z"
fill="#121212" />
<path
d="M112.595 25.2412C110.225 25.2412 108.426 24.5512 107.196 23.1713C105.966 21.7915 105.351 19.6466 105.351 16.7368C105.351 13.7871 106.026 11.6372 107.376 10.2873C108.726 8.93742 110.66 8.26247 113.18 8.26247C114.21 8.26247 115.185 8.35746 116.105 8.54745V12.1472C115.385 11.9972 114.685 11.9222 114.005 11.9222C113.035 11.9222 112.255 12.0722 111.665 12.3722C111.075 12.6721 110.635 13.1671 110.345 13.857C110.066 14.547 109.926 15.4819 109.926 16.6618C109.926 17.9017 110.056 18.8817 110.315 19.6016C110.585 20.3116 110.98 20.8165 111.5 21.1165C112.03 21.4165 112.715 21.5665 113.555 21.5665C114.265 21.5665 115.115 21.4065 116.105 21.0865V24.6862C114.985 25.0562 113.815 25.2412 112.595 25.2412Z"
fill="#121212" />
<path
d="M130.084 18.0867H121.699C121.739 19.0067 121.889 19.7316 122.149 20.2616C122.419 20.7815 122.834 21.1565 123.394 21.3865C123.954 21.6065 124.714 21.7165 125.674 21.7165C126.694 21.7165 127.904 21.5315 129.304 21.1615V24.6862C128.524 24.8762 127.804 25.0162 127.144 25.1062C126.484 25.1962 125.809 25.2412 125.119 25.2412C123.269 25.2412 121.769 24.9512 120.619 24.3713C119.469 23.7813 118.619 22.8614 118.069 21.6115C117.519 20.3516 117.244 18.7017 117.244 16.6618C117.244 13.902 117.819 11.8122 118.969 10.3923C120.129 8.97241 121.779 8.26247 123.919 8.26247C125.939 8.26247 127.469 8.97241 128.509 10.3923C129.559 11.8122 130.084 13.942 130.084 16.7818V18.0867ZM123.889 11.1722C123.409 11.1722 123.009 11.2922 122.689 11.5322C122.379 11.7722 122.134 12.2022 121.954 12.8221C121.784 13.4321 121.694 14.282 121.684 15.3719H125.989C125.979 14.272 125.894 13.4171 125.734 12.8071C125.574 12.1972 125.344 11.7722 125.044 11.5322C124.744 11.2922 124.359 11.1722 123.889 11.1722Z"
fill="#121212" />
<path
d="M11.314 16.8305C10.9853 16.8681 10.6415 16.8106 10.3275 16.6407C9.73967 16.3225 9.00756 16.5266 8.66259 17.0886L6.3181 21.51C5.98995 22.1168 6.21664 22.8752 6.8247 23.2041C7.43259 23.5327 8.19145 23.3072 8.51961 22.7004L10.8879 18.2355C11.112 17.7927 11.2441 17.3107 11.314 16.8305Z"
fill="url(#paint0_linear_107_2)" />
<path
d="M10.5272 16.2718C10.7934 16.4158 11.0871 16.4515 11.3617 16.4002C11.4358 15.3891 11.2683 14.4168 11.1198 13.8082C9.21318 13.1361 7.04445 13.9271 6.05544 15.7555C5.24478 17.2549 5.45132 19.0379 6.44011 20.3057L8.25712 16.9462C8.6967 16.1329 9.71258 15.8312 10.5272 16.2718Z"
fill="url(#paint1_linear_107_2)" />
<path
d="M13.6866 12.1769C13.4526 11.5273 12.7296 11.1925 12.0837 11.4278C11.4338 11.6609 11.102 12.3787 11.3363 13.0281C11.3492 13.0609 12.4582 16.2242 11.2056 18.5407L9.38836 21.9004C10.9706 22.0332 12.5551 21.2496 13.377 19.7866C13.3876 19.7668 13.3963 19.751 13.4069 19.7312C15.2003 16.415 13.75 12.3445 13.6866 12.1769Z"
fill="url(#paint2_linear_107_2)" />
<path
d="M14.3923 6.40806L13.5131 8.11999C13.9162 8.21 14.3138 8.35809 14.6951 8.56456C15.0767 8.77086 15.4183 9.02232 15.7144 9.31056L16.5938 7.59847C16.922 6.99162 16.6953 6.23318 16.0872 5.90433C15.4793 5.57574 14.7207 5.80104 14.3923 6.40806Z"
fill="url(#paint3_linear_107_2)" />
<path
d="M8.83568 10.6149C8.36798 11.4793 8.23885 12.44 8.40234 13.3437C9.23461 13.0964 10.1385 13.0776 11.0034 13.33C10.7776 12.8645 10.7712 12.2972 11.0372 11.8053C11.4768 10.9921 12.4926 10.6904 13.3073 11.1309C13.7006 11.3437 13.9786 11.6938 14.1037 12.0897C14.224 12.4369 14.7651 14.124 14.7137 16.1467C15.3132 15.7787 15.825 15.2507 16.1833 14.5883C17.2773 12.5653 16.5183 10.0272 14.4917 8.93112C12.4691 7.83725 9.9299 8.59169 8.83568 10.6149Z"
fill="url(#paint4_linear_107_2)" />
<path
d="M3.18051 16.157L0.865479 20.5839L3.82992 28.9994L12.4171 26.5769L14.7322 22.1501L6.1311 24.5992L3.18051 16.157Z"
fill="url(#paint5_linear_107_2)" />
<path
d="M19.7894 12.843L22.1044 8.41614L19.14 0.000656128L10.5528 2.42312L8.23776 6.84995L16.8388 4.40079L19.7894 12.843Z"
fill="url(#paint6_linear_107_2)" />
<path
d="M16.5049 7.55278L16.5058 7.5509C16.8077 6.99278 16.5993 6.29495 16.0396 5.99229C15.4805 5.69007 14.7831 5.8971 14.4808 6.45471L13.6603 8.05227C14.0295 8.14579 14.3929 8.28721 14.7427 8.47659C14.7427 8.4766 14.7427 8.47661 14.7427 8.47662L14.6951 8.56456C15.0447 8.75354 15.3606 8.98041 15.6388 9.23875L16.5049 7.55278ZM16.5049 7.55278L15.6862 9.14643L16.5049 7.55278ZM8.92364 10.6625L8.92363 10.6625C8.48596 11.4714 8.35202 12.3667 8.48252 13.2169C9.23842 13.0115 10.0481 12.9894 10.8337 13.1811C10.6771 12.7291 10.7031 12.2129 10.9492 11.7577M8.92364 10.6625L14.716 16.0273C14.7439 14.0579 14.2217 12.43 14.1037 12.0897L14.199 12.0595C14.1989 12.0591 14.1988 12.0586 14.1986 12.0582C14.0657 11.6386 13.771 11.2681 13.3548 11.043L13.3548 11.043C12.4918 10.5762 11.4152 10.8957 10.9492 11.7577M8.92364 10.6625C9.99154 8.68791 12.47 7.95144 14.4441 9.01908C16.4223 10.0889 17.163 12.5664 16.0954 14.5407C15.777 15.1294 15.3346 15.609 14.8168 15.961L8.92364 10.6625ZM10.9492 11.7577L11.0372 11.8053M10.9492 11.7577C10.9492 11.7577 10.9492 11.7577 10.9492 11.7577L11.0372 11.8053M11.0372 11.8053C10.7934 12.2561 10.7784 12.7703 10.9515 13.2115L13.3073 11.1309C12.4926 10.6904 11.4768 10.9921 11.0372 11.8053ZM10.2799 16.7286L10.28 16.7286C10.5717 16.8865 10.8877 16.9527 11.1956 16.9399C11.123 17.3701 10.9979 17.7964 10.7991 18.1895C10.799 18.1898 10.7988 18.1901 10.7987 18.1904L8.43164 22.6528C8.43158 22.6529 8.43151 22.653 8.43145 22.6532C8.12954 23.211 7.43159 23.4185 6.87225 23.1161C6.31264 22.8134 6.10426 22.1156 6.40607 21.5575L6.40645 21.5568L8.74944 17.1383C9.06762 16.623 9.74026 16.4366 10.2799 16.7286ZM10.5748 16.1838L10.5748 16.1838C9.71173 15.7171 8.63509 16.0366 8.16915 16.8986L6.42643 20.1208C5.5415 18.8926 5.37832 17.2182 6.14341 15.8031C7.09967 14.0352 9.18667 13.2606 11.0354 13.8848C11.1751 14.4737 11.3245 15.3739 11.2672 16.3136C11.0363 16.3418 10.7951 16.3031 10.5748 16.1838ZM13.5926 12.2108L13.5926 12.2108L13.5931 12.2123C13.6227 12.2906 13.9984 13.3413 14.1436 14.7834C14.2888 16.2262 14.2024 18.0501 13.3189 19.6837L13.3188 19.684L13.304 19.7113L13.2898 19.7376C13.2897 19.7379 13.2895 19.7381 13.2894 19.7384C12.5138 21.1182 11.0428 21.8788 9.55057 21.8107L11.2936 18.5882L11.2056 18.5407L11.2936 18.5882C11.9341 17.4038 11.9682 16.0096 11.8449 14.9168C11.7244 13.8481 11.4517 13.0527 11.4303 12.9942L11.4303 12.9942C11.2145 12.396 11.5204 11.7361 12.1175 11.522L12.118 11.5218C12.7121 11.3053 13.3774 11.6136 13.5926 12.2108ZM8.49898 13.3161C9.26383 13.1065 10.0849 13.0887 10.8778 13.2953L8.49898 13.3161ZM6.0367 24.6322L6.06781 24.7212L6.15849 24.6954L14.5357 22.31L12.3485 26.4923L3.89307 28.8776L0.974248 20.5917L3.16222 16.4078L6.0367 24.6322ZM16.9332 4.3678L16.9021 4.27879L16.8114 4.30461L8.43424 6.69003L10.6214 2.50766L19.0768 0.122373L21.9957 8.40835L19.8077 12.5922L16.9332 4.3678Z"
stroke="white" stroke-width="0.2" />
<defs>
<linearGradient id="paint0_linear_107_2" x1="-1.09757" y1="23.4447" x2="24.3282"
y2="4.32805" gradientUnits="userSpaceOnUse">
<stop stop-color="#0019FC" />
<stop offset="1" stop-color="#00B3FF" />
</linearGradient>
<linearGradient id="paint1_linear_107_2" x1="-1.09757" y1="23.4447" x2="24.3282"
y2="4.32805" gradientUnits="userSpaceOnUse">
<stop stop-color="#0019FC" />
<stop offset="1" stop-color="#00B3FF" />
</linearGradient>
<linearGradient id="paint2_linear_107_2" x1="-1.09757" y1="23.4447" x2="24.3282"
y2="4.32805" gradientUnits="userSpaceOnUse">
<stop stop-color="#0019FC" />
<stop offset="1" stop-color="#00B3FF" />
</linearGradient>
<linearGradient id="paint3_linear_107_2" x1="-1.09757" y1="23.4447" x2="24.3282"
y2="4.32805" gradientUnits="userSpaceOnUse">
<stop stop-color="#0019FC" />
<stop offset="1" stop-color="#00B3FF" />
</linearGradient>
<linearGradient id="paint4_linear_107_2" x1="-1.09757" y1="23.4447" x2="24.3282"
y2="4.32805" gradientUnits="userSpaceOnUse">
<stop stop-color="#0019FC" />
<stop offset="1" stop-color="#00B3FF" />
</linearGradient>
<linearGradient id="paint5_linear_107_2" x1="0.865479" y1="15.6153" x2="22.1061"
y2="15.6674" gradientUnits="userSpaceOnUse">
<stop stop-color="#0019FC" />
<stop offset="1" stop-color="#00B3FF" />
</linearGradient>
<linearGradient id="paint6_linear_107_2" x1="13.576" y1="9.61942" x2="18.6602"
y2="-0.249226" gradientUnits="userSpaceOnUse">
<stop stop-color="#0019FC" />
<stop offset="1" stop-color="#00B3FF" />
</linearGradient>
</defs>
</svg></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Jobs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Developers</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_self" href="./question-page.html">Questions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Log in</a>
</li>
</ul>
<a class="btn btn-primary ms-2" href="#">Sign up</a>
</div>
</nav>
</div>
</div>
</div>
</section>
<!-- navbar section end -->
<!-- reply section start -->
<div class="reply-section container">
<div class="row px-16">
<div class="col col-first bx-1 border-0 p-3 px-0 p-lg-4 ps-lg-0 d-flex flex-column">
<a class="btn btn-outline mb-3 fs-14 fw-semibold" href="#">Ask a Question</a>
<ul class="menu-list list-unstyled mt-md-1 mb-0">
<li class="d-flex align-items-center column-gap-2 fs-12">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 14.6667C4.31804 14.6667 1.33337 11.682 1.33337 8C1.33337 4.318 4.31804 1.33334 8.00004 1.33334C11.682 1.33334 14.6667 4.318 14.6667 8C14.6667 11.682 11.682 14.6667 8.00004 14.6667ZM8.00004 13.3333C9.41453 13.3333 10.7711 12.7714 11.7713 11.7712C12.7715 10.771 13.3334 9.41449 13.3334 8C13.3334 6.58551 12.7715 5.22896 11.7713 4.22877C10.7711 3.22857 9.41453 2.66667 8.00004 2.66667C6.58555 2.66667 5.229 3.22857 4.2288 4.22877C3.22861 5.22896 2.66671 6.58551 2.66671 8C2.66671 9.41449 3.22861 10.771 4.2288 11.7712C5.229 12.7714 6.58555 13.3333 8.00004 13.3333ZM7.33337 10H8.66671V11.3333H7.33337V10ZM8.66671 8.90334V9.33334H7.33337V8.33334C7.33337 8.15652 7.40361 7.98696 7.52864 7.86193C7.65366 7.73691 7.82323 7.66667 8.00004 7.66667C8.18943 7.66666 8.37491 7.61287 8.53492 7.51156C8.69493 7.41024 8.82288 7.26558 8.90389 7.09439C8.98489 6.9232 9.01562 6.73253 8.99249 6.54456C8.96937 6.3566 8.89334 6.17906 8.77326 6.03261C8.65318 5.88616 8.49398 5.77682 8.31419 5.71732C8.13439 5.65781 7.9414 5.65058 7.75766 5.69647C7.57392 5.74236 7.40698 5.83949 7.27628 5.97655C7.14559 6.1136 7.05649 6.28496 7.01937 6.47067L5.71137 6.20867C5.79246 5.80339 5.97971 5.42692 6.25399 5.11773C6.52826 4.80854 6.87972 4.57772 7.27243 4.44888C7.66515 4.32004 8.08503 4.29779 8.48916 4.38441C8.89329 4.47103 9.26717 4.66341 9.57259 4.94189C9.878 5.22036 10.104 5.57494 10.2274 5.96938C10.3509 6.36382 10.3674 6.78396 10.2753 7.18687C10.1831 7.58978 9.98568 7.961 9.70305 8.26258C9.42043 8.56416 9.0628 8.78528 8.66671 8.90334Z" fill="#828282"></path>
</svg>
Latest Question
</li>
<li class="d-flex align-items-center column-gap-2 fs-12">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.26257 9.82652L7.26259 9.82653C7.50193 9.956 7.76066 10.0124 8.01357 10.0053C7.95287 10.3555 7.84987 10.7019 7.68831 11.0215L5.71575 14.7402C5.71569 14.7403 5.71563 14.7404 5.71557 14.7405C5.46839 15.1972 4.89697 15.3671 4.43899 15.1195C3.98077 14.8717 3.81019 14.3004 4.05728 13.8434L4.05766 13.8427L6.00969 10.1615C6.27035 9.7399 6.82091 9.58749 7.26257 9.82652ZM7.52412 9.34324L7.5241 9.34322C6.79691 8.94996 5.88966 9.21917 5.49702 9.94555L4.05761 12.607C3.33745 11.5906 3.20856 10.2136 3.83842 9.04854C4.62976 7.58557 6.35514 6.94294 7.88592 7.45512C8.0008 7.94205 8.12235 8.68009 8.07736 9.45107C7.89234 9.47097 7.70012 9.43846 7.52412 9.34324ZM10.0151 6.05306L10.015 6.05307L10.0156 6.05452C10.0399 6.11882 10.3525 6.99292 10.4733 8.19263C10.5942 9.39313 10.522 10.9091 9.78807 12.2662L9.78791 12.2665L9.77564 12.2892L9.76395 12.3109C9.76382 12.3112 9.76368 12.3114 9.76355 12.3116C9.12505 13.4474 7.91828 14.0772 6.69013 14.0309L8.1298 11.3693L8.12981 11.3693C8.66585 10.378 8.69394 9.21226 8.59109 8.30026C8.49076 7.41053 8.26407 6.74748 8.24476 6.69449L8.24477 6.69448C8.06802 6.20457 8.31858 5.66438 8.80728 5.48909L8.80775 5.48892C9.29417 5.31171 9.83891 5.56415 10.0151 6.05306ZM12.4436 2.15659L12.4426 2.15846L11.7704 3.46698C11.5406 3.2586 11.2817 3.07512 10.9971 2.92121C10.7108 2.76622 10.4136 2.6496 10.1116 2.57132L10.7856 1.25892C11.0331 0.802516 11.6041 0.633043 12.0618 0.880479C12.5201 1.1283 12.6907 1.69966 12.4436 2.15659ZM6.15503 4.76516L6.15504 4.76515C7.04048 3.12798 9.09554 2.51731 10.7324 3.40254C12.3726 4.28964 12.9867 6.34388 12.1015 7.98083C11.8429 8.45898 11.4857 8.85034 11.0677 9.14044C11.0747 7.52519 10.6507 6.20109 10.5516 5.91496C10.4395 5.56135 10.1911 5.24923 9.8406 5.0596L9.84059 5.0596C9.11339 4.66633 8.20615 4.93555 7.81351 5.66193C7.6113 6.03591 7.5854 6.4587 7.70657 6.83261C7.06458 6.68128 6.40438 6.69992 5.78652 6.86477C5.68304 6.16524 5.79531 5.43003 6.15503 4.76516Z" fill="#828282" stroke="white" stroke-width="0.2"></path>
</svg>
Top laces
</li>
<li class="d-flex align-items-center column-gap-2 fs-12">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 10.5H14V4.5C14 4.10218 13.842 3.72064 13.5607 3.43934C13.2794 3.15804 12.8978 3 12.5 3H3.5C3.10218 3 2.72064 3.15804 2.43934 3.43934C2.15804 3.72064 2 4.10218 2 4.5V10.5H1.5C1.36739 10.5 1.24021 10.5527 1.14645 10.6464C1.05268 10.7402 1 10.8674 1 11V12C1 12.3978 1.15804 12.7794 1.43934 13.0607C1.72064 13.342 2.10218 13.5 2.5 13.5H13.5C13.8978 13.5 14.2794 13.342 14.5607 13.0607C14.842 12.7794 15 12.3978 15 12V11C15 10.8674 14.9473 10.7402 14.8536 10.6464C14.7598 10.5527 14.6326 10.5 14.5 10.5ZM3 4.5C3 4.36739 3.05268 4.24021 3.14645 4.14645C3.24021 4.05268 3.36739 4 3.5 4H12.5C12.6326 4 12.7598 4.05268 12.8536 4.14645C12.9473 4.24021 13 4.36739 13 4.5V10.5H3V4.5ZM14 12C14 12.1326 13.9473 12.2598 13.8536 12.3536C13.7598 12.4473 13.6326 12.5 13.5 12.5H2.5C2.36739 12.5 2.24021 12.4473 2.14645 12.3536C2.05268 12.2598 2 12.1326 2 12V11.5H14V12ZM9.5 5.5C9.5 5.63261 9.44732 5.75979 9.35355 5.85355C9.25979 5.94732 9.13261 6 9 6H7C6.86739 6 6.74021 5.94732 6.64645 5.85355C6.55268 5.75979 6.5 5.63261 6.5 5.5C6.5 5.36739 6.55268 5.24021 6.64645 5.14645C6.74021 5.05268 6.86739 5 7 5H9C9.13261 5 9.25979 5.05268 9.35355 5.14645C9.44732 5.24021 9.5 5.36739 9.5 5.5Z" fill="#828282"></path>
</svg>
Remote jobs
</li>
<li class="d-flex align-items-center column-gap-2 fs-12">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.19996 8.14667C8.55568 7.83875 8.84099 7.45792 9.03654 7.03001C9.23209 6.60211 9.3333 6.13714 9.33329 5.66667C9.33329 4.78261 8.9821 3.93476 8.35698 3.30964C7.73186 2.68452 6.88401 2.33333 5.99996 2.33333C5.1159 2.33333 4.26806 2.68452 3.64294 3.30964C3.01782 3.93476 2.66663 4.78261 2.66663 5.66667C2.66662 6.13714 2.76783 6.60211 2.96338 7.03001C3.15893 7.45792 3.44424 7.83875 3.79996 8.14667C2.86672 8.56925 2.07494 9.25169 1.51928 10.1124C0.963623 10.973 0.667607 11.9755 0.666626 13C0.666626 13.1768 0.736864 13.3464 0.861888 13.4714C0.986912 13.5964 1.15648 13.6667 1.33329 13.6667C1.5101 13.6667 1.67967 13.5964 1.8047 13.4714C1.92972 13.3464 1.99996 13.1768 1.99996 13C1.99996 11.9391 2.42139 10.9217 3.17153 10.1716C3.92168 9.42143 4.93909 9 5.99996 9C7.06083 9 8.07824 9.42143 8.82839 10.1716C9.57853 10.9217 9.99996 11.9391 9.99996 13C9.99996 13.1768 10.0702 13.3464 10.1952 13.4714C10.3202 13.5964 10.4898 13.6667 10.6666 13.6667C10.8434 13.6667 11.013 13.5964 11.138 13.4714C11.2631 13.3464 11.3333 13.1768 11.3333 13C11.3323 11.9755 11.0363 10.973 10.4806 10.1124C9.92498 9.25169 9.1332 8.56925 8.19996 8.14667ZM5.99996 7.66667C5.6044 7.66667 5.21772 7.54937 4.88882 7.3296C4.55992 7.10984 4.30358 6.79748 4.1522 6.43203C4.00083 6.06658 3.96122 5.66445 4.03839 5.27649C4.11556 4.88852 4.30604 4.53216 4.58575 4.25245C4.86545 3.97275 5.22182 3.78227 5.60978 3.7051C5.99774 3.62793 6.39987 3.66753 6.76533 3.81891C7.13078 3.97028 7.44314 4.22663 7.6629 4.55553C7.88266 4.88442 7.99996 5.2711 7.99996 5.66667C7.99996 6.1971 7.78925 6.70581 7.41417 7.08088C7.0391 7.45595 6.53039 7.66667 5.99996 7.66667ZM12.4933 7.88C12.9199 7.39955 13.1986 6.80604 13.2958 6.17089C13.393 5.53575 13.3046 4.88605 13.0411 4.3C12.7777 3.71395 12.3505 3.21653 11.8109 2.86761C11.2714 2.5187 10.6425 2.33316 9.99996 2.33333C9.82315 2.33333 9.65358 2.40357 9.52855 2.5286C9.40353 2.65362 9.33329 2.82319 9.33329 3C9.33329 3.17681 9.40353 3.34638 9.52855 3.4714C9.65358 3.59643 9.82315 3.66667 9.99996 3.66667C10.5304 3.66667 11.0391 3.87738 11.4142 4.25245C11.7892 4.62753 12 5.13623 12 5.66667C11.999 6.01683 11.9062 6.3606 11.7307 6.66361C11.5552 6.96663 11.3032 7.21825 11 7.39333C10.9011 7.45035 10.8186 7.53178 10.7602 7.62983C10.7018 7.72788 10.6696 7.83927 10.6666 7.95333C10.6638 8.06651 10.6899 8.17853 10.7424 8.27884C10.7949 8.37915 10.8721 8.46443 10.9666 8.52667L11.2266 8.7L11.3133 8.74667C12.1169 9.12781 12.7948 9.73066 13.2673 10.4842C13.7397 11.2378 13.987 12.1106 13.98 13C13.98 13.1768 14.0502 13.3464 14.1752 13.4714C14.3002 13.5964 14.4698 13.6667 14.6466 13.6667C14.8234 13.6667 14.993 13.5964 15.118 13.4714C15.2431 13.3464 15.3133 13.1768 15.3133 13C15.3187 11.977 15.0625 10.9695 14.5689 10.0734C14.0754 9.17725 13.3609 8.42221 12.4933 7.88Z" fill="#828282"></path>
</svg>
Find developers
</li>
<li class="d-flex align-items-center column-gap-2 fs-12">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 12.6667H6M10 12.6667V5.73333C10 5.62725 9.95786 5.5255 9.88284 5.45049C9.80783 5.37547 9.70609 5.33333 9.6 5.33333H6.4C6.29391 5.33333 6.19217 5.37547 6.11716 5.45049C6.04214 5.5255 6 5.62725 6 5.73333V12.6667M10 12.6667H13.6C13.7061 12.6667 13.8078 12.6245 13.8828 12.5495C13.9579 12.4745 14 12.3728 14 12.2667V10.0667C14 9.96058 13.9579 9.85884 13.8828 9.78382C13.8078 9.70881 13.7061 9.66666 13.6 9.66666H10.4C10.2939 9.66666 10.1922 9.70881 10.1172 9.78382C10.0421 9.85884 10 9.96058 10 10.0667V12.6667ZM6 12.6667V8.73333C6 8.62724 5.95786 8.5255 5.88284 8.45049C5.80783 8.37547 5.70609 8.33333 5.6 8.33333H2.4C2.29391 8.33333 2.19217 8.37547 2.11716 8.45049C2.04214 8.5255 2 8.62724 2 8.73333V12.2667C2 12.3728 2.04214 12.4745 2.11716 12.5495C2.19217 12.6245 2.29391 12.6667 2.4 12.6667H6ZM10 3.33333H6" stroke="#828282" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
Leaderboard
</li>
</ul>
</div>
<div class="col col-second bx-1 p-4 ">
<div class="d-flex align-items-center mb-4 gap-2">
<a class="fs-14 text-secondary text-decoration-underline" href="#">Home</a>
<i class="fa-solid fa-chevron-right fs-12 text-secondary"></i>
<a class="fs-14 text-secondary text-decoration-underline" href="#">Question</a>
<i class="fa-solid fa-chevron-right fs-12 text-secondary"></i>
<a class="fs-14 text-secondary text-decoration-underline" href="#">Java</a>
</div>
<h3 class="mb-3 fw-bold">How can I make an array in java 1.8? <img src="./asset/img/lace-in-blue.png" alt=""></h3>
<p class="fs-14">When i insert table in html message, in gmail it looks like meh... enter <span class="text-primary cursor-pointer">image description</span> here but, in html that looks good: enter image description here code:</p>
<div class=" position-relative">
<div class="code-box d-flex align-items-start justify-content-between overflow-y-scroll mt-3">
<div class="code-body pe-2 ">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe veritatis magnam quod incidunt! Velit fuga similique obcaecati vero perferendis dicta enim consectetur, a sint omnis cum laborum nihil incidunt odio quidem facere excepturi qui et veniam saepe hic mollitia dolores exercitationem. Consequuntur quisquam provident laboriosam molestiae excepturi. Consequatur error, maiores ducimus reiciendis dolor iste, officiis veniam incidunt facilis, deserunt alias aliquam sequi unde fuga quibusdam velit exercitationem adipisci saepe! Similique nobis ullam dolorum consequatur expedita quisquam exercitationem ipsam. Cumque excepturi incidunt porro placeat nulla reiciendis dignissimos. Repellendus placeat fuga facere, laudantium delectus inventore omnis sequi laboriosam officiis harum repellat tempora molestiae beatae, doloremque exercitationem asperiores. Temporibus laborum, dolores corrupti consectetur non voluptatum voluptatibus tenetur rem natus, facere commodi incidunt maiores saepe placeat veniam illo qui. Debitis suscipit provident officiis pariatur, eveniet accusantium illo! Exercitationem, incidunt placeat? Ea sint recusandae corrupti beatae error magnam, atque aperiam mollitia eaque unde, doloremque facilis quae ducimus harum autem quod voluptatem voluptas quaerat dolorem a quasi? Vel dolores corporis eaque deleniti quo nihil optio in vero est neque quas officiis nostrum animi, voluptates voluptas odit minima. Ab doloremque esse quibusdam officia odio voluptates. Accusamus esse expedita nesciunt voluptatem qui atque autem ex tempora modi. Voluptatibus alias exercitationem iusto nisi excepturi aliquid quam non nostrum provident eum, cum, vero libero pariatur repellendus porro cumque in numquam. Quidem, eaque numquam nam expedita excepturi unde placeat autem, praesentium atque rem ea non reprehenderit iure tempora? Saepe asperiores ex obcaecati ab nobis itaque exercitationem reprehenderit perspiciatis expedita minima tenetur fugit delectus mollitia illum sequi voluptatum ullam aperiam soluta, at nisi labore officiis eum ipsa possimus! Consequatur porro voluptatibus tempora aperiam quos optio odio, culpa fuga distinctio sunt mollitia illo pariatur, tempore eaque aliquid dolor sapiente cupiditate officiis qui! Illum animi quos ut? Eos culpa, blanditiis molestiae quod placeat quos. Ea assumenda dolor, perferendis itaque dicta culpa atque officiis odit unde voluptate facilis. Similique mollitia corrupti enim accusamus, facere eveniet, obcaecati fugit a recusandae dolorum at? Perspiciatis doloribus voluptatem ducimus distinctio accusamus obcaecati deleniti fugiat, fuga animi numquam at quam odio hic corporis saepe quae accusantium, culpa maxime asperiores quas velit. Ipsum nulla in, quod laudantium quasi debitis. Facilis sequi aut ratione asperiores pariatur, inventore voluptate expedita repellendus excepturi accusamus fugit, quos sunt esse? Magni iste dignissimos saepe, perspiciatis officiis sit ducimus tempora eius tempore corrupti, autem quisquam earum non nesciunt. Eum accusantium delectus assumenda officia cupiditate harum doloribus. Quia dolorum labore est, maiores, molestias autem quae officiis adipisci ea nostrum et eligendi officia itaque beatae quidem. Dolorum totam eum dolore numquam? Voluptatem saepe assumenda aut iusto animi officiis, veritatis incidunt consequuntur enim? Debitis quidem ad aliquam dicta architecto reiciendis est saepe repellendus repellat tenetur excepturi assumenda ab
</div>
<a class="copy-btn d-flex align-items-center column-gap-2 w-fit-content font-ubuntu position-absolute" href="#">
<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 2V8C3 8.26522 3.10536 8.51957 3.29289 8.70711C3.48043 8.89464 3.73478 9 4 9H8C8.26522 9 8.51957 8.89464 8.70711 8.70711C8.89464 8.51957 9 8.26522 9 8V3.621C8.99998 3.48778 8.97335 3.35591 8.92166 3.23312C8.86997 3.11034 8.79427 2.99912 8.699 2.906L7.0415 1.285C6.85468 1.10233 6.60379 1.00003 6.3425 1H4C3.73478 1 3.48043 1.10536 3.29289 1.29289C3.10536 1.48043 3 1.73478 3 2Z" stroke="#0066FF" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7 9V10C7 10.2652 6.89464 10.5196 6.70711 10.7071C6.51957 10.8946 6.26522 11 6 11H2C1.73478 11 1.48043 10.8946 1.29289 10.7071C1.10536 10.5196 1 10.2652 1 10V4.5C1 4.23478 1.10536 3.98043 1.29289 3.79289C1.48043 3.60536 1.73478 3.5 2 3.5H3" stroke="#0066FF" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Copy</a>
</div>
</div>
<p class="fs-14 my-4">When i insert table in html message, in gmail it looks like meh... enter <span class="text-primary cursor-pointer">image description</span> here but, in html that looks good: enter <span class="text-primary cursor-pointer">image description</span> here code: When i insert table in html message, in gmail it looks like meh... enter image description here but, in html that looks good: enter image description here code:</p>
<div class=" mb-3">
<div class="d-flex align-items-center justify-content-between w-100 by-1 py-3 flex-column flex-md-row row-gap-2">
<div class="tags-container d-flex column-gap-2">
<a class="tag" href="#">Java</a>
<a class="tag" href="#">NextJS</a>
<a class="tag" href="#">JQuery</a>
<a class="tag" href="#">HTML</a>
</div>
<div class="d-flex column-gap-3">
<p class="text-secondary fs-12">Asked: <span class="text-dark-grey">Today</span></p>
<p class="text-secondary fs-12">Modified: <span class="text-dark-grey">Today</span></p>
<p class="text-secondary fs-12">Views: <span class="text-dark-grey">2K</span></p>
</div>
</div>
<div class="d-flex align-items-center justify-content-between w-100 by-1 py-3 border-top-0 position-relative flex-column flex-md-row row-gap-2">
<div class="d-flex align-items-center gap-6 w-100">
<div class="d-flex align-items-center gap-1 cursor-pointer"><img src="./asset/img/message-icon.png" alt=""> <span class="text-primary fs-12">Answer question</span></div>
<div class="dot sm-dot"></div>
<div data-bs-toggle="modal" data-bs-target="#laceModal" class="d-flex align-items-center gap-1 cursor-pointer"><img src="./asset/img/sm-lace.png" alt=""> <span class="text-primary fs-12">Lace this</span></div>
<div class="dot sm-dot"></div>
<div class="d-flex align-items-center gap-1 cursor-pointer"><img src="./asset/img/share.png" alt=""> <span class="text-primary fs-12">Share</span></div>
</div>
<!-- Modal -->
<div class="modal fade" id="laceModal" tabindex="-1" aria-labelledby="laceModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<p class="modal-title text-dark fs-14" id="laceModalLabel">Save lace</p>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body pt-0">
<div class="d-flex align-items-center justify-content-between mb-1">
<label for="savelace" class="text-dark">Save Lace</label>
<input class="fs-12 text-secondary" type="checkbox" id="savelace" name="savelace">
</div>
</div>
</div>
</div>
</div>
<div class="w-100 d-flex align-items-center justify-content-end column-gap-3">
<div class="d-flex align-items-center cursor-pointer gap-1">
<img src="./asset/img/like-btn.png" alt=""> <span>4</span>
</div>
<div class="d-flex align-items-center cursor-pointer gap-1">
<img src="./asset/img/shock re-action.png" alt=""> <span>2</span>
</div>
<div class="react-btn px-2 react-box d-flex position-absolute end-0">
<div onclick="getReact(this)" class="react-wrapper d-flex align-items-center justify-content-center">
<img src="./asset/img/1.png" alt="">
</div>
<div onclick="getReact(this)" class="react-wrapper d-flex align-items-center justify-content-center">
<img src="./asset/img/2.png" alt="">
</div>
<div onclick="getReact(this)" class="react-wrapper d-flex align-items-center justify-content-center">
<img src="./asset/img/3.png" alt="">
</div>
<div onclick="getReact(this)" class="react-wrapper d-flex align-items-center justify-content-center">
<img src="./asset/img/4.png" alt="">
</div>
<div onclick="getReact(this)" class="react-wrapper d-flex align-items-center justify-content-center">
<img src="./asset/img/5.png" alt="">
</div>
<div onclick="getReact(this)" class="react-wrapper d-flex align-items-center justify-content-center">
<img src="./asset/img/6.png" alt="">
</div>
</div>
<div id="react-btn" class="d-flex align-items-center react-btn position-relative">
<span class="me-1">React</span><div class="react-imgs d-flex align-items-center position-absolute end-0 top-50 translate-middle-y translate-middle-x h-100 overflow-hidden">
<img src="./asset/img/like-btn.png" alt=""> <img style="width: 20px;" class="opacity-50" src="./asset/img/2.png" alt=""></div>
</div>
</div>
</div>
</div>
<h3 class="fw-bold">Answer</h3>
<div class="card border-0 px-0 py-4">
<div class="border-0 p-0">
<p class="fs-14">When i insert table in html message, in gmail it looks like meh... enter <span class="text-primary cursor-pointer">image description</span> here but, in html that looks good: enter
image description here code: When i insert table in html message, in gmail it looks like
meh... enter image description here but, in html that looks good: enter <span class="text-primary cursor-pointer">image description</span> here code:</p>
</div>
<div class="card-body d-flex justify-content-between border-0 p-2 my-3">
<div class="d-flex column-gap-2 align-items-center">
<div class="icon-wrapper overflow-hidden d-flex align-items-center justify-content-center position-relative">
<img class="position-absolute z-3" src="./asset/img/bolt.png" alt="">
</div>
<div class="d-flex flex-column">
<p class="fs-12 fw-bold">AI Bot</p>
<span class="text-secondary fs-10">Answered 2 hrs ago</span>
</div>
</div>
<div class="d-flex column-gap-2">
<div class="feedback-btn d-flex align-items-center"><i class="fa-regular fa-thumbs-down text-danger"></i> 0</div>
<div class="feedback-btn d-flex align-items-center"><i class="fa-regular fa-thumbs-up text-success"></i> 0</div>
</div>
</div>
<div class="d-flex align-items-center gap-6 mb-3">
<p class="comment-btn text-primary fs-12 cursor-pointer">Add a comment</p>
<div class="dot sm-dot"></div>
<span class="text-gery fs-12 cursor-pointer">Share</span>
</div>
<div class="comment-box ms-4">
<input class="form-control" type="" placeholder="Write your comment...">
<button class="btn sm-btn btn-primary">Add comment</button>
</div>
</div>
<a class="d-flex align-items-center column-gap-1 fs-12 text-white fw-bold rounded-4 bg-green px-2 py-1 w-fit-content mb-4" href="#"><i class="fa-solid fa-check"></i> Accepted answer</a>
<div class="position-relative">
<div class="code-box d-flex align-items-start justify-content-between overflow-y-scroll mt-3">
<div class="code-body pe-2 ">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Saepe veritatis magnam quod incidunt! Velit fuga similique obcaecati vero perferendis dicta enim consectetur, a sint omnis cum laborum nihil incidunt odio quidem facere excepturi qui et veniam saepe hic mollitia dolores exercitationem. Consequuntur quisquam provident laboriosam molestiae excepturi. Consequatur error,
</div>
<a class="copy-btn d-flex align-items-center column-gap-2 w-fit-content font-ubuntu position-absolute" href="#">
<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 2V8C3 8.26522 3.10536 8.51957 3.29289 8.70711C3.48043 8.89464 3.73478 9 4 9H8C8.26522 9 8.51957 8.89464 8.70711 8.70711C8.89464 8.51957 9 8.26522 9 8V3.621C8.99998 3.48778 8.97335 3.35591 8.92166 3.23312C8.86997 3.11034 8.79427 2.99912 8.699 2.906L7.0415 1.285C6.85468 1.10233 6.60379 1.00003 6.3425 1H4C3.73478 1 3.48043 1.10536 3.29289 1.29289C3.10536 1.48043 3 1.73478 3 2Z" stroke="#0066FF" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7 9V10C7 10.2652 6.89464 10.5196 6.70711 10.7071C6.51957 10.8946 6.26522 11 6 11H2C1.73478 11 1.48043 10.8946 1.29289 10.7071C1.10536 10.5196 1 10.2652 1 10V4.5C1 4.23478 1.10536 3.98043 1.29289 3.79289C1.48043 3.60536 1.73478 3.5 2 3.5H3" stroke="#0066FF" stroke-linecap="round" stroke-linejoin="round"></path></svg>
Copy</a>
</div>
</div>
<div class="card border-0 px-0 py-4">
<div class="border-0 p-0">
<p class="fs-14">When i insert table in html message, in gmail it looks like meh... enter <span class="text-primary cursor-pointer">image description</span> here but, in html that looks good: enter image </p>
</div>
<div class="card-body d-flex justify-content-between border-0 p-2 answered my-3 flex-column flex-sm-row">
<div class="top-row d-flex column-gap-2 align-items-center">
<div class="icon-wrapper overflow-hidden d-flex align-items-center justify-content-center position-relative">
<img class="position-absolute z-3" src="./asset/img/man.png" alt="">
</div>
<div class="d-flex flex-column row-gap-1">
<div class="mid-row d-flex align-items-center fs-12 column-gap-1">
<p class="fw-bold">Franklin Gatsby</p> <i class="fa-solid fa-star text-warning"></i> <span class="text-dark-grey">127</span>
</div>
<div class="d-flex align-items-center fs-10 gap-6">
<span class="text-secondary">Answered 2 hrs ago</span><div class="dot"></div><span>Accepted 1 hour ago</span>
</div>
</div>
</div>
<div class="bottom-row d-flex align-items-center column-gap-2 justify-content-end">
<div class="feedback-btn d-flex align-items-center"><i class="fa-regular fa-thumbs-down text-danger"></i> 5</div>
<div class="feedback-btn d-flex align-items-center"><i class="fa-regular fa-thumbs-up text-success"></i> 2</div>
</div>
</div>
<div class="d-flex align-items-center mt-3 gap-6">
<p class="text-primary fs-12 cursor-pointer">Add a comment</p>
<div class="dot sm-dot"></div>
<span class="text-gery fs-12 cursor-pointer">Share</span>
</div>
</div>
<div class="card border-start-0 border-end-0 rounded-0 px-0 py-4 by-2">
<div class="border-0 p-0">
<p class="fs-14">When i insert table in html message, in gmail it looks like meh... enter <span class="text-primary cursor-pointer">image description</span> here but, in html that looks good: enter <span class="text-primary cursor-pointer">image description</span> here code: When i insert table in html message, in gmail it looks like meh... enter image description here but, in html that looks good: enter image description here code:</p>
</div>
<div class="card-body d-flex justify-content-between border-0 p-2 my-3 flex-column flex-sm-row">
<div class="top-row d-flex column-gap-2 align-items-center">
<div class="icon-wrapper overflow-hidden d-flex align-items-center justify-content-center position-relative">
<img class="position-absolute z-3" src="./asset/img/man.png" alt="">
</div>
<div class="d-flex flex-column row-gap-1">
<div class="mid-row d-flex align-items-center fs-12 column-gap-1">
<p class="fw-bold">Franklin Gatsby</p> <i class="fa-solid fa-star text-warning"></i> <span class="text-dark-grey">127</span>
</div>
<div class="d-flex align-items-center fs-10 gap-6">
<span class="text-secondary">Answered 2 hrs ago</span><div class="dot"></div><span>Accepted 1 hour ago</span>
</div>
</div>
</div>
<div class="bottom-row d-flex align-items-center column-gap-2 justify-content-end">
<div class="feedback-btn d-flex align-items-center"><i class="fa-regular fa-thumbs-down text-danger"></i> 5</div>
<div class="feedback-btn d-flex align-items-center"><i class="fa-regular fa-thumbs-up text-success"></i> 2</div>
</div>
</div>
<div class="d-flex align-items-center gap-6">
<p class="text-primary fs-12 cursor-pointer">Add a comment</p>
<div class="dot sm-dot"></div>
<span class="text-gery fs-12 cursor-pointer">Share</span>
</div>
<div class="ms-4 mt-3 d-flex flex-column gap-1">
<p class="fs-12">You got it wrong — <span class="text-primary cursor-pointer">Adil Aijaz</span> <span class="text-secondary">5 mins ago</span></p>
<p class="fs-12">Can you explain more because I had the same problem and I graded and fixed the issue by upgrading using pip upgrade on python — <span class="text-primary cursor-pointer">Newton House</span> <span class="text-secondary">10 hours ago</span></p>
<p class="fs-12">You got it wrong — <span class="text-primary cursor-pointer">Franklin</span> <span class="text-secondary">2 days ago</span></p>
</div>
</div>
</div>
<div class="col col-third p-lg-4 pe-lg-0 ">
<p class="fw-medium text-secondary mb-2">Asked by</p>
<div class="follow-card card b-1 p-2 text-start justify-content-center column-gap-2 mt-1">
<div class="card-header d-flex align-items-center bg-transparent border-0 p-0 column-gap-2 mb-2">
<div class="img-wrapper overflow-hidden d-flex">
<img src="./asset/img/2nd man.png" alt="">
</div>
<div>
<p class="fs-14 fw-semibold">Tom Grady</p>
<div class="d-flex align-items-center column-gap-1 fs-14">
<i class="fa-solid fa-star text-warning"></i> <span class="text-dark-grey fw-medium">127</span> <div class="dot"></div><svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15 5.11C6.41679 4.87907 6.63078 4.59344 6.77744 4.27251C6.9241 3.95158 7 3.60285 7 3.25C7 2.58696 6.73661 1.95107 6.26777 1.48223C5.79893 1.01339 5.16304 0.75 4.5 0.75C3.83696 0.75 3.20107 1.01339 2.73223 1.48223C2.26339 1.95107 2 2.58696 2 3.25C2 3.60285 2.0759 3.95158 2.22256 4.27251C2.36922 4.59344 2.58321 4.87907 2.85 5.11C2.15007 5.42694 1.55623 5.93876 1.13949 6.58427C0.722748 7.22978 0.500736 7.98165 0.5 8.75C0.5 8.88261 0.552678 9.00978 0.646447 9.10355C0.740215 9.19732 0.867392 9.25 1 9.25C1.13261 9.25 1.25979 9.19732 1.35355 9.10355C1.44732 9.00978 1.5 8.88261 1.5 8.75C1.5 7.95435 1.81607 7.19129 2.37868 6.62868C2.94129 6.06607 3.70435 5.75 4.5 5.75C5.29565 5.75 6.05871 6.06607 6.62132 6.62868C7.18393 7.19129 7.5 7.95435 7.5 8.75C7.5 8.88261 7.55268 9.00978 7.64645 9.10355C7.74022 9.19732 7.86739 9.25 8 9.25C8.13261 9.25 8.25979 9.19732 8.35355 9.10355C8.44732 9.00978 8.5 8.88261 8.5 8.75C8.49927 7.98165 8.27725 7.22978 7.86051 6.58427C7.44377 5.93876 6.84993 5.42694 6.15 5.11ZM4.5 4.75C4.20333 4.75 3.91332 4.66203 3.66665 4.4972C3.41997 4.33238 3.22771 4.09811 3.11418 3.82402C3.00065 3.54994 2.97094 3.24834 3.02882 2.95736C3.0867 2.66639 3.22956 2.39912 3.43934 2.18934C3.64912 1.97956 3.91639 1.8367 4.20737 1.77882C4.49834 1.72094 4.79994 1.75065 5.07403 1.86418C5.34811 1.97771 5.58238 2.16997 5.7472 2.41664C5.91203 2.66332 6 2.95333 6 3.25C6 3.64782 5.84197 4.02936 5.56066 4.31066C5.27936 4.59196 4.89783 4.75 4.5 4.75ZM9.37 4.91C9.68998 4.54966 9.89901 4.10453 9.9719 3.62817C10.0448 3.15181 9.97846 2.66454 9.78088 2.225C9.5833 1.78546 9.2629 1.4124 8.85824 1.15071C8.45357 0.889025 7.9819 0.749871 7.5 0.75C7.36739 0.75 7.24022 0.802678 7.14645 0.896447C7.05268 0.990215 7 1.11739 7 1.25C7 1.38261 7.05268 1.50979 7.14645 1.60355C7.24022 1.69732 7.36739 1.75 7.5 1.75C7.89783 1.75 8.27936 1.90804 8.56066 2.18934C8.84197 2.47064 9 2.85217 9 3.25C8.99929 3.51262 8.92965 3.77045 8.79803 3.99771C8.66641 4.22497 8.47744 4.41369 8.25 4.545C8.17587 4.58776 8.11396 4.64883 8.07018 4.72237C8.02641 4.79591 8.00224 4.87945 8 4.965C7.99791 5.04988 8.01747 5.1339 8.05683 5.20913C8.0962 5.28436 8.15407 5.34833 8.225 5.395L8.42 5.525L8.485 5.56C9.0877 5.84586 9.59616 6.29799 9.95049 6.86316C10.3048 7.42832 10.4903 8.08297 10.485 8.75C10.485 8.88261 10.5377 9.00978 10.6314 9.10355C10.7252 9.19732 10.8524 9.25 10.985 9.25C11.1176 9.25 11.2448 9.19732 11.3386 9.10355C11.4323 9.00978 11.485 8.88261 11.485 8.75C11.4891 7.98271 11.2969 7.22713 10.9267 6.55503C10.5566 5.88293 10.0207 5.31666 9.37 4.91Z" fill="#828282"></path>
</svg>
<span>6</span>
</div>
</div>
</div>
<p class="fs-12 text-secondary pb-2">UI UX developer with 5+ years senior experience</p>
<a class="btn btn-plain mt-1" href="#">Follow</a>
</div>
<div class="realted-qustion mt-4">
<p class="fw-medium mb-2 fw-medium">Related</p>
<ul class="m-0 p-0 list-unstyled text-primary d-flex flex-column row-gap-2 fs-14">
<li>How can I make a array in java 1.8 ?</li>
<li>How can I make a array in java 1.8 ?</li>
<li>How can I make a array in java 1.8 ?</li>
<li>How can I make a array in java 1.8 ?</li>
<li>How can I make a array in java 1.8 ?</li>
</ul>
</div>
<div class="latest-qustion mt-4">
<p class="fw-medium mb-2 fw-medium">Latest</p>
<ul class="m-0 p-0 list-unstyled text-primary d-flex flex-column row-gap-2 fs-14">
<li>How can I make a array in java 1.8 ?</li>
<li>How can I make a array in java 1.8 ?</li>
<li>How can I make a array in java 1.8 ?</li>
<li>How can I make a array in java 1.8 ?</li>
<li>How can I make a array in java 1.8 ?</li>
</ul>
</div>
<div class="follow-developers mt-4">
<p class="fw-medium mb-2 fw-medium">Follow developers</p>
<div class="developers-card card b-1 p-0 border-0 text-start justify-content-center column-gap-2">
<div class="card-header d-flex flex-row align-items-center justify-content-between bg-transparent border-0 p-0 column-gap-2 mb-2">
<div>
<div class="d-flex align-items-center column-gap-2">
<div class="img-wrapper overflow-hidden d-flex">
<img src="./asset/img/man.png" alt="">
</div>
<div>
<p class="fs-14 fw-semibold">Tom Grady</p>
<div class="d-flex align-items-center column-gap-1 fs-12">
<i class="fa-solid fa-star text-warning"></i> <span class="text-dark-grey fw-medium">127</span> <div class="dot"></div><svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15 5.11C6.41679 4.87907 6.63078 4.59344 6.77744 4.27251C6.9241 3.95158 7 3.60285 7 3.25C7 2.58696 6.73661 1.95107 6.26777 1.48223C5.79893 1.01339 5.16304 0.75 4.5 0.75C3.83696 0.75 3.20107 1.01339 2.73223 1.48223C2.26339 1.95107 2 2.58696 2 3.25C2 3.60285 2.0759 3.95158 2.22256 4.27251C2.36922 4.59344 2.58321 4.87907 2.85 5.11C2.15007 5.42694 1.55623 5.93876 1.13949 6.58427C0.722748 7.22978 0.500736 7.98165 0.5 8.75C0.5 8.88261 0.552678 9.00978 0.646447 9.10355C0.740215 9.19732 0.867392 9.25 1 9.25C1.13261 9.25 1.25979 9.19732 1.35355 9.10355C1.44732 9.00978 1.5 8.88261 1.5 8.75C1.5 7.95435 1.81607 7.19129 2.37868 6.62868C2.94129 6.06607 3.70435 5.75 4.5 5.75C5.29565 5.75 6.05871 6.06607 6.62132 6.62868C7.18393 7.19129 7.5 7.95435 7.5 8.75C7.5 8.88261 7.55268 9.00978 7.64645 9.10355C7.74022 9.19732 7.86739 9.25 8 9.25C8.13261 9.25 8.25979 9.19732 8.35355 9.10355C8.44732 9.00978 8.5 8.88261 8.5 8.75C8.49927 7.98165 8.27725 7.22978 7.86051 6.58427C7.44377 5.93876 6.84993 5.42694 6.15 5.11ZM4.5 4.75C4.20333 4.75 3.91332 4.66203 3.66665 4.4972C3.41997 4.33238 3.22771 4.09811 3.11418 3.82402C3.00065 3.54994 2.97094 3.24834 3.02882 2.95736C3.0867 2.66639 3.22956 2.39912 3.43934 2.18934C3.64912 1.97956 3.91639 1.8367 4.20737 1.77882C4.49834 1.72094 4.79994 1.75065 5.07403 1.86418C5.34811 1.97771 5.58238 2.16997 5.7472 2.41664C5.91203 2.66332 6 2.95333 6 3.25C6 3.64782 5.84197 4.02936 5.56066 4.31066C5.27936 4.59196 4.89783 4.75 4.5 4.75ZM9.37 4.91C9.68998 4.54966 9.89901 4.10453 9.9719 3.62817C10.0448 3.15181 9.97846 2.66454 9.78088 2.225C9.5833 1.78546 9.2629 1.4124 8.85824 1.15071C8.45357 0.889025 7.9819 0.749871 7.5 0.75C7.36739 0.75 7.24022 0.802678 7.14645 0.896447C7.05268 0.990215 7 1.11739 7 1.25C7 1.38261 7.05268 1.50979 7.14645 1.60355C7.24022 1.69732 7.36739 1.75 7.5 1.75C7.89783 1.75 8.27936 1.90804 8.56066 2.18934C8.84197 2.47064 9 2.85217 9 3.25C8.99929 3.51262 8.92965 3.77045 8.79803 3.99771C8.66641 4.22497 8.47744 4.41369 8.25 4.545C8.17587 4.58776 8.11396 4.64883 8.07018 4.72237C8.02641 4.79591 8.00224 4.87945 8 4.965C7.99791 5.04988 8.01747 5.1339 8.05683 5.20913C8.0962 5.28436 8.15407 5.34833 8.225 5.395L8.42 5.525L8.485 5.56C9.0877 5.84586 9.59616 6.29799 9.95049 6.86316C10.3048 7.42832 10.4903 8.08297 10.485 8.75C10.485 8.88261 10.5377 9.00978 10.6314 9.10355C10.7252 9.19732 10.8524 9.25 10.985 9.25C11.1176 9.25 11.2448 9.19732 11.3386 9.10355C11.4323 9.00978 11.485 8.88261 11.485 8.75C11.4891 7.98271 11.2969 7.22713 10.9267 6.55503C10.5566 5.88293 10.0207 5.31666 9.37 4.91Z" fill="#828282"></path>
</svg>
<span>6</span>
</div>
</div>
</div>
</div>
<a class="btn btn-plain sm-plain" href="#"><span class="fa-solid fa-plus"></span></a>
</div>
<p class="fs-12 text-secondary">UI UX developer with 5+ years senior experience</p>
</div>
<div class="developers-card card b-1 p-0 border-0 text-start justify-content-center column-gap-2">
<div class="card-header d-flex flex-row align-items-center justify-content-between bg-transparent border-0 p-0 column-gap-2 mb-2">
<div>
<div class="d-flex align-items-center column-gap-2">
<div class="img-wrapper overflow-hidden d-flex">
<img src="./asset/img/man.png" alt="">
</div>
<div>
<p class="fs-14 fw-semibold">Tom Grady</p>
<div class="d-flex align-items-center column-gap-1 fs-12">
<i class="fa-solid fa-star text-warning"></i> <span class="text-dark-grey fw-medium">127</span> <div class="dot"></div><svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15 5.11C6.41679 4.87907 6.63078 4.59344 6.77744 4.27251C6.9241 3.95158 7 3.60285 7 3.25C7 2.58696 6.73661 1.95107 6.26777 1.48223C5.79893 1.01339 5.16304 0.75 4.5 0.75C3.83696 0.75 3.20107 1.01339 2.73223 1.48223C2.26339 1.95107 2 2.58696 2 3.25C2 3.60285 2.0759 3.95158 2.22256 4.27251C2.36922 4.59344 2.58321 4.87907 2.85 5.11C2.15007 5.42694 1.55623 5.93876 1.13949 6.58427C0.722748 7.22978 0.500736 7.98165 0.5 8.75C0.5 8.88261 0.552678 9.00978 0.646447 9.10355C0.740215 9.19732 0.867392 9.25 1 9.25C1.13261 9.25 1.25979 9.19732 1.35355 9.10355C1.44732 9.00978 1.5 8.88261 1.5 8.75C1.5 7.95435 1.81607 7.19129 2.37868 6.62868C2.94129 6.06607 3.70435 5.75 4.5 5.75C5.29565 5.75 6.05871 6.06607 6.62132 6.62868C7.18393 7.19129 7.5 7.95435 7.5 8.75C7.5 8.88261 7.55268 9.00978 7.64645 9.10355C7.74022 9.19732 7.86739 9.25 8 9.25C8.13261 9.25 8.25979 9.19732 8.35355 9.10355C8.44732 9.00978 8.5 8.88261 8.5 8.75C8.49927 7.98165 8.27725 7.22978 7.86051 6.58427C7.44377 5.93876 6.84993 5.42694 6.15 5.11ZM4.5 4.75C4.20333 4.75 3.91332 4.66203 3.66665 4.4972C3.41997 4.33238 3.22771 4.09811 3.11418 3.82402C3.00065 3.54994 2.97094 3.24834 3.02882 2.95736C3.0867 2.66639 3.22956 2.39912 3.43934 2.18934C3.64912 1.97956 3.91639 1.8367 4.20737 1.77882C4.49834 1.72094 4.79994 1.75065 5.07403 1.86418C5.34811 1.97771 5.58238 2.16997 5.7472 2.41664C5.91203 2.66332 6 2.95333 6 3.25C6 3.64782 5.84197 4.02936 5.56066 4.31066C5.27936 4.59196 4.89783 4.75 4.5 4.75ZM9.37 4.91C9.68998 4.54966 9.89901 4.10453 9.9719 3.62817C10.0448 3.15181 9.97846 2.66454 9.78088 2.225C9.5833 1.78546 9.2629 1.4124 8.85824 1.15071C8.45357 0.889025 7.9819 0.749871 7.5 0.75C7.36739 0.75 7.24022 0.802678 7.14645 0.896447C7.05268 0.990215 7 1.11739 7 1.25C7 1.38261 7.05268 1.50979 7.14645 1.60355C7.24022 1.69732 7.36739 1.75 7.5 1.75C7.89783 1.75 8.27936 1.90804 8.56066 2.18934C8.84197 2.47064 9 2.85217 9 3.25C8.99929 3.51262 8.92965 3.77045 8.79803 3.99771C8.66641 4.22497 8.47744 4.41369 8.25 4.545C8.17587 4.58776 8.11396 4.64883 8.07018 4.72237C8.02641 4.79591 8.00224 4.87945 8 4.965C7.99791 5.04988 8.01747 5.1339 8.05683 5.20913C8.0962 5.28436 8.15407 5.34833 8.225 5.395L8.42 5.525L8.485 5.56C9.0877 5.84586 9.59616 6.29799 9.95049 6.86316C10.3048 7.42832 10.4903 8.08297 10.485 8.75C10.485 8.88261 10.5377 9.00978 10.6314 9.10355C10.7252 9.19732 10.8524 9.25 10.985 9.25C11.1176 9.25 11.2448 9.19732 11.3386 9.10355C11.4323 9.00978 11.485 8.88261 11.485 8.75C11.4891 7.98271 11.2969 7.22713 10.9267 6.55503C10.5566 5.88293 10.0207 5.31666 9.37 4.91Z" fill="#828282"></path>
</svg>
<span>6</span>
</div>
</div>
</div>
</div>
<a class="btn btn-plain sm-plain" href="#"><span class="fa-solid fa-plus"></span></a>
</div>
<p class="fs-12 text-secondary">UI UX developer with 5+ years senior experience</p>
</div>
<div class="developers-card card b-1 p-0 border-0 text-start justify-content-center column-gap-2">
<div class="card-header d-flex flex-row align-items-center justify-content-between bg-transparent border-0 p-0 column-gap-2 mb-2">
<div>
<div class="d-flex align-items-center column-gap-2">
<div class="img-wrapper overflow-hidden d-flex">
<img src="./asset/img/man.png" alt="">
</div>
<div>
<p class="fs-14 fw-semibold">Tom Grady</p>
<div class="d-flex align-items-center column-gap-1 fs-12">
<i class="fa-solid fa-star text-warning"></i> <span class="text-dark-grey fw-medium">127</span> <div class="dot"></div><svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15 5.11C6.41679 4.87907 6.63078 4.59344 6.77744 4.27251C6.9241 3.95158 7 3.60285 7 3.25C7 2.58696 6.73661 1.95107 6.26777 1.48223C5.79893 1.01339 5.16304 0.75 4.5 0.75C3.83696 0.75 3.20107 1.01339 2.73223 1.48223C2.26339 1.95107 2 2.58696 2 3.25C2 3.60285 2.0759 3.95158 2.22256 4.27251C2.36922 4.59344 2.58321 4.87907 2.85 5.11C2.15007 5.42694 1.55623 5.93876 1.13949 6.58427C0.722748 7.22978 0.500736 7.98165 0.5 8.75C0.5 8.88261 0.552678 9.00978 0.646447 9.10355C0.740215 9.19732 0.867392 9.25 1 9.25C1.13261 9.25 1.25979 9.19732 1.35355 9.10355C1.44732 9.00978 1.5 8.88261 1.5 8.75C1.5 7.95435 1.81607 7.19129 2.37868 6.62868C2.94129 6.06607 3.70435 5.75 4.5 5.75C5.29565 5.75 6.05871 6.06607 6.62132 6.62868C7.18393 7.19129 7.5 7.95435 7.5 8.75C7.5 8.88261 7.55268 9.00978 7.64645 9.10355C7.74022 9.19732 7.86739 9.25 8 9.25C8.13261 9.25 8.25979 9.19732 8.35355 9.10355C8.44732 9.00978 8.5 8.88261 8.5 8.75C8.49927 7.98165 8.27725 7.22978 7.86051 6.58427C7.44377 5.93876 6.84993 5.42694 6.15 5.11ZM4.5 4.75C4.20333 4.75 3.91332 4.66203 3.66665 4.4972C3.41997 4.33238 3.22771 4.09811 3.11418 3.82402C3.00065 3.54994 2.97094 3.24834 3.02882 2.95736C3.0867 2.66639 3.22956 2.39912 3.43934 2.18934C3.64912 1.97956 3.91639 1.8367 4.20737 1.77882C4.49834 1.72094 4.79994 1.75065 5.07403 1.86418C5.34811 1.97771 5.58238 2.16997 5.7472 2.41664C5.91203 2.66332 6 2.95333 6 3.25C6 3.64782 5.84197 4.02936 5.56066 4.31066C5.27936 4.59196 4.89783 4.75 4.5 4.75ZM9.37 4.91C9.68998 4.54966 9.89901 4.10453 9.9719 3.62817C10.0448 3.15181 9.97846 2.66454 9.78088 2.225C9.5833 1.78546 9.2629 1.4124 8.85824 1.15071C8.45357 0.889025 7.9819 0.749871 7.5 0.75C7.36739 0.75 7.24022 0.802678 7.14645 0.896447C7.05268 0.990215 7 1.11739 7 1.25C7 1.38261 7.05268 1.50979 7.14645 1.60355C7.24022 1.69732 7.36739 1.75 7.5 1.75C7.89783 1.75 8.27936 1.90804 8.56066 2.18934C8.84197 2.47064 9 2.85217 9 3.25C8.99929 3.51262 8.92965 3.77045 8.79803 3.99771C8.66641 4.22497 8.47744 4.41369 8.25 4.545C8.17587 4.58776 8.11396 4.64883 8.07018 4.72237C8.02641 4.79591 8.00224 4.87945 8 4.965C7.99791 5.04988 8.01747 5.1339 8.05683 5.20913C8.0962 5.28436 8.15407 5.34833 8.225 5.395L8.42 5.525L8.485 5.56C9.0877 5.84586 9.59616 6.29799 9.95049 6.86316C10.3048 7.42832 10.4903 8.08297 10.485 8.75C10.485 8.88261 10.5377 9.00978 10.6314 9.10355C10.7252 9.19732 10.8524 9.25 10.985 9.25C11.1176 9.25 11.2448 9.19732 11.3386 9.10355C11.4323 9.00978 11.485 8.88261 11.485 8.75C11.4891 7.98271 11.2969 7.22713 10.9267 6.55503C10.5566 5.88293 10.0207 5.31666 9.37 4.91Z" fill="#828282"></path>
</svg>
<span>6</span>
</div>
</div>
</div>
</div>
<a class="btn btn-plain sm-plain" href="#"><span class="fa-solid fa-plus"></span></a>
</div>
<p class="fs-12 text-secondary">UI UX developer with 5+ years senior experience</p>
</div>
<div class="developers-card card b-1 p-0 border-0 text-start justify-content-center column-gap-2">
<div class="card-header d-flex flex-row align-items-center justify-content-between bg-transparent border-0 p-0 column-gap-2 mb-2">
<div>
<div class="d-flex align-items-center column-gap-2">
<div class="img-wrapper overflow-hidden d-flex">
<img src="./asset/img/man.png" alt="">
</div>
<div>
<p class="fs-14 fw-semibold">Tom Grady</p>
<div class="d-flex align-items-center column-gap-1 fs-12">
<i class="fa-solid fa-star text-warning"></i> <span class="text-dark-grey fw-medium">127</span> <div class="dot"></div><svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15 5.11C6.41679 4.87907 6.63078 4.59344 6.77744 4.27251C6.9241 3.95158 7 3.60285 7 3.25C7 2.58696 6.73661 1.95107 6.26777 1.48223C5.79893 1.01339 5.16304 0.75 4.5 0.75C3.83696 0.75 3.20107 1.01339 2.73223 1.48223C2.26339 1.95107 2 2.58696 2 3.25C2 3.60285 2.0759 3.95158 2.22256 4.27251C2.36922 4.59344 2.58321 4.87907 2.85 5.11C2.15007 5.42694 1.55623 5.93876 1.13949 6.58427C0.722748 7.22978 0.500736 7.98165 0.5 8.75C0.5 8.88261 0.552678 9.00978 0.646447 9.10355C0.740215 9.19732 0.867392 9.25 1 9.25C1.13261 9.25 1.25979 9.19732 1.35355 9.10355C1.44732 9.00978 1.5 8.88261 1.5 8.75C1.5 7.95435 1.81607 7.19129 2.37868 6.62868C2.94129 6.06607 3.70435 5.75 4.5 5.75C5.29565 5.75 6.05871 6.06607 6.62132 6.62868C7.18393 7.19129 7.5 7.95435 7.5 8.75C7.5 8.88261 7.55268 9.00978 7.64645 9.10355C7.74022 9.19732 7.86739 9.25 8 9.25C8.13261 9.25 8.25979 9.19732 8.35355 9.10355C8.44732 9.00978 8.5 8.88261 8.5 8.75C8.49927 7.98165 8.27725 7.22978 7.86051 6.58427C7.44377 5.93876 6.84993 5.42694 6.15 5.11ZM4.5 4.75C4.20333 4.75 3.91332 4.66203 3.66665 4.4972C3.41997 4.33238 3.22771 4.09811 3.11418 3.82402C3.00065 3.54994 2.97094 3.24834 3.02882 2.95736C3.0867 2.66639 3.22956 2.39912 3.43934 2.18934C3.64912 1.97956 3.91639 1.8367 4.20737 1.77882C4.49834 1.72094 4.79994 1.75065 5.07403 1.86418C5.34811 1.97771 5.58238 2.16997 5.7472 2.41664C5.91203 2.66332 6 2.95333 6 3.25C6 3.64782 5.84197 4.02936 5.56066 4.31066C5.27936 4.59196 4.89783 4.75 4.5 4.75ZM9.37 4.91C9.68998 4.54966 9.89901 4.10453 9.9719 3.62817C10.0448 3.15181 9.97846 2.66454 9.78088 2.225C9.5833 1.78546 9.2629 1.4124 8.85824 1.15071C8.45357 0.889025 7.9819 0.749871 7.5 0.75C7.36739 0.75 7.24022 0.802678 7.14645 0.896447C7.05268 0.990215 7 1.11739 7 1.25C7 1.38261 7.05268 1.50979 7.14645 1.60355C7.24022 1.69732 7.36739 1.75 7.5 1.75C7.89783 1.75 8.27936 1.90804 8.56066 2.18934C8.84197 2.47064 9 2.85217 9 3.25C8.99929 3.51262 8.92965 3.77045 8.79803 3.99771C8.66641 4.22497 8.47744 4.41369 8.25 4.545C8.17587 4.58776 8.11396 4.64883 8.07018 4.72237C8.02641 4.79591 8.00224 4.87945 8 4.965C7.99791 5.04988 8.01747 5.1339 8.05683 5.20913C8.0962 5.28436 8.15407 5.34833 8.225 5.395L8.42 5.525L8.485 5.56C9.0877 5.84586 9.59616 6.29799 9.95049 6.86316C10.3048 7.42832 10.4903 8.08297 10.485 8.75C10.485 8.88261 10.5377 9.00978 10.6314 9.10355C10.7252 9.19732 10.8524 9.25 10.985 9.25C11.1176 9.25 11.2448 9.19732 11.3386 9.10355C11.4323 9.00978 11.485 8.88261 11.485 8.75C11.4891 7.98271 11.2969 7.22713 10.9267 6.55503C10.5566 5.88293 10.0207 5.31666 9.37 4.91Z" fill="#828282"></path>
</svg>
<span>6</span>
</div>
</div>
</div>
</div>
<a class="btn btn-plain sm-plain" href="#"><span class="fa-solid fa-plus"></span></a>
</div>
<p class="fs-12 text-secondary">UI UX developer with 5+ years senior experience</p>
</div>
<div class="developers-card card b-1 p-0 border-0 text-start justify-content-center column-gap-2">
<div class="card-header d-flex flex-row align-items-center justify-content-between bg-transparent border-0 p-0 column-gap-2 mb-2">
<div>
<div class="d-flex align-items-center column-gap-2">
<div class="img-wrapper overflow-hidden d-flex">
<img src="./asset/img/man.png" alt="">
</div>
<div>
<p class="fs-14 fw-semibold">Tom Grady</p>
<div class="d-flex align-items-center column-gap-1 fs-12">
<i class="fa-solid fa-star text-warning"></i> <span class="text-dark-grey fw-medium">127</span> <div class="dot"></div><svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15 5.11C6.41679 4.87907 6.63078 4.59344 6.77744 4.27251C6.9241 3.95158 7 3.60285 7 3.25C7 2.58696 6.73661 1.95107 6.26777 1.48223C5.79893 1.01339 5.16304 0.75 4.5 0.75C3.83696 0.75 3.20107 1.01339 2.73223 1.48223C2.26339 1.95107 2 2.58696 2 3.25C2 3.60285 2.0759 3.95158 2.22256 4.27251C2.36922 4.59344 2.58321 4.87907 2.85 5.11C2.15007 5.42694 1.55623 5.93876 1.13949 6.58427C0.722748 7.22978 0.500736 7.98165 0.5 8.75C0.5 8.88261 0.552678 9.00978 0.646447 9.10355C0.740215 9.19732 0.867392 9.25 1 9.25C1.13261 9.25 1.25979 9.19732 1.35355 9.10355C1.44732 9.00978 1.5 8.88261 1.5 8.75C1.5 7.95435 1.81607 7.19129 2.37868 6.62868C2.94129 6.06607 3.70435 5.75 4.5 5.75C5.29565 5.75 6.05871 6.06607 6.62132 6.62868C7.18393 7.19129 7.5 7.95435 7.5 8.75C7.5 8.88261 7.55268 9.00978 7.64645 9.10355C7.74022 9.19732 7.86739 9.25 8 9.25C8.13261 9.25 8.25979 9.19732 8.35355 9.10355C8.44732 9.00978 8.5 8.88261 8.5 8.75C8.49927 7.98165 8.27725 7.22978 7.86051 6.58427C7.44377 5.93876 6.84993 5.42694 6.15 5.11ZM4.5 4.75C4.20333 4.75 3.91332 4.66203 3.66665 4.4972C3.41997 4.33238 3.22771 4.09811 3.11418 3.82402C3.00065 3.54994 2.97094 3.24834 3.02882 2.95736C3.0867 2.66639 3.22956 2.39912 3.43934 2.18934C3.64912 1.97956 3.91639 1.8367 4.20737 1.77882C4.49834 1.72094 4.79994 1.75065 5.07403 1.86418C5.34811 1.97771 5.58238 2.16997 5.7472 2.41664C5.91203 2.66332 6 2.95333 6 3.25C6 3.64782 5.84197 4.02936 5.56066 4.31066C5.27936 4.59196 4.89783 4.75 4.5 4.75ZM9.37 4.91C9.68998 4.54966 9.89901 4.10453 9.9719 3.62817C10.0448 3.15181 9.97846 2.66454 9.78088 2.225C9.5833 1.78546 9.2629 1.4124 8.85824 1.15071C8.45357 0.889025 7.9819 0.749871 7.5 0.75C7.36739 0.75 7.24022 0.802678 7.14645 0.896447C7.05268 0.990215 7 1.11739 7 1.25C7 1.38261 7.05268 1.50979 7.14645 1.60355C7.24022 1.69732 7.36739 1.75 7.5 1.75C7.89783 1.75 8.27936 1.90804 8.56066 2.18934C8.84197 2.47064 9 2.85217 9 3.25C8.99929 3.51262 8.92965 3.77045 8.79803 3.99771C8.66641 4.22497 8.47744 4.41369 8.25 4.545C8.17587 4.58776 8.11396 4.64883 8.07018 4.72237C8.02641 4.79591 8.00224 4.87945 8 4.965C7.99791 5.04988 8.01747 5.1339 8.05683 5.20913C8.0962 5.28436 8.15407 5.34833 8.225 5.395L8.42 5.525L8.485 5.56C9.0877 5.84586 9.59616 6.29799 9.95049 6.86316C10.3048 7.42832 10.4903 8.08297 10.485 8.75C10.485 8.88261 10.5377 9.00978 10.6314 9.10355C10.7252 9.19732 10.8524 9.25 10.985 9.25C11.1176 9.25 11.2448 9.19732 11.3386 9.10355C11.4323 9.00978 11.485 8.88261 11.485 8.75C11.4891 7.98271 11.2969 7.22713 10.9267 6.55503C10.5566 5.88293 10.0207 5.31666 9.37 4.91Z" fill="#828282"></path>
</svg>
<span>6</span>
</div>
</div>
</div>
</div>
<a class="btn btn-plain sm-plain" href="#"><span class="fa-solid fa-plus"></span></a>
</div>
<p class="fs-12 text-secondary">UI UX developer with 5+ years senior experience</p>
</div>
</div>
</div>
</div>
</div>
<!-- reply section end -->
<!-- answer-section start -->
<div class="answer-section container">
<div class="row">
<div></div>
<div class="p-4 pt-lg-0 bx-1">
<h3 class="mb-3 fw-bold">Add an answer</h3>
<div class="position-relative mb-3">
<input class="form-control pe-5" type="text" placeholder="Email address">
<svg class="envlope-icon position-absolute top-50 start-0 translate-middle-y translate-middle-x" width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6667 2.50008C14.6667 1.76675 14.0667 1.16675 13.3334 1.16675H2.66671C1.93337 1.16675 1.33337 1.76675 1.33337 2.50008M14.6667 2.50008V10.5001C14.6667 11.2334 14.0667 11.8334 13.3334 11.8334H2.66671C1.93337 11.8334 1.33337 11.2334 1.33337 10.5001V2.50008M14.6667 2.50008L8.00004 7.16675L1.33337 2.50008" stroke="#667085" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<textarea class="fs-12 text-secondary w-100 form-control" name="textarea" id=""></textarea>
<div class="d-flex justify-content-between flex-column flex-sm-row">
<a class="text-primary fs-14" href="#">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 13.3333C9.41453 13.3333 10.7711 12.7713 11.7713 11.7712C12.7715 10.771 13.3334 9.41441 13.3334 7.99992C13.3334 6.58543 12.7715 5.22888 11.7713 4.22868C10.7711 3.22849 9.41453 2.66659 8.00004 2.66659C6.58555 2.66659 5.229 3.22849 4.2288 4.22868C3.22861 5.22888 2.66671 6.58543 2.66671 7.99992C2.66671 9.41441 3.22861 10.771 4.2288 11.7712C5.229 12.7713 6.58555 13.3333 8.00004 13.3333ZM8.00004 14.6666C4.31804 14.6666 1.33337 11.6819 1.33337 7.99992C1.33337 4.31792 4.31804 1.33325 8.00004 1.33325C11.682 1.33325 14.6667 4.31792 14.6667 7.99992C14.6667 11.6819 11.682 14.6666 8.00004 14.6666ZM7.33337 7.33325V11.3333H8.66671V7.33325H7.33337ZM7.33337 4.66658H8.66671V5.99992H7.33337V4.66658Z" fill="#0066FF"/>
</svg>
Read rules and guidelines</a>
<button class="btn btn-primary mt-2 mt-sm-0">Submit answer</button>
</div>
</div>
<div></div>
</div>
</div>
<!-- answer-section end -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="./asset/js/question-page.js"></script>
</body>
</html>