-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
766 lines (765 loc) · 33.9 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
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
<!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>나이키. Just Do It. Nike.com</title>
<script
src="https://kit.fontawesome.com/f665b8ea33.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<header>
<div class="header-top">
<div class="header-inner inner">
<div class="brand-container">
<ul class="brand">
<li>
<a href="#">
<svg
height="24px"
width="24px"
fill="#111"
viewBox="0 0 26 32"
>
<path
d="M14.4 5.52v-.08q0-.56.36-1t.92-.44 1 .36.48.96-.36 1-.96.4l-.24.08.08.12-.08.44-.16 1.28q.08.08.08.16l-.16.8q-.08.16-.16.24l-.08.32q-.16.64-.28 1.04t-.2.64V12q-.08.4-.12.64t-.28.8q-.16.32 0 1.04l.08.08q0 .24.2.56t.2.56q.08 1.6-.24 2.72l.16.48q.96.48.56 1.04l.4.16q.96.48 1.36.84t.8.76q.32.08.48.24l.24.08q1.68 1.12 3.36 2.72l.32.24v.08l-.08.16.24.16h.08q.24.16.32.16h.08q.08 0 .16-.08l.16-.08q.16-.16.32-.24h.32q.08 0 0 .08l-.32.16-.4.48h.56l.56.08q.24-.08.4-.16l.4-.24q.24-.08.48.16h.08q.08.08-.08.24l-.96.88q-.4.32-.72.4l-1.04.72q-.08.08-.16 0l-.24-.32-.16-.32-.2-.28-.24-.32-.2-.24-.16-.2-.32-.24q-.16 0-.32-.08l-1.04-.8q-.24 0-.56-.24-1.2-1.04-1.6-1.28l-.48-.32-.96-.16q-.48-.08-1.28-.48l-.64-.32q-.64-.32-.88-.32l-.32-.16q-.32-.08-.48-.16l-.16-.16q-.16 0-.32.08l-1.6.8-2 .88q-.8.64-1.52 1.04l-.88.4-1.36.96q-.16.16-.32 0l-.16.16q-.24.08-.32.08l-.32.16v.16h-.16l-.16.24q-.16.32-.32.36t-.2.12-.08.12l-.16.16-.24.16-.36-.04-.48.08-.32.08q-.4.08-.64-.12t-.4-.6q-.16-.24.16-.4l.08-.08q.08-.08.24-.08h.48L1.6 26l.32-.08q0-.16.08-.24.08-.08.24-.08v-.08q-.08-.16-.08-.32-.08-.16-.04-.24t.08-.08h.04l.08.24q.08.4.24.24l.08-.16q.08-.16.24-.16l.16.16.16-.16-.08-.08q0-.08.08-.08l.32-.32q.4-.48.96-.88 1.12-.88 2.4-1.36.4-.4.88-.4.32-.56.96-1.2.56-.4.8-.56.16-.32.4-.32H10l.16-.16q.16-.08.24-.16v-.4q0-.4.08-.64t.4-.24l.32-.32q-.16-.32-.16-.72h-.08q-.16-.24-.16-.48-.24-.4-.32-.64h-.24q-.08.24-.4.32l-.08.16q-.32.56-.56.84t-.88.68q-.4.4-.56.88-.08.24 0 .48l-.08.16h.08q0 .16.08.16h.08q.16.08.16.2t-.24.08-.36-.16-.2-.12l-.24.24q-.16.24-.32.2t-.08-.12l.08-.08q.08-.16 0-.16l-.64.16q-.08.08-.2 0t.04-.16l.4-.16q0-.08-.08-.08-.32.16-.64.08l-.4-.08-.08-.08q0-.08.08-.08.32.08.8-.08l.56-.24.64-.72.08-.16q.32-.64.68-1.16t.76-.84l.08-.32q.16-.32.32-.56t.4-.64l.24-.32q.32-.48.72-.48l.24-.24q.08-.08.08-.24l.16-.16-.08-.08q-.48-.4-.48-.72-.08-.56.36-.96t.88-.36.68.28l.16.16q.08 0 .08.08l.32.16v.24q.16.16.16.24.16-.24.48-.56l.4-1.28q0-.32.16-.64l.16-.24v-.16l.24-.96h.16l.24-.96q.08-.24 0-.56l-.32-.8z"
></path>
</svg>
</a>
</li>
<li>
<a href="#">
<svg
height="24px"
width="24px"
fill="#111"
viewBox="0 0 39 33"
>
<path
d="M10.94 25.626l-4.236-5.501L.201 22.28l3.734-5.756L.11 10.777l6.59 2.031 4.026-5.474.14 6.785 6.64 2.175-6.594 2.446.028 6.886zm.824 7.239l13.952-16.393L11.806.107h11.697l14.871 16.389-14.8 16.369h-11.81z"
></path>
</svg>
</a>
</li>
</ul>
</div>
<div class="members-container">
<ul class="members">
<li><a href="#">고객센터</a></li>
<li><a href="#">멤버 가입</a></li>
<li><a href="#">로그인</a></li>
</ul>
</div>
</div>
</div>
<div class="header-content">
<div class="header-inner">
<h1>
<a href="#">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="60px"
height="28px"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 60 28"
style="enable-background: new 0 0 60 28"
xml:space="preserve"
>
<path
d="M34.29,15.45c0.55-0.51,1.03-1.11,1.45-1.78c0.45-0.72,0.82-1.49,1.11-2.29c0.29-0.8,0.51-1.63,0.65-2.48 c0.14-0.85,0.21-1.68,0.21-2.48c0-0.93-0.12-1.79-0.35-2.56c-0.23-0.78-0.59-1.47-1.06-2.03c-0.48-0.57-1.08-1.02-1.8-1.34 C33.79,0.16,32.95,0,32,0c-0.9,0-1.73,0.16-2.48,0.49c-0.74,0.32-1.42,0.76-2,1.31c-0.58,0.55-1.09,1.19-1.53,1.92 c-0.43,0.72-0.79,1.49-1.06,2.29c-0.19,0.57-0.36,1.15-0.48,1.74c-0.16-0.24-0.34-0.46-0.54-0.66c-0.44-0.44-0.96-0.79-1.53-1.02 c-0.57-0.24-1.19-0.36-1.82-0.36c-0.43,0-0.81,0.02-1.14,0.07c-0.34,0.05-0.64,0.12-0.91,0.22c-0.21,0.08-0.41,0.17-0.59,0.28 l0.74-2.38h6.87l0.71-3.34H16.08l-3.01,9.61h3.55l0.1-0.14c0.29-0.43,0.62-0.74,0.98-0.93c0.37-0.19,0.81-0.29,1.32-0.29 c0.78,0,1.39,0.2,1.8,0.59c0.41,0.39,0.61,1,0.61,1.82c0,0.45-0.08,0.86-0.23,1.23c-0.15,0.37-0.36,0.7-0.62,0.97 c-0.26,0.27-0.57,0.48-0.92,0.63c-0.35,0.15-0.73,0.23-1.12,0.23c-0.71,0-1.3-0.17-1.75-0.5c-0.43-0.32-0.65-0.81-0.66-1.5 l-0.01-0.32h-3.78l0.01,0.34c0.06,1.82,0.64,3.18,1.71,4.03c1.05,0.84,2.48,1.27,4.25,1.27c1,0,1.94-0.16,2.79-0.47 c0.86-0.31,1.61-0.76,2.23-1.34c0.52-0.48,0.95-1.05,1.28-1.71c0.18,0.47,0.41,0.91,0.68,1.3c0.43,0.61,1,1.1,1.69,1.45 c0.26,0.13,0.54,0.24,0.84,0.32l-9.68,2.56c-3.22,0.84-5.8,0.73-7.27-0.33c-3.78-2.77-0.89-8.32,0.13-9.97 c-1.84,2.03-3.68,4.06-5.12,6.27c-2.25,3.46-3.22,7.26-1.69,9.69c2.73,4.39,9.3,2.36,13.49,0.6L56.54,9.57L34.29,15.45z M31.18,13.64c-0.37,0.27-0.78,0.41-1.27,0.41c-0.39,0-0.71-0.06-0.95-0.19c-0.24-0.13-0.43-0.29-0.57-0.5 c-0.14-0.22-0.25-0.48-0.31-0.78c-0.06-0.32-0.1-0.67-0.1-1.03c0-0.37,0.03-0.84,0.08-1.39C28.12,9.59,28.2,9,28.32,8.38 c0.12-0.61,0.28-1.24,0.48-1.86c0.2-0.61,0.45-1.16,0.74-1.64c0.28-0.47,0.62-0.85,1-1.14c0.36-0.27,0.76-0.41,1.23-0.41 c0.36,0,0.67,0.07,0.92,0.19c0.26,0.13,0.46,0.3,0.62,0.52c0.16,0.22,0.29,0.49,0.36,0.8c0.08,0.33,0.12,0.68,0.12,1.05 c0,0.35-0.03,0.81-0.08,1.36c-0.05,0.55-0.14,1.13-0.27,1.75c-0.13,0.61-0.3,1.23-0.51,1.85c-0.21,0.6-0.46,1.15-0.75,1.64 C31.9,12.97,31.56,13.35,31.18,13.64z"
/>
</svg>
</a>
</h1>
<nav>
<ul class="gnb">
<!-- gnb : global navigation bar-->
<li>
<a href="#">New Releases</a>
<ul class="depth2">
<li>
<a href="#">New & Featured</a>
<ul class="depth3">
<li><a href="#">멤버데이즈</a></li>
<li><a href="#">신상품 전체보기</a></li>
<li><a href="#">SNKRS</a></li>
<li><a href="#">에어 포스 1</a></li>
<li><a href="#">ACG</a></li>
<li><a href="#">NikeLab</a></li>
<li><a href="#">봄을 위한 스타일링 추천</a></li>
<li><a href="#">지속 가능 컬렉션</a></li>
<li><a href="#">스프링 컬렉션</a></li>
<li><a href="#">품절 임박</a></li>
</ul>
</li>
<li>
<a href="#">New For Men</a>
<ul class="depth3">
<li><a href="#">신발</a></li>
<li><a href="#">의류</a></li>
<li><a href="#">용품</a></li>
<li><a href="#">전체보기</a></li>
</ul>
</li>
<li>
<a href="#">New For Women</a>
<ul class="depth3">
<li><a href="#">신발</a></li>
<li><a href="#">의류</a></li>
<li><a href="#">용품</a></li>
<li><a href="#">전체보기</a></li>
</ul>
</li>
<li>
<a href="#">New For Kids</a>
<ul class="depth3">
<li><a href="#">신발</a></li>
<li><a href="#">의류</a></li>
<li><a href="#">용품</a></li>
<li><a href="#">전체보기</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Men</a>
<ul class="depth2">
<li>
<a href="#">New & Featured</a>
<ul class="depth3">
<li><a href="#">멤버데이즈</a></li>
<li><a href="#">신상품</a></li>
<li><a href="#">스프링 컬렉션</a></li>
<li><a href="#">다이나모 고</a></li>
<li><a href="#">와플 트레이너2</a></li>
<li><a href="#">신고 벗기 편한 키즈 플라이이즈</a></li>
<li><a href="#">나이키 키즈 클래식</a></li>
<li><a href="#">조던 키즈</a></li>
<li><a href="#">아이들을 위한 선물</a></li>
<li><a href="#">품절임박</a></li>
</ul>
</li>
<li>
<a href="#">신발</a>
<ul class="depth3">
<li><a href="#">베이비(160mm 이하)</a></li>
<li><a href="#">리틀키즈(165~220mm)</a></li>
<li><a href="#">주니어(225~250mm)</a></li>
<li><a href="#">라이프스타일</a></li>
<li><a href="#">러닝</a></li>
<li><a href="#">축구</a></li>
<li><a href="#">농구</a></li>
<li><a href="#">샌들 & 슬리퍼</a></li>
</ul>
</li>
<li>
<a href="#">의류</a>
<ul class="depth3">
<li><a href="#">베이비(0-4세)</a></li>
<li><a href="#">리틀키즈(4-7세)</a></li>
<li><a href="#">주니어(8-13세)</a></li>
<li><a href="#">팬츠 & 레깅스</a></li>
<li><a href="#">탑 & 티셔츠 & 브라</a></li>
<li><a href="#">후디 & 크루</a></li>
<li><a href="#">아우터 & 재킷</a></li>
<li><a href="#">스커트 & 드레스</a></li>
<li><a href="#">트랙수트 & 세트</a></li>
<li><a href="#">가방 & 모자 & 용품</a></li>
</ul>
</li>
<li>
<a href="#">용품</a>
<ul class="depth3">
<li><a href="#">가방</a></li>
<li><a href="#">모자</a></li>
<li><a href="#">양말</a></li>
</ul>
</li>
<li>
<a href="#">스포츠</a>
<ul class="depth3">
<li><a href="#">러닝</a></li>
<li><a href="#">축구</a></li>
<li><a href="#">농구</a></li>
<li><a href="#">테니스</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Women</a>
<ul class="depth2">
<li>
<a href="#">New & Featured</a>
<ul class="depth3">
<li><a href="#">멤버데이즈</a></li>
<li><a href="#">신상품</a></li>
<li><a href="#">SNKRS</a></li>
<li><a href="#">MUST HAVES</a></li>
<li><a href="#">MEMBER SHOP</a></li>
<li><a href="#">브라 & 타이츠 셋업</a></li>
<li><a href="#">스프링 컬렉션</a></li>
<li><a href="#">홈트레이닝 컬렉션</a></li>
<li><a href="#">애슬릿 리뷰</a></li>
<li><a href="#">봄을 위한 스타일링 추천</a></li>
<li><a href="#">지속 가능 컬렉션</a></li>
<li><a href="#">품절임박</a></li>
</ul>
</li>
<li>
<a href="#">신발</a>
<ul class="depth3">
<li><a href="#">신발 전체</a></li>
<li><a href="#">라이프스타일</a></li>
<li><a href="#">러닝</a></li>
<li><a href="#">트레이닝 & 짐</a></li>
<li><a href="#">농구</a></li>
<li><a href="#">조던</a></li>
<li><a href="#">축구</a></li>
<li><a href="#">골프</a></li>
<li><a href="#">테니스</a></li>
<li><a href="#">샌들 & 슬리퍼</a></li>
</ul>
</li>
<li>
<a href="#">의류</a>
<ul class="depth3">
<li><a href="#">의류 전체</a></li>
<li><a href="#">스포츠 브라</a></li>
<li><a href="#">타이츠 & 레깅스</a></li>
<li><a href="#">팬츠 & 숏 팬츠</a></li>
<li><a href="#">탑 & 티셔츠</a></li>
<li><a href="#">후디 & 크루</a></li>
<li><a href="#">재킷 & 베스트</a></li>
<li><a href="#">스커트 & 드레스</a></li>
<li><a href="#">요가</a></li>
<li><a href="#">양말</a></li>
<li><a href="#">셋업</a></li>
</ul>
</li>
<li>
<a href="#">용품</a>
<ul class="depth3">
<li><a href="#">모자 & 헤어밴드</a></li>
<li><a href="#">가방</a></li>
<li><a href="#">애플워치</a></li>
</ul>
</li>
<li>
<a href="#">스포츠</a>
<ul class="depth3">
<li><a href="#">러닝</a></li>
<li><a href="#">트레이닝 & 짐</a></li>
<li><a href="#">축구</a></li>
<li><a href="#">골프</a></li>
<li><a href="#">테니스</a></li>
<li><a href="#">요가</a></li>
</ul>
</li>
<li>
<a href="#">브랜드</a>
<ul class="depth3">
<li><a href="#">Nike Sportswear</a></li>
<li><a href="#">NikeLab</a></li>
<li><a href="#">Jordan</a></li>
<li><a href="#">ACG</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Kids</a>
<ul class="depth2">
<li>
<a href="#">New & Featured</a>
<ul class="depth3">
<li><a href="#">멤버데이즈</a></li>
<li><a href="#">신상품</a></li>
<li><a href="#">SNKRS</a></li>
<li><a href="#">MUST HAVES</a></li>
<li><a href="#">MEMBER SHOP</a></li>
<li><a href="#">젠더리스 컬렉션</a></li>
<li><a href="#">애슬릿 리뷰</a></li>
<li><a href="#">봄을 위한 스타일링 추천</a></li>
<li><a href="#">지속 가능 컬렉션</a></li>
<li><a href="#">스프링 컬렉션</a></li>
<li><a href="#">품절임박</a></li>
</ul>
</li>
<li>
<a href="#">신발</a>
<ul class="depth3">
<li><a href="#">신발 전체</a></li>
<li><a href="#">라이프스타일</a></li>
<li><a href="#">러닝</a></li>
<li><a href="#">트레이닝 & 짐</a></li>
<li><a href="#">농구</a></li>
<li><a href="#">조던</a></li>
<li><a href="#">축구</a></li>
<li><a href="#">스케이트보딩</a></li>
<li><a href="#">골프</a></li>
<li><a href="#">테니스</a></li>
<li><a href="#">샌들 & 슬리퍼</a></li>
</ul>
</li>
<li>
<a href="#">의류</a>
<ul class="depth3">
<li><a href="#">의류 전체</a></li>
<li><a href="#">탑 & 티셔츠</a></li>
<li><a href="#">팬츠 & 타이츠</a></li>
<li><a href="#">후디 & 크루</a></li>
<li><a href="#">재킷 & 베스트</a></li>
<li><a href="#">숏 팬츠</a></li>
<li><a href="#">나이키 프로</a></li>
<li><a href="#">양말</a></li>
<li><a href="#">셋업</a></li>
</ul>
</li>
<li>
<a href="#">용품</a>
<ul class="depth3">
<li><a href="#">모자 & 헤어밴드</a></li>
<li><a href="#">가방</a></li>
<li><a href="#">애플워치</a></li>
</ul>
</li>
<li>
<a href="#">스포츠</a>
<ul class="depth3">
<li><a href="#">러닝</a></li>
<li><a href="#">트레이닝 & 짐</a></li>
<li><a href="#">농구</a></li>
<li><a href="#">축구</a></li>
<li><a href="#">스케이트보딩</a></li>
<li><a href="#">골프</a></li>
<li><a href="#">테니스</a></li>
</ul>
</li>
<li>
<a href="#">브랜드</a>
<ul class="depth3">
<li><a href="#">Nike Sportswear</a></li>
<li><a href="#">NikeLab</a></li>
<li><a href="#">Jordan</a></li>
<li><a href="#">NBA</a></li>
<li><a href="#">ACG</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">모두의 운동장</a></li>
</ul>
</nav>
<div class="users-container">
<div class="search-bar">
<img
src="./images/ico/search.png"
alt="검색"
style="width: 24px"
/>
<input type="text" placeholder="검색" />
</div>
<ul class="user-right">
<li>
<a href="#"
><img
src="./images/ico/heart.png"
alt="위시리스트"
style="width: 24px"
/></a>
</li>
<li>
<a href="#"
><img
src="./images/ico/shopping-bag.png"
alt="장바구니"
style="width: 24px"
/></a>
</li>
</ul>
</div>
</div>
</div>
</header>
<div class="section-wrap">
<section class="summer-look">
<div class="media-area">
<video
data-account="72451143001"
data-video-id="6307564185112"
autoplay="autoplay"
muted="muted"
loop="loop"
-webkit-playsinline="-webkit-playsinline"
playsinline="playsinline"
>
<source
src="https://nikevideo.nike.com/media/v1/pmp4/static/clear/72451143001/f3ad87ea-ccf2-4fcc-99b5-bd937f676259/d8ef1d29-f295-4d06-a5d6-96db4f0416bd/main.mp4"
/>
</video>
</div>
<div class="content-area">
<h2>시원하고 가벼운 여름 티셔츠</h2>
<p>
어떤 아이템과도 믹스앤매치 하기 좋은 클래식한 핏의 티셔츠와 함께
<br />
나만의 썸머 룩을 완성해보세요.
</p>
<div class="button-container">
<button class="round-button round-black-button">구매하기</button>
</div>
</div>
</section>
<section class="style">
<div class="media-area">
<b>여름을 위한 스타일링 추천</b>
<video
data-account="72451143001"
data-video-id="6308676006112"
autoplay="autoplay"
muted="muted"
-webkit-playsinline="-webkit-playsinline"
playsinline="playsinline"
loop="loop"
>
<source
src="https://nikevideo.nike.com/media/v1/pmp4/static/clear/72451143001/36a37046-47d1-4b8f-9b7d-6d8b50a462e3/52094b83-3f6c-4008-9595-a7bc337db46c/main.mp4"
/>
</video>
</div>
<div class="content-area">
<h2>썸머 러닝 스타일링</h2>
<p>
시원하고 편안한 착용감의 러닝 제품과 함께 올여름 쾌적한 러닝을
즐겨보세요.
</p>
<div class="button-container">
<button class="round-button round-black-button">구매하기</button>
<button class="round-button round-black-button">
더 많은 스타일링 보기
</button>
</div>
</div>
</section>
<section class="design">
<div class="media-area">
<img
alt="marketing image"
src="https://static-breeze.nike.co.kr/kr/ko_kr//cmsstatic/structured-content/65250/220629_wlp_p1_bg.jpg"
/>
</div>
<div class="content-area">
<h2>나이키 엘레이트 스포츠 브라</h2>
<p>
자유로운 움직임을 위한 디자인. 꼭 맞는 지지력과 클래식한 디자인으로
완성된 <br />
새로운 나이키 엘레이트 스포츠 브라를 만나보세요.
</p>
<div class="button-container">
<button class="round-button round-black-button">자세히 보기</button>
<button class="round-button round-black-button">구매하기</button>
</div>
</div>
</section>
<section class="zion">
<div class="media-area">
<video
data-account="72451143001"
data-video-id="6307818622112"
autoplay="autoplay"
muted="muted"
loop="loop"
-webkit-playsinline="-webkit-playsinline"
playsinline="playsinline"
>
<source
src="https://nikevideo.nike.com/media/v1/pmp4/static/clear/72451143001/bfaab457-2e30-4530-be2d-831fada2f33e/85dd14fd-ba35-434b-9a29-cc16b2fa04c1/main.mp4"
/>
</video>
</div>
<div class="content-area">
<span>Hope Diamond</span>
<h2>자이언 2</h2>
<p>다이아몬드에서 영감을 받아 탄생한 조던 자이언 2.</p>
<p>
단단한 고정력과 뛰어난 지지력으로 최고의 퍼포먼스를 발휘해보세요.
</p>
<div class="button-container">
<button class="round-button round-black-button">구매하기</button>
</div>
</div>
</section>
<section class="trend sales">
<h2>Trending Now</h2>
<div class="products-area">
<div class="item">
<div class="item-content">
<div class="item-text">
<h3>가든 파티 컬렉션</h3>
<button class="round-button round-white-button">
구매하기
</button>
</div>
</div>
</div>
<div class="item">
<div class="item-content">
<div class="item-text">
<h3>에어맥스 90 퓨추라</h3>
<button class="round-button round-white-button">
구매하기
</button>
</div>
</div>
</div>
</div>
</section>
<section class="shoes sales">
<h2>Featured Shoes</h2>
<div class="products-area">
<div class="slide-container">
<div class="slides-area">
<div class="slide-item">
<div class="item-image">
<img
src="./images/220602_hp_p7_bg1.jpg"
alt="나이키 에어맥스 97 OG"
/>
</div>
<div class="item-content">
<h3>나이키 에어맥스 97 OG</h3>
<span>남성 신발</span>
<span>219,000원</span>
</div>
</div>
<div class="slide-item">
<div class="item-image">
<img
src="./images/220602_hp_p7_bg2.jpg"
alt="나이키 에어맥스 코코"
/>
</div>
<div class="item-content">
<h3>나이키 에어맥스 코코</h3>
<span>여성 샌들</span>
<span>119,000원</span>
</div>
</div>
<div class="slide-item">
<div class="item-image">
<img
src="./images/220602_hp_p7_bg3.jpg"
alt="나이키 TC 7900"
/>
</div>
<div class="item-content">
<h3>나이키 TC 7900</h3>
<span>여성 신발</span>
<span>139,000원</span>
</div>
</div>
<div class="slide-item">
<div class="item-image">
<img
src="./images/220602_hp_p7_bg4.jpg"
alt="나이키 줌X 인빈서블 런 플라이니트 2"
/>
</div>
<div class="item-content">
<h3>나이키 줌X 인빈서블 런 플라이니트 2</h3>
<span>남성 로드 러닝화</span>
<span>199,000원</span>
</div>
</div>
<div class="slide-item">
<div class="item-image">
<img
src="./images/220602_hp_p7_bg5.jpg"
alt="나이키 덩크 로우 레트로 SE"
/>
</div>
<div class="item-content">
<h3>나이키 덩크 로우 레트로 SE</h3>
<span>남성 신발</span>
<span>139,000원</span>
</div>
</div>
<div class="slide-item">
<div class="item-image">
<img src="./images/220602_hp_p7_bg6.jpg" alt="르브론 19" />
</div>
<div class="item-content">
<h3>르브론 19</h3>
<span>성인공용 농구화</span>
<span>239,000원</span>
</div>
</div>
<div class="slide-item">
<div class="item-image">
<img
src="./images/220602_hp_p7_bg7.jpg"
alt="나이키 에어 줌 인피니티 투어 넥스트% 보아"
/>
</div>
<div class="item-content">
<h3>나이키 에어 줌 인피니티 투어 넥스트% 보아</h3>
<span>남성 골프화(와이드)</span>
<span>259,000원</span>
</div>
</div>
<div class="slide-item">
<div class="item-image">
<img
src="./images/220602_hp_p7_bg8.jpg"
alt="에어 조던 1 레트로 하이 OG"
/>
</div>
<div class="item-content">
<h3>에어 조던 1 레트로 하이 OG</h3>
<span>남성 신발</span>
<span>209,000원</span>
</div>
</div>
<div class="slide-item">
<div class="item-image">
<img
src="./images/pc_20615_hp_p7_bg9.jpg"
alt="나이키 팬텀 GT2 다이내믹 핏 엘리트 FG"
/>
</div>
<div class="item-content">
<h3>나이키 팬텀 GT2 다이내믹 핏 엘리트 FG</h3>
<span>성인공용 천연 잔디 플리트 축구화</span>
<span>309,000원</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="essentials sales">
<h2>Apparel Essentials</h2>
<div class="products-area">
<div class="item">
<div class="item-content">
<h3>탑 & 티셔츠</h3>
</div>
</div>
<div class="item">
<div class="item-content">
<h3>팬츠 & 타이츠</h3>
</div>
</div>
<div class="item">
<div class="item-content">
<h3>숏 팬츠</h3>
</div>
</div>
</div>
</section>
</div>
<footer>
<div class="notice">
<p>고객님의 나이키 멤버 정보가 이전됩니다. <a href="#">동의하기</a></p>
</div>
<div class="footer-content">
<div class="footer-inner">
<div class="footer-nav">
<ul>
<li><a href="#">매장안내</a></li>
<li><a href="#">나이키 저널</a></li>
<li><a href="#">로그인</a></li>
<li><a href="#">멤버 가입</a></li>
</ul>
</div>
<div class="footer-info-nav">
<ul>
<li>
고객센터
<ul class="footer-info-submenu">
<li><a href="">080-022-0182</a></li>
<li><a href="">주문/결제</a></li>
<li><a href="">배송</a></li>
<li><a href="">주문배송조회</a></li>
<li><a href="">멤버쉽 혜택/서비스</a></li>
<li><a href="">공지사항</a></li>
<li><a href="">1:1 채팅 문의</a></li>
<li><a href="">이용약관</a></li>
<li><a href="">개인정보처리방침</a></li>
</ul>
</li>
<li>
ABOUT NIKE
<ul class="footer-info-submenu">
<li><a href="#">나이키에 대하여</a></li>
</ul>
</li>
<li>
SOCIAL
<ul class="footer-info-submenu">
<li>
<a href="#"><img src="" alt="twitter" /></a>
<a href="#"><img src="" alt="facebook" /></a>
<a href="#"><img src="" alt="youtube" /></a>
<a href="#"><img src="" alt="instagram" /></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="rights">
<div class="right">
<span class="location">대한민국</span>
<span class="text">© 2022 Nike, Inc. All Rights Reserved</span>
</div>
<div class="right">
<ul class="right-nav">
<li><a href="">이용약관</a></li>
<li><a href="">개인정보처리방침</a></li>
</ul>
</div>
</div>
<div class="footer-regacy">
<div class="footer-inner">
<div class="regacy-left">
<span
>(유)나이키코리아 대표 Kimberlee Lynn Chang Mendes, 킴벌리 린 창
멘데스 | 서울 강남구 테헤란로 152 강남파이낸스센터 30층</span
>
<span
>통신판매업신고번호 2011-서울강남-03461 | 등록번호 220-88-09068
<a href="#">사업자정보확인</a></span
>
<span>고객센터 전화문의 <a href="#">080-022-0182</a></span>
<span
>FAX 02-6744-5880 | E-mail service@nike.co.kr | 호스팅서비스사업자
(유)나이키코리아</span
>
</div>
<div class="regacy-right">
<span
>안전거래를 위해 현금 등으로 결제 시 저희 쇼핑몰에서 가입한 KG
이니시스의 구매안전 서비스 (채무지급보증)를 이용하실 수
있습니다.</span
>
<span
>온라인디지털콘텐츠사업발전법에 의한
<a href="#">콘텐츠보호안내 자세히보기</a></span
>
</div>
</div>
</div>
</footer>
</body>
</html>