-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
330 lines (325 loc) · 17.8 KB
/
index.html
File metadata and controls
330 lines (325 loc) · 17.8 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>주당</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="./css/main.css">
<script defer src="./JS/section2.js"></script>
</head>
<body>
<header>
<nav>
<div class="imgDiv">
<a href="./index.html">
<img src="./image/주당로고배경x.png" width="120px" />
</a>
</div>
<div class="navBar">
<ul>
<li><a href="./regionView.html">지역별로 보기</a></li>|
<li><a href="./jdti.html">주류 MBTI</a></li>|
<li><a href="./festival.html">주류 페스티벌</a></li>
</ul>
</div>
<div class="searchLogin">
<div class="searchInput">
<input type="search" placeholder="제품검색 ex) 안동소주" />
</div>
<div class="login">
<a href="./loginPage.html">
<img src="./image/person-circle.svg" width="30px" />
</a>
</div>
</div>
<div class="ham">
<nav class="navbar bg-body-tertiary fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html">
<img src="./image/주당로고배경x.png" width="120px" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar"
aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<img src="./image/주당로고배경x.png" width="120px" />
<button type="button" class="btn-close" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./regionView.html">지역별로 보기</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./jdti.html">주류 MBTI</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./festival.html">주류 페스티벌</a>
</li>
</ul>
<form class="d-flex mt-3" role="search">
<input class="form-control me-2" type="search" placeholder="제품검색 ex) 안동소주"
aria-label="Search">
<button class="btn btn-outline-success" type="submit"
style="width: 70px;">검색</button>
</form>
</div>
</div>
</div>
</nav>
</div>
</nav>
</header>
<main>
<section class="section1">
<div id="carouselExampleIndicators" class="carousel slide">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<video src="./video/video1.mp4" autoplay loop muted></video>
</div>
<div class="carousel-item">
<video src="./video/video2.mp4" autoplay loop muted></video>
</div>
<div class="carousel-item">
<video src="./video/video3.mp4" autoplay loop muted></video>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section class="sec-2">
<div class="section2_Wapper">
<div class="img_swiper" style="text-align: center;">
<div class="button_before"></div>
<ul class="img_content">
<li>
<div class="section2_title">
<h1 class="maintitle">경상도의 술</h1>
<h2 class="subtitle">다양한 꽃향기의 맛</h2>
</div>
<img src="./image/경상도이미지.png" alt="경상">
<div class="section2_intro">알코올 도수가 높은 편인데도 맛이 부드럽고, 강한 증류주의 향이 아닌 곡물에서 나오는 다양한 꽃향기가 입 안을
감돌며 코를 자극합니다.
</div>
</li>
<li>
<div class="section2_title">
<h1 class="maintitle">경기도의 술</h1>
<h2 class="subtitle">여러 농산물을 가진 힘</h2>
</div>
<img src="./image/경기도이미지.jpg" alt="경기">
<div class="section2_intro">경기도 전통주는 도내 우수한 농산물을 이용해 술을 만들었기 때문에 기본적으로 맛이 좋은 게 특징입니다.
</div>
</li>
<li>
<div class="section2_title">
<h1 class="maintitle">강원도의 술</h1>
<h2 class="subtitle">물맛 좋기로 소문난 맛</h2>
</div>
<img src="./image/강원도이미지.png" alt="강원">
<div class="section2_intro">단맛과 향이 기분 좋게 맴돌며 부드러운 끝 맛이 매력적입니다.</div>
</li>
<li>
<div class="section2_title">
<h1 class="maintitle">충청도의 술</h1>
<h2 class="subtitle">깊은 역사를 자랑하는 맛</h2>
</div>
<img src="./image/충청도이미지.png" alt="충청도">
<div class="section2_intro">일본에 누룩과 술을 빚는 방법을 전수할 만큼, 깊은 역사와 전통, 생산 기반이 탄탄하기로 정평이 난 맛입니다.
</div>
</li>
<li>
<div class="section2_title">
<h1 class="maintitle">전라도의 술</h1>
<h2 class="subtitle">뒷맛이 쓰지 않는 깔끔함</h2>
</div>
<img src="./image/전라도이미지.png" alt="전라">
<div class="section2_intro">술 재료에 배와 생강 이외에 울금, 계피 그리고 뒷맛을 좋게 하기 위해 꿀이 들어간 맛이 특징입니다.</div>
</li>
<li>
<div class="section2_title">
<h1 class="maintitle">경상도의 술</h1>
<h2 class="subtitle">다양한 꽃향기의 맛</h2>
</div>
<img src="./image/경상도이미지.png" alt="경상">
<div class="section2_intro">알코올 도수가 높은 편인데도 맛이 부드럽고, 강한 증류주의 향이 아닌 곡물에서 나오는 다양한 꽃향기가 입 안을
감돌며 코를 자극합니다.
</div>
</li>
<li>
<div class="section2_title">
<h1 class="maintitle">경기도의 술</h1>
<h2 class="subtitle">여러 농산물을 가진 힘</h2>
</div>
<img src="./image/경기도이미지.jpg" alt="경기">
<div class="section2_intro">경기도 전통주는 도내 우수한 농산물을 이용해 술을 만들었기 때문에 기본적으로 맛이 좋은 게 특징입니다.
</div>
</li>
</ul>
<div class="button_next"></div>
</div>
</div>
</section>
<section class="sec3">
<div style="background-color: #ffebb6;">
<img class="sec3Img1"
src="https://cdn-pro-web-251-115.cdn-nhncommerce.com/gsool18_godomall_com/data/skin/front/awesome_new/img/banner/8abc31bcbe1faf6f67fe56d658258663_43203.jpg">
</div>
<div style="background-color: #e8f4ff;">
<img class="sec3Img2"
src="https://cdn-pro-web-251-115.cdn-nhncommerce.com/gsool18_godomall_com/data/skin/front/awesome_new/img/banner/efc49aaf9b703babcfe8e107a03cbd64_10526.jpg">
</div>
</section>
<section class="sec4">
<div class="sec4-container">
<div class="sec4-container-1">
<h3>상품후기보기 <a href="./review.html">More+</a></h3>
<ul>
<li>
<div class="sec4-goods-name">주당 해창주조 해창막걸리 12도 900ml</div>
<div class="sec4-goods-review">한 잔을 마시니 이미 한 병을 다 마신듯한 느낌입니다.
막걸리에 흔치 않은 도수라 그런지 맛도 묵직하고 도수도 바로 느껴집니다.
<a href="">더보기</a>
</div>
<div class="sec4-goods-score">★★★★★</div>
</li>
<br />
<li>
<div class="sec4-with-img">
<div class="sec4-goods-name">주당 조선 3대 명주 조정형 명인 전주 이강주 19도 375ml</div>
<div class="sec4-goods-review">
좋은 술인건 알겠지만 <br /> 솔직히 저랑은 좀 안 맞네요 <br /> 잘마셨습니다
<a href="">더보기</a>
</div>
</div>
<span class="sec4-img"><img
src="https://godomall.speedycdn.net/ecde3d55747f2aa4dbec5952a29271fe/goods/1000000010/review/4ec2b3cdc543ee36987"
style="width:60px"></span>
<div class="sec4-goods-score">★★★</div>
</li>
</ul>
</div>
<div class="sec4-container-2">
<h3>공지사항 <a href="./notice.html">More+</a></h3>
<a href="./noticeDetail.html">사과향이 아삭🍎 사은품 증정 이벤트🎁
<span>2023.06.19</span>
</a>
<br />
<a href="./notice.html">꼬숩담백 잣막 이벤트
<span>2023.05.02</span>
</a>
<br />
<a href="./notice.html">사과향이 아삭 런칭 이벤트
<span>2023.04.06</span>
</a>
<br />
<a href="./notice.html">봄 맞이 무료배송&할인 이벤트
<span>2023.03.27</span>
</a>
<br />
<a href="./notice.html">서울의밤 전용 하이볼잔 드림 EVENT
<span>2023.03.14</span>
</a>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-container">
<div class="footer-sec1">
<img src="./image/주당로고배경.png" class="footer-logo"></img>
<br /><br />
<span> 주당법인 우리코딩(주) 서울지점</span>
<br />
<span> 서울시 마포구 숭문4길 6</span>
<br />
<span> 대표 : 홍길동 | 사업자등록번호 : 000-00-00000 | 사업자번호조회 </span>
<br />
<span> 통신판매업신고번호:제2021-와부조안-0163호-01816호 </span>
<br />
<span> 대표번호 : 000-0000-0000 | 팩스번호 : 00-000-0000</span>
<br />
<span> 메일 : judang@naver.com</span>
</div>
<div class="footer-sec2-1">
<br />
<dt class="footer2-center">CS CENTER</dt>
<dd class="footer2-center-number">070-0000-0000</dd>
<span>평일 : 10:00 ~ 17:00</span>
<br />
<span>점심시간 : 12:00 ~ 13:00</span>
<br />
<span> 토요일 , 일요일 및 공휴일 제외</span>
</div>
<div class="footer-sec-container">
<div class="footer-sec2-2">
<br />
<dt class="footer2-center">CS CENTER</dt>
<dd class="footer2-center-number">070-0000-0000</dd>
<span>평일 : 10:00 ~ 17:00</span>
<br />
<span>점심시간 : 12:00 ~ 13:00</span>
<br />
<span> 토요일 , 일요일 및 공휴일 제외</span>
</div>
<div class="footer-sec3">
<br />
<h4 class="footer-sec3-helper">help</h4>
<table>
<tr>
<td><a href="./ask.html">1:1문의</a></td>
<td><a href="">주문/배송조회</a></td>
</tr>
<tr>
<td><a href="./faqPage.html">FAQ</a></td>
<td><a href="">환불/입금</a></td>
</tr>
<tr>
<td><a href="">상품문의</a></td>
<td><a href="">취소/반품/교환</a></td>
</tr>
<tr>
<td><a href="">고객센터</a></td>
<td><a href="">찜리스트</a></td>
</tr>
</table>
<img src="https://cdn-pro-web-251-115.cdn-nhncommerce.com/gsool18_godomall_com/data/skin/front/awesome_new/img/icon/icon_insta.png"
width="40px">
<img src="https://cdn-pro-web-251-115.cdn-nhncommerce.com/gsool18_godomall_com/data/skin/front/awesome_new/img/icon/icon_blog.png"
width="40px">
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
crossorigin="anonymous"></script>
</body>
</html>