-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
627 lines (604 loc) · 96.2 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
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
614
615
616
617
618
619
620
621
622
623
624
625
626
627
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Antools</title>
<link rel="shortcut icon" href="./src/images/header/logo.png">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
<link rel="stylesheet" href="./src/css/style.css">
</head>
<body>
<header class="header">
<div class="container">
<nav class="header__nav">
<div class="logo">
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="38" height="38" rx="8" fill="#FF6E30"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9645 12.4359C19.632 12.4359 19.3089 12.4769 19 12.5542C19.1988 10.7606 19.9148 9.12398 20.9963 7.79492C25.2971 8.30464 28.6332 11.9646 28.6332 16.4029V22.7294C28.4605 22.7391 28.2864 22.744 28.1112 22.744C24.6706 22.744 21.6709 20.8483 20.1028 18.0423H23.9315V16.4029C23.9315 14.212 22.1554 12.4359 19.9645 12.4359Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.25642 16.9507C9.25642 11.625 13.5738 7.30762 18.8995 7.30762C21.5623 7.30762 23.9731 8.38695 25.7182 10.132C24.1095 8.52336 21.9351 7.48044 19.5191 7.32724C17.894 9.12575 16.9044 11.5095 16.9044 14.1243C16.9044 14.3194 16.9099 14.5131 16.9208 14.7055C16.299 15.2538 15.9068 16.0565 15.9068 16.9507V17.6157H21.8922L17.5214 17.6158C18.9445 21.4968 22.672 24.2661 27.0462 24.2661C27.5546 24.2661 28.0543 24.2287 28.5425 24.1565V28.2563H21.8922V24.2661H15.9068V28.2563H9.25642V20.9409V16.9507Z" fill="white"/>
</svg>
<h1 class="logo__title">antools.</h1>
</div>
<div class="header__right">
<ul class="header__list">
<li class="header__item">
<a class="header__link" href="#Home">Home</a>
</li>
<li class="header__item">
<a class="header__link" href="#tools">Categories</a>
</li>
<li class="header__item">
<a class="header__link" href="#review">My Collections</a>
</li>
<li class="header__item">
<a class="header__link" href="#brand">Blog</a>
</li>
</ul>
<div class="header__btns">
<button class="btn btn_login" type="button ">Login</button>
<button class="btn btn_signUp" type="button ">Sign Up</button>
</div>
</div>
</nav>
<div class="burger">
<span class="burger__line"></span>
</div>
</div>
</header>
<main class="main">
<section class="home" id="Home">
<div class="container">
<h2 class="title title_left">Awesome tools for <br>
Designer & Developer.</h2>
<p class="subtitle subtitle_left">Antool is a web collection of information on paid or <br> free Design and Development tools</p>
<form class="form" action="">
<span class="form__search"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-opacity="0.38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-opacity="0.38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<input class="form__field" [type=search]::-ms-clear { display: none; } placeholder="find more than 430+ tools...">
<button class="button button_form" type="submit">Search</button>
</form>
<ul class="home__media">
<li home__icon> <a target="_blank" href="https://www.facebook.com/login/device-based/regular/login/?login_attempt=1"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9791 29.7458V18.1347H22.8962L23.4784 13.5887H18.9791V10.693C18.9791 9.38116 19.3446 8.483 21.2273 8.483H23.613V4.42991C22.4522 4.30552 21.2855 4.24545 20.1181 4.25C16.6557 4.25 14.2786 6.36366 14.2786 10.2439V13.5802H10.387V18.1262H14.2871V29.7458H18.9791Z" fill="white" fill-opacity="0.78"/>
</svg></a>
</li>
<li class="home__media">
<a target="_blank" href="https://www.instagram.com/">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.9985 11.0654C16.159 11.0654 14.3948 11.7962 13.094 13.0969C11.7933 14.3977 11.0625 16.1619 11.0625 18.0014C11.0625 19.841 11.7933 21.6052 13.094 22.9059C14.3948 24.2067 16.159 24.9374 17.9985 24.9374C19.838 24.9374 21.6022 24.2067 22.903 22.9059C24.2037 21.6052 24.9345 19.841 24.9345 18.0014C24.9345 16.1619 24.2037 14.3977 22.903 13.0969C21.6022 11.7962 19.838 11.0654 17.9985 11.0654ZM17.9985 22.5059C16.8034 22.5059 15.6573 22.0312 14.8123 21.1862C13.9672 20.3411 13.4925 19.195 13.4925 17.9999C13.4925 16.8049 13.9672 15.6587 14.8123 14.8137C15.6573 13.9687 16.8034 13.4939 17.9985 13.4939C19.1936 13.4939 20.3397 13.9687 21.1847 14.8137C22.0298 15.6587 22.5045 16.8049 22.5045 17.9999C22.5045 19.195 22.0298 20.3411 21.1847 21.1862C20.3397 22.0312 19.1936 22.5059 17.9985 22.5059Z" fill="white" fill-opacity="0.78"/>
<path d="M25.209 12.4275C26.102 12.4275 26.826 11.7035 26.826 10.8105C26.826 9.91744 26.102 9.19348 25.209 9.19348C24.316 9.19348 23.592 9.91744 23.592 10.8105C23.592 11.7035 24.316 12.4275 25.209 12.4275Z" fill="white" fill-opacity="0.78"/>
<path d="M30.7995 9.16645C30.4523 8.26972 29.9216 7.45537 29.2415 6.77553C28.5614 6.0957 27.7469 5.56535 26.85 5.21845C25.8005 4.82448 24.6918 4.61146 23.571 4.58845C22.1265 4.52545 21.669 4.50745 18.006 4.50745C14.343 4.50745 13.8735 4.50745 12.441 4.58845C11.3211 4.61028 10.2131 4.82335 9.16501 5.21845C8.26791 5.56495 7.45315 6.09515 6.77301 6.77504C6.09286 7.45493 5.56235 8.26948 5.21551 9.16645C4.82146 10.2159 4.60893 11.3247 4.58701 12.4454C4.52251 13.8884 4.50301 14.3459 4.50301 18.0104C4.50301 21.6734 4.50301 22.1399 4.58701 23.5754C4.60951 24.6974 4.82101 25.8044 5.21551 26.8559C5.56332 27.7526 6.09435 28.5668 6.77466 29.2466C7.45497 29.9264 8.2696 30.4568 9.16651 30.8039C10.2127 31.2137 11.3211 31.442 12.444 31.4789C13.8885 31.5419 14.346 31.5614 18.009 31.5614C21.672 31.5614 22.1415 31.5614 23.574 31.4789C24.6947 31.4562 25.8034 31.2437 26.853 30.8505C27.7496 30.5027 28.5639 29.9719 29.244 29.2919C29.924 28.6119 30.4548 27.7976 30.8025 26.9009C31.197 25.851 31.4085 24.7439 31.431 23.622C31.4955 22.1789 31.515 21.7214 31.515 18.0569C31.515 14.3924 31.515 13.9274 31.431 12.4919C31.4135 11.3554 31.1999 10.2303 30.7995 9.16645ZM28.9725 23.4644C28.9628 24.3289 28.805 25.1853 28.506 25.9964C28.2807 26.5798 27.9359 27.1094 27.4936 27.5515C27.0513 27.9935 26.5214 28.338 25.938 28.5629C25.1358 28.8606 24.2885 29.0184 23.433 29.0294C22.008 29.0954 21.606 29.1119 17.952 29.1119C14.295 29.1119 13.9215 29.1119 12.4695 29.0294C11.6144 29.019 10.7675 28.8612 9.96601 28.5629C9.38054 28.3394 8.84851 27.9955 8.40434 27.5534C7.96017 27.1113 7.61376 26.5809 7.38751 25.9964C7.09268 25.194 6.93497 24.3477 6.92101 23.4929C6.85651 22.0679 6.84151 21.6659 6.84151 18.0119C6.84151 14.3564 6.84151 13.9829 6.92101 12.5294C6.9307 11.6655 7.08849 10.8096 7.38751 9.99895C7.84501 8.81545 8.78251 7.88395 9.96601 7.43095C10.7679 7.13416 11.6145 6.97639 12.4695 6.96445C13.896 6.89995 14.2965 6.88195 17.952 6.88195C21.6075 6.88195 21.9825 6.88195 23.433 6.96445C24.2886 6.97474 25.136 7.13255 25.938 7.43095C26.5214 7.65636 27.0512 8.00125 27.4935 8.44349C27.9357 8.88573 28.2806 9.41555 28.506 9.99895C28.8008 10.8014 28.9585 11.6477 28.9725 12.5024C29.037 13.9289 29.0535 14.3294 29.0535 17.9849C29.0535 21.6389 29.0535 22.0319 28.989 23.466H28.9725V23.4644Z" fill="white" fill-opacity="0.78"/>
</svg>
</a>
</li>
<li class="home__media">
<a target="_blank" href="https://twitter.com/i/flow/login">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.4495 11.9956C29.469 12.2581 29.469 12.5191 29.469 12.7801C29.469 20.7676 23.3895 29.9716 12.279 29.9716C8.856 29.9716 5.676 28.9801 3 27.2581C3.486 27.3136 3.954 27.3331 4.4595 27.3331C7.17899 27.3396 9.82147 26.4303 11.961 24.7516C10.7001 24.7287 9.47786 24.3128 8.46486 23.5617C7.45185 22.8106 6.69868 21.7619 6.3105 20.5621C6.684 20.6176 7.059 20.6551 7.452 20.6551C7.9935 20.6551 8.538 20.5801 9.0435 20.4496C7.67514 20.1733 6.44471 19.4316 5.56143 18.3506C4.67815 17.2696 4.19654 15.916 4.1985 14.5201V14.4451C5.004 14.8936 5.9385 15.1741 6.9285 15.2116C6.09913 14.6604 5.41908 13.9126 4.94901 13.0348C4.47894 12.1569 4.23347 11.1763 4.2345 10.1806C4.2345 9.05857 4.533 8.02957 5.0565 7.13257C6.57471 9.0001 8.46825 10.5279 10.6145 11.6171C12.7608 12.7062 15.1118 13.3324 17.5155 13.4551C17.4225 13.0051 17.3655 12.5386 17.3655 12.0706C17.3651 11.277 17.5211 10.4912 17.8246 9.75793C18.1281 9.0247 18.5732 8.35848 19.1343 7.79735C19.6954 7.23622 20.3616 6.79118 21.0949 6.48768C21.8281 6.18418 22.6139 6.02817 23.4075 6.02857C25.1475 6.02857 26.718 6.75756 27.822 7.93657C29.1747 7.67499 30.4718 7.1812 31.656 6.47706C31.2051 7.87329 30.2606 9.05722 28.9995 9.80707C30.1992 9.67023 31.3717 9.35474 32.478 8.87107C31.6517 10.0757 30.6278 11.1321 29.4495 11.9956Z" fill="white" fill-opacity="0.78"/>
</svg>
</a>
</li>
</ul>
</div>
</section>
<section class="tools" id="tools">
<div class="container">
<h2 class="title title_center">Most Popular Tools</h2>
<p class="subtitle subtitle_center">Tools for the best Designers and Developers <br>
most popularly used in the world
</p>
<div class="tools__row">
<div class="tools__card">
<div class="tools__card-top">
<img class="tools__card-img" src="./src/images/tools/figma.svg" alt="Figma">
<div class="tools__card-info">
<h3 class="tools__card-title">FIGMA</h3>
<p class="tools__card-price">Free</p>
</div>
</div>
<p class="tools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="tools__card-end">
<div class="tools__card-icons">
<span class="tools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="tools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn tools__card_btn">Visit</button>
</div>
</div>
<div class="tools__card">
<div class="tools__card-top">
<img class="tools__card-img" src="./src/images/tools/sketch.svg" alt="Figma">
<div class="tools__card-info">
<h3 class="tools__card-title">Sketch</h3>
<p class="tools__card-price">Trial & Paid</p>
</div>
</div>
<p class="tools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="tools__card-end">
<div class="tools__card-icons">
<span class="tools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="tools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn tools__card_btn">Visit</button>
</div>
</div>
<div class="tools__card">
<div class="tools__card-top">
<img class="tools__card-img" src="./src/images/tools/visual-studio-code.svg" alt="Visual Studio Code">
<div class="tools__card-info">
<h3 class="tools__card-title">Visual Studio Code</h3>
<p class="tools__card-price">Free</p>
</div>
</div>
<p class="tools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="tools__card-end">
<div class="tools__card-icons">
<span class="tools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="tools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn tools__card_btn">Visit</button>
</div>
</div>
<div class="tools__card">
<div class="tools__card-top">
<img class="tools__card-img" src="./src/images/tools/notion.svg" alt="Notion">
<div class="tools__card-info">
<h3 class="tools__card-title">Notion</h3>
<p class="tools__card-price">Free & Paid</p>
</div>
</div>
<p class="tools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="tools__card-end">
<div class="tools__card-icons">
<span class="tools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="tools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn tools__card_btn">Visit</button>
</div>
</div>
<div class="tools__card">
<div class="tools__card-top">
<img class="tools__card-img" src="./src/images/tools/slack.svg" alt="Slack">
<div class="tools__card-info">
<h3 class="tools__card-title">Slack</h3>
<p class="tools__card-price">Free & Paid</p>
</div>
</div>
<p class="tools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="tools__card-end">
<div class="tools__card-icons">
<span class="tools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="tools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn tools__card_btn">Visit</button>
</div>
</div>
<div class="tools__card">
<div class="tools__card-top">
<img class="tools__card-img" src="./src/images/tools/invision.svg" alt="Invision">
<div class="tools__card-info">
<h3 class="tools__card-title">Invision</h3>
<p class="tools__card-price">Free & Paid</p>
</div>
</div>
<p class="tools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="tools__card-end">
<div class="tools__card-icons">
<span class="tools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="tools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn tools__card_btn">Visit</button>
</div>
</div>
<div class="tools__card tools__card_hide">
<div class="tools__card-top">
<img class="tools__card-img" src="./src/images/tools/figma.svg" alt="Figma">
<div class="tools__card-info">
<h3 class="tools__card-title">FIGMA</h3>
<p class="tools__card-price">Free</p>
</div>
</div>
<p class="tools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="tools__card-end">
<div class="tools__card-icons">
<span class="tools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="tools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn tools__card_btn">Visit</button>
</div>
</div>
<div class="tools__card tools__card_hide">
<div class="tools__card-top">
<img class="tools__card-img" src="./src/images/tools/figma.svg" alt="Figma">
<div class="tools__card-info">
<h3 class="tools__card-title">FIGMA</h3>
<p class="tools__card-price">Free</p>
</div>
</div>
<p class="tools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="tools__card-end">
<div class="tools__card-icons">
<span class="tools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="tools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn tools__card_btn">Visit</button>
</div>
</div>
<div class="tools__card tools__card_hide">
<div class="tools__card-top">
<img class="tools__card-img" src="./src/images/tools/figma.svg" alt="Figma">
<div class="tools__card-info">
<h3 class="tools__card-title">FIGMA</h3>
<p class="tools__card-price">Free</p>
</div>
</div>
<p class="tools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="tools__card-end">
<div class="tools__card-icons">
<span class="tools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="tools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn tools__card_btn">Visit</button>
</div>
</div>
</div>
<button class="tools__more">Load More</button>
</div>
</section>
<section class="brand" id="brand">
<div class="container">
<div class="brand__container">
<h2 class="brand__title">Trusted more than 150+ brand</h2>
<ul class="brand__row">
<li class="brand__name"><svg width="193" height="42" viewBox="0 0 193 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M192.953 18.8756V15.4384H188.739V10.0953L188.597 10.1396L184.639 11.366L184.561 11.39V15.4388H178.314V13.1838C178.314 12.1338 178.546 11.3297 179.003 10.7936C179.456 10.264 180.105 9.99487 180.933 9.99487C181.528 9.99487 182.144 10.1369 182.764 10.4172L182.92 10.487V6.86739L182.847 6.84029C182.268 6.62952 181.481 6.52338 180.506 6.52338C179.277 6.52338 178.16 6.79447 177.186 7.3313C176.212 7.8689 175.445 8.63636 174.908 9.61267C174.373 10.5874 174.102 11.7134 174.102 12.9593V15.4388H171.167V18.876H174.102V33.3556H178.314V18.8756H184.561V28.0774C184.561 31.8673 186.326 33.7882 189.806 33.7882C190.378 33.7882 190.98 33.7199 191.595 33.587C192.221 33.4507 192.646 33.3144 192.897 33.1686L192.953 33.1357V29.6665L192.781 29.7811C192.553 29.9361 192.268 30.0617 191.934 30.1552C191.599 30.2507 191.319 30.2988 191.102 30.2988C190.287 30.2988 189.684 30.0762 189.309 29.6371C188.93 29.1942 188.739 28.4191 188.739 27.3348V18.8756H192.953ZM161.76 30.2996C160.232 30.2996 159.026 29.7856 158.177 28.7742C157.322 27.7574 156.889 26.308 156.889 24.4665C156.889 22.567 157.322 21.0798 158.177 20.0451C159.027 19.0172 160.221 18.4957 161.726 18.4957C163.187 18.4957 164.35 18.9939 165.182 19.9771C166.019 20.966 166.444 22.441 166.444 24.3631C166.444 26.3084 166.044 27.8032 165.257 28.8028C164.474 29.7952 163.298 30.2996 161.76 30.2996ZM161.948 15.007C159.031 15.007 156.714 15.8726 155.063 17.5801C153.412 19.2879 152.575 21.6506 152.575 24.6044C152.575 27.4096 153.392 29.6661 155.004 31.3099C156.615 32.9547 158.808 33.7879 161.521 33.7879C164.349 33.7879 166.62 32.9097 168.271 31.1789C169.922 29.4493 170.758 27.1087 170.758 24.2241C170.758 21.375 169.973 19.1016 168.425 17.4686C166.875 15.8352 164.696 15.007 161.948 15.007ZM145.783 15.007C143.799 15.007 142.158 15.5209 140.904 16.5343C139.643 17.5537 139.003 18.8912 139.003 20.5094C139.003 21.3505 139.141 22.0977 139.413 22.7316C139.686 23.3673 140.11 23.927 140.672 24.397C141.23 24.8629 142.091 25.3512 143.232 25.848C144.191 26.2477 144.907 26.586 145.361 26.8525C145.806 27.1137 146.121 27.3764 146.299 27.6322C146.472 27.8823 146.56 28.2248 146.56 28.6478C146.56 29.8517 145.67 30.437 143.839 30.437C143.16 30.437 142.385 30.2938 141.536 30.0105C140.693 29.7314 139.898 29.3228 139.178 28.799L139.003 28.6723V32.7799L139.067 32.8104C139.663 33.0891 140.415 33.3236 141.3 33.5088C142.185 33.6939 142.987 33.7882 143.685 33.7882C145.838 33.7882 147.572 33.2716 148.837 32.2518C150.11 31.2255 150.756 29.8567 150.756 28.182C150.756 26.9743 150.408 25.9388 149.724 25.1034C149.044 24.2749 147.864 23.5143 146.217 22.8419C144.906 22.3089 144.066 21.8664 143.719 21.5265C143.385 21.1982 143.215 20.7343 143.215 20.1466C143.215 19.6255 143.425 19.2081 143.855 18.8698C144.288 18.53 144.891 18.3571 145.647 18.3571C146.349 18.3571 147.067 18.4693 147.781 18.6892C148.495 18.9096 149.122 19.2043 149.645 19.5648L149.817 19.6839V15.7874L149.751 15.7584C149.268 15.5488 148.632 15.3697 147.858 15.2239C147.089 15.0799 146.391 15.007 145.783 15.007ZM128.022 30.2992C126.493 30.2992 125.288 29.7856 124.438 28.7742C123.583 27.7574 123.151 26.3084 123.151 24.4665C123.151 22.567 123.584 21.0798 124.439 20.0451C125.288 19.0172 126.482 18.4957 127.988 18.4957C129.448 18.4957 130.611 18.9939 131.444 19.9771C132.28 20.966 132.705 22.441 132.705 24.3631C132.705 26.3084 132.306 27.8032 131.518 28.8028C130.736 29.7952 129.56 30.2996 128.022 30.2996V30.2992ZM128.21 15.007C125.292 15.007 122.975 15.8726 121.324 17.5801C119.674 19.2879 118.836 21.6506 118.836 24.6044C118.836 27.4107 119.654 29.6661 121.265 31.3099C122.877 32.9547 125.07 33.7879 127.783 33.7879C130.61 33.7879 132.881 32.9097 134.532 31.1789C136.183 29.4493 137.02 27.1087 137.02 24.2241C137.02 21.375 136.235 19.1016 134.686 17.4686C133.136 15.8352 130.957 15.007 128.21 15.007H128.21ZM112.442 18.5415V15.4384H108.281V33.3556H112.442V24.1905C112.442 22.6319 112.791 21.3517 113.479 20.3845C114.159 19.4288 115.064 18.9451 116.17 18.9451C116.545 18.9451 116.966 19.0073 117.421 19.1314C117.872 19.2543 118.199 19.388 118.392 19.5285L118.566 19.6568V15.4079L118.499 15.3785C118.111 15.2116 117.563 15.1276 116.869 15.1276C115.824 15.1276 114.888 15.4678 114.087 16.1379C113.383 16.7267 112.875 17.5342 112.486 18.5415H112.442H112.442ZM100.83 15.007C98.9208 15.007 97.2181 15.4216 95.7695 16.2387C94.3182 17.0577 93.1961 18.2276 92.4327 19.7148C91.6724 21.1986 91.2868 22.9312 91.2868 24.864C91.2868 26.5566 91.6607 28.1102 92.4003 29.4794C93.1403 30.8509 94.1882 31.9238 95.5139 32.6676C96.8382 33.411 98.3682 33.7882 100.063 33.7882C102.04 33.7882 103.729 33.3873 105.082 32.5981L105.137 32.566V28.7047L104.962 28.8342C104.339 29.2914 103.653 29.6532 102.926 29.9078C102.191 30.1675 101.52 30.2992 100.932 30.2992C99.3001 30.2992 97.9894 29.7814 97.0376 28.7616C96.0839 27.7399 95.6006 26.3058 95.6006 24.5005C95.6006 22.6842 96.105 21.2131 97.0987 20.1272C98.0889 19.0451 99.4018 18.496 101.001 18.496C102.369 18.496 103.701 18.9649 104.962 19.8916L105.137 20.0199V15.9516L105.08 15.9192C104.606 15.6504 103.959 15.4281 103.155 15.2598C102.356 15.0918 101.573 15.007 100.829 15.007H100.83ZM88.4204 15.4384H84.2596V33.3556H88.4208V15.4388L88.4204 15.4384ZM86.3826 7.8059C85.6981 7.8059 85.101 8.04187 84.6098 8.50998C84.1171 8.97961 83.8672 9.57029 83.8672 10.2675C83.8672 10.9536 84.1141 11.5336 84.6023 11.9902C85.087 12.4458 85.686 12.6768 86.3826 12.6768C87.0792 12.6768 87.6805 12.4458 88.1713 11.991C88.6651 11.5336 88.9158 10.9536 88.9158 10.2675C88.9158 9.59434 88.6719 9.00939 88.1916 8.52869C87.7118 8.04912 87.1034 7.8059 86.3826 7.8059ZM76.0013 14.1166V33.3556H80.2473V8.35458H74.3706L66.9002 26.9243L59.6506 8.35458H53.5342V33.3556H57.5246V14.1147H57.6618L65.317 33.3553H68.3285L75.8638 14.1166H76.001H76.0013Z" fill="white" fill-opacity="0.2"/>
<path d="M19.574 19.8267H0V0H19.574V19.8267Z" fill="white" fill-opacity="0.2"/>
<path d="M41.1859 19.8267H21.6122V0H41.1859V19.8267Z" fill="white" fill-opacity="0.2"/>
<path d="M19.5733 41.7251H0V21.8988H19.5733V41.7251Z" fill="white" fill-opacity="0.2"/>
<path d="M41.1859 41.7251H21.6122V21.8988H41.1859V41.7251Z" fill="white" fill-opacity="0.2"/>
</svg>
</li>
<li class="brand__name"><svg width="157" height="51" viewBox="0 0 157 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M152.11 31.1682L156.466 34.0427C155.052 36.104 151.671 39.6406 145.825 39.6406C138.567 39.6406 133.161 34.0807 133.161 27.0078C133.161 19.4813 138.624 14.3752 145.214 14.3752C151.843 14.3752 155.09 19.5945 156.141 22.4123L156.714 23.8497L139.637 30.8467C140.935 33.3809 142.961 34.6669 145.825 34.6669C148.691 34.6669 150.677 33.2674 152.11 31.1682ZM138.72 26.611L150.124 21.9208C149.493 20.3514 147.621 19.2357 145.386 19.2357C142.54 19.2357 138.586 21.732 138.72 26.611Z" fill="white" fill-opacity="0.2"/>
<path d="M124.927 1.49686H130.428V38.487H124.927V1.49655V1.49686Z" fill="white" fill-opacity="0.2"/>
<path d="M116.255 15.3586H121.565V37.825C121.565 47.148 116.007 50.987 109.435 50.987C103.246 50.987 99.5216 46.8645 98.1269 43.5173L102.998 41.5125C103.876 43.5737 105.997 46.0135 109.435 46.0135C113.657 46.0135 116.255 43.4226 116.255 38.5815V36.7661H116.064C114.803 38.2788 112.396 39.6404 109.34 39.6404C102.96 39.6404 97.1141 34.1372 97.1141 27.0458C97.1141 19.9161 102.96 14.3565 109.34 14.3565C112.377 14.3565 114.803 15.6992 116.064 17.1743H116.255V15.3589V15.3586ZM116.637 27.0458C116.637 22.5827 113.638 19.3299 109.817 19.3299C105.959 19.3299 102.711 22.5827 102.711 27.0458C102.711 31.4518 105.959 34.6478 109.817 34.6478C113.638 34.667 116.637 31.4518 116.637 27.0458H116.637Z" fill="white" fill-opacity="0.2"/>
<path d="M66.9136 26.9512C66.9136 34.232 61.1831 39.5837 54.1533 39.5837C47.1239 39.5837 41.3931 34.2132 41.3931 26.9512C41.3931 19.6327 47.1239 14.2998 54.1533 14.2998C61.1831 14.2998 66.9136 19.6327 66.9136 26.9512ZM61.3358 26.9512C61.3358 22.4128 58.0118 19.2921 54.1533 19.2921C50.2949 19.2921 46.9709 22.4128 46.9709 26.9512C46.9709 31.4519 50.2949 34.6103 54.1533 34.6103C58.0121 34.6103 61.3358 31.4519 61.3358 26.9512Z" fill="white" fill-opacity="0.2"/>
<path d="M94.7841 27.0078C94.7841 34.2886 89.0533 39.6403 82.0238 39.6403C74.9941 39.6403 69.2636 34.2883 69.2636 27.0078C69.2636 19.6893 74.9941 14.3752 82.0238 14.3752C89.0533 14.3752 94.7841 19.6704 94.7841 27.0078ZM89.187 27.0078C89.187 22.4694 85.8633 19.3487 82.0045 19.3487C78.1461 19.3487 74.8221 22.4694 74.8221 27.0078C74.8221 31.5085 78.1461 34.6669 82.0045 34.6669C85.8823 34.6669 89.187 31.4897 89.187 27.0078Z" fill="white" fill-opacity="0.2"/>
<path d="M20.4189 34.0995C12.4149 34.0995 6.14965 27.7075 6.14965 19.7837C6.14965 11.8602 12.4149 5.46819 20.4189 5.46819C24.7361 5.46819 27.8877 7.15119 30.2182 9.30715L34.0579 5.50613C30.8106 2.42367 26.4744 0.0782776 20.4189 0.0782776C9.45431 0.0785812 0.227806 8.9292 0.227806 19.7837C0.227806 30.6388 9.45431 39.4891 20.4189 39.4891C26.3407 39.4891 30.8106 37.5602 34.3063 33.9672C37.8974 30.4117 39.0053 25.4192 39.0053 21.3723C39.0053 20.1052 38.8526 18.8004 38.6805 17.836H20.4189V23.0932H33.4275C33.0454 26.384 31.9949 28.6343 30.4475 30.1658C28.5755 32.0383 25.6149 34.0995 20.4189 34.0995Z" fill="white" fill-opacity="0.2"/>
</svg>
</li>
<li class="brand__name"><svg width="194" height="49" viewBox="0 0 194 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_43_18)">
<path d="M61.9865 38.4028L64.4065 32.8112C67.0217 34.7527 70.4955 35.7625 73.9307 35.7625C76.4679 35.7625 78.0684 34.7915 78.0684 33.3162C78.0293 29.2002 62.8841 32.4229 62.767 22.0941C62.728 16.8522 67.4124 12.8139 74.0478 12.8139C77.9903 12.8139 81.9328 13.7845 84.7432 15.9977L82.4792 21.7059C79.903 20.0749 76.7024 18.9102 73.6575 18.9102C71.5887 18.9102 70.2227 19.8808 70.2227 21.1235C70.2618 25.1619 85.5241 22.9486 85.6802 32.8112C85.6802 38.1699 81.1133 41.9365 74.5555 41.9365C69.754 41.9365 65.3432 40.8102 61.9865 38.4028ZM154.849 30.792L161.524 34.4809C159.025 38.9463 154.263 41.9365 148.759 41.9365C140.679 41.9365 134.121 35.4131 134.121 27.3752C134.121 19.3373 140.679 12.8139 148.759 12.8139C154.224 12.8139 159.025 15.8425 161.524 20.2694L154.849 23.958C153.639 21.8612 151.375 20.4247 148.759 20.4247C144.895 20.4247 141.772 23.5309 141.772 27.3752C141.772 31.2194 144.895 34.3256 148.759 34.3256C151.375 34.3256 153.639 32.8888 154.848 30.792H154.849ZM89.0369 0.73764H97.3903V41.3926H89.0369V0.73764ZM164.802 0.73764H173.156V24.618L182.602 13.3962H192.829L181.158 26.9089L193.766 41.3926H183.071L173.156 29.2002V41.3926H164.802V0.73764ZM122.216 30.87V23.9968C121.006 21.9776 118.508 20.4247 115.698 20.4247C111.833 20.4247 108.711 23.5309 108.711 27.3752C108.711 31.2194 111.833 34.3256 115.698 34.3256C118.508 34.3256 121.006 32.85 122.216 30.8696V30.87ZM122.216 13.3966H130.57V41.3541H122.216V38.0538C120.85 40.3447 117.454 41.9368 113.902 41.9368C106.563 41.9368 100.786 35.4134 100.786 27.3367C100.786 19.26 106.563 12.8143 113.902 12.8143C117.454 12.8143 120.85 14.4064 122.216 16.6973V13.3958V13.3966Z" fill="white" fill-opacity="0.2"/>
<path d="M10.3442 30.8308C10.3442 33.6652 8.04122 35.9566 5.19146 35.9566C4.51463 35.9572 3.84431 35.8251 3.21888 35.5677C2.59345 35.3103 2.02519 34.9328 1.54661 34.4567C1.06803 33.9806 0.688547 33.4152 0.429868 32.7931C0.171189 32.1709 0.0383979 31.5041 0.0390958 30.8308C0.0390958 27.9963 2.34209 25.7054 5.19146 25.7054H10.3442V30.8308ZM12.9204 30.8308C12.9204 27.9963 15.2234 25.7054 18.0728 25.7054C20.9221 25.7054 23.2255 27.9963 23.2255 30.8308V43.6447C23.2255 46.4791 20.9225 48.7704 18.0728 48.7704C17.396 48.771 16.7257 48.6389 16.1003 48.3815C15.4749 48.1241 14.9067 47.7465 14.4282 47.2704C13.9496 46.7943 13.5702 46.229 13.3115 45.6069C13.0529 44.9847 12.9201 44.3179 12.9208 43.6447V30.8308H12.9204Z" fill="white" fill-opacity="0.2"/>
<path d="M18.0727 10.2512C17.3959 10.2518 16.7256 10.1196 16.1002 9.8622C15.4748 9.6048 14.9066 9.22725 14.4281 8.75115C13.9496 8.27505 13.5701 7.70975 13.3114 7.0876C13.0528 6.46544 12.92 5.79866 12.9207 5.1254C12.9203 2.29094 15.2233 0 18.0727 0C20.9221 0 23.2254 2.29094 23.2254 5.1254V10.2512H18.0727ZM18.0727 12.8527C20.9221 12.8527 23.2254 15.1436 23.2254 17.9781C23.2254 20.8126 20.9224 23.1039 18.0727 23.1039H5.15237C4.47554 23.1045 3.80522 22.9724 3.17979 22.715C2.55436 22.4576 1.98609 22.0801 1.50752 21.604C1.02894 21.1279 0.649454 20.5626 0.390775 19.9404C0.132096 19.3182 -0.000695083 18.6514 2.73605e-06 17.9781C2.73605e-06 15.1436 2.30299 12.8531 5.15237 12.8531H18.0731L18.0727 12.8527Z" fill="white" fill-opacity="0.2"/>
<path d="M38.7219 17.9781C38.7219 15.1436 41.0249 12.8527 43.8743 12.8527C46.7236 12.8527 49.027 15.1436 49.027 17.9781C49.027 20.8126 46.724 23.1039 43.8743 23.1039H38.7219V17.9781ZM36.1453 17.9781C36.1453 20.8126 33.8427 23.1039 30.993 23.1039C30.3161 23.1045 29.6458 22.9724 29.0204 22.715C28.395 22.4576 27.8267 22.0801 27.3481 21.604C26.8696 21.1279 26.4901 20.5626 26.2314 19.9404C25.9727 19.3182 25.8399 18.6514 25.8406 17.9781V5.1254C25.8406 2.29094 28.1436 0 30.993 0C33.8424 0 36.1457 2.29094 36.1457 5.1254V17.9785L36.1453 17.9781Z" fill="white" fill-opacity="0.2"/>
<path d="M30.993 38.5193C33.8424 38.5193 36.1457 40.8102 36.1457 43.6447C36.1457 46.4791 33.8427 48.7704 30.993 48.7704C30.3161 48.7711 29.6458 48.6389 29.0204 48.3816C28.395 48.1242 27.8267 47.7467 27.3481 47.2706C26.8695 46.7944 26.4901 46.2291 26.2314 45.6069C25.9727 44.9848 25.8399 44.318 25.8406 43.6447V38.5193H30.993ZM30.993 35.9562C30.3162 35.9568 29.6459 35.8247 29.0205 35.5674C28.3951 35.31 27.8268 34.9325 27.3483 34.4564C26.8697 33.9804 26.4902 33.4151 26.2315 32.793C25.9728 32.1708 25.84 31.504 25.8406 30.8308C25.8406 27.9963 28.1436 25.7054 30.993 25.7054H43.9137C46.7631 25.7054 49.066 27.9963 49.066 30.8308C49.066 33.6652 46.7631 35.9566 43.9133 35.9566H30.993V35.9562Z" fill="white" fill-opacity="0.2"/>
</g>
<defs>
<clipPath id="clip0_43_18">
<rect width="194" height="49" fill="white"/>
</clipPath>
</defs>
</svg>
</li>
<li class="brand__name"><svg width="194" height="44" viewBox="0 0 194 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M112.516 17.1961H104.879V18.0002C107.268 18.0002 107.652 18.5082 107.652 21.5149V26.9352C107.652 29.9415 107.268 30.492 104.879 30.492C103.045 30.2382 101.808 29.2638 100.101 27.4008L98.1386 25.2839C100.783 24.8175 102.191 23.1666 102.191 21.3032C102.191 18.9749 100.187 17.1965 96.432 17.1965H88.9236V18.0002C91.3123 18.0002 91.6965 18.5082 91.6965 21.5149V26.9352C91.6965 29.9415 91.3123 30.492 88.9236 30.492V31.2964H97.413V30.4917C95.0244 30.4917 94.6406 29.9415 94.6406 26.9352V25.411H95.3654L100.101 31.2964H112.516C118.617 31.2964 121.262 28.0788 121.262 24.2249C121.262 20.3717 118.617 17.1961 112.516 17.1961ZM94.6409 24.0977V18.4665H96.3896C98.3091 18.4665 99.1628 19.779 99.1628 21.3036C99.1628 22.7856 98.3091 24.0977 96.3896 24.0977H94.6409ZM112.644 29.984H112.345C110.81 29.984 110.597 29.603 110.597 27.655V18.4665H112.644C117.081 18.4665 117.891 21.6841 117.891 24.1827C117.891 26.7656 117.081 29.984 112.644 29.984ZM65.1617 25.6652L68.1054 17.0265C68.9591 14.5283 68.5748 13.8089 65.8444 13.8089V12.9616H73.8648V13.8089C71.1772 13.8089 70.5376 14.4437 69.471 17.535L64.6069 32.0162H64.0526L59.7005 18.7621L55.2635 32.0162H54.7088L49.974 17.535C48.9501 14.4437 48.2674 13.8089 45.7927 13.8089V12.9616H55.2639V13.8089C52.7468 13.8089 52.0636 14.4016 52.9601 17.0265L55.8182 25.6648L60.1271 12.9616H60.938L65.1617 25.6652ZM79.6662 31.8466C74.9734 31.8466 71.134 28.4169 71.134 24.2245C71.134 20.0753 74.9738 16.6448 79.6662 16.6448C84.3593 16.6448 88.1984 20.0753 88.1984 24.2245C88.1984 28.4169 84.3593 31.8466 79.6662 31.8466ZM79.6662 17.9584C75.7415 17.9584 74.3763 21.4724 74.3763 24.2249C74.3763 27.0202 75.7415 30.492 79.6662 30.492C83.6341 30.492 84.9993 27.0202 84.9993 24.2249C84.9993 21.4724 83.6341 17.9584 79.6662 17.9584Z" fill="white" fill-opacity="0.2"/>
<path d="M131.799 30.4495V31.2964H122.029V30.4495C124.888 30.4495 125.4 29.7297 125.4 25.4948V18.7207C125.4 14.4854 124.888 13.8085 122.029 13.8085V12.9612H130.86C135.254 12.9612 137.686 15.2056 137.686 18.2123C137.686 21.1343 135.254 23.4204 130.86 23.4204H128.428V25.4944C128.428 29.7297 128.94 30.4495 131.799 30.4495ZM130.86 14.4854H128.428V21.8537H130.86C133.249 21.8537 134.359 20.2024 134.359 18.2123C134.359 16.18 133.249 14.4854 130.86 14.4854ZM166.995 27.3161L166.782 28.0784C166.398 29.4755 165.928 29.9839 162.899 29.9839H162.301C160.084 29.9839 159.699 29.4755 159.699 26.4696V24.5216C163.027 24.5216 163.283 24.8179 163.283 27.0202H164.094V20.7101H163.283C163.283 22.912 163.027 23.2083 159.699 23.2083V18.4661H162.045C165.075 18.4661 165.544 18.9745 165.928 20.3716L166.142 21.1757H166.824L166.526 17.1957H153.982V17.9998C156.371 17.9998 156.756 18.5078 156.756 21.5145V26.9348C156.756 29.685 156.429 30.3777 154.546 30.4766C152.756 30.2051 151.527 29.2359 149.845 27.4004L147.882 25.2835C150.528 24.8171 151.936 23.1662 151.936 21.3028C151.936 18.9745 149.93 17.1961 146.176 17.1961H138.668V17.9998C141.056 17.9998 141.441 18.5078 141.441 21.5145V26.9348C141.441 29.9411 141.057 30.4916 138.668 30.4916V31.296H147.158V30.4913C144.769 30.4913 144.385 29.9411 144.385 26.9348V25.411H145.11L149.845 31.2964H167.379L167.636 27.3165H166.995V27.3161ZM144.384 24.0977V18.4665H146.133C148.053 18.4665 148.907 19.779 148.907 21.3035C148.907 22.7856 148.053 24.0977 146.133 24.0977H144.384ZM175.655 31.8466C173.949 31.8466 172.455 30.9576 171.815 30.4066C171.602 30.6187 171.218 31.2539 171.133 31.8466H170.322V26.0036H171.176C171.517 28.7978 173.479 30.4495 175.997 30.4495C177.362 30.4495 178.471 29.6876 178.471 28.4172C178.471 27.3165 177.49 26.4692 175.741 25.6652L173.309 24.5219C171.602 23.7168 170.322 22.3193 170.322 20.4566C170.322 18.4244 172.242 16.6884 174.887 16.6884C176.296 16.6884 177.489 17.1965 178.215 17.7892C178.428 17.6199 178.642 17.1536 178.77 16.6452H179.581V21.6427H178.685C178.385 19.6522 177.277 18.0009 175.016 18.0009C173.821 18.0009 172.711 18.6786 172.711 19.7376C172.711 20.8383 173.608 21.4306 175.656 22.3625L178.001 23.5058C180.05 24.4794 180.86 26.0469 180.86 27.3169C180.86 29.9843 178.513 31.847 175.655 31.847V31.8466ZM188.795 31.8466C187.088 31.8466 185.595 30.9576 184.955 30.4066C184.742 30.6187 184.358 31.2539 184.273 31.8466H183.463V26.0036H184.315C184.656 28.7978 186.619 30.4495 189.136 30.4495C190.501 30.4495 191.611 29.6876 191.611 28.4172C191.611 27.3165 190.63 26.4692 188.88 25.6652L186.448 24.5219C184.742 23.7168 183.462 22.3193 183.462 20.4566C183.462 18.4244 185.382 16.6884 188.027 16.6884C189.435 16.6884 190.629 17.1965 191.355 17.7892C191.568 17.6199 191.781 17.1536 191.909 16.6452H192.72V21.6427H191.824C191.525 19.6522 190.416 18.0009 188.155 18.0009C186.961 18.0009 185.851 18.6786 185.851 19.7376C185.851 20.8383 186.747 21.4306 188.795 22.3625L191.141 23.5058C193.189 24.4794 193.999 26.0469 193.999 27.3169C193.999 29.9843 191.653 31.847 188.795 31.847V31.8466Z" fill="white" fill-opacity="0.2"/>
<path d="M3.12825 21.8432C3.12825 29.2608 7.47165 35.6705 13.7695 38.7083L4.76285 14.2169C3.68317 16.6166 3.12615 19.2155 3.12825 21.8436V21.8432ZM34.7548 20.8977C34.7548 18.5819 33.9167 16.978 33.1975 15.7294C32.2404 14.1861 31.3435 12.8788 31.3435 11.3355C31.3435 9.61269 32.6598 8.00913 34.5138 8.00913C34.5975 8.00913 34.6767 8.01966 34.7586 8.02417C31.3996 4.96974 26.9243 3.1052 22.0088 3.1052C15.4128 3.1052 9.60982 6.46386 6.23377 11.5517C6.67709 11.5645 7.09426 11.5739 7.44892 11.5739C9.42378 11.5739 12.4808 11.3358 12.4808 11.3358C13.4985 11.2764 13.6183 12.76 12.602 12.8796C12.602 12.8796 11.579 12.9992 10.4408 13.0582L17.3164 33.3558L21.448 21.0568L18.5065 13.0578C17.4899 12.9984 16.5268 12.8788 16.5268 12.8788C15.509 12.8198 15.6287 11.2757 16.6457 11.3355C16.6457 11.3355 19.7641 11.5731 21.6193 11.5731C23.5934 11.5731 26.6511 11.3355 26.6511 11.3355C27.6692 11.2757 27.789 12.7592 26.772 12.8788C26.772 12.8788 25.7471 12.9984 24.6111 13.0575L31.4341 33.2016L33.3172 26.9551C34.1334 24.3636 34.7548 22.5021 34.7548 20.8977ZM22.3399 23.4825L16.6753 39.82C18.4072 40.3263 20.2033 40.5834 22.0088 40.5834C24.1442 40.5841 26.2643 40.2249 28.2785 39.521C28.2263 39.4391 28.1814 39.3528 28.1444 39.263L22.3399 23.4825ZM38.5757 12.8529C38.6568 13.4497 38.703 14.0902 38.703 14.7799C38.703 16.6813 38.3449 18.8188 37.2669 21.4916L31.5 38.0412C37.1131 34.7923 40.8885 28.7568 40.8885 21.8439C40.8889 18.5857 40.0504 15.5222 38.5757 12.8529ZM22.0088 0C9.87354 0 0 9.79884 0 21.8432C0 33.8894 9.87354 43.6879 22.0088 43.6879C34.144 43.6879 44.0187 33.8894 44.0187 21.8432C44.0187 9.79884 34.144 0 22.0088 0ZM22.0088 42.6864C10.4302 42.6864 1.00903 33.3362 1.00903 21.8432C1.00903 10.3513 10.4298 1.00147 22.0088 1.00147C33.5874 1.00147 43.0078 10.3513 43.0078 21.8432C43.0078 33.3362 33.5874 42.6864 22.0088 42.6864Z" fill="white" fill-opacity="0.2"/>
</svg>
</li>
</ul>
</div>
</div>
</section>
<section class="newtools">
<div class="container">
<div class="row">
<div class="newtools__text">
<h2 class="newtools__title">Newcomer Tools</h2>
<p class="newtools__subtitle">Wow! see the latest update of the most <br> recommended tools from reliable designers <br> and developers</p>
<button class="button newtools__button">Explore more</button>
</div>
<div class="newtools__row">
<div class="newtools__card">
<div class="newtools__card-top">
<img class="newtools__card-img" src="./src/images/newtools/zeplin.svg" alt="Zeplin">
<div class="newtools__card-info">
<h3 class="newtools__card-title">Zeplin</h3>
<p class="newtools__card-price">Free & Paid</p>
</div>
</div>
<p class="newtools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="newtools__card-end">
<div class="newtools__card-icons">
<span class="newtools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="newtools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn newtools__card_btn">Visit</button>
</div>
</div>
<div class="newtools__card">
<div class="newtools__card-top">
<img class="newtools__card-img" src="./src/images/newtools/phpstorm.svg" alt="PHPStorm">
<div class="newtools__card-info">
<h3 class="newtools__card-title">PHPStorm</h3>
<p class="newtools__card-price">Free</p>
</div>
</div>
<p class="newtools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="newtools__card-end">
<div class="newtools__card-icons">
<span class="newtools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="newtools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn newtools__card_btn">Visit</button>
</div>
</div>
<div class="newtools__card">
<div class="newtools__card-top">
<img class="newtools__card-img" src="./src/images/newtools/toolbox.svg" alt="Tollbox">
<div class="newtools__card-info">
<h3 class="newtools__card-title">Toolbox</h3>
<p class="newtools__card-price">Free</p>
</div>
</div>
<p class="newtools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="newtools__card-end">
<div class="newtools__card-icons">
<span class="newtools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="newtools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn newtools__card_btn">Visit</button>
</div>
</div>
<div class="newtools__card">
<div class="newtools__card-top">
<img class="newtools__card-img" src="./src/images/newtools/procreate.svg" alt="Figma">
<div class="newtools__card-info">
<h3 class="newtools__card-title">Procreate</h3>
<p class="newtools__card-price">Free</p>
</div>
</div>
<p class="newtools__card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="newtools__card-end">
<div class="newtools__card-icons">
<span class="newtools__card-heart"><svg width="28" height="28" viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8333 5.25C17.3833 5.25 15.225 6.475 14 8.4C12.775 6.475 10.6167 5.25 8.16667 5.25C4.31667 5.25 1.16667 8.4 1.16667 12.25C1.16667 19.1917 14 26.25 14 26.25C14 26.25 26.8333 19.25 26.8333 12.25C26.8333 8.4 23.6833 5.25 19.8333 5.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
<span class="newtools__card-file">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 16.25H16.25V15C16.25 14.6685 16.1183 14.3505 15.8839 14.1161C15.6495 13.8817 15.3315 13.75 15 13.75C14.6685 13.75 14.3505 13.8817 14.1161 14.1161C13.8817 14.3505 13.75 14.6685 13.75 15V16.25H12.5C12.1685 16.25 11.8505 16.3817 11.6161 16.6161C11.3817 16.8505 11.25 17.1685 11.25 17.5C11.25 17.8315 11.3817 18.1495 11.6161 18.3839C11.8505 18.6183 12.1685 18.75 12.5 18.75H13.75V20C13.75 20.3315 13.8817 20.6495 14.1161 20.8839C14.3505 21.1183 14.6685 21.25 15 21.25C15.3315 21.25 15.6495 21.1183 15.8839 20.8839C16.1183 20.6495 16.25 20.3315 16.25 20V18.75H17.5C17.8315 18.75 18.1495 18.6183 18.3839 18.3839C18.6183 18.1495 18.75 17.8315 18.75 17.5C18.75 17.1685 18.6183 16.8505 18.3839 16.6161C18.1495 16.3817 17.8315 16.25 17.5 16.25Z" fill="currentColor" fill-opacity="currentOpacity"/>
<path d="M24.375 8.81249H15.625L12.3375 4.83749C12.2212 4.6941 12.0745 4.57825 11.9081 4.49829C11.7417 4.41832 11.5596 4.37621 11.375 4.37499H5.625C4.80826 4.36496 4.02083 4.67898 3.43512 5.24829C2.84942 5.8176 2.51317 6.59579 2.5 7.41249V22.5875C2.51317 23.4042 2.84942 24.1824 3.43512 24.7517C4.02083 25.321 4.80826 25.635 5.625 25.625H24.375C25.1917 25.635 25.9792 25.321 26.5649 24.7517C27.1506 24.1824 27.4868 23.4042 27.5 22.5875V11.85C27.4868 11.0333 27.1506 10.2551 26.5649 9.68579C25.9792 9.11648 25.1917 8.80246 24.375 8.81249ZM25 22.5625C24.9953 22.6392 24.9753 22.7142 24.9411 22.783C24.9069 22.8518 24.8593 22.9131 24.801 22.9632C24.7427 23.0133 24.675 23.0512 24.6019 23.0747C24.5287 23.0982 24.4515 23.1068 24.375 23.1H5.625C5.54846 23.1068 5.47132 23.0982 5.39815 23.0747C5.32498 23.0512 5.25726 23.0133 5.199 22.9632C5.14073 22.9131 5.0931 22.8518 5.05892 22.783C5.02474 22.7142 5.00471 22.6392 5 22.5625V7.41249C5.00471 7.33578 5.02474 7.2608 5.05892 7.19197C5.0931 7.12315 5.14073 7.06187 5.199 7.01176C5.25726 6.96165 5.32498 6.92373 5.39815 6.90024C5.47132 6.87675 5.54846 6.86816 5.625 6.87499H10.7875L14.0375 10.85C14.1538 10.9934 14.3005 11.1092 14.4669 11.1892C14.6333 11.2692 14.8154 11.3113 15 11.3125H24.375C24.4515 11.3057 24.5287 11.3142 24.6019 11.3377C24.675 11.3612 24.7427 11.3992 24.801 11.4493C24.8593 11.4994 24.9069 11.5606 24.9411 11.6295C24.9753 11.6983 24.9953 11.7733 25 11.85V22.5625Z" fill="currentColor" fill-opacity="currentOpacity"/>
</svg>
</span>
</div>
<button class="btn newtools__card_btn">Visit</button>
</div>
</div>
</div>
</section>
<section class="review" id="review">
<div class="container">
<div class="review__content">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="review__slide">
<img class="review__slide-img" src="./src/images/review/image.png" alt="review">
<p class="review__slide-text">Incididunt cillum do sint sint enim ullamco id deserunt mollit <br> qui reprehenderit do. Velit ex tempor cillum ad sint occaecat. <br> Do nulla velit labore occaecat do deserunt Lorem magna <br> officia incididunt consectetur amet. Sunt consectetur veniam <br> minim ex commodo sint non. Occaecat aute officia excepteur <br> non laboris id qui ad.</p>
</div>
</div>
<div class="swiper-slide">
<div class="review__slide">
<img class="review__slide-img" src="./src/images/review/image.png" alt="review">
<p class="review__slide-text">Incididunt cillum do sint sint enim ullamco id deserunt mollit <br> qui reprehenderit do. Velit ex tempor cillum ad sint occaecat. <br> Do nulla velit labore occaecat do deserunt Lorem magna <br> officia incididunt consectetur amet. Sunt consectetur veniam <br> minim ex commodo sint non. Occaecat aute officia excepteur <br> non laboris id qui ad.</p>
</div>
</div>
<div class="swiper-slide">
<div class="review__slide">
<img class="review__slide-img" src="./src/images/review/image.png" alt="review">
<p class="review__slide-text">Incididunt cillum do sint sint enim ullamco id deserunt mollit <br> qui reprehenderit do. Velit ex tempor cillum ad sint occaecat. <br> Do nulla velit labore occaecat do deserunt Lorem magna <br> officia incididunt consectetur amet. Sunt consectetur veniam <br> minim ex commodo sint non. Occaecat aute officia excepteur <br> non laboris id qui ad.</p>
</div>
</div>
<div class="swiper-slide">
<div class="review__slide">
<img class="review__slide-img" src="./src/images/review/image.png" alt="review">
<p class="review__slide-text">Incididunt cillum do sint sint enim ullamco id deserunt mollit <br> qui reprehenderit do. Velit ex tempor cillum ad sint occaecat. <br> Do nulla velit labore occaecat do deserunt Lorem magna <br> officia incididunt consectetur amet. Sunt consectetur veniam <br> minim ex commodo sint non. Occaecat aute officia excepteur <br> non laboris id qui ad.</p>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</section>
<section class="joinUs">
<div class="container">
<h2 class="joinUs__title">Become a contributor?</h2>
<p class="joinUs__subtitle">Join us and get tips & tricks to become a great <br> Designer and Developer</p>
<form class="form" action="">
<span class="form__search"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-opacity="0.38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-opacity="0.38" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<input class="form__field" [type=search]::-ms-clear { display: none; } placeholder="Enter your email...">
<button class="button button_form" type="submit">Join Us</button>
</form>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="row">
<div class="footer__info">
<div class="logo">
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="38" height="38" rx="8" fill="#FF6E30"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9645 12.4359C19.632 12.4359 19.3089 12.4769 19 12.5542C19.1988 10.7606 19.9148 9.12398 20.9963 7.79492C25.2971 8.30464 28.6332 11.9646 28.6332 16.4029V22.7294C28.4605 22.7391 28.2864 22.744 28.1112 22.744C24.6706 22.744 21.6709 20.8483 20.1028 18.0423H23.9315V16.4029C23.9315 14.212 22.1554 12.4359 19.9645 12.4359Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.25642 16.9507C9.25642 11.625 13.5738 7.30762 18.8995 7.30762C21.5623 7.30762 23.9731 8.38695 25.7182 10.132C24.1095 8.52336 21.9351 7.48044 19.5191 7.32724C17.894 9.12575 16.9044 11.5095 16.9044 14.1243C16.9044 14.3194 16.9099 14.5131 16.9208 14.7055C16.299 15.2538 15.9068 16.0565 15.9068 16.9507V17.6157H21.8922L17.5214 17.6158C18.9445 21.4968 22.672 24.2661 27.0462 24.2661C27.5546 24.2661 28.0543 24.2287 28.5425 24.1565V28.2563H21.8922V24.2661H15.9068V28.2563H9.25642V20.9409V16.9507Z" fill="white"/>
</svg>
<h1 class="logo__title">antools.</h1>
</div>
<p class="footer__copyrights">Copyright 2021. Antools</p>
<p class="footer__addInfo">Antool is a web collection of <br> information on paid or free Design <br> and Development tools</p>
</div>
<ul class="footer__category">
<li class="footer__item footer__item_title"><h3>Contact Us</h3></li>
<li> <a class="footer__item" href="#">+621987463</a></li>
<li class="footer__item">M Building, No.10 A</li>
<li><address class="footer__item">antools@awesome.com</address></li>
</ul>
<ul class="footer__category">
<li class="footer__item footer__item_title"><h3>Categories</h3></li>
<li> <a class="footer__item" href="#">Design</a></li>
<li> <a class="footer__item" href="#">Development</a></li>
</ul>
<ul class="footer__category">
<li class="footer__item footer__item_title"><h3>Company Info</h3></li>
<li> <a class="footer__item" href="#">About Us</a></li>
<li><a class="footer__item" href="#s">Our Partners</a></li>
<li><a class="footer__item" href="#">Blog</a></li>
</ul>
</div>
</div>
</footer>
<div class="overlay">
<div class="popup">
<form action="" class="popup__form popup__form_login">
<h2 class="popup__title">Login</h2>
<p class="popup__subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse magni accusantium harum!
</p>
<div class="popup__item">
<input class="popup__field" type="email" placeholder="Your email">
<input class="popup__field" type="password" placeholder="Your password">
</div>
<button class="button button_popup" type="submit">Login</button>
<p class="popup__info">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ea consequuntur voluptas pariatur exercitationem temporibus.</p>
</form>
<form action="" class="popup__form popup__form_signup">
<h2 class="popup__title">Sign Up</h2>
<p class="popup__subtitle">Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse magni accusantium harum!
</p>
<div class="popup__item">
<input class="popup__field" type="email" placeholder="Your email">
<input class="popup__field" type="password" placeholder="Your password">
</div>
<button class="button button_popup" type="submit">Sign Up</button>
<p class="popup__info">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ea consequuntur voluptas pariatur exercitationem temporibus.</p>
</form>
<span class="popup__close"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.77617 0.304743C1.36985 -0.101581 0.711067 -0.101581 0.304743 0.304743C-0.101581 0.711067 -0.101581 1.36985 0.304743 1.77617L14.5286 16L0.304752 30.2238C-0.101572 30.6302 -0.101572 31.2889 0.304752 31.6953C0.711076 32.1016 1.36986 32.1016 1.77618 31.6953L16 17.4714L30.2238 31.6953C30.6301 32.1016 31.2889 32.1016 31.6953 31.6953C32.1016 31.2889 32.1016 30.6301 31.6953 30.2238L17.4714 16L31.6953 1.77618C32.1016 1.36985 32.1016 0.71107 31.6953 0.304746C31.2889 -0.101578 30.6302 -0.101578 30.2238 0.304746L16 14.5286L1.77617 0.304743Z" fill="white"/>
</svg>
</span>
</div>
</div>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="./src/js/main.js"></script>
</body>
</html>