nextstep/index.html at develop · Gyo50/nextstep · GitHub

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
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
        href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&display=swap"
        rel="stylesheet" />
    <link rel="stylesheet" href="/css/reset.css" />
    <link rel="icon" href="img/favicon.ico" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="index.css" />
    <script src="index.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
    <title>nextstep</title>
</head>
<body>
<header id="header">
    <div class="header_box" id="headerBox">
        <h1 class="logo_box">
            <a href="/"><img src="/img/logo.svg" alt=""></a>
        </h1>
        <nav class="gnb">
            <div class="gnb_box" id="navigationBox">
                <ul class="gnb_list">
                    <li>
                        <a href="/feature/mac/index.html">Mac</a>
                        <ul class="gnb_sub_list">
                            <li><a href="#;">Mac, Apple에서 사면 가장 좋은 이유</a></li>
                            <li><a href="#;">알면 알수록, Mac</a></li>
                            <li><a href="#;">Mac으로 갈아타기</a></li>
                            <li><a href="#;">Mac과 천생연분</a></li>
                            <li><a href="#;">함께 여는 Apple의 세계</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="/feature/ipad/index.html">iPad</a>
                        <ul class="gnb_sub_list">
                            <li><a href="#;">iPad, Apple에서 사면 가장 좋은 이유</a></li>
                            <li><a href="#;">알면 알수록, iPad</a></li>
                            <li><a href="#;">iPad와 천생연분</a></li>
                            <li><a href="#;">절친 목록</a></li>
                            <li><a href="#;">iPad 5</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="/feature/iphone/index.html">iphone</a>
                        <ul class="gnb_sub_list">
                            <li><a href="#;">라인업 살펴보기</a></li>
                            <li><a href="#;">보다 자세히 들여다보기</a></li>
                            <li><a href="#;">iPhone, Apple에서 사면 가장 좋은 이유</a></li>
                            <li><a href="#;">알면 알수록, iPhone</a></li>
                            <li><a href="#;">iPad mini</a></li>
                            <li><a href="#;">iPhone 필수품</a></li>
                            <li><a href="#;">절친 목록</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#;">watch</a>
                        <ul class="gnb_sub_list">
                            <li><a href="#;">Apple Watch, Apple에서 사면 가장 좋은 이유</a></li>
                            <li><a href="#;">알면 알수록, Apple Watch</a></li>
                            <li><a href="#;">Apple Watch 필수 액세서리</a></li>
                            <li><a href="#;">그야말로 천생연분</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="/feature/airpods/index.html">Airpods</a>
                        <ul class="gnb_sub_list">
                            <li><a href="#;">AirPods Pro 3</a></li>
                            <li><a href="#;">AirPods 4</a></li>
                            <li><a href="#;">AirPods Max</a></li>
                            <li><a href="#;">당신에게 알맞은 AirPods은?</a></li>
                            <li><a href="#;">알면 알수록, AirPods</a></li>
                            <li><a href="#;">Apple Music</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#;">고객지원</a>
                        <ul class="gnb_sub_list">
                            <li><a href="#;">고객지원 1</a></li>
                            <li><a href="#;">고객지원 2</a></li>
                            <li><a href="#;">고객지원 3</a></li>
                            <li><a href="#;">고객지원 4</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
            <div class="util_box">
                <a href="#;" class="search"><span class="blind">검색하기</span></a>
                <a href="#;" class="itembox"><span class="blind">장바구니 가기</span></a>
                <button type="button" class="menu" id="menuButton"><span class="blind">네비게이션 메뉴 열기</span></button>
            </div>
        </div>
    </header>

    <footer>
      <div class="footer-container">
        <div class="footer-location">
          <a href="index.html" class="location-page">
            <img src="img/logo.svg" alt="애플로고" />
          </a>
          <!-- <span class="location-page">&gt;</span>
          <span class="location-page">iPhone</span>**/ -->
        </div>
        <div class="footer-support">
          <div class="support-client">쇼핑 및 고객지원</div>
          <div class="support-color support-client-list">
            <a href="#">Mac</a>
            <a href="#">iPad</a>
            <a href="#">iPhone</a>
            <a href="#">Watch</a>
            <a href="#">AirPods</a>
            <a href="#">고객지원</a>
          </div>
          <div class="support-color support-client-help">
            다양한 쇼핑 방법 :
            <a href="#">Apple Store를 방문</a>하거나, <a href="#">리셀러</a>를
            찾아보거나, <a href="#">080-330-8877</a>
          </div>
        </div>
        <div class="footer-copy">
          <div class="copy-container">
            <div>Copyright © 2025 Apple Inc. 모든 권리 보유.</div>
            <div>
              개인정보 방침 | 웹 사이트 이용 약관 | 판매 및 환불 | 법적 고지 |
              사이트 맵
            </div>
          </div>
          <p>
            애플코리아 유한회사 | 대표이사: Mark Lee(마크리) | 주소: 서울특별시
            강남구 영동대로 517 | 전화: 080-333-4000 |
            https://support.apple.com/ko-kr | 사업자등록번호: 120-81-84429 |<br />
            통신판매업신고번호: 제2011-서울강남-00810호 | 호스팅 서비스 제공:
            Apple Inc. | 사업자정보
          </p>
        </div>
      </div>
    </footer>
</body>
</html>