-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
593 lines (563 loc) · 48.7 KB
/
Copy pathindex.html
File metadata and controls
593 lines (563 loc) · 48.7 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
<!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/index.css">
<title>Codelace Home</title>
</head>
<body>
<!-- navbar section start -->
<section class="navbar-section">
<div class="container py-1 bx-1">
<div class="row">
<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 -->
<!-- hero section start -->
<div class="hero-section container overflow-hidden bx-1">
<div class="row px-16">
<div class="col-12 col-lg-7">
<h1 class="mb-4 text-dark fw-bold">ULTIMATE COMMUINITY FOR DEVELOPERS</h1>
<p class="fw-bold fs-24 text-blue font-caveat">definitely not your average community 😎</p>
</div>
<div class="col-12 col-lg-5 position-relative d-none d-lg-block">
<div class="img-wrapper-left position-absolute">
<img src="./asset/img/left-arrow.png" alt="">
</div>
<div class="img-wrapper-right position-absolute">
<img src="./asset/img/right-arrow.png" alt="">
</div>
</div>
</div>
</div>
<!-- hero section end -->
<!-- question section start -->
<div class="question-section container bx-1 py-42">
<div class="row">
<div class="col-12 px-16">
<h3 class="text-dark fw-semibold mb-4">Latest questions</h3>
<div class="ask-question text-end position-relative overflow-hidden">
<input type="text" class="form-control" placeholder="What does static and non-static mean in java?">
<button id="ask-question" class="btn btn-primary">Ask Question</button>
<div class="info position-absolute bottom-0 start-0">
<i class="fa-solid fa-bolt me-1"></i> <span>Get answer from GPT-4 and community</span>
</div>
</div>
<div class="answer-container d-flex align-items-start align-items-md-center justify-content-between mt-4 flex-column flex-md-row">
<div>
<p class="fs-18 text-dark fw-medium mb-1">How can I make a array in java 1.8 ?</p>
<div class="d-flex align-items-center flex-wrap gap-12 fs-14">
<span class="fs-14 text-secondary">2 answers</span>
<div class="dot"></div>
<span class="fs-14 text-secondary">a few minutes ago</span>
<div class="dot"></div>
<div class="tags-container d-flex flex-wrap align-items-center gap-12 row-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>
</div>
<p class="text-primary mt-1 mt-md-0 ms-auto d-none d-md-block">Answer</p>
</div>
<div class="answer-container d-flex align-items-start align-items-md-center justify-content-between mt-4 flex-column flex-md-row">
<div>
<p class="fs-18 text-dark fw-medium mb-1">How can I make a array in java 1.8 ?</p>
<div class="d-flex align-items-center flex-wrap gap-12 fs-14">
<span class="fs-14 text-secondary">2 answers</span>
<div class="dot"></div>
<span class="fs-14 text-secondary">a few minutes ago</span>
<div class="dot"></div>
<div class="tags-container d-flex flex-wrap align-items-center gap-12 row-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>
</div>
<p class="text-primary mt-1 mt-md-0 ms-auto d-none d-md-block">Answer</p>
</div>
<div class="answer-container d-flex align-items-start align-items-md-center justify-content-between mt-4 flex-column flex-md-row">
<div>
<p class="fs-18 text-dark fw-medium mb-1">How can I make a array in java 1.8 ?</p>
<div class="d-flex align-items-center flex-wrap gap-12 fs-14">
<span class="fs-14 text-secondary">2 answers</span>
<div class="dot"></div>
<span class="fs-14 text-secondary">a few minutes ago</span>
<div class="dot"></div>
<div class="tags-container d-flex flex-wrap align-items-center gap-12 row-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>
</div>
<p class="text-primary mt-1 mt-md-0 ms-auto d-none d-md-block">Answer</p>
</div>
<div class="answer-container d-flex align-items-start align-items-md-center justify-content-between mt-4 flex-column flex-md-row">
<div>
<p class="fs-18 text-dark fw-medium mb-1">How can I make a array in java 1.8 ?</p>
<div class="d-flex align-items-center flex-wrap gap-12 fs-14">
<span class="fs-14 text-secondary">2 answers</span>
<div class="dot"></div>
<span class="fs-14 text-secondary">a few minutes ago</span>
<div class="dot"></div>
<div class="tags-container d-flex flex-wrap align-items-center gap-12 row-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>
</div>
<p class="text-primary mt-1 mt-md-0 ms-auto d-none d-md-block">Answer</p>
</div>
<div class="answer-container d-flex align-items-start align-items-md-center justify-content-between mt-4 flex-column flex-md-row">
<div>
<p class="fs-18 text-dark fw-medium mb-1">How can I make a array in java 1.8 ?</p>
<div class="d-flex align-items-center flex-wrap gap-12 fs-14">
<span class="fs-14 text-secondary">2 answers</span>
<div class="dot"></div>
<span class="fs-14 text-secondary">a few minutes ago</span>
<div class="dot"></div>
<div class="tags-container d-flex flex-wrap align-items-center gap-12 row-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>
</div>
<p class="text-primary mt-1 mt-md-0 ms-auto d-none d-md-block">Answer</p>
</div>
<a class="btn btn-plain mt-4" href="#">See all <i class="fa-solid fa-arrow-right"></i></a>
<div class="popluar-tags d-flex align-items-center flex-wrap gap-12 row-gap-1 mt-4">
<p class="fs-14 text-secondary">Popular tags:</p>
<a class="text-secondary text-decoration-underline fs-14" href="#">Java</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">React</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">Web app</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">Notion</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">How to</a>
</div>
</div>
</div>
</div>
<!-- question section end -->
<!-- remote-job section start -->
<div class="remote-jobs-section container bx-1 py-42">
<div class="row">
<div class="col-12 px-16">
<h3 class="text-dark fw-semibold mb-4">Remote Jobs</h3>
<div class="remote-job-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-sm-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/remote-jobs-img.png" alt="">
</div>
<div class="d-flex flex-column">
<div class="d-flex align-items-center gap-12 row-gap-1 flex-wrap justify-content-center justify-content-sm-start">
<h3 class="fs-18 fw-medium text-center text-sm-start">Front-end developer (Vanilla)</h3><span class="rank junior-level fw-medium">Junior-level</span>
</div>
<div class="d-flex align-items-center flex-wrap justify-content-center justify-content-sm-start my-2 gap-12">
<span class="fs-14 text-secondary">Full-time</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 50-60K</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">June 4, 2024</span>
</div>
<div class="d-flex align-items-center gap-12 justify-content-center justify-content-sm-start flex-wrap">
<a class="tag" href="#">Machine Learning</a> <a class="tag" href="#">Front-end</a></div>
</div>
</div>
<a class="btn btn-outline">Apply <i class="fa-solid fas fa-arrow-right"></i></a>
</div>
<div class="remote-job-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-sm-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/remote-jobs-img.png" alt="">
</div>
<div class="d-flex flex-column">
<div class="d-flex align-items-center gap-12 row-gap-1 flex-wrap justify-content-center justify-content-sm-start">
<h3 class="fs-18 fw-medium text-center text-sm-start">Front-end developer (Vanilla)</h3><span class="rank senior-level fw-medium">Senior-level</span>
</div>
<div class="d-flex align-items-center flex-wrap justify-content-center justify-content-sm-start my-2 gap-12">
<span class="fs-14 text-secondary">Full-time</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 50-60K</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">June 4, 2024</span>
</div>
<div class="d-flex align-items-center gap-12 justify-content-center justify-content-sm-start flex-wrap">
<a class="tag" href="#">Machine Learning</a> <a class="tag" href="#">Front-end</a></div>
</div>
</div>
<div class="d-flex align-items-center align-items-md-end flex-column-reverse flex-md-column">
<a class="btn btn-outline">Apply <i class="fa-solid fas fa-arrow-right"></i></a>
</div>
</div>
<div class="remote-job-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-sm-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/remote-jobs-img.png" alt="">
</div>
<div class="d-flex flex-column">
<div class="d-flex align-items-center gap-12 row-gap-1 flex-wrap justify-content-center justify-content-sm-start">
<h3 class="fs-18 fw-medium text-center text-sm-start">Front-end developer (Vanilla)</h3><span class="rank mid-level fw-medium">Mid-level</span>
</div>
<div class="d-flex align-items-center flex-wrap justify-content-center justify-content-sm-start my-2 gap-12">
<span class="fs-14 text-secondary">Full-time</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 50-60K</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">June 4, 2024</span>
</div>
<div class="d-flex align-items-center gap-12 justify-content-center justify-content-sm-start flex-wrap">
<a class="tag" href="#">Machine Learning</a> <a class="tag" href="#">Front-end</a></div>
</div>
</div>
<div class="d-flex align-items-center align-items-md-end flex-column-reverse flex-md-column">
<a class="btn btn-outline">Apply <i class="fa-solid fas fa-arrow-right"></i></a>
<span class="text-secondary fs-12 mt-md-3 mb-3 mb-md-0">Last date to apply: June 20, 2024</span>
</div>
</div>
<div class="remote-job-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-sm-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/remote-jobs-img.png" alt="">
</div>
<div class="d-flex flex-column">
<div class="d-flex align-items-center gap-12 row-gap-1 flex-wrap justify-content-center justify-content-sm-start">
<h3 class="fs-18 fw-medium text-center text-sm-start">Front-end developer (Vanilla)</h3><span class="rank senior-level fw-medium">Senior-level</span>
</div>
<div class="d-flex align-items-center flex-wrap justify-content-center justify-content-sm-start my-2 gap-12">
<span class="fs-14 text-secondary">Full-time</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 50-60K</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">June 4, 2024</span>
</div>
<div class="d-flex align-items-center gap-12 justify-content-center justify-content-sm-start flex-wrap">
<a class="tag" href="#">Machine Learning</a> <a class="tag" href="#">Front-end</a></div>
</div>
</div>
<div class="d-flex align-items-center align-items-md-end flex-column-reverse flex-md-column">
<a class="btn btn-outline">Apply <i class="fa-solid fas fa-arrow-right"></i></a>
</div>
</div>
<div class="remote-job-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-sm-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/remote-jobs-img.png" alt="">
</div>
<div class="d-flex flex-column">
<div class="d-flex align-items-center gap-12 row-gap-1 flex-wrap justify-content-center justify-content-sm-start">
<h3 class="fs-18 fw-medium text-center text-sm-start">Front-end developer (Vanilla)</h3><span class="rank senior-level fw-medium">Senior-level</span>
</div>
<div class="d-flex align-items-center flex-wrap justify-content-center justify-content-sm-start my-2 gap-12">
<span class="fs-14 text-secondary">Full-time</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 50-60K</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">June 4, 2024</span>
</div>
<div class="d-flex align-items-center gap-12 justify-content-center justify-content-sm-start flex-wrap">
<a class="tag" href="#">Machine Learning</a> <a class="tag" href="#">Front-end</a></div>
</div>
</div>
<a class="btn btn-outline">Apply <i class="fa-solid fas fa-arrow-right"></i></a>
</div>
<a class="btn btn-plain" href="#">See all <i class="fa-solid fa-arrow-right"></i></a>
<div class="popluar-tags d-flex align-items-center flex-wrap gap-12 row-gap-1 mt-4">
<p class="fs-14 text-secondary">Popular tags:</p>
<a class="text-secondary text-decoration-underline fs-14" href="#">AI</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">Machine learning</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">Front-end</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">Back-end</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">ReactJS</a>
</div>
</div>
</div>
</div>
<!-- remote-job section end -->
<!-- hire developers section start -->
<div class="hire-developers-section container bx-1 py-42">
<div class="row">
<div class="col-12 px-16">
<h3 class="mb-3 fw-semibold">Hire developers</h3>
<div class="hire-dev-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-md-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/man.png" alt="">
</div>
<div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap gap-12">
<div class="d-flex align-items-center gap-2 gap-12">
<h3 class="fs-18 fw-medium">Tom Grady</h3>
<div class="flag-wrapper"><img src="./asset/img/flag.png" alt=""></div>
</div>
<div class="v-line"></div>
<div><span class="rank senior-level fw-medium">Senior-level</span></div>
<div class="v-line"></div>
<div><i class="fa-solid fas fa-star text-warning me-2"></i><span class="fw-medium text-secondary">24 testimonies</span></div>
</div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap text-center text-md-start gap-12"><span class="fs-14 text-secondary">Award-winning ReactJS developer</span>
<div class="dot"></div><span class="fs-14 text-secondary">5+ years exp</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 50/hr</span>
</div>
<div class="tags-container d-flex flex-wrap align-items-center justify-content-center justify-content-md-start gap-12 row-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>
</div>
<a class="btn btn-outline">View profile <i class="fa-solid fas fa-arrow-right"></i></a>
</div>
<div class="hire-dev-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-md-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/2nd man.png" alt="">
</div>
<div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap gap-12">
<div class="d-flex align-items-center gap-2 gap-12">
<h3 class="fs-18 fw-medium">Roosevelt Jones</h3>
<div class="flag-wrapper"><img src="./asset/img/flag.png" alt=""></div>
</div>
<div class="v-line"></div>
<div><span class="rank senior-level fw-medium">Senior-level</span></div>
<div class="v-line"></div>
<div><i class="fa-solid fas fa-star text-warning me-2"></i><span class="fw-medium text-secondary">6 testimonies</span></div>
</div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap text-center text-md-start gap-12"><span class="fs-14 text-secondary">Award-winning ReactJS developer</span>
<div class="dot"></div><span class="fs-14 text-secondary">5+ years exp</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 30/hr</span>
</div>
<div class="tags-container d-flex flex-wrap align-items-center justify-content-center justify-content-md-start gap-12 row-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>
</div>
<a class="btn btn-outline">View profile <i class="fa-solid fas fa-arrow-right"></i></a>
</div>
<div class="hire-dev-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-md-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/3rd man.png" alt="">
</div>
<div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap gap-12">
<div class="d-flex align-items-center gap-2 gap-12">
<h3 class="fs-18 fw-medium">Mr. Jill Donnelly</h3>
<div class="flag-wrapper"><img src="./asset/img/flag.png" alt=""></div>
</div>
<div class="v-line"></div>
<div><span class="rank mid-level fw-medium">Mid-level</span></div>
<div class="v-line"></div>
<div><i class="fa-solid fas fa-star text-warning me-2"></i><span class="fw-medium text-secondary">24 testimonies</span></div>
</div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap text-center text-md-start gap-12"><span class="fs-14 text-secondary">Award-winning ReactJS developer</span>
<div class="dot"></div><span class="fs-14 text-secondary">3+ years exp</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 50/hr</span>
</div>
<div class="tags-container d-flex flex-wrap align-items-center justify-content-center justify-content-md-start gap-12 row-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>
</div>
<a class="btn btn-outline">View profile <i class="fa-solid fas fa-arrow-right"></i></a>
</div>
<div class="hire-dev-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-md-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/4th man.png" alt="">
</div>
<div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap gap-12">
<div class="d-flex align-items-center gap-2 gap-12">
<h3 class="fs-18 fw-medium">Tom Grady</h3>
<div class="flag-wrapper"><img src="./asset/img/flag.png" alt=""></div>
</div>
<div class="v-line"></div>
<div><span class="rank junior-level fw-medium">Junior-level</span></div>
<div class="v-line"></div>
<div><i class="fa-solid fas fa-star text-warning me-2"></i><span class="fw-medium text-secondary">8 testimonies</span></div>
</div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap text-center text-md-start gap-12"><span class="fs-14 text-secondary">Award-winning ReactJS developer</span>
<div class="dot"></div><span class="fs-14 text-secondary">2+ years exp</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 25-30/hr</span>
</div>
<div class="tags-container d-flex flex-wrap align-items-center justify-content-center justify-content-md-start gap-12 row-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>
</div>
<a class="btn btn-outline">View profile <i class="fa-solid fas fa-arrow-right"></i></a>
</div>
<div class="hire-dev-card d-flex align-items-center justify-content-between mb-4 flex-column flex-md-row row-gap-3">
<div class="d-flex align-items-center gap-3 flex-column flex-md-row">
<div class="img-wrapper">
<img class="w-100 h-100 object-fit-cover" src="./asset/img/5th man.png" alt="">
</div>
<div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap gap-12">
<div class="d-flex align-items-center gap-2 gap-12">
<h3 class="fs-18 fw-medium">Tom Grady</h3>
<div class="flag-wrapper"><img src="./asset/img/flag.png" alt=""></div>
</div>
<div class="v-line"></div>
<div><span class="rank intern fw-medium">Intern</span></div>
</div>
<div class="d-flex align-items-center mb-2 justify-content-center justify-content-md-start flex-wrap text-center text-md-start gap-12"><span class="fs-14 text-secondary">Award-winning ReactJS developer</span>
<div class="dot"></div><span class="fs-14 text-secondary">1 year exp</span><span class="fs-14 text-secondary">US</span>
<div class="dot"></div><span class="fs-14 text-secondary">USD 0-10/hr</span>
</div>
<div class="tags-container d-flex flex-wrap align-items-center justify-content-center justify-content-md-start gap-12 row-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>
</div>
<a class="btn btn-outline">View profile <i class="fa-solid fas fa-arrow-right"></i></a>
</div>
<a class="btn btn-plain" href="#">See all <i class="fa-solid fa-arrow-right"></i></a>
<div class="popluar-tags d-flex align-items-center flex-wrap gap-12 row-gap-1 mt-4">
<p class="fs-14 text-secondary">Popular tags:</p>
<a class="text-secondary text-decoration-underline fs-14" href="#">AI</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">Machine learning</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">Front-end</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">Back-end</a>
<a class="text-secondary text-decoration-underline fs-14" href="#">ReactJS</a>
</div>
</div>
</div>
</div>
<!-- hire developers section end -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>