-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
522 lines (467 loc) · 43.1 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Game Agency Project</title>
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;900&display=swap">
<link rel='stylesheet' href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css'>
</head>
<body>
<!-- Header -->
<header id="header" class="header">
<div class="header__container container container--px">
<nav class="navbar flex">
<a href="#" class="navbar__brand" title="Back to the homepage">play_</a>
<button id="toggleMenuBtn" class="navbar__toggle-menu toggle-menu" type="button" aria-haspopup="true" aria-expanded="false" aria-label="Toggle navigation">
<div class="toggle-menu__hamburger hamburger" aria-hidden="true">
<div class="hamburger__item"></div>
<div class="hamburger__item"></div>
<div class="hamburger__item"></div>
</div>
</button>
<ul id="menuList" class="navbar__menu menu" role="menu">
<li class="menu__item" role="none">
<a href="#" class="menu__link menu__link--active" role="menuitem">Home</a>
</li>
<li class="menu__item" role="none">
<a href="#" class="menu__link" role="menuitem">Services</a>
</li>
<li class="menu__item" role="none">
<a href="#" class="menu__link" role="menuitem">Pricing</a>
</li>
<li class="menu__item" role="none">
<a href="#" class="menu__link" role="menuitem">About</a>
</li>
<li class="menu__item" role="none">
<a href="#" class="menu__link cta cta--primary" role="menuitem">Contact us</a>
</li>
</ul>
</nav>
<div id="overlayLayer" class="header__overlay"></div>
</div>
</header>
<!-- Main -->
<main class="main">
<!-- Hero -->
<section class="hero">
<div class="hero__container container container--px flex">
<div class="hero__text">
<h1 class="hero__title">We design for g<span class="hero__title-underline">ames.</span></h1>
<p class="hero__paragraph">Lorem ipsum dolor sit amet, consec
tetur adipiscing elit, sed do eiusmod
tempor incididunt.
</p>
<a href="#" class="hero__cta cta cta--primary">Get started</a>
</div>
<div class="hero__image-wrapper">
<img src="images/hero__image.svg" alt="Hand Holding Joystick" class="hero__image">
</div>
</div>
</section>
<!-- Partbers -->
<section class="partners">
<div class="partners__container container container--px">
<h1 class="partners__title">We are trusted by hundreads of game companies</h1>
<div class="partners__wrapper">
<a href="#" class="partners__item">
<img src="images/partner-1.png" alt="Riot Games" class="partner__img">
</a>
<a href="#" class="partners__item">
<img src="images/partner-2.png" alt="Blizzard" class="partner__img">
</a>
<a href="#" class="partners__item">
<img src="images/partner-3.png" alt="Zynga" class="partner__img">
</a>
<a href="#" class="partners__item">
<img src="images/partner-4.png" alt="Sega" class="partner__img">
</a>
<a href="#" class="partners__item">
<img src="images/partner-5.png" alt="Activision" class="partner__img">
</a>
</div>
</div>
</section>
<!-- Features -->
<section class="features">
<div class="features__container container container--px">
<div class="features__text">
<h1 class="features__subtitle subtitle-primary">Features</h1>
<h2 class="features__title title-primary">What we are offering</h2>
<p class="features__paragraph">
Lorem ipsum dolor sit amet, consec tetur
adipiscing elit, sed do eiusmod tempor.
</p>
</div>
<div class="features__wrapper">
<div class="features__feature feature--1">
<div class="feature__icon-wrapper flex">
<svg class="feature__icon" viewBox="0 0 39 39" aria-hidden="true" focusable='false'>
<path d="M2 21.4444H37M15.125 29.2222L13.6667 35.0556L11.7222 37H27.2778L25.3333 35.0556L23.875 29.2222H15.125ZM5.88889 29.2222H33.1111C34.1425 29.2222 35.1317 28.8125 35.861 28.0832C36.5903 27.3539 37 26.3647 37 25.3333V5.88889C37 4.85749 36.5903 3.86834 35.861 3.13903C35.1317 2.40972 34.1425 2 33.1111 2H5.88889C4.85749 2 3.86834 2.40972 3.13903 3.13903C2.40972 3.86834 2 4.85749 2 5.88889V25.3333C2 26.3647 2.40972 27.3539 3.13903 28.0832C3.86834 28.8125 4.85749 29.2222 5.88889 29.2222Z" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<h3 class="feature__title">Website design</h3>
<p class="feature__paragraph">
Lorem ipsum dolor sit amet,
consec tetur adipiscing elit.
</p>
</div>
<div class="features__feature feature--2">
<div class="feature__icon-wrapper flex">
<svg class="feature__icon" viewBox="0 0 39 39" aria-hidden="true" focusable='false'>
<path d="M22.6749 10.8681C21.9916 10.8681 21.3236 11.0707 20.7555 11.4504C20.1874 11.83 19.7446 12.3696 19.4831 13.0008C19.2216 13.6321 19.1532 14.3268 19.2865 14.9969C19.4198 15.6671 19.7488 16.2827 20.232 16.7659C20.6337 17.1676 21.1283 17.4641 21.672 17.629C22.2157 17.794 22.7917 17.8223 23.3489 17.7114C23.9062 17.6006 24.4275 17.354 24.8667 16.9936C25.3059 16.6331 25.6494 16.17 25.8668 15.6451C26.0842 15.1201 26.1688 14.5497 26.1131 13.9843C26.0575 13.4189 25.8632 12.8759 25.5475 12.4035C25.2319 11.9311 24.8046 11.5438 24.3035 11.276C23.8024 11.0082 23.243 10.8681 22.6749 10.8681ZM23.8473 15.5043C23.6942 15.6685 23.5097 15.8003 23.3046 15.8916C23.0996 15.983 22.8782 16.0321 22.6537 16.0361C22.4293 16.04 22.2063 15.9988 21.9982 15.9147C21.79 15.8306 21.6009 15.7055 21.4422 15.5467C21.2834 15.388 21.1583 15.1989 21.0742 14.9907C20.9901 14.7826 20.9489 14.5596 20.9528 14.3352C20.9568 14.1107 21.0059 13.8893 21.0973 13.6843C21.1886 13.4792 21.3204 13.2947 21.4846 13.1416C21.8041 12.8392 22.2278 12.6714 22.6677 12.6731C23.1077 12.6748 23.5301 12.8457 23.8473 13.1505C24.1603 13.464 24.3362 13.8889 24.3362 14.3319C24.3362 14.7749 24.1603 15.1998 23.8473 15.5132V15.5043Z" stroke-width="0.5"/>
<path d="M5.94897 29.7872L2.52087 33.2109C2.35298 33.3787 2.25867 33.6064 2.25867 33.8439C2.25867 34.0813 2.35298 34.309 2.52087 34.4769C2.68876 34.6448 2.91646 34.7391 3.15389 34.7391C3.39132 34.7391 3.61902 34.6448 3.7869 34.4769L7.215 31.0488C7.3823 30.8815 7.47628 30.6546 7.47628 30.418C7.47628 30.1814 7.3823 29.9545 7.215 29.7872C7.04771 29.6199 6.82081 29.5259 6.58421 29.5259C6.34762 29.5259 6.12072 29.6199 5.95343 29.7872H5.94897Z" stroke-width="0.5"/>
<path d="M35.7363 1.26139C35.6399 1.16492 35.5227 1.09185 35.3936 1.0478C35.2646 1.00374 35.1271 0.989887 34.9919 1.00729L26.4149 2.05935C25.2342 2.20954 24.1367 2.74733 23.2944 3.58839L20.5618 6.32106L15.939 6.01793C14.3202 5.90167 12.7203 6.42326 11.4811 7.47119L5.09743 12.8429C4.97512 12.9464 4.88297 13.081 4.83067 13.2325C4.77838 13.384 4.76787 13.5467 4.80026 13.7037C4.83266 13.8606 4.90674 14.0059 5.01474 14.1243C5.12273 14.2427 5.26063 14.3298 5.41394 14.3764L10.8525 16.0125L9.13626 17.751C9.05336 17.8338 8.9876 17.9322 8.94273 18.0404C8.89786 18.1486 8.87477 18.2647 8.87477 18.3818C8.87477 18.499 8.89786 18.615 8.94273 18.7232C8.9876 18.8315 9.05336 18.9298 9.13626 19.0126L9.35915 19.2355L6.60419 20.7289C6.3008 20.8953 6.04032 21.1301 5.8434 21.4146C5.64647 21.6992 5.5185 22.0257 5.46962 22.3683C5.42075 22.7108 5.4523 23.0601 5.5618 23.3883C5.67129 23.7166 5.85571 24.0149 6.10045 24.2595L12.7293 30.8973C13.1452 31.3145 13.7094 31.5501 14.2985 31.5526C14.4058 31.5527 14.5131 31.5452 14.6194 31.5303C14.964 31.4827 15.2926 31.355 15.579 31.1576C15.8654 30.9603 16.1017 30.6986 16.2688 30.3935L17.7711 27.6564L17.994 27.8793C18.0768 27.9622 18.1752 28.028 18.2834 28.0728C18.3916 28.1177 18.5077 28.1408 18.6248 28.1408C18.742 28.1408 18.858 28.1177 18.9662 28.0728C19.0745 28.028 19.1728 27.9622 19.2556 27.8793L20.9897 26.1452L22.6258 31.5838C22.6722 31.7374 22.7592 31.8757 22.8777 31.9839C22.9962 32.0922 23.1417 32.1665 23.2989 32.199C23.3597 32.2052 23.4209 32.2052 23.4817 32.199C23.6115 32.1991 23.7399 32.1708 23.8577 32.1161C23.9755 32.0615 24.0799 31.9817 24.1637 31.8825L29.5399 25.5077C30.5883 24.2688 31.1099 22.6686 30.9932 21.0499L30.6767 16.436L33.4093 13.7033C34.2488 12.8604 34.7849 11.763 34.9339 10.5828L35.9904 2.00585C36.0078 1.87059 35.994 1.73314 35.9499 1.60408C35.9059 1.47502 35.8328 1.35778 35.7363 1.26139ZM7.50468 13.1505L12.6357 8.82193C13.5252 8.08059 14.6683 7.71447 15.8231 7.80107L18.8856 8.01059L12.288 14.5859L7.50468 13.1505ZM14.6952 29.5332C14.662 29.5937 14.6153 29.6456 14.5586 29.685C14.5019 29.7243 14.4369 29.75 14.3686 29.7599C14.3003 29.7698 14.2307 29.7638 14.1651 29.7422C14.0996 29.7207 14.0399 29.6842 13.9909 29.6357L7.35311 23.0069C7.30459 22.9578 7.26812 22.8982 7.24656 22.8326C7.22501 22.7671 7.21896 22.6974 7.2289 22.6291C7.23884 22.5609 7.26449 22.4958 7.30384 22.4391C7.34318 22.3825 7.39515 22.3357 7.45564 22.3025L10.6475 20.5506L16.4427 26.3458L14.6952 29.5332ZM29.1966 21.1747C29.276 22.3288 28.9035 23.4685 28.158 24.3531L23.8472 29.493L22.4118 24.7098L29.005 18.1166L29.1966 21.1747ZM33.1463 10.3599C33.0496 11.1492 32.6918 11.8835 32.1299 12.4462L18.6181 25.9847L11.013 18.3796L24.5426 4.84997C25.1053 4.28805 25.8396 3.9303 26.6289 3.83358L34.1003 2.89742L33.1463 10.3599Z" stroke-width="0.5"/>
<path d="M6.93408 35.7385C7.01689 35.8214 7.11522 35.8871 7.22345 35.932C7.33169 35.9769 7.4477 36 7.56487 36C7.68204 36 7.79805 35.9769 7.90629 35.932C8.01453 35.8871 8.11286 35.8214 8.19566 35.7385L10.0278 33.884C10.1951 33.7167 10.2891 33.4898 10.2891 33.2532C10.2891 33.0166 10.1951 32.7897 10.0278 32.6224C9.86055 32.4551 9.63364 32.3611 9.39705 32.3611C9.16046 32.3611 8.93356 32.4551 8.76627 32.6224L6.91179 34.4769C6.83034 34.5612 6.76631 34.6606 6.72334 34.7697C6.68037 34.8787 6.65932 34.9951 6.66139 35.1123C6.66346 35.2295 6.68861 35.3451 6.7354 35.4525C6.78219 35.56 6.84971 35.6571 6.93408 35.7385Z" stroke-width="0.5"/>
<path d="M1.88783 30.3267C2.12391 30.3257 2.34995 30.2311 2.51639 30.0637L4.37086 28.2092C4.49845 28.0366 4.55948 27.8237 4.54276 27.6098C4.52603 27.3958 4.43267 27.195 4.27981 27.0443C4.12696 26.8936 3.92487 26.8031 3.71066 26.7895C3.49646 26.7758 3.28451 26.8399 3.11374 26.9699L1.25927 28.8244C1.13534 28.9491 1.05102 29.1076 1.01693 29.28C0.982835 29.4525 1.00048 29.6312 1.06766 29.7936C1.13483 29.9561 1.24853 30.0951 1.39446 30.1931C1.54039 30.2911 1.71204 30.3438 1.88783 30.3445V30.3267Z" stroke-width="0.5"/>
</svg>
</div>
<h3 class="feature__title">Game launch</h3>
<p class="feature__paragraph">
Lorem ipsum dolor sit amet,
consec tetur adipiscing elit.
</p>
</div>
<div class="features__feature feature--3">
<div class="feature__icon-wrapper flex">
<svg class="feature__icon" viewBox="0 0 39 39" aria-hidden="true" focusable='false'>
<path d="M23.3889 15.6111H32.6522C33.315 15.6111 33.9668 15.7806 34.5457 16.1033C35.1246 16.426 35.6115 16.8914 35.96 17.4552C36.3085 18.0189 36.5071 18.6624 36.537 19.3245C36.5669 19.9867 36.4271 20.6454 36.1308 21.2383L29.3253 34.8494C29.0022 35.4959 28.5055 36.0396 27.8907 36.4194C27.2759 36.7993 26.5674 37.0003 25.8447 37H18.0339C17.7169 37 17.4 36.9611 17.0908 36.8833L9.77778 35.0556M23.3889 15.6111V5.88889C23.3889 4.85749 22.9792 3.86834 22.2499 3.13903C21.5206 2.40972 20.5314 2 19.5 2H19.3153C18.3431 2 17.5556 2.7875 17.5556 3.75972C17.5556 5.14806 17.1453 6.50528 16.3733 7.66028L9.77778 17.5556V35.0556M23.3889 15.6111H19.5M9.77778 35.0556H5.88889C4.85749 35.0556 3.86834 34.6458 3.13903 33.9165C2.40972 33.1872 2 32.1981 2 31.1667V19.5C2 18.4686 2.40972 17.4794 3.13903 16.7501C3.86834 16.0208 4.85749 15.6111 5.88889 15.6111H10.75" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<h3 class="feature__title">Social media</h3>
<p class="feature__paragraph">
Lorem ipsum dolor sit amet,
consec tetur adipiscing elit.
</p>
</div>
<div class="features__feature feature--4">
<div class="feature__icon-wrapper flex">
<svg class="feature__icon" viewBox="0 0 31 39" aria-hidden="true" focusable='false'>
<path d="M9.77778 29.2222V25.3333M15.6111 29.2222V21.4444M21.4444 29.2222V17.5556M25.3333 37H5.88889C4.85749 37 3.86834 36.5903 3.13903 35.861C2.40972 35.1317 2 34.1425 2 33.1111V5.88889C2 4.85749 2.40972 3.86834 3.13903 3.13903C3.86834 2.40972 4.85749 2 5.88889 2H16.7506C17.2662 2.00011 17.7607 2.20504 18.1253 2.56972L28.6525 13.0969C29.0172 13.4615 29.2221 13.956 29.2222 14.4717V33.1111C29.2222 34.1425 28.8125 35.1317 28.0832 35.861C27.3539 36.5903 26.3647 37 25.3333 37Z" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<h3 class="feature__title">Social media</h3>
<p class="feature__paragraph">
Lorem ipsum dolor sit amet,
consec tetur adipiscing elit.
</p>
</div>
</div>
</div>
</section>
<!-- Portfolio -->
<section class="portfolio">
<div class="portfolio__container container container--px">
<div class="portfolio__text">
<h1 class="portfolio__subtitle subtitle-primary">Portfolio</h1>
<h2 class="portfolio__title title-primary">Introducing our works</h2>
</div>
<div class="portfolio__wrapper">
<div class="portfolio__card card--1">
<img src="images/portfolio__img-1.jpg" alt="Valorant Jett character image" class="card__image" loading="lazy">
<div class="card__content">
<div class="card__header">
<h3 class="card__title">Valorant Website Design</h3>
<button type="button" class="cta cta--btn cta--btn_yellow cta--btn_active" aria-label="view portfolio" aria-expanded="false">
<svg class="cta--btn-icon" viewBox="0 0 14 11" aria-hidden="true" focusable='false'>
<path d="M1 5.5L13 5.5M13 5.5L8.5 1M13 5.5L8.5 10" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<p class="card__description">
Lorem ipsum dolor sit amet,
consec tetur adipiscing elit.
</p>
</div>
</div>
<div class="portfolio__card card--2">
<img src="images/portfolio__img-2.jpg" alt="Fortnite image" class="card__image" loading="lazy">
<div class="card__content">
<div class="card__header">
<h3 class="card__title">Fortnite Game Reports</h3>
<button type="button" class="cta cta--btn cta--btn_yellow" aria-label="view portfolio" aria-expanded="false">
<svg class="cta--btn-icon" viewBox="0 0 14 11" aria-hidden="true" focusable='false'>
<path d="M1 5.5L13 5.5M13 5.5L8.5 1M13 5.5L8.5 10" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<p class="card__description">
Lorem ipsum dolor sit amet,
consec tetur adipiscing elit.
</p>
</div>
</div>
<div class="portfolio__card card--3">
<img src="images/portfolio__img-3.jpg" alt="Overwatch sigma character image" class="card__image" loading="lazy">
<div class="card__content">
<div class="card__header">
<h3 class="card__title">Overwatch Social Media</h3>
<button type="button" class="cta cta--btn cta--btn_yellow" aria-label="view portfolio" aria-expanded="false">
<svg class="cta--btn-icon" viewBox="0 0 14 11" aria-hidden="true" focusable='false'>
<path d="M1 5.5L13 5.5M13 5.5L8.5 1M13 5.5L8.5 10" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<p class="card__description">
Lorem ipsum dolor sit amet,
consec tetur adipiscing elit.
</p>
</div>
</div>
</div>
<div class="portfolio__footer">
<a href="#" class="portfolio__link cta cta--link">
View portfolio
<svg class="testimonial__link__icon cta--link-icon" viewBox="0 0 17 14" aria-hidden="true" focusable='false'>
<path d="M1 7.375L16 7.375M16 7.375L10.375 1.75M16 7.375L10.375 13" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</section>
<!-- Testimonial -->
<section class="testimonial">
<div class="testimonial__container container container--px">
<div class="testimonial__header flex">
<div class="testimonial__text">
<h1 class="subtitle-primary">Testimonial</h1>
<h2 class="title-primary">What are they saying?</h2>
</div>
<div class="testimonial__controls flex">
<button type="button" id="sliderPrevBtn" class="testimonials__prev cta cta--btn cta--btn_gray disabled" aria-label="Previous testimonial">
<svg class="cta--btn-icon" viewBox="0 0 14 11" aria-hidden="true" focusable='false'>
<path d="M13 5.5L1 5.5M1 5.5L5.5 10M1 5.5L5.5 1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<button type="button" id="sliderNextBtn" class="testimonials__next cta cta--btn cta--btn_yellow" aria-label="Next testimonial">
<svg class="cta--btn-icon" viewBox="0 0 14 11" aria-hidden="true" focusable='false'>
<path d="M1 5.5L13 5.5M13 5.5L8.5 1M13 5.5L8.5 10" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
</div>
<div class="testimonial__wrapper">
<div id="sliderArea" class="testimonial__slider flex">
<div class="testimonial__slide">
<div class="testimonial__slide-header flex">
<div class="testimonial__slide-data flex">
<img src="images/slider_person-img-1.jpg" alt="testimonial user avatar" class="testimonial__slide-img">
<div class="testimonial__slide-info">
<h3 class="testimonial__slide-name">Micheal Smith</h3>
<span class="testimonial__slide-subtitle">CEO of Xxxx Games</span>
</div>
</div>
<div class="testimonial__slide-stars">
<svg width="92" height="15" viewBox="0 0 92 15" aria-hidden="true" focusable='false'>
<path d="M8.64122 0.580182C8.39008 -0.193394 7.29565 -0.193394 7.04367 0.580182L5.76781 4.50602C5.71286 4.67455 5.606 4.82138 5.46252 4.92548C5.31904 5.02958 5.14631 5.08562 4.96904 5.08557H0.841619C0.0285656 5.08557 -0.310767 6.12709 0.347739 6.60585L3.6873 9.03157C3.83076 9.13586 3.93752 9.28288 3.99229 9.45156C4.04706 9.62025 4.04703 9.80194 3.9922 9.97061L2.71718 13.8964C2.4652 14.67 3.35133 15.3143 4.009 14.8355L7.34856 12.4098C7.4921 12.3054 7.66499 12.2492 7.84244 12.2492C8.0199 12.2492 8.19279 12.3054 8.33632 12.4098L11.6759 14.8355C12.3336 15.3143 13.2197 14.6709 12.9677 13.8964L11.6927 9.97061C11.6379 9.80194 11.6378 9.62025 11.6926 9.45156C11.7474 9.28288 11.8541 9.13586 11.9976 9.03157L15.3371 6.60585C15.9948 6.12709 15.6572 5.08557 14.8433 5.08557H10.715C10.5379 5.08544 10.3653 5.02932 10.222 4.92523C10.0787 4.82114 9.97198 4.67442 9.91707 4.50602L8.64122 0.580182Z" fill="#F9C94E"/>
<path d="M27.6412 0.580182C27.3901 -0.193394 26.2956 -0.193394 26.0437 0.580182L24.7678 4.50602C24.7129 4.67455 24.606 4.82138 24.4625 4.92548C24.319 5.02958 24.1463 5.08562 23.969 5.08557H19.8416C19.0286 5.08557 18.6892 6.12709 19.3477 6.60585L22.6873 9.03157C22.8308 9.13586 22.9375 9.28288 22.9923 9.45156C23.0471 9.62025 23.047 9.80194 22.9922 9.97061L21.7172 13.8964C21.4652 14.67 22.3513 15.3143 23.009 14.8355L26.3486 12.4098C26.4921 12.3054 26.665 12.2492 26.8424 12.2492C27.0199 12.2492 27.1928 12.3054 27.3363 12.4098L30.6759 14.8355C31.3336 15.3143 32.2197 14.6709 31.9677 13.8964L30.6927 9.97061C30.6379 9.80194 30.6378 9.62025 30.6926 9.45156C30.7474 9.28288 30.8541 9.13586 30.9976 9.03157L34.3371 6.60585C34.9948 6.12709 34.6572 5.08557 33.8433 5.08557H29.715C29.5379 5.08544 29.3653 5.02932 29.222 4.92523C29.0787 4.82114 28.972 4.67442 28.9171 4.50602L27.6412 0.580182Z" fill="#F9C94E"/>
<path d="M46.6412 0.580182C46.3901 -0.193394 45.2956 -0.193394 45.0437 0.580182L43.7678 4.50602C43.7129 4.67455 43.606 4.82138 43.4625 4.92548C43.319 5.02958 43.1463 5.08562 42.969 5.08557H38.8416C38.0286 5.08557 37.6892 6.12709 38.3477 6.60585L41.6873 9.03157C41.8308 9.13586 41.9375 9.28288 41.9923 9.45156C42.0471 9.62025 42.047 9.80194 41.9922 9.97061L40.7172 13.8964C40.4652 14.67 41.3513 15.3143 42.009 14.8355L45.3486 12.4098C45.4921 12.3054 45.665 12.2492 45.8424 12.2492C46.0199 12.2492 46.1928 12.3054 46.3363 12.4098L49.6759 14.8355C50.3336 15.3143 51.2197 14.6709 50.9677 13.8964L49.6927 9.97061C49.6379 9.80194 49.6378 9.62025 49.6926 9.45156C49.7474 9.28288 49.8541 9.13586 49.9976 9.03157L53.3371 6.60585C53.9948 6.12709 53.6572 5.08557 52.8433 5.08557H48.715C48.5379 5.08544 48.3653 5.02932 48.222 4.92523C48.0787 4.82114 47.972 4.67442 47.9171 4.50602L46.6412 0.580182Z" fill="#F9C94E"/>
<path d="M65.6412 0.580182C65.3901 -0.193394 64.2956 -0.193394 64.0437 0.580182L62.7678 4.50602C62.7129 4.67455 62.606 4.82138 62.4625 4.92548C62.319 5.02958 62.1463 5.08562 61.969 5.08557H57.8416C57.0286 5.08557 56.6892 6.12709 57.3477 6.60585L60.6873 9.03157C60.8308 9.13586 60.9375 9.28288 60.9923 9.45156C61.0471 9.62025 61.047 9.80194 60.9922 9.97061L59.7172 13.8964C59.4652 14.67 60.3513 15.3143 61.009 14.8355L64.3486 12.4098C64.4921 12.3054 64.665 12.2492 64.8424 12.2492C65.0199 12.2492 65.1928 12.3054 65.3363 12.4098L68.6759 14.8355C69.3336 15.3143 70.2197 14.6709 69.9677 13.8964L68.6927 9.97061C68.6379 9.80194 68.6378 9.62025 68.6926 9.45156C68.7474 9.28288 68.8541 9.13586 68.9976 9.03157L72.3371 6.60585C72.9948 6.12709 72.6572 5.08557 71.8433 5.08557H67.715C67.5379 5.08544 67.3653 5.02932 67.222 4.92523C67.0787 4.82114 66.972 4.67442 66.9171 4.50602L65.6412 0.580182Z" fill="#F9C94E"/>
<path d="M84.6412 0.580182C84.3901 -0.193394 83.2956 -0.193394 83.0437 0.580182L81.7678 4.50602C81.7129 4.67455 81.606 4.82138 81.4625 4.92548C81.319 5.02958 81.1463 5.08562 80.969 5.08557H76.8416C76.0286 5.08557 75.6892 6.12709 76.3477 6.60585L79.6873 9.03157C79.8308 9.13586 79.9375 9.28288 79.9923 9.45156C80.0471 9.62025 80.047 9.80194 79.9922 9.97061L78.7172 13.8964C78.4652 14.67 79.3513 15.3143 80.009 14.8355L83.3486 12.4098C83.4921 12.3054 83.665 12.2492 83.8424 12.2492C84.0199 12.2492 84.1928 12.3054 84.3363 12.4098L87.6759 14.8355C88.3336 15.3143 89.2197 14.6709 88.9677 13.8964L87.6927 9.97061C87.6379 9.80194 87.6378 9.62025 87.6926 9.45156C87.7474 9.28288 87.8541 9.13586 87.9976 9.03157L91.3371 6.60585C91.9948 6.12709 91.6572 5.08557 90.8433 5.08557H86.715C86.5379 5.08544 86.3653 5.02932 86.222 4.92523C86.0787 4.82114 85.972 4.67442 85.9171 4.50602L84.6412 0.580182Z" fill="#F9C94E"/>
</svg>
</div>
</div>
<div class="testimonial__slide-body">
<p class="testimonial__slide-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore.
Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo dolor.
</p>
</div>
</div>
<div class="testimonial__slide">
<div class="testimonial__slide-header flex">
<div class="testimonial__slide-data flex">
<img src="images/slider_person-img-2.jpg" alt="testimonial user avatar" class="testimonial__slide-img">
<div class="testimonial__slide-info">
<h3 class="testimonial__slide-name">Harry Mon</h3>
<span class="testimonial__slide-subtitle">Manager of Xxxx Games</span>
</div>
</div>
<div class="testimonial__slide-stars">
<svg width="92" height="15" viewBox="0 0 92 15" aria-hidden="true" focusable='false'>
<path d="M8.64122 0.580182C8.39008 -0.193394 7.29565 -0.193394 7.04367 0.580182L5.76781 4.50602C5.71286 4.67455 5.606 4.82138 5.46252 4.92548C5.31904 5.02958 5.14631 5.08562 4.96904 5.08557H0.841619C0.0285656 5.08557 -0.310767 6.12709 0.347739 6.60585L3.6873 9.03157C3.83076 9.13586 3.93752 9.28288 3.99229 9.45156C4.04706 9.62025 4.04703 9.80194 3.9922 9.97061L2.71718 13.8964C2.4652 14.67 3.35133 15.3143 4.009 14.8355L7.34856 12.4098C7.4921 12.3054 7.66499 12.2492 7.84244 12.2492C8.0199 12.2492 8.19279 12.3054 8.33632 12.4098L11.6759 14.8355C12.3336 15.3143 13.2197 14.6709 12.9677 13.8964L11.6927 9.97061C11.6379 9.80194 11.6378 9.62025 11.6926 9.45156C11.7474 9.28288 11.8541 9.13586 11.9976 9.03157L15.3371 6.60585C15.9948 6.12709 15.6572 5.08557 14.8433 5.08557H10.715C10.5379 5.08544 10.3653 5.02932 10.222 4.92523C10.0787 4.82114 9.97198 4.67442 9.91707 4.50602L8.64122 0.580182Z" fill="#F9C94E"/>
<path d="M27.6412 0.580182C27.3901 -0.193394 26.2956 -0.193394 26.0437 0.580182L24.7678 4.50602C24.7129 4.67455 24.606 4.82138 24.4625 4.92548C24.319 5.02958 24.1463 5.08562 23.969 5.08557H19.8416C19.0286 5.08557 18.6892 6.12709 19.3477 6.60585L22.6873 9.03157C22.8308 9.13586 22.9375 9.28288 22.9923 9.45156C23.0471 9.62025 23.047 9.80194 22.9922 9.97061L21.7172 13.8964C21.4652 14.67 22.3513 15.3143 23.009 14.8355L26.3486 12.4098C26.4921 12.3054 26.665 12.2492 26.8424 12.2492C27.0199 12.2492 27.1928 12.3054 27.3363 12.4098L30.6759 14.8355C31.3336 15.3143 32.2197 14.6709 31.9677 13.8964L30.6927 9.97061C30.6379 9.80194 30.6378 9.62025 30.6926 9.45156C30.7474 9.28288 30.8541 9.13586 30.9976 9.03157L34.3371 6.60585C34.9948 6.12709 34.6572 5.08557 33.8433 5.08557H29.715C29.5379 5.08544 29.3653 5.02932 29.222 4.92523C29.0787 4.82114 28.972 4.67442 28.9171 4.50602L27.6412 0.580182Z" fill="#F9C94E"/>
<path d="M46.6412 0.580182C46.3901 -0.193394 45.2956 -0.193394 45.0437 0.580182L43.7678 4.50602C43.7129 4.67455 43.606 4.82138 43.4625 4.92548C43.319 5.02958 43.1463 5.08562 42.969 5.08557H38.8416C38.0286 5.08557 37.6892 6.12709 38.3477 6.60585L41.6873 9.03157C41.8308 9.13586 41.9375 9.28288 41.9923 9.45156C42.0471 9.62025 42.047 9.80194 41.9922 9.97061L40.7172 13.8964C40.4652 14.67 41.3513 15.3143 42.009 14.8355L45.3486 12.4098C45.4921 12.3054 45.665 12.2492 45.8424 12.2492C46.0199 12.2492 46.1928 12.3054 46.3363 12.4098L49.6759 14.8355C50.3336 15.3143 51.2197 14.6709 50.9677 13.8964L49.6927 9.97061C49.6379 9.80194 49.6378 9.62025 49.6926 9.45156C49.7474 9.28288 49.8541 9.13586 49.9976 9.03157L53.3371 6.60585C53.9948 6.12709 53.6572 5.08557 52.8433 5.08557H48.715C48.5379 5.08544 48.3653 5.02932 48.222 4.92523C48.0787 4.82114 47.972 4.67442 47.9171 4.50602L46.6412 0.580182Z" fill="#F9C94E"/>
<path d="M65.6412 0.580182C65.3901 -0.193394 64.2956 -0.193394 64.0437 0.580182L62.7678 4.50602C62.7129 4.67455 62.606 4.82138 62.4625 4.92548C62.319 5.02958 62.1463 5.08562 61.969 5.08557H57.8416C57.0286 5.08557 56.6892 6.12709 57.3477 6.60585L60.6873 9.03157C60.8308 9.13586 60.9375 9.28288 60.9923 9.45156C61.0471 9.62025 61.047 9.80194 60.9922 9.97061L59.7172 13.8964C59.4652 14.67 60.3513 15.3143 61.009 14.8355L64.3486 12.4098C64.4921 12.3054 64.665 12.2492 64.8424 12.2492C65.0199 12.2492 65.1928 12.3054 65.3363 12.4098L68.6759 14.8355C69.3336 15.3143 70.2197 14.6709 69.9677 13.8964L68.6927 9.97061C68.6379 9.80194 68.6378 9.62025 68.6926 9.45156C68.7474 9.28288 68.8541 9.13586 68.9976 9.03157L72.3371 6.60585C72.9948 6.12709 72.6572 5.08557 71.8433 5.08557H67.715C67.5379 5.08544 67.3653 5.02932 67.222 4.92523C67.0787 4.82114 66.972 4.67442 66.9171 4.50602L65.6412 0.580182Z" fill="#F9C94E"/>
<path d="M84.6412 0.580182C84.3901 -0.193394 83.2956 -0.193394 83.0437 0.580182L81.7678 4.50602C81.7129 4.67455 81.606 4.82138 81.4625 4.92548C81.319 5.02958 81.1463 5.08562 80.969 5.08557H76.8416C76.0286 5.08557 75.6892 6.12709 76.3477 6.60585L79.6873 9.03157C79.8308 9.13586 79.9375 9.28288 79.9923 9.45156C80.0471 9.62025 80.047 9.80194 79.9922 9.97061L78.7172 13.8964C78.4652 14.67 79.3513 15.3143 80.009 14.8355L83.3486 12.4098C83.4921 12.3054 83.665 12.2492 83.8424 12.2492C84.0199 12.2492 84.1928 12.3054 84.3363 12.4098L87.6759 14.8355C88.3336 15.3143 89.2197 14.6709 88.9677 13.8964L87.6927 9.97061C87.6379 9.80194 87.6378 9.62025 87.6926 9.45156C87.7474 9.28288 87.8541 9.13586 87.9976 9.03157L91.3371 6.60585C91.9948 6.12709 91.6572 5.08557 90.8433 5.08557H86.715C86.5379 5.08544 86.3653 5.02932 86.222 4.92523C86.0787 4.82114 85.972 4.67442 85.9171 4.50602L84.6412 0.580182Z" fill="#F9C94E"/>
</svg>
</div>
</div>
<div class="testimonial__slide-body">
<p class="testimonial__slide-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore.
Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo dolor.
</p>
</div>
</div>
<div class="testimonial__slide">
<div class="testimonial__slide-header flex">
<div class="testimonial__slide-data flex">
<img src="images/slider_person-img-3.jpg" alt="testimonial user avatar" class="testimonial__slide-img">
<div class="testimonial__slide-info">
<h3 class="testimonial__slide-name">Noah Wood</h3>
<span class="testimonial__slide-subtitle">UX Engineer of Xxxx Games</span>
</div>
</div>
<div class="testimonial__slide-stars">
<svg width="92" height="15" viewBox="0 0 92 15" aria-hidden="true" focusable='false'>
<path d="M8.64122 0.580182C8.39008 -0.193394 7.29565 -0.193394 7.04367 0.580182L5.76781 4.50602C5.71286 4.67455 5.606 4.82138 5.46252 4.92548C5.31904 5.02958 5.14631 5.08562 4.96904 5.08557H0.841619C0.0285656 5.08557 -0.310767 6.12709 0.347739 6.60585L3.6873 9.03157C3.83076 9.13586 3.93752 9.28288 3.99229 9.45156C4.04706 9.62025 4.04703 9.80194 3.9922 9.97061L2.71718 13.8964C2.4652 14.67 3.35133 15.3143 4.009 14.8355L7.34856 12.4098C7.4921 12.3054 7.66499 12.2492 7.84244 12.2492C8.0199 12.2492 8.19279 12.3054 8.33632 12.4098L11.6759 14.8355C12.3336 15.3143 13.2197 14.6709 12.9677 13.8964L11.6927 9.97061C11.6379 9.80194 11.6378 9.62025 11.6926 9.45156C11.7474 9.28288 11.8541 9.13586 11.9976 9.03157L15.3371 6.60585C15.9948 6.12709 15.6572 5.08557 14.8433 5.08557H10.715C10.5379 5.08544 10.3653 5.02932 10.222 4.92523C10.0787 4.82114 9.97198 4.67442 9.91707 4.50602L8.64122 0.580182Z" fill="#F9C94E"/>
<path d="M27.6412 0.580182C27.3901 -0.193394 26.2956 -0.193394 26.0437 0.580182L24.7678 4.50602C24.7129 4.67455 24.606 4.82138 24.4625 4.92548C24.319 5.02958 24.1463 5.08562 23.969 5.08557H19.8416C19.0286 5.08557 18.6892 6.12709 19.3477 6.60585L22.6873 9.03157C22.8308 9.13586 22.9375 9.28288 22.9923 9.45156C23.0471 9.62025 23.047 9.80194 22.9922 9.97061L21.7172 13.8964C21.4652 14.67 22.3513 15.3143 23.009 14.8355L26.3486 12.4098C26.4921 12.3054 26.665 12.2492 26.8424 12.2492C27.0199 12.2492 27.1928 12.3054 27.3363 12.4098L30.6759 14.8355C31.3336 15.3143 32.2197 14.6709 31.9677 13.8964L30.6927 9.97061C30.6379 9.80194 30.6378 9.62025 30.6926 9.45156C30.7474 9.28288 30.8541 9.13586 30.9976 9.03157L34.3371 6.60585C34.9948 6.12709 34.6572 5.08557 33.8433 5.08557H29.715C29.5379 5.08544 29.3653 5.02932 29.222 4.92523C29.0787 4.82114 28.972 4.67442 28.9171 4.50602L27.6412 0.580182Z" fill="#F9C94E"/>
<path d="M46.6412 0.580182C46.3901 -0.193394 45.2956 -0.193394 45.0437 0.580182L43.7678 4.50602C43.7129 4.67455 43.606 4.82138 43.4625 4.92548C43.319 5.02958 43.1463 5.08562 42.969 5.08557H38.8416C38.0286 5.08557 37.6892 6.12709 38.3477 6.60585L41.6873 9.03157C41.8308 9.13586 41.9375 9.28288 41.9923 9.45156C42.0471 9.62025 42.047 9.80194 41.9922 9.97061L40.7172 13.8964C40.4652 14.67 41.3513 15.3143 42.009 14.8355L45.3486 12.4098C45.4921 12.3054 45.665 12.2492 45.8424 12.2492C46.0199 12.2492 46.1928 12.3054 46.3363 12.4098L49.6759 14.8355C50.3336 15.3143 51.2197 14.6709 50.9677 13.8964L49.6927 9.97061C49.6379 9.80194 49.6378 9.62025 49.6926 9.45156C49.7474 9.28288 49.8541 9.13586 49.9976 9.03157L53.3371 6.60585C53.9948 6.12709 53.6572 5.08557 52.8433 5.08557H48.715C48.5379 5.08544 48.3653 5.02932 48.222 4.92523C48.0787 4.82114 47.972 4.67442 47.9171 4.50602L46.6412 0.580182Z" fill="#F9C94E"/>
<path d="M65.6412 0.580182C65.3901 -0.193394 64.2956 -0.193394 64.0437 0.580182L62.7678 4.50602C62.7129 4.67455 62.606 4.82138 62.4625 4.92548C62.319 5.02958 62.1463 5.08562 61.969 5.08557H57.8416C57.0286 5.08557 56.6892 6.12709 57.3477 6.60585L60.6873 9.03157C60.8308 9.13586 60.9375 9.28288 60.9923 9.45156C61.0471 9.62025 61.047 9.80194 60.9922 9.97061L59.7172 13.8964C59.4652 14.67 60.3513 15.3143 61.009 14.8355L64.3486 12.4098C64.4921 12.3054 64.665 12.2492 64.8424 12.2492C65.0199 12.2492 65.1928 12.3054 65.3363 12.4098L68.6759 14.8355C69.3336 15.3143 70.2197 14.6709 69.9677 13.8964L68.6927 9.97061C68.6379 9.80194 68.6378 9.62025 68.6926 9.45156C68.7474 9.28288 68.8541 9.13586 68.9976 9.03157L72.3371 6.60585C72.9948 6.12709 72.6572 5.08557 71.8433 5.08557H67.715C67.5379 5.08544 67.3653 5.02932 67.222 4.92523C67.0787 4.82114 66.972 4.67442 66.9171 4.50602L65.6412 0.580182Z" fill="#F9C94E"/>
<path d="M84.6412 0.580182C84.3901 -0.193394 83.2956 -0.193394 83.0437 0.580182L81.7678 4.50602C81.7129 4.67455 81.606 4.82138 81.4625 4.92548C81.319 5.02958 81.1463 5.08562 80.969 5.08557H76.8416C76.0286 5.08557 75.6892 6.12709 76.3477 6.60585L79.6873 9.03157C79.8308 9.13586 79.9375 9.28288 79.9923 9.45156C80.0471 9.62025 80.047 9.80194 79.9922 9.97061L78.7172 13.8964C78.4652 14.67 79.3513 15.3143 80.009 14.8355L83.3486 12.4098C83.4921 12.3054 83.665 12.2492 83.8424 12.2492C84.0199 12.2492 84.1928 12.3054 84.3363 12.4098L87.6759 14.8355C88.3336 15.3143 89.2197 14.6709 88.9677 13.8964L87.6927 9.97061C87.6379 9.80194 87.6378 9.62025 87.6926 9.45156C87.7474 9.28288 87.8541 9.13586 87.9976 9.03157L91.3371 6.60585C91.9948 6.12709 91.6572 5.08557 90.8433 5.08557H86.715C86.5379 5.08544 86.3653 5.02932 86.222 4.92523C86.0787 4.82114 85.972 4.67442 85.9171 4.50602L84.6412 0.580182Z" fill="#F9C94E"/>
</svg>
</div>
</div>
<div class="testimonial__slide-body">
<p class="testimonial__slide-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore.
Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo dolor.
</p>
</div>
</div>
</div>
</div>
<div class="testimonial__footer">
<a href="#" class="testimonial__link cta cta--link">
See all testimonials
<svg class="testimonial__link__icon cta--link-icon" viewBox="0 0 17 14" aria-hidden="true" focusable='false'>
<path d="M1 7.375L16 7.375M16 7.375L10.375 1.75M16 7.375L10.375 13" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</section>
<!-- Team -->
<section class="team">
<div class="team__container container container--px">
<div class="team__text">
<h1 class="subtitle-primary">Team</h1>
<h2 class="title-primary">Meet our team</h2>
</div>
<div class="team__wrapper">
<div class="team__member member member--1">
<img src="images/member-1--img.svg" alt="team member avatar" class="member__image" loading="lazy">
<div class="member__info">
<h3 class="member__title">Samantha Rea</h3>
<span class="member__designation">Product Designer</span>
</div>
</div>
<div class="team__member member member--2">
<img src="images/member-2--img.svg" alt="team member avatar" class="member__image" loading="lazy">
<div class="member__info">
<h3 class="member__title">John Doe</h3>
<span class="member__designation">SEO Specialist</span>
</div>
</div>
<div class="team__member member member--3">
<img src="images/member-3--img.svg" alt="team member avatar" class="member__image" loading="lazy">
<div class="member__info">
<h3 class="member__title">Sarah Jae</h3>
<span class="member__designation">Branding Specialist</span>
</div>
</div>
</div>
<div class="team__footer">
<a href="#" class="team__link cta cta--link">
View all
<svg class="testimonial__link__icon cta--link-icon" viewBox="0 0 17 14" aria-hidden="true" focusable='false'>
<path d="M1 7.375L16 7.375M16 7.375L10.375 1.75M16 7.375L10.375 13" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</section>
</main>
<!-- Footer (: -->
<footer class="footer">
<div class="footer__container container container--px flex">
<div class="footer__header flex">
<a href="#" class="footer__brand" title="Back to the homepage">play_</a>
<div class="footer__social-icons social-icons flex">
<a href="#" class="social-icons__link social-icons__link--dribbble">
<i class='bx bxl-dribbble'></i>
<span class="visually-hidden">Dribbble</span>
</a>
<a href="#" class="social-icons__link social-icons__link--facebook">
<i class='bx bxl-facebook'></i>
<span class="visually-hidden">Facebook</span>
</a>
<a href="#" class="social-icons__link social-icons__link--twitter">
<i class='bx bxl-twitter' ></i>
<span class="visually-hidden">Twitter</span>
</a>
<a href="#" class="social-icons__link social-icons__link--youtube">
<i class='bx bxl-youtube' ></i>
<span class="visually-hidden">YouTube</span>
</a>
</div>
</div>
<nav class="footer__inner flex">
<ul class="footer__list list" role="menu">
<h3 class="list__title">Home</h3>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Partners</a>
</li>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Features</a>
</li>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Testimonial</a>
</li>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Team</a>
</li>
</ul>
<ul class="footer__list list" role="menu">
<h3 class="list__title">Pages</h3>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">About Us</a>
</li>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Careers</a>
</li>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Case Studies</a>
</li>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Pricing</a>
</li>
</ul>
<ul class="footer__list list" role="menu">
<h3 class="list__title">Blog</h3>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Blog Listing</a>
</li>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Blog Article</a>
</li>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Newsroom</a>
</li>
</ul>
<ul class="footer__list list" role="menu">
<h3 class="list__title">Portfolio</h3>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Portfolio</a>
</li>
<li class="list__item" role="none">
<a href="#" class="list__link" role="menuitem">Single Case</a>
</li>
</ul>
</nav>
<p class="footer__text">© 2021 Game Analytics</p>
</div>
</footer>
<script src="js/scritp.js"></script>
</body>
</html>