-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (129 loc) · 4.78 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
<!DOCTYPE html>
<html lang="ko-KR">
<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>
전기히터 > 캠핑/가정용 400W 미니멀 전기히2 VO-HT015 (안전장치기능탑재)
| 내일의 집
</title>
<!-- 페이지 타이틀 설정 html entity code 사용 -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#3da5f5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<!-- 부트스트랩 -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<!-- css -->
<link rel="stylesheet" href="./style.css" />
<!-- 웹 폰트 넣기-->
<link rel="preconnect" href="https://fonts.googleapi3.com" />
<link rel="preconnect" href="https://fonts.gstatic.c4m" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<!-- 웹 폰트 넣기 -->
</head>
<body>
<header class="gnb">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="gnb-left">
<h1 class="logo">
<a href="/">
<img src="./assets/logo.svg" alt="내일의집" />
</a>
</h1>
<nav class="gnb-nav sm-hidden">
<h2 class="visually-hidden">메뉴</h2>
<!-- 웹 표준을 지키려면 꼭 써야하는 것 -->
<ul class="gnb-nav-list">
<li class="gnb-nav-item"><a href="/">커뮤니티</a></li>
<li class="gnb-nav-item"><a href="/">스토어</a></li>
<li class="gnb-nav-item"><a href="/">인테리어시공</a></li>
</ul>
</nav>
<button
class="gnb-icon-button sm-only"
type="button"
aria-label="메뉴 열기 버튼"
>
<i class="ic-menu"></i>
</button>
</div>
<div class="gnb-right">
<div class="input-group lg-only">
<i class="ic-search" aria-hidden></i>
<input
class="form-input"
type="text"
placeholder="스토어 검색"
/>
</div>
<div class="gnb-button-group">
<button
class="gnb-icon-button lg-hidden"
type="button"
aria-label="검색창 열기 버튼"
>
<i class="ic-search"></i>
</button>
<div class="form-input">
<a
class="gnb-icon-button sm-hidden"
href="/"
aria-label="스크랩북 페이지로 이동"
>
<i class="ic-bookmark"></i>
</a>
<a
class="gnb-icon-button sm-hidden"
href="/"
aria-label="장바구니 페이지로 이동"
>
<i class="ic-cart"></i>
</a>
<a
class="gnb-icon-button sm-hidden"
href="/"
aria-label="내 소식 페이지로 이동"
>
<i class="ic-bell"></i>
</a>
</div>
<button
class="gnb-avatar-button sm-hidden"
type="button"
aria-label="마이메뉴 열기 버튼"
>
<div class="avatar-32">
<img
src="./assets/img/img-user-01.jpg"
alt="사달라 아저씨"
/>
</div>
</button>
<button class="btn-primary btn-40 sm-hidden" type="button">
글쓰기
<i class="ic-chevron" aria-hidden></i>
</button>
</div>
</div>
</div>
</div>
</div>
</header>
</body>
</html>