-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
905 lines (901 loc) · 59.2 KB
/
index.html
File metadata and controls
905 lines (901 loc) · 59.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
<!DOCTYPE html>
<html lang="tr">
<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>En Trend Ürünler Türkiye'nin Online Alışveriş Sitesi Trendyol'da</title>
<link rel="stylesheet" href="styles/main.css">
<link rel="icon" href="assets/icons/favicon.ico" type="image/x-icon" />
</head>
<body>
<!-- Header - Start -->
<header class="page-header">
<!-- Header Banner - Start -->
<div class="header-banner">
<a href="">
<img src="assets/images/ozel-firsatlar-m.gif" alt="Özel fırsatlar">
</a>
</div>
<!-- Header Banner - End -->
<!-- Header Main - Start -->
<div class="header-main">
<div class="container">
<!-- Header Links - Start -->
<div class="header-links">
<a href="">Trendyol'da Satış Yap</a>
<a href="">Yardım & Destek</a>
</div>
<!-- Header Links - End -->
<!-- Header Content - Start -->
<div class="header-content">
<!-- Logo - Start -->
<a class="logo" href="index.html">
<img src="assets/images/logo.svg" alt="Trendyol logo">
</a>
<!-- Logo - End -->
<!-- Search Area - Start -->
<div class="search-area">
<form action="" method="post">
<input type="search" name="" class="search-box"
placeholder="Aradığınız ürün, kategori veya markayı yazınız">
<!-- Search History - Start -->
<div class="search-history">
<div class="search-history-top">
<span>Geçmiş Aramalar</span>
<a href="">Temizle</a>
</div>
<ul class="history-list">
<li class="history-item">
<a href="">Robot Süpürge</a>
</li>
<li class="history-item">
<a href="">iPhone 11</a>
</li>
</ul>
</div>
<!-- Search History - End -->
<!-- Search Button - Start -->
<button class="search-button">
<img src="assets/icons/icon-search.svg" alt="arama ikonu">
</button>
<!-- Search Button - End -->
</form>
</div>
<!-- Search Area - End -->
<!-- Account Navigation - Start -->
<nav class="account-nav">
<ul>
<!-- Account Nav Item - Start -->
<li class="account-nav-item profile">
<a href="" class="account-item-link">
<svg width="18" height="16" viewBox="0 0 18 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8.88581 8.89825C5.32286 8.89825 2.39386 11.4335 2.04184 14.683H15.7298C15.3778 11.4335 12.4488 8.89825 8.88581 8.89825ZM16.4684 16H1.30322C0.914888 16 0.600098 15.7052 0.600098 15.3415C0.600098 11.0552 4.30871 7.58117 8.88581 7.58117C13.4629 7.58117 17.1715 11.0552 17.1715 15.3415C17.1715 15.7052 16.8567 16 16.4684 16H16.4684ZM11.974 4.20942C11.974 2.61304 10.5903 1.31708 8.88583 1.31708C7.18136 1.31708 5.79766 2.61304 5.79766 4.20942C5.79766 5.80581 7.18136 7.10177 8.88583 7.10177C10.5903 7.10177 11.974 5.80581 11.974 4.20942ZM13.3802 4.20942C13.3802 6.53323 11.3669 8.41885 8.88581 8.41885C6.4047 8.41885 4.39139 6.53323 4.39139 4.20942C4.39139 1.88561 6.40467 0 8.88581 0C11.367 0 13.3802 1.88565 13.3802 4.20942Z"
fill="black" />
</svg>
<span>Hesabım</span>
</a>
<!-- Profile - Start -->
<div class="profile-container">
<ul class="profile-link">
<li class="profile-link-item profile-name">
<span>John Doe</span>
</li>
<li class="profile-link-item">
<a href="">
<svg width="14" height="15" viewBox="0 0 14 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.886963 2.89001L6.62349 5.1275V14.9675L0.924612 12.6338L0.886963 2.89001ZM8.03801 14.9987L13.795 12.6337V2.95375L8.05737 5.09623L8.03801 14.9987ZM7.33557 3.9775L12.602 1.9175L7.33557 0L1.94647 1.91624L7.33557 3.9775Z"
fill="#999999" />
</svg>
<span>Siparişlerim</span>
</a>
</li>
<li class="profile-link-item">
<a href="">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.886963 1.50001V9.75C0.886963 10.563 1.47815 11.25 2.17776 11.25H3.89882V13.75C3.89882 13.8533 3.95347 13.946 4.03631 13.9832C4.06168 13.9947 4.08794 14 4.11397 14C4.17333 14 4.23142 13.9715 4.27317 13.9182L6.36039 11.25H12.5042C13.2038 11.25 13.795 10.563 13.795 9.74998V1.5C13.795 0.686996 13.2038 0 12.5042 0H2.17779C1.47817 0 0.886988 0.686996 0.886988 1.5L0.886963 1.50001ZM9.49229 5.50001C9.49229 4.94851 9.87826 4.50001 10.3528 4.50001C10.8274 4.50001 11.2134 4.94853 11.2134 5.50001C11.2134 6.05151 10.8274 6.50001 10.3528 6.50001C9.87826 6.50001 9.49229 6.05149 9.49229 5.50001ZM6.48042 5.50001C6.48042 4.94851 6.86636 4.50001 7.34096 4.50001C7.81555 4.50001 8.20149 4.94853 8.20149 5.50001C8.20149 6.05151 7.81553 6.50001 7.34096 6.50001C6.86638 6.50001 6.48042 6.05149 6.48042 5.50001ZM3.46856 5.50001C3.46856 4.94851 3.8545 4.50001 4.3291 4.50001C4.80369 4.50001 5.18963 4.94853 5.18963 5.50001C5.18963 6.05151 4.80369 6.50001 4.3291 6.50001C3.8545 6.50001 3.46856 6.05149 3.46856 5.50001Z"
fill="#999999" />
</svg>
<span>Değerlendirmelerim</span>
</a>
</li>
<li class="profile-link-item">
<a href="">
<svg width="14" height="18" viewBox="0 0 14 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M3.2163 4.85682L8.64424 1.60313L7.44733 0L2.84885 4.88181H3.19052C3.19911 4.87183 3.20771 4.86433 3.2163 4.85684V4.85682ZM10.2623 13.8713C9.9808 13.8713 9.76592 13.5766 9.76592 13.247L9.67137 10.3204C9.67137 9.99082 9.88625 9.70116 10.1677 9.70116H13.6725L13.6596 6.19025C13.6596 5.93055 13.593 5.71081 13.4791 5.55598C13.3674 5.40367 13.2083 5.30628 12.972 5.30377H11.4356L10.0926 2.08753L3.89748 5.80568H11.6247L12.02 6.74958C12.2672 6.77955 12.4713 6.92937 12.6024 7.13664C12.7485 7.36887 12.8173 7.66102 12.813 7.95318V9.14429C12.8323 9.21421 12.8022 9.27664 12.7506 9.31159C12.6991 9.34654 12.6368 9.34656 12.5852 9.31159C12.5336 9.27663 12.4906 9.14429 12.4906 9.14429L12.4777 7.96317C12.4777 7.74343 12.4197 7.52367 12.3252 7.37385C12.2306 7.22402 12.1038 7.12913 11.919 7.12913L1.87756 7.13413C1.55309 7.13413 1.2544 7.03674 1.02448 6.86693C0.975054 6.82948 0.929929 6.79202 0.886963 6.74707L0.891266 16.6056C0.893409 16.8128 0.996553 17.0151 1.19425 17.1724C1.39409 17.3322 1.68418 17.4421 2.00865 17.4421H11.8288C12.1812 17.4421 12.5207 17.1075 12.5207 16.6056L12.6303 14.3732C12.6303 14.3033 12.6604 14.2408 12.7119 14.2059C12.7635 14.1709 12.8258 14.1709 12.8774 14.2059C12.929 14.2408 12.9591 14.3057 12.9591 14.3732L12.8495 16.5331C13.0794 16.5182 13.2857 16.4507 13.4297 16.3359C13.593 16.2035 13.6854 16.0262 13.6854 15.7266L13.795 13.8713H10.2623V13.8713ZM1.18782 6.54485C1.35973 6.6722 1.6047 6.7546 1.87329 6.7546H2.35892C2.36106 6.75211 2.36322 6.7496 2.36322 6.7496L3.72557 5.30628H2.05808C1.71427 5.30379 1.40913 5.41865 1.19639 5.58846C1.03738 5.71581 0.934232 5.87063 0.891266 6.03293C0.897712 6.05041 0.899856 6.0679 0.902015 6.08786C0.921355 6.25018 1.01591 6.41748 1.1878 6.54483L1.18782 6.54485ZM10.5782 10.7624V12.6777C10.5782 12.825 10.6491 12.9224 10.72 12.9224H13.651V10.5252H10.72C10.6491 10.5252 10.5782 10.6151 10.5782 10.7624V10.7624Z"
fill="#999999" />
</svg>
<span>Trendyol Cüzdanım</span>
</a>
</li>
<li class="profile-link-item">
<a href="">
<svg width="14" height="11" viewBox="0 0 14 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10.8057 0.629993C10.6013 0.236243 10.1947 0 9.71927 0H2.24553C1.49794 0 0.886963 0.707483 0.886963 1.5725V9.42875C0.886963 10.2937 1.49794 11 2.24553 11H9.71927C10.1947 11 10.6013 10.765 10.8057 10.3725L13.795 5.5L10.8057 0.630017V0.629993Z"
fill="#999999" />
</svg>
<span>İndirim Kuponlarım</span>
</a>
</li>
<li class="profile-link-item">
<a href="">
<svg width="14" height="15" viewBox="0 0 14 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M7.34097 7.5C9.11582 7.5 10.568 5.8125 10.568 3.75C10.568 1.6875 9.11582 0 7.34097 0C5.56612 0 4.11397 1.6875 4.11397 3.75C4.11397 5.8125 5.56612 7.5 7.34097 7.5ZM7.34097 9.375C5.16274 9.375 0.886963 10.5938 0.886963 13.125V15H13.795V13.125C13.795 10.5938 9.51919 9.375 7.34097 9.375Z"
fill="#999999" />
</svg>
<span>Kullanıcı Bilgilerim</span>
</a>
</li>
<li class="profile-link-item">
<a href="">
<svg width="14" height="13" viewBox="0 0 14 13" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.6851 0C13.2981 0 13.795 0.577417 13.795 1.2897V8.60066C13.795 9.31294 13.2981 9.89036 12.6851 9.89036L6.83278 9.89017L4.48678 12.6173L4.48644 9.89017L1.99679 9.89036C1.4145 9.89036 0.936948 9.36924 0.890642 8.70644L0.886963 8.60067V1.28971C0.886963 0.57743 1.38385 1.27536e-05 1.99679 1.27536e-05L12.6851 0ZM4.16992 4.9966H3.54522L3.54835 5.14838C3.617 6.80828 4.80509 8.13976 6.25001 8.13976H8.37662L8.50722 8.13612C9.93547 8.05634 11.0814 6.6753 11.0814 4.99662H10.4567L10.4536 5.12865C10.394 6.39662 9.48185 7.41383 8.37662 7.41383H6.25001L6.13636 7.41023C5.04494 7.34101 4.16992 6.28119 4.16992 4.99662V4.9966ZM5.45252 1.85346C4.69307 1.85346 4.07687 2.56954 4.07687 3.45207H4.70156L4.70544 3.3629C4.74392 2.92311 5.06397 2.5794 5.45251 2.5794C5.86695 2.5794 6.20348 2.97046 6.20348 3.45207H6.82817L6.82471 3.33796C6.77431 2.50863 6.17894 1.85348 5.45251 1.85348L5.45252 1.85346ZM9.1741 1.85346C8.41465 1.85346 7.79844 2.56954 7.79844 3.45207H8.42314L8.42701 3.3629C8.4655 2.92311 8.78555 2.5794 9.17409 2.5794C9.58853 2.5794 9.92505 2.97046 9.92505 3.45207H10.5497L10.5463 3.33796C10.4959 2.50863 9.90052 1.85348 9.17409 1.85348L9.1741 1.85346Z"
fill="#999999" />
</svg>
<span>Trendyol Asistan</span>
</a>
</li>
<li class="profile-link-item">
<a href="">
<svg width="14" height="15" viewBox="0 0 14 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M7.34097 0C10.8907 0 13.795 3.375 13.795 7.5C13.795 11.625 10.8907 15 7.34097 15C3.79127 15 0.886963 11.625 0.886963 7.5C0.886963 3.375 3.79127 0 7.34097 0ZM7.42703 10.3588C7.19789 10.3588 7.00752 10.45 6.85692 10.6338C6.70632 10.8175 6.63101 11.05 6.63101 11.3338C6.63101 11.6175 6.70629 11.85 6.85692 12.0338C7.00754 12.2175 7.19789 12.3088 7.42703 12.3088C7.65616 12.3088 7.84868 12.2175 8.0025 12.0338C8.15632 11.85 8.23377 11.6175 8.23377 11.3338C8.23377 11.05 8.15632 10.8175 8.0025 10.6338C7.84868 10.45 7.65613 10.3588 7.42703 10.3588ZM7.56686 3.63373C7.15811 3.63373 6.79024 3.73623 6.46432 3.93999C6.20294 4.10249 5.97059 4.30249 5.76728 4.5375L5.61992 4.72125L6.30835 5.45873C6.46647 5.25874 6.63427 5.09998 6.81393 4.98374C6.99359 4.8675 7.19363 4.80873 7.41631 4.80873C7.68846 4.80873 7.90251 4.9 8.05633 5.08373C8.21016 5.26746 8.2876 5.50875 8.2876 5.80871C8.2876 5.99997 8.24779 6.17997 8.16927 6.34622C8.09075 6.51246 7.99178 6.68123 7.87344 6.85246C7.75511 7.0237 7.62926 7.19871 7.49696 7.37746C7.36466 7.55621 7.24633 7.74996 7.142 7.95871C7.03766 8.16744 6.95913 8.39621 6.90536 8.64621C6.86558 8.83371 6.84942 9.03496 6.86018 9.25121L6.87847 9.4712H7.96489C7.93585 9.20493 7.9563 8.96245 8.02405 8.74619C8.0918 8.52992 8.18217 8.32494 8.29296 8.13369C8.40376 7.94243 8.52961 7.75868 8.66945 7.58368C8.80928 7.40867 8.9405 7.22492 9.06207 7.03367C9.18362 6.84241 9.28581 6.63992 9.36863 6.42742C9.45145 6.21492 9.49231 5.97494 9.49231 5.70867C9.49231 5.36742 9.4439 5.06742 9.34708 4.80866C9.25026 4.54989 9.11795 4.33366 8.94908 4.15865C8.78021 3.98365 8.57798 3.8524 8.34132 3.76491C8.10468 3.67739 7.84652 3.63366 7.56685 3.63366L7.56686 3.63373Z"
fill="#999999" />
</svg>
<span>Yardım</span>
</a>
</li>
<li class="profile-link-item">
<a href="">
<svg width="14" height="15" viewBox="0 0 14 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8.95446 8.12496C8.65705 8.12496 8.41666 8.40499 8.41666 8.74992V11.25C8.41666 11.5944 8.17568 11.875 7.87876 11.875H6.26526V2.49996C6.26526 1.96622 5.97268 1.48934 5.53277 1.31184L5.37353 1.24992H7.87876C8.17568 1.24992 8.41666 1.53053 8.41666 1.875V3.75C8.41666 4.09493 8.65705 4.37496 8.95446 4.37496C9.25188 4.37496 9.49226 4.09493 9.49226 3.75V1.875C9.49226 0.84126 8.76833 0 7.87876 0H2.09709C2.0766 0 2.05947 0.0106494 2.03958 0.0137256C2.01368 0.0112061 1.98896 0 1.96266 0C1.36941 0 0.886963 0.560537 0.886963 1.24992V12.4999C0.886963 13.0337 1.17955 13.5105 1.61945 13.688L4.8562 14.9419C4.9659 14.9812 5.07502 15 5.18965 15C5.78289 15 6.26525 14.4394 6.26525 13.75V13.125H7.87875C8.76832 13.125 9.49225 12.2837 9.49225 11.25V8.74992C9.49225 8.40499 9.25186 8.12496 8.95445 8.12496H8.95446ZM13.6374 5.80811L11.486 3.30814C11.3323 3.12939 11.1009 3.0756 10.8998 3.17241C10.6992 3.26934 10.568 3.49742 10.568 3.75V5.625H8.41666C8.11974 5.625 7.87876 5.90492 7.87876 6.24996C7.87876 6.59501 8.11974 6.87492 8.41666 6.87492H10.568V8.74992C10.568 9.00249 10.6992 9.23058 10.8998 9.32751C11.1009 9.42432 11.3323 9.37055 11.486 9.19189L13.6374 6.69182C13.8477 6.44748 13.8477 6.05244 13.6374 5.80811Z"
fill="#999999" />
</svg>
<span>Çıkış Yap</span>
</a>
</li>
</ul>
</div>
<!-- Profile - End -->
</li>
<!-- Account Nav Item - End -->
<!-- Account Nav Item - Start -->
<li class="account-nav-item">
<a href="">
<svg width="21" height="16" viewBox="0 0 21 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.5595 13.7957C12.5545 13.1852 13.54 12.4969 14.4505 11.7451C16.9537 9.67779 18.4265 7.52344 18.4265 5.43236C18.4265 0.912598 12.0431 -0.0154943 11.2906 4.14822C11.1423 4.9688 9.86694 4.9688 9.71863 4.14817C8.96626 -0.0154629 2.5847 0.912552 2.5847 5.43231C2.5847 7.52345 4.05716 9.67781 6.55982 11.7451C7.47004 12.4969 8.45529 13.1852 9.45011 13.7957C9.86009 14.0473 10.2179 14.2536 10.5046 14.4107C10.7914 14.2536 11.1494 14.0473 11.5595 13.7957L11.5595 13.7957ZM10.5046 16C10.3386 16.0007 10.1783 15.9524 10.0452 15.867C9.69287 15.6851 9.1834 15.4009 8.56889 15.0238C7.51453 14.3768 6.4698 13.6469 5.49814 12.8443C2.68975 10.5245 0.990967 8.03903 0.990967 5.43238C0.990967 -0.0029788 7.98467 -1.71807 10.5047 1.93527C13.0251 -1.71809 20.0202 -0.00299453 20.0202 5.43238C20.0202 8.03911 18.321 10.5246 15.512 12.8444C14.5401 13.647 13.4952 14.3769 12.4406 15.0239C11.8259 15.401 11.3163 15.6852 10.9639 15.867C10.8309 15.9524 10.6705 16.0007 10.5045 16L10.5046 16Z"
fill="black" />
</svg>
<span>Favorilerim</span>
</a>
</li>
<!-- Account Nav Item - End -->
<!-- Account Nav Item - Start -->
<li class="account-nav-item">
<a href="" class="account-item-link">
<svg width="19" height="16" viewBox="0 0 19 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M16.258 11.8321C16.6647 11.8321 16.9943 12.1345 16.9943 12.5075C16.9943 12.8805 16.6647 13.1829 16.258 13.1829H6.30077C5.3546 13.1829 4.52654 12.4986 4.41134 11.6247L3.37205 4.90052L2.77908 1.75127C2.75021 1.53655 2.53669 1.35128 2.32535 1.35128L1.54197 1.35125C1.14305 1.34116 0.825439 1.04164 0.825439 0.675641C0.825439 0.309641 1.14312 0.0101222 1.54471 0H2.32538C3.28181 0 4.1189 0.684359 4.23417 1.55542L4.82546 4.69066L5.86985 11.4489C5.89648 11.6547 6.09946 11.8321 6.30031 11.8321H16.258H16.258ZM17.7549 2.23243C18.1368 2.62763 18.3113 3.1835 18.235 3.76265L17.2697 8.83518C17.1557 9.69459 16.3289 10.3658 15.3927 10.3656L7.12092 10.9275C6.82488 10.9456 6.54586 10.7992 6.41273 10.5561C6.27959 10.3129 6.31814 10.0202 6.51084 9.81295C6.63888 9.67601 6.81741 9.59356 7.01309 9.5807L15.3383 9.01634C15.5715 9.01523 15.7875 8.84403 15.8151 8.63672L16.7795 3.56475C16.8009 3.40139 16.7493 3.22683 16.6517 3.12525C16.6025 3.07124 16.5293 3.04045 16.4512 3.04149L5.83308 3.04146C5.43416 3.03137 5.11651 2.73188 5.11651 2.36585C5.11651 1.99982 5.43416 1.70033 5.83582 1.69021H16.4512C16.9545 1.69021 17.4189 1.88345 17.7503 2.22809L17.7549 2.2325L17.7549 2.23243ZM6.46185 16L6.45911 16C5.71304 16 5.10822 15.4452 5.10822 14.7609C5.10822 14.0765 5.71304 13.5218 6.46189 13.5218C7.19333 13.5405 7.77568 14.0897 7.77568 14.7609C7.77568 15.432 7.19333 15.9813 6.46189 15.9999L6.46185 16ZM15.0452 16C14.3082 15.9813 13.7258 15.4321 13.7258 14.7609C13.7258 14.0897 14.3082 13.5405 15.0452 13.5219C15.7766 13.5405 16.359 14.0897 16.359 14.7609C16.359 15.4321 15.7766 15.9813 15.0452 16Z"
fill="black" />
</svg>
<span>Sepetim</span>
</a>
</li>
<!-- Account Nav Item - End -->
</ul>
</nav>
<!-- Account Navigation - End -->
</div>
<!-- Header Content - End -->
</div>
</div>
<!-- Header Main - End -->
</header>
<!-- Header - End -->
<!-- Categories - Start -->
<div class="categories">
<!-- Categories Container - Start -->
<div class="container">
<!-- Category List - Start -->
<ul class="category-list">
<!-- Category Item - Start -->
<li>
<a href="">KADIN</a>
<div class="black-out"></div>
<!-- Category - Start -->
<div class="category-content">
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category Item - Start -->
<div class="sub-category">
<a href="products-page.html">Giyim</a>
<ul>
<li><a href="">Elbise</a></li>
<li><a href="">Tişört</a></li>
<li><a href="">Gömlek</a></li>
<li><a href="">Kot Pantolon</a></li>
<li><a href="">Kot Ceket</a></li>
<li><a href="">Pantolon</a></li>
<li><a href="">Şort</a></li>
<li><a href="">Bluz</a></li>
<li><a href="">Ceket</a></li>
<li><a href="">Etek</a></li>
<li><a href="">Plaj Giyim</a></li>
<li><a href="">Tesettür</a></li>
<li><a href="">Büyük Beden</a></li>
</ul>
</div>
<!-- Sub Category Item - End -->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category Item - Start -->
<div class="sub-category">
<a href="">Ayakkabı</a>
<ul>
<li><a href="">Topuklu Ayakkabı</a></li>
<li><a href="">Sneaker</a></li>
<li><a href="">Günlük Ayakkabı</a></li>
<li><a href="">Babet</a></li>
<li><a href="">Sandalet</a></li>
<li><a href="">Terlik</a></li>
</ul>
</div>
<!-- Sub Category Item - End -->
<!-- Sub Category Item - Start -->
<div class="sub-category">
<a href="">Aksesuar & Çanta</a>
<ul>
<li><a href="">Çanta</a></li>
<li><a href="">Saat</a></li>
<li><a href="">Takı</a></li>
<li><a href="">Şapka</a></li>
<li><a href="">Cüzdan</a></li>
</ul>
</div>
<!-- Sub Category Item - End -->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category Item - Start -->
<div class="sub-category">
<a href="">İç Giyim</a>
<ul>
<li><a href="">Pijama Takımı</a></li>
<li><a href="">Gecelik</a></li>
<li><a href="">Sütyen</a></li>
<li><a href="">İç Çamaşırı Takımları</a></li>
<li><a href="">Fantazi Giyim</a></li>
<li><a href="">Çorap</a></li>
</ul>
</div>
<!-- Sub Category Item - End -->
<!-- Sub Category Item - Start -->
<div class="sub-category">
<a href="">Lüks & Designer</a>
<ul>
<li><a href="">Lüks Çanta</a></li>
<li><a href="">Lüks Giyim</a></li>
<li><a href="">Lüks Ayakkabı</a></li>
<li><a href="">Tasarım Giyim</a></li>
<li><a href="">Tasarım Ayakkabı</a></li>
</ul>
</div>
<!-- Sub Category Item - End -->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category Item - Start -->
<div class="sub-category">
<a href="">Kozmetik</a>
<ul>
<li><a href="">Parfüm</a></li>
<li><a href="">Göz Makyajı</a></li>
<li><a href="">Boya & Resim</a></li>
<li><a href="">Cilt Bakım</a></li>
<li><a href="">Saç Bakımı</a></li>
<li><a href="">Makyaj</a></li>
<li><a href="">Ağız Bakım</a></li>
<li><a href="">Cinsel Sağlık</a></li>
<li><a href="">Vücut Bakım</a></li>
<li><a href="">Hijyenik Ped</a></li>
<li><a href="">Duş Jeli & Kremleri</a></li>
<li><a href="">Epilasyon Ürünleri</a></li>
<li><a href="">Ruj</a></li>
<li><a href="">Güneş Kremi</a></li>
</ul>
</div>
<!-- Sub Category Item - End -->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category Item - Start -->
<div class="sub-category">
<a href="">Spor & Outdoor</a>
<ul>
<li><a href="">Sweatshirt</a></li>
<li><a href="">T-shirt</a></li>
<li><a href="">Spor Sütyeni</a></li>
<li><a href="">Tayt</a></li>
<li><a href="">Eşofman</a></li>
<li><a href="">Koşu Ayakkabısı</a></li>
<li><a href="">Spor Çantası</a></li>
<li><a href="">Spor Ekipmanları</a></li>
<li><a href="">Outdoor Ayakkabı</a></li>
<li><a href="">Kar Botu</a></li>
<li><a href="">Outdoor Ekipmanları</a></li>
<li><a href="">Sporcu Besinleri</a></li>
<li><a href="">Sporcu Aksesuarları</a></li>
</ul>
</div>
<!-- Sub Category Item - End -->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Campaign Item - Start -->
<div class="campaign-container">
<a href="">
<img src="https://cdn.dsmcdn.com/mnresize/500/247/ty136/campaign/banners/original/573432/236a19b488_12_detay.jpg"
alt="Süpermarkette kaçmaz yaz alışverişi fırsatı">
</a>
<a href="">
<img src="https://cdn.dsmcdn.com/mnresize/500/247/ty138/campaign/banners/original/573263/9908c64799_12_detay.jpg"
alt="Ev ürünlerinde kaçınılmaz fırsat">
</a>
</div>
<!-- Campaign Item - End -->
</div>
<!-- Category Column - End -->
</div>
<!-- Category - End -->
</li>
<!-- Category Item - End -->
<!-- Category Item - Start -->
<li>
<a href="">ERKEK</a>
<div></div>
</li>
<!-- Category Item - End -->
<!-- Category Item - Start -->
<li>
<a href="">ÇOCUK</a>
<div></div>
</li>
<!-- Category Item - End -->
<!-- Category Item - Start -->
<li>
<a href="">EV & YAŞAM</a>
<div class="black-out"></div>
<!-- Category - Start -->
<div class="category-content">
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Sofra & Mutfak</a>
<ul>
<li><a href="">Yemek Takımı</a></li>
<li><a href="">Çatal Kaşık Bıçak Seti</a></li>
<li><a href="">Baharat Takımı</a></li>
<li><a href="">Fincan & Kupa</a></li>
<li><a href="">Fırın & Kek Kalıbı</a></li>
<li><a href="">Çaydanlık</a></li>
<li><a href="">Tencere Seti</a></li>
</ul>
</div>
<!-- Sub Category - End -->
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Banyo</a>
<ul>
<li><a href="">Havlu & Havlu Seti</a></li>
<li><a href="">Bornoz</a></li>
<li><a href="">Banyo Seti</a></li>
<li><a href="">Banyo Paspası</a></li>
</ul>
</div>
<!-- Sub Category - End -->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Ev Tekstili</a>
<ul>
<li><a href="">Yatak Odası</a></li>
<li><a href="">Halı & Kilim & Paspas</a></li>
<li><a href="">Perde</a></li>
<li><a href="">Nevresim Takımı</a></li>
<li><a href="">Yastık</a></li>
<li><a href="">Kırlent ve Kılıfı</a></li>
</ul>
</div>
<!-- Sub Category - End -->
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Ev Dekorasyonu</a>
<ul>
<li><a href="">Dekoratif Ürünler</a></li>
<li><a href="">Tablo</a></li>
<li><a href="">Duvar Saati</a></li>
<li><a href="">Ayna</a></li>
<li><a href="">Sanat</a></li>
</ul>
</div>
<!-- Sub Category - End-->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Aydınlatma</a>
<ul>
<li><a href="">Avize</a></li>
<li><a href="">Lambader</a></li>
<li><a href="">Abajur</a></li>
</ul>
</div>
<!-- Sub Category - End -->
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Mobilya</a>
<ul>
<li><a href="">Salon & Oturma Odası</a></li>
<li><a href="">Yatak Odası</a></li>
<li><a href="">Çalışma Odası</a></li>
</ul>
</div>
<!-- Sub Category - End -->
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Ev Gereçleri</a>
<ul>
<li><a href="">Düzenleyici</a></li>
<li><a href="">Çamaşırlık</a></li>
<li><a href="">Temizlik Gereçleri</a></li>
<li><a href="">Sepet & Hurç</a></li>
</ul>
</div>
<!-- Sub Category - End -->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Hobi</a>
<ul>
<li><a href="">Kitap</a></li>
<li><a href="">Puzzle</a></li>
<li><a href="">Boya & Resim</a></li>
<li><a href="">Kutu Oyunları</a></li>
</ul>
</div>
<!-- Sub Category - End -->
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Kırtasiye & Ofis</a>
<ul>
<li><a href="">Defter</a></li>
<li><a href="">Kalem</a></li>
</ul>
</div>
<!-- Sub Category - End -->
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Spor & Outdoor</a>
<ul>
<li><a href="">Koşu Bandı</a></li>
<li><a href="">Dumbell & Ağırlık</a></li>
<li><a href="">Pilates & Yoga</a></li>
<li><a href="">Eliptik Bisiklet</a></li>
</ul>
</div>
<!-- Sub Category - End -->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Otomobil & Motorsiklet</a>
<ul>
<li><a href="">Oto Aksesuar</a></li>
<li><a href="">Oto Paspası</a></li>
<li><a href="">Oto Lastik</a></li>
<li><a href="">Kask</a></li>
</ul>
</div>
<!-- Sub Category - End -->
<!-- Sub Category - Start -->
<div class="sub-category">
<a href="">Yapı Market</a>
<ul>
<li><a href="">Banyo Yapı Malzemeleri</a></li>
<li><a href="">Eletkrikli Ev Aletleri</a></li>
<li><a href="">Hırdavat Ürünleri</a></li>
<li><a href="">Boya</a></li>
<li><a href="">Matkap</a></li>
<li><a href="">Ampul</a></li>
</ul>
</div>
<!-- Sub Category - End -->
</div>
<!-- Category Column - End -->
<!-- Category Column - Start -->
<div class="category-column">
<!-- Campaign - Start -->
<div class="campaign-container">
<a href="">
<img src="https://cdn.dsmcdn.com/mnresize/500/247/ty136/campaign/banners/original/573432/236a19b488_12_detay.jpg"
alt="Süpermarkette kaçmaz yaz alışverişi fırsatı">
</a>
<a href="">
<img src="https://cdn.dsmcdn.com/mnresize/500/247/ty138/campaign/banners/original/573263/9908c64799_12_detay.jpg"
alt="Ev ürünlerinde kaçınılmaz fırsat">
</a>
</div>
<!-- Campaign - End -->
</div>
<!-- Category Column - End -->
</div>
<!-- Category - End -->
</li>
<!-- Category Item - End -->
<!-- Category Item - Start -->
<li>
<a href="">SÜPERMARKET</a>
<div></div>
</li>
<!-- Category Item - End -->
<!-- Category Item - Start -->
<li>
<a href="">KOZMETİK</a>
<div></div>
</li>
<!-- Category Item - End -->
<!-- Category Item - Start -->
<li>
<a href="">AYAKKABI & ÇANTA</a>
<div></div>
</li>
<!-- Category Item - End -->
<!-- Category Item - Start -->
<li>
<a href="">SAAT & AKSESUAR</a>
<div></div>
</li>
<!-- Category Item - End -->
<!-- Category Item - Start -->
<li>
<a href="">ELEKTRONİK</a>
<div></div>
</li>
<!-- Category Item - End -->
</ul>
<!-- Category List - End -->
</div>
<!-- Categories Container - End -->
</div>
<!-- Categories - End -->
<!-- Stories - Start -->
<div class="container stories">
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/automation/2021/6/28/FirsatURuNleri200X2001_202106281336.png"
alt="Fırsat ürünleri" class="story-img">
<span class="story-text">Tüm Ürünler</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/automation/2021/6/28/SecIliURuNler200X2001_202106281336.png"
alt="Seçili ürünler" class="story-img">
<span class="story-text">Kaçırma!</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/Automation/BrandBoutique/2021/4/25/20210425_15551619355300_SanaOzel.png"
alt="Sana özel" class="story-img">
<span class="story-text">Sana Özel</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/Automation/BrandBoutique/2021/4/25/20210425_15551619355311_SenDeAl.png"
alt="Çok satanlar" class="story-img">
<span class="story-text">Sen de Al!</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/automation/2020/12/30/EglenceWeb_202012301831.png"
alt="Kodlar & Hizmetler" class="story-img">
<span class="story-text">Kodlar & Hizmetler</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/Automation/BrandBoutique/2021/4/25/20210425_15521619355152_Mango.png"
alt="Mango" class="story-img">
<span class="story-text">Mango</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/Automation/BrandBoutique/2021/4/25/20210425_15521619355157_Mavi.png"
alt="Mavi" class="story-img">
<span class="story-text">Mavi</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/Automation/BrandBoutique/2021/5/24/20210524_17061621865162_Pullbear.png"
alt="Pull & Bear" class="story-img">
<span class="story-text">Pull & Bear</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/Automation/BrandBoutique/2021/4/25/20210425_15541619355245_Penti.png"
alt="Penti" class="story-img">
<span class="story-text">Penti</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/Automation/BrandBoutique/2021/4/25/20210425_15511619355115_Koton.png"
alt="Koton" class="story-img">
<span class="story-text">Koton</span>
</a>
</div>
<!-- Story - End -->
<!-- Story - Start -->
<div class="story">
<a href="">
<img src="https://cdn.dsmcdn.com/marketing/datascience/Automation/BrandBoutique/2021/4/25/20210425_15471619354848_Avva.png"
alt="Avva" class="story-img">
<span class="story-text">Avva</span>
</a>
</div>
<!-- Story - End -->
</div>
<!-- Stories - End -->
<!-- Component Banner Container - Start -->
<main class="container component-banner-container">
<!-- Components - Start -->
<section class="components">
<!-- Component - Start -->
<div class="component">
<a href="" class="component-link">
<img src="https://cdn.dsmcdn.com/marketing/datascience/automation/2021/6/28/WebBanner_202106281352.gif"
alt="Flaş Ürünler" class="component-img">
<!-- Component Description - Start -->
<div class="component-description">
<span class="component-text">
Flaş Ürünler
</span>
<span class="hover-text">
Alışverişe Başla
<svg width="7" height="12" viewBox="0 0 7 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.89284 5.97711L1.1733 1.85313C0.997273 1.65796 0.997273 1.34154 1.1733 1.14637C1.34932 0.951209 1.63472 0.951209 1.81075 1.14637L5.84377 5.61789C5.87996 5.65801 5.9087 5.70328 5.93001 5.75155C6.0349 5.9126 6.02196 6.13875 5.89119 6.28373L1.7463 10.8793C1.60117 11.0402 1.36591 11.0402 1.22078 10.8793L1.10885 10.7553C0.963718 10.5944 0.963718 10.3335 1.10885 10.1726L4.89284 5.97711Z"
fill="white" stroke="white" stroke-width="0.3" />
</svg>
</span>
</div>
<!-- Component Description - End -->
</a>
</div>
<!-- Component - End -->
<!-- Component - Start -->
<div class="component">
<a href="" class="component-link">
<img src="https://cdn.dsmcdn.com/ty139/campaign/banners/original/572758/03c9a9dde2_2_new.jpg"
alt="TRENDYOLMİLLA&TRENDYOL MAN&TRENDYOL MODEST - Yeni Sezonda Fırsatlar" class="component-img">
<!-- Component Description - Start -->
<div class="component-description">
<span class="component-text">
TRENDYOLMİLLA&TRENDYOL MAN&TRENDYOL MODEST - Yeni Sezonda Fırsatlar
</span>
<span class="hover-text">
Alışverişe Başla
<svg width="7" height="12" viewBox="0 0 7 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.89284 5.97711L1.1733 1.85313C0.997273 1.65796 0.997273 1.34154 1.1733 1.14637C1.34932 0.951209 1.63472 0.951209 1.81075 1.14637L5.84377 5.61789C5.87996 5.65801 5.9087 5.70328 5.93001 5.75155C6.0349 5.9126 6.02196 6.13875 5.89119 6.28373L1.7463 10.8793C1.60117 11.0402 1.36591 11.0402 1.22078 10.8793L1.10885 10.7553C0.963718 10.5944 0.963718 10.3335 1.10885 10.1726L4.89284 5.97711Z"
fill="white" stroke="white" stroke-width="0.3" />
</svg>
</span>
</div>
<!-- Component Description - End -->
</a>
</div>
<!-- Component - End -->
<!-- Component - Start -->
<div class="component">
<a href="" class="component-link">
<img src="https://cdn.dsmcdn.com/marketing/datascience/automation/BrandBoutique/2021/6/29/1510CilginFiyatlar_section1_202106291230_webBig.jpg"
alt="1-5-10 Çılgın Fiyatlar" class="component-img">
<!-- Component Description - Start -->
<div class="component-description">
<span class="component-text">
1-5-10 Çılgın Fiyatlar
</span>
<span class="hover-text">
Alışverişe Başla
<svg width="7" height="12" viewBox="0 0 7 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.89284 5.97711L1.1733 1.85313C0.997273 1.65796 0.997273 1.34154 1.1733 1.14637C1.34932 0.951209 1.63472 0.951209 1.81075 1.14637L5.84377 5.61789C5.87996 5.65801 5.9087 5.70328 5.93001 5.75155C6.0349 5.9126 6.02196 6.13875 5.89119 6.28373L1.7463 10.8793C1.60117 11.0402 1.36591 11.0402 1.22078 10.8793L1.10885 10.7553C0.963718 10.5944 0.963718 10.3335 1.10885 10.1726L4.89284 5.97711Z"
fill="white" stroke="white" stroke-width="0.3" />
</svg>
</span>
</div>
<!-- Component Description - End -->
</a>
</div>
<!-- Component - End -->
<!-- Component - Start -->
<div class="component">
<a href="" class="component-link">
<img src="https://cdn.dsmcdn.com/ty135/campaign/banners/original/573408/1d8a1ff34c_0_new.jpg"
alt="TRENDYOLMİLLA&TRENDYOL MAN&TRENDYOL MODEST - Yeni Sezon" class="component-img">
<!-- Component Description - Start -->
<div class="component-description">
<span class="component-text">
TRENDYOLMİLLA&TRENDYOL MAN&TRENDYOL MODEST - Yeni Sezon
</span>
<span class="hover-text">
Alışverişe Başla
<svg width="7" height="12" viewBox="0 0 7 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.89284 5.97711L1.1733 1.85313C0.997273 1.65796 0.997273 1.34154 1.1733 1.14637C1.34932 0.951209 1.63472 0.951209 1.81075 1.14637L5.84377 5.61789C5.87996 5.65801 5.9087 5.70328 5.93001 5.75155C6.0349 5.9126 6.02196 6.13875 5.89119 6.28373L1.7463 10.8793C1.60117 11.0402 1.36591 11.0402 1.22078 10.8793L1.10885 10.7553C0.963718 10.5944 0.963718 10.3335 1.10885 10.1726L4.89284 5.97711Z"
fill="white" stroke="white" stroke-width="0.3" />
</svg>
</span>
</div>
<!-- Component Description - End -->
</a>
</div>
<!-- Component - End -->
<!-- Component - Start -->
<div class="component">
<a href="" class="component-link">
<img src="https://cdn.dsmcdn.com/ty139/pimWidgetApi/webBig_20210630123543_enbegenilenler300621web.jpg"
alt="En Beğenilenler Kadın & Çocuk Giyim" class="component-img">
<!-- Component Description - Start -->
<div class="component-description">
<span class="component-text">
En Beğenilenler Kadın & Çocuk Giyim
</span>
<span class="hover-text">
Alışverişe Başla
<svg width="7" height="12" viewBox="0 0 7 12" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.89284 5.97711L1.1733 1.85313C0.997273 1.65796 0.997273 1.34154 1.1733 1.14637C1.34932 0.951209 1.63472 0.951209 1.81075 1.14637L5.84377 5.61789C5.87996 5.65801 5.9087 5.70328 5.93001 5.75155C6.0349 5.9126 6.02196 6.13875 5.89119 6.28373L1.7463 10.8793C1.60117 11.0402 1.36591 11.0402 1.22078 10.8793L1.10885 10.7553C0.963718 10.5944 0.963718 10.3335 1.10885 10.1726L4.89284 5.97711Z"
fill="white" stroke="white" stroke-width="0.3" />
</svg>
</span>
</div>
<!-- Component Description - End -->
</a>
</div>
<!-- Component - End -->
</section>
<!-- Components - End -->
<!-- Banners - Start -->
<aside class="banners">
<!-- Banner - Start -->
<div class="banner">
<a href="">
<img src="https://cdn.dsmcdn.com/ty135/product/media/images/20210624/14/103944201/80847148/1/1_org.jpg"
alt="Spin Mop" class="banner-img">
<span class="banner-info">
<span>Spin Mop</span>
<span>Proff Premium Sprey Mop 4 Adet Mop</span>
<span>299 TL</span>
<span>83,2 TL</span>
</span>
</a>
</div>
<!-- Banner - End -->
<!-- Banner - Start -->
<div class="banner">
<a href="">
<img src="https://cdn.dsmcdn.com/ty80/product/media/images/20210309/12/70136996/21115196/2/2_org.jpg"
alt="Fairy" class="banner-img">
<span class="banner-info">
<span>Fairy</span>
<span>Platinum 90 Yıkama Bulaşık Deterjanı Kapsülü Limon + Platinum Hijyen 500 ml + 2'li Sünger
Hediye</span>
<span>158,9 TL</span>
<span>112,9 TL</span>
</span>
</a>
</div>
<!-- Banner - End -->
<!-- Banner - Start -->
<div class="banner">
<a href="">
<img src="https://cdn.dsmcdn.com/ty31/product/media/images/20210401/12/76941935/159513058/1/1_org.jpg"
alt="GENIUS Tshirt" class="banner-img">
<span class="banner-info">
<span>GENIUS</span>
<span>Store Unisex Baskılı Tişört Outdoor Normal Kalıp Tshirt</span>
<span>109,1 TL</span>
<span>54,55 TL</span>
</span>
</a>
</div>
<!-- Banner - End -->
<!-- Banner - Start -->
<div class="banner">
<a href="">
<img src="https://cdn.dsmcdn.com/ty117/product/media/images/20210524/18/91224890/163723264/1/1_org.jpg"
alt="4 Baby Bebek Arabası" class="banner-img">
<span class="banner-info">
<span>4 Baby</span>
<span>Çift Yönlü Bebek Arabası</span>
<span>589 TL</span>
<span>499 TL</span>
</span>
</a>
</div>
<!-- Banner - End -->
</aside>
<!-- Banners - End -->
</main>
<!-- Component Banner Container - End -->
</body>
</html>