-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
659 lines (644 loc) · 31.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
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
<!DOCTYPE html>
<html>
<head>
<title>Store</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="./styles/styles.css" />
<script src="scripts/script.js"></script>
<script src="scripts/modal.js"></script>
<script src="scripts/sidebar.js"></script>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/assets/owl.carousel.min.css"
rel="stylesheet"
/>
</head>
<body>
<nav>
<div class="nav-left">
<button onclick="openNav()">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path d="M3 4H21V6H3V4ZM3 11H15V13H3V11ZM3 18H21V20H3V18Z"></path>
</svg>
</button>
<a href="index.html">
<img src="./images/logo.png" height="50px" />
</a>
</div>
<ul class="menu">
<li>
<a href="pages/category.html" class="nav-link">Kadın</a>
<div class="submenu">
<div class="submenu-container">
<div class="submenu-column">
<ul class="submenu-column">
<li class="submenu-list">
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0095964_0.jpeg"
/>
Basketbol Ana Sayfa
</a>
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0127696_0.jpeg"
/>
Yeni Gelenler
</a>
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0104565_0.jpeg"
/>
NBA
</a>
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0127698_0.jpeg"
/>
Jordan
</a>
</li>
<li class="submenu-list">
<a href="pages/category.html" class="one-item">Ayakkabı</a>
<a href="pages/category.html">Sneaker</a>
<a href="pages/category.html">Terlik</a>
<a href="pages/category.html">Basketbol</a>
<a href="pages/category.html">Koşu</a>
<a href="pages/category.html" class="all-link"
>Tümüno Gör</a
>
</li>
<li class="submenu-list">
<a href="pages/category.html" class="one-item">Giyim</a>
<a href="pages/category.html">Tişört</a>
<a href="pages/category.html">Sweatshirt</a>
<a href="pages/category.html">Eşofman</a>
<a href="pages/category.html">Şort</a>
<a href="pages/category.html" class="all-link"
>Tümüno Gör</a
>
</li>
<li class="submenu-list">
<a href="pages/category.html" class="one-item">Aksesuar</a>
<a href="pages/category.html">Şapka</a>
<a href="pages/category.html">Çanta</a>
<a href="pages/category.html">Çorap</a>
<a href="pages/category.html">Bandana</a>
<a href="pages/category.html" class="all-link"
>Tümüno Gör</a
>
</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<a href="pages/category.html" class="nav-link">Erkek</a>
<div class="submenu">
<div class="submenu-container">
<div class="submenu-column">
<ul class="submenu-column">
<li class="submenu-list">
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0095964_0.jpeg"
/>
Basketbol Ana Sayfa
</a>
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0127696_0.jpeg"
/>
Yeni Gelenler
</a>
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0104565_0.jpeg"
/>
NBA
</a>
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0127698_0.jpeg"
/>
Jordan
</a>
</li>
<li class="submenu-list">
<a href="pages/category.html" class="one-item">Ayakkabı</a>
<a href="pages/category.html">Sneaker</a>
<a href="pages/category.html">Terlik</a>
<a href="pages/category.html">Basketbol</a>
<a href="pages/category.html">Koşu</a>
<a href="pages/category.html" class="all-link"
>Tümüno Gör</a
>
</li>
<li class="submenu-list">
<a href="pages/category.html" class="one-item">Giyim</a>
<a href="pages/category.html">Tişört</a>
<a href="pages/category.html">Sweatshirt</a>
<a href="pages/category.html">Eşofman</a>
<a href="pages/category.html">Şort</a>
<a href="pages/category.html" class="all-link"
>Tümüno Gör</a
>
</li>
<li class="submenu-list">
<a href="pages/category.html" class="one-item">Aksesuar</a>
<a href="pages/category.html">Şapka</a>
<a href="pages/category.html">Çanta</a>
<a href="pages/category.html">Çorap</a>
<a href="pages/category.html">Bandana</a>
<a href="pages/category.html" class="all-link"
>Tümüno Gör</a
>
</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<a href="pages/category.html" class="nav-link">Çocuk</a>
<div class="submenu">
<div class="submenu-container">
<div class="submenu-column">
<ul class="submenu-column">
<li class="submenu-list">
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0095964_0.jpeg"
/>
Basketbol Ana Sayfa
</a>
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0127696_0.jpeg"
/>
Yeni Gelenler
</a>
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0104565_0.jpeg"
/>
NBA
</a>
<a href="pages/category.html" class="list-one">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnresize/280/280/Content/Images/Originals/0127698_0.jpeg"
/>
Jordan
</a>
</li>
<li class="submenu-list">
<a href="pages/category.html" class="one-item">Ayakkabı</a>
<a href="pages/category.html">Sneaker</a>
<a href="pages/category.html">Terlik</a>
<a href="pages/category.html">Basketbol</a>
<a href="pages/category.html">Koşu</a>
<a href="pages/category.html" class="all-link"
>Tümüno Gör</a
>
</li>
<li class="submenu-list">
<a href="pages/category.html" class="one-item">Giyim</a>
<a href="pages/category.html">Tişört</a>
<a href="pages/category.html">Sweatshirt</a>
<a href="pages/category.html">Eşofman</a>
<a href="pages/category.html">Şort</a>
<a href="pages/category.html" class="all-link"
>Tümüno Gör</a
>
</li>
<li class="submenu-list">
<a href="pages/category.html" class="one-item">Aksesuar</a>
<a href="pages/category.html">Şapka</a>
<a href="pages/category.html">Çanta</a>
<a href="pages/category.html">Çorap</a>
<a href="pages/category.html">Bandana</a>
<a href="pages/category.html" class="all-link"
>Tümüno Gör</a
>
</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<a href="pages/category.html" class="nav-link">Sneaker</a>
</li>
<li>
<a href="pages/category.html" class="nav-link">Yeniler</a>
</li>
</ul>
<div class="nav-right">
<button onclick="openModal()">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"
></path>
</svg>
</button>
<a href="./account/login.html">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="25"
height="25"
>
<path
d="M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z"
></path>
</svg>
</a>
<button onclick="openBasket()">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="25"
height="25"
>
<path
d="M20.0049 22H4.00488C3.4526 22 3.00488 21.5523 3.00488 21V3C3.00488 2.44772 3.4526 2 4.00488 2H20.0049C20.5572 2 21.0049 2.44772 21.0049 3V21C21.0049 21.5523 20.5572 22 20.0049 22ZM19.0049 20V4H5.00488V20H19.0049ZM9.00488 6V8C9.00488 9.65685 10.348 11 12.0049 11C13.6617 11 15.0049 9.65685 15.0049 8V6H17.0049V8C17.0049 10.7614 14.7663 13 12.0049 13C9.24346 13 7.00488 10.7614 7.00488 8V6H9.00488Z"
></path>
</svg>
</button>
</div>
</nav>
<div class="owl-carousel owl-carousel-1">
<div>
<img
src="./images/slide-1.webp"
/>
</div>
<div>
<img
src="./images/slide-2.webp"
/>
</div>
<div>
<img
src="./images/slide-3.webp"
/>
</div>
</div>
<div id="searchModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<button class="close">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="32"
height="32"
>
<path
d="M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z"
></path>
</svg>
</button>
<div class="modal-search">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"
></path>
</svg>
<input role="search" placeholder="Ürün veya kategori ara..." />
</div>
</div>
</div>
</div>
<div id="myNav" class="overlay">
<div class="overlay-head">
<img src="../images/logo.png" height="40px" />
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="32"
height="32"
>
<path
d="M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z"
></path>
</svg>
</a>
</div>
<div class="overlay-content">
<a href="../pages/category.html">Kadın</a>
<a href="../pages/category.html">Erkek</a>
<a href="../pages/category.html">Çocuk</a>
<a href="../pages/category.html">Sneaker</a>
<a href="../pages/category.html">Yeniler</a>
</div>
</div>
<div id="basket" class="basket">
<div class="basket-head">
<b>Sepetim</b>
<a href="javascript:void(0)" class="closebtn" onclick="closeBasket()">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="32"
height="32"
>
<path
d="M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z"
></path>
</svg>
</a>
</div>
<div class="basket-content">
<div class="basket-item">
<img
src="https://img-sneaksupincommerce.mncdn.com/mnpadding/399/523/FFFFFF/Content/Images/Originals/0141670_0.jpeg"
/>
<div class="basket-item-content">
<b>Nike Air Flight 89</b>
<p>Erkek Sneaker</p>
<b>3099,00 TL</b>
</div>
</div>
<button>Ödeme</button>
</div>
</div>
<div class="page-title">
<h2>TRENDLER</h2>
</div>
<div class="products">
<div class="owl-carousel owl-carousel-2">
<a href="pages/detail.html" class="product-item">
<div class="star">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"
></path>
</svg>
</div>
<img src="./images/ayakkabi-1.webp" />
<p>Jordan Why Not .6</p>
<b>1920 TL</b>
</a>
<a href="pages/detail.html" class="product-item">
<div class="star">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"
></path>
</svg>
</div>
<img
src="./images/ayakkabi-2.webp"
/>
<p>adidas Campus 00S</p>
<b>1920 TL</b>
</a>
<a href="pages/detail.html" class="product-item">
<div class="star">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"
></path>
</svg>
</div>
<img
src="./images/ayakkabi-3.webp"
/>
<p>adidas Campus 00S</p>
<b>1920 TL</b>
</a>
<a href="pages/detail.html" class="product-item">
<div class="star">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"
></path>
</svg>
</div>
<img
src="./images/ayakkabi-4.webp"
/>
<p>adidas Campus 00S</p>
<b>1920 TL</b>
</a>
</div>
</div>
<div class="categories">
<a
href="pages/category.html"
style="
background-image: url('./images/category-1.webp');
"
class="category"
></a>
<a
href="pages/category.html"
style="
background-image: url('./images/category-2.webp');
"
class="category"
></a>
<a
href="pages/category.html"
style="
background-image: url('./images/category-3.webp');
"
class="category"
></a>
</div>
<div class="page-title">
<h2>YENİLER</h2>
</div>
<div class="products">
<div class="owl-carousel owl-carousel-3">
<a href="pages/detail.html" class="product-item">
<div class="star">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"
></path>
</svg>
</div>
<img src="./images/ayakkabi-1.webp" />
<p>Jordan Why Not .6</p>
<b>1920 TL</b>
</a>
<a href="pages/detail.html" class="product-item">
<div class="star">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"
></path>
</svg>
</div>
<img
src="./images/ayakkabi-2.webp"
/>
<p>adidas Campus 00S</p>
<b>1920 TL</b>
</a>
<a href="pages/detail.html" class="product-item">
<div class="star">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"
></path>
</svg>
</div>
<img
src="./images/ayakkabi-3.webp"
/>
<p>adidas Campus 00S</p>
<b>1920 TL</b>
</a>
<a href="pages/detail.html" class="product-item">
<div class="star">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
>
<path
d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"
></path>
</svg>
</div>
<img
src="./images/ayakkabi-4.webp"
/>
<p>adidas Campus 00S</p>
<b>1920 TL</b>
</a>
</div>
</div>
<footer>
<ul class="footer-menu">
<li>
<img src="./images/logo.png" height="50px" />
<div class="social">
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.1235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z"
></path>
</svg>
</a>
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M15.3499 5.5498C13.7681 5.5498 12.4786 6.81785 12.4504 8.39633L12.4223 9.97138C12.4164 10.3027 12.143 10.5665 11.8117 10.5606C11.7881 10.5602 11.7646 10.5584 11.7413 10.5552L10.1805 10.3423C8.12699 10.0623 6.15883 9.11711 4.27072 7.54387C3.67275 10.8535 4.84 13.147 7.65342 14.9157L9.40041 16.014C9.68095 16.1904 9.7654 16.5608 9.58903 16.8413C9.54861 16.9056 9.49636 16.9616 9.43504 17.0064L7.84338 18.1693C8.78973 18.2288 9.68938 18.1873 10.435 18.0385C15.1526 17.097 18.2897 13.5468 18.2897 7.69084C18.2897 7.21275 17.2774 5.5498 15.3499 5.5498ZM10.4507 8.36066C10.4983 5.69559 12.6735 3.5498 15.3499 3.5498C16.7132 3.5498 17.9465 4.10658 18.8348 5.00515C19.5462 4.9998 20.1514 5.17966 21.5035 4.35943C21.1693 5.9998 21.0034 6.71177 20.2897 7.69084C20.2897 15.3324 15.5926 19.0487 10.8264 19.9998C7.5587 20.6519 2.80646 19.5812 1.44531 18.1584C2.13874 18.1051 4.95928 17.8018 6.58895 16.6089C5.20994 15.6984 -0.278631 12.4679 3.32772 3.78617C5.02119 5.76283 6.73797 7.10831 8.47807 7.82262C9.63548 8.29774 9.91978 8.28825 10.4507 8.36066Z"
></path>
</svg>
</a>
<a href="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M13 9H17.5L17 11H13V20H11V11H7V9H11V7.12777C11 5.34473 11.1857 4.69816 11.5343 4.04631C11.8829 3.39446 12.3945 2.88288 13.0463 2.53427C13.6982 2.18565 14.3447 2 16.1278 2C16.6498 2 17.1072 2.05 17.5 2.15V4H16.1278C14.8041 4 14.401 4.07784 13.9895 4.29789C13.6862 4.46011 13.4601 4.68619 13.2979 4.98951C13.0778 5.40096 13 5.80407 13 7.12777V9Z"
></path>
</svg>
</a>
</div>
</li>
<li class="footer-column">
<ul class="footer-column">
<li class="footer-list">
<a href="" class="one-item">Ayakkabı</a>
<a href="">Sneaker</a>
<a href="">Terlik</a>
<a href="">Basketbol</a>
<a href="">Koşu</a>
<a href="" class="all-link">Tümüno Gör</a>
</li>
<li class="footer-list">
<a href="" class="one-item">Giyim</a>
<a href="">Tişört</a>
<a href="">Sweatshirt</a>
<a href="">Eşofman</a>
<a href="">Şort</a>
<a href="" class="all-link">Tümüno Gör</a>
</li>
<li class="footer-list">
<a href="" class="one-item">Store</a>
<a href="">Hakkimizda</a>
<a href="">Mağazalar</a>
<a href="">Kariyer</a>
<a href="">Blog</a>
</li>
</ul>
</li>
</ul>
</footer>
<div class="created">
<p>created by</p>
<b>erayjs</b>
</div>
<script>
document.getElementsByClassName("close")[0].onclick = function () {
closeModal();
};
window.onclick = function (event) {
if (event.target == document.getElementById("searchModal")) {
closeModal();
}
};
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/owl.carousel.min.js"></script>
</body>
</html>