-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
387 lines (371 loc) · 19.1 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
<!DOCTYPE html>
<html lang="ko-KR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>홈 - 이디야 커피(Ediya Coffee)</title>
<meta
name="description"
content="이디야 커피 브랜드 사이트 (학습용) 홈페이지입니다."
/>
<meta
name="keywords"
content="이디야, 커피, 브랜드, 사이트, 학습용, 홈페이지, 이듬, 블렌디드 러닝"
/>
<!-- 스타일링 -->
<link rel="stylesheet" href="./css/style.css" />
<!-- 파비콘 -->
<link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon" />
<script defer src="/events/homeMenu.js"></script>
</head>
<body>
<div class="container">
<header class="header">
<div class="header-inner inner-container">
<h1 class="logo">
<a href="/index.html">
<svg
width="300"
height="29"
viewBox="0 0 300 29"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M277.216 28.2327V0.714111H299.456V7.30599H286.158V10.9616H297.415V17.2924H286.158V21.5502H300V28.2327H277.216Z"
fill="#31287C"
/>
<path
d="M250.264 28.2327V0.714111H272.504V7.30599H259.194V10.9616H270.441V17.2924H259.194V21.5502H273.042V28.2327H250.264Z"
fill="#31287C"
/>
<path
d="M225.832 28.2327V0.714111H246.871V7.64171H234.757V11.9048H244.398V18.5553H234.757V28.238H225.832V28.2327Z"
fill="#31287C"
/>
<path
d="M201.379 28.2327V0.714111H222.423V7.64171H210.32V11.9048H219.945V18.5553H210.32V28.238H201.379V28.2327Z"
fill="#31287C"
/>
<path
d="M168.405 14.4947C168.405 10.0184 169.687 6.46931 172.277 3.88479C174.879 1.2896 178.401 0 182.872 0C187.332 0 190.849 1.2896 193.434 3.88479C196.025 6.46931 197.302 10.0184 197.302 14.4947C197.302 18.971 196.025 22.5094 193.434 25.1046C190.849 27.6997 187.332 28.9947 182.872 28.9947C178.401 28.9947 174.879 27.6997 172.277 25.1046C169.687 22.5147 168.405 18.971 168.405 14.4947ZM177.421 14.4947C177.421 17.0952 177.857 19.0136 178.735 20.2339C179.619 21.4542 180.998 22.0617 182.867 22.0617C184.736 22.0617 186.109 21.4542 186.976 20.2393C187.838 19.0296 188.274 17.1112 188.274 14.4947C188.274 11.8728 187.843 9.9491 186.976 8.72878C186.109 7.52977 184.736 6.91694 182.867 6.91694C180.998 6.91694 179.613 7.52977 178.735 8.75009C177.857 9.97042 177.421 11.8835 177.421 14.4947Z"
fill="#31287C"
/>
<path
d="M157.379 17.5695H165.835C165.593 21.1932 164.3 24.0175 161.963 26.0105C159.625 28.0035 156.485 29 152.499 29C148.039 29 144.544 27.7211 141.985 25.1366C139.422 22.5467 138.145 19.003 138.145 14.5C138.145 10.0237 139.422 6.47468 141.948 3.89016C144.468 1.29497 147.926 0.00537109 152.289 0.00537109C156.318 0.00537109 159.485 0.964577 161.801 2.88299C164.112 4.81206 165.41 7.56711 165.685 11.1482H157.121C156.997 9.73598 156.533 8.6702 155.731 7.94547C154.95 7.23672 153.819 6.88501 152.391 6.88501C150.652 6.88501 149.332 7.51915 148.454 8.77678C147.576 10.0397 147.151 11.9528 147.151 14.5054C147.151 17.0153 147.625 18.9124 148.546 20.1913C149.483 21.4756 150.851 22.1204 152.645 22.1204C154.04 22.1204 155.128 21.7314 155.946 20.9321C156.76 20.1487 157.244 19.0296 157.379 17.5695Z"
fill="#31287C"
/>
<path
d="M95.4379 28.2327L105.225 0.714111H114.268L124.049 28.2327H115.189L114.155 24.5877H105.3L104.217 28.2327H95.4379ZM106.921 18.8111H112.534L109.754 9.28835L106.921 18.8111Z"
fill="#31287C"
/>
<path
d="M80.7875 28.2327V18.0438L70.5429 0.714111H80.4481L85.2418 10.0877L90.0786 0.714111H99.7091L89.7124 18.0438V28.2327H80.7875Z"
fill="#31287C"
/>
<path
d="M57.433 28.2327V0.714111H66.541V28.2327H57.433Z"
fill="#31287C"
/>
<path
d="M26.9525 28.2327V0.714111H37.7572C40.4934 0.714111 42.5401 0.831348 43.8759 1.07115C45.2225 1.31095 46.3913 1.72661 47.3823 2.27549C49.3106 3.39989 50.7595 4.97725 51.7236 7.00224C52.6931 9.02723 53.1779 11.5265 53.1779 14.4894C53.1779 17.6068 52.5854 20.2286 51.3735 22.3549C50.1831 24.4758 48.3949 26.0531 46.0627 27.087C45.1578 27.5026 44.0213 27.785 42.6532 27.9609C41.2852 28.1421 39.0984 28.2273 36.0929 28.2273H26.9525V28.2327ZM35.8828 21.2624H38.3012C40.5203 21.2624 42.0554 20.7722 42.9333 19.781C43.7951 18.8005 44.2206 17.0366 44.2206 14.4894C44.2206 12.0061 43.779 10.2529 42.901 9.21907C42.0231 8.18526 40.5257 7.67901 38.4143 7.67901H35.8882V21.2624H35.8828Z"
fill="#31287C"
/>
<path
d="M0 28.2327V0.714111H22.2288V7.30599H8.94108V10.9616H20.1713V17.2924H8.94108V21.5502H22.7782V28.2327H0Z"
fill="#31287C"
/>
</svg>
</a>
</h1>
<nav class="nav" aria-label="전체메뉴">
<ul class="nav-list">
<li class="nav-itme">
<a href="./views/signin.html" class="nav-link">로그인</a>
</li>
<li class="nav-itme">
<a href="./views/signup.html" class="nav-link">회원가입</a>
</li>
<li class="nav-itme">
<a href="#" class="nav-link">이디아 디자인</a>
</li>
<li class="nav-itme">
<a href="./views/beverages.html" class="nav-link"
>이디아 음료</a
>
</li>
<li class="nav-itme">
<a href="./views/news.html" class="nav-link">이디아 뉴스</a>
</li>
<li class="nav-itme">
<a href="./views/store.html" class="nav-link">매장 찾기</a>
</li>
</ul>
</nav>
<button class="buttonNone button--burger" aria-label="메뉴 열기">
<span class="button--burgerBarTop"></span>
<span class="button--burgerBarMiddle"></span>
<span class="button--burgerBarBottom"></span>
</button>
</div>
</header>
<main class="main">
<section class="banner-area">
<h2 class="a11yHidden">배너 영역</h2>
<div class="banner">
<div class="inner-container">
<p class="banner-text">ALWAYS BESIDE YOU <em>EDIYA COFFEE</em></p>
<p class="banner-text">
늘 당신 곁에, 이디야 커피의 새로운 메뉴를 맛보세요.
</p>
<span class="banner-img cheese">
<img src="./images/cheese-cookie-img.png" alt="치즈 쉐이크" />
</span>
<span class="banner-img choco">
<img src="./images/choco-rice-img.png" alt="초코 쉐이크" />
</span>
</div>
<a href="./views/beverages.html" class="btn btn-menu">메뉴 보기</a>
</div>
</section>
<section class="promotion">
<h2 class="a11yHidden">프로모션 영역</h2>
<div class="inner-container">
<figure class="promotion-video">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/UGPo0RqhbKU"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<figcaption class="a11yHidden" id="ediyaYoutube">
이디아커피 고객감사 영상
</figcaption>
</figure>
<div class="announcement">
<div class="notice">
<div class="notice-control">
<h3>NOTICE</h3>
<div class="control-button-aria">
<button class="btn btn-prev">
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
>
<title>이전 공지사항 보기</title>
<rect
x="0.5"
y="0.5"
width="15"
height="15"
stroke="#F5F5F5"
></rect>
<path
d="M9.25 10.5L6.75 8L9.25 5.5"
stroke="#F5F5F5"
></path>
</svg>
</button>
<button class="btn btn-next">
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
>
<title>다음 공지사항 보기</title>
<rect
x="-0.5"
y="0.5"
width="15"
height="15"
transform="matrix(-1 0 0 1 15 0)"
stroke="#F5F5F5"
></rect>
<path
d="M6.75 10.5L9.25 8L6.75 5.5"
stroke="#F5F5F5"
></path>
</svg>
</button>
</div>
</div>
<ul class="notice-content-list">
<li class="notice-content-item">
<h4 class="content-title">이디야멤버스가 새로워집니다.</h4>
<time class="content-time" datetime="2022-06-03"
>2022.06.03</time
>
<p class="content-description">
이디야멤버스에 새로운 기능이 추가됩니다. 추가되는
고객등급제, 이디야카드, 스마트 ...
</p>
</li>
</ul>
</div>
<div class="news-part">
<h3>NEWS</h3>
<ul class="news-list">
<li class="news-item">
<a href="#"
><span>[MTN] 이디야커피, 조각 케이크 2종 출시 …</span>
<time datetime="2022-06-01">2022.06.01</time></a
>
</li>
<li class="news-item">
<a href="#"
><span
>[아시아 경제] 이디야커피, '비니스트 커피믹스 …</span
>
<time datetime="2022-05-20">2022.05.20</time></a
>
</li>
</ul>
<a href="#" class="news-more" aria-label="이디아 뉴스 더보기">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<rect
x="0.5"
y="0.5"
width="15"
height="15"
stroke="#F5F5F5"
></rect>
<path
d="M5 8.02114H11M8.05331 5L8.05331 11"
stroke="#F5F5F5"
></path>
</svg>
</a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<ul class="privacy-list" aria-label="">
<li class="privacy-item">
<a href="#" class="privacy-link">개인정보처리방침</a>
</li>
<li class="privacy-item">
<a href="#" class="privacy-link">멤버스 이용약관</a>
</li>
<li class="privacy-item">
<a href="#" class="privacy-link">가맹 안내</a>
</li>
<li class="privacy-item">
<a href="#" class="privacy-link">대량쿠폰구매</a>
</li>
<li class="privacy-item">
<a href="#" class="privacy-link">채용안내</a>
</li>
<li class="privacy-item">
<a href="#" class="privacy-link">고객의 소리</a>
</li>
<li class="privacy-item">
<a href="#" class="privacy-link">사이트맵</a>
</li>
<li class="privacy-item">
<a href="#" class="privacy-link">점주의 방</a>
</li>
</ul>
<div class="footer-inner inner-container">
<div class="footer-log" aria-label="푸터 로고 이미지">
<svg
width="161"
height="16"
viewBox="0 0 161 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M148.349 15.5767V0.394043H160.21V4.03094H153.117V6.04785H159.121V9.54068H153.117V11.8898H160.5V15.5767H148.349Z"
fill="#878787"
/>
<path
d="M133.974 15.5767V0.394043H145.835V4.03094H138.737V6.04785H144.735V9.54068H138.737V11.8898H146.123V15.5767H133.974Z"
fill="#878787"
/>
<path
d="M120.944 15.5767V0.394043H132.164V4.21617H125.704V6.56824H130.846V10.2375H125.704V15.5796H120.944V15.5767Z"
fill="#878787"
/>
<path
d="M107.902 15.5767V0.394043H119.125V4.21617H112.671V6.56824H117.804V10.2375H112.671V15.5796H107.902V15.5767Z"
fill="#878787"
/>
<path
d="M90.3157 7.99706C90.3157 5.52738 90.9994 3.56928 92.3812 2.14333C93.7687 0.711503 95.6474 0 98.0316 0C100.41 0 102.286 0.711503 103.665 2.14333C105.047 3.56928 105.727 5.52738 105.727 7.99706C105.727 10.4667 105.047 12.419 103.665 13.8508C102.286 15.2826 100.41 15.9971 98.0316 15.9971C95.6474 15.9971 93.7687 15.2826 92.3812 13.8508C90.9994 12.4219 90.3157 10.4667 90.3157 7.99706ZM95.1245 7.99706C95.1245 9.43183 95.3572 10.4903 95.8255 11.1635C96.2966 11.8368 97.032 12.172 98.0288 12.172C99.0256 12.172 99.7581 11.8368 100.221 11.1665C100.68 10.4991 100.913 9.44065 100.913 7.99706C100.913 6.55053 100.683 5.48916 100.221 4.81588C99.7581 4.15436 99.0256 3.81624 98.0288 3.81624C97.032 3.81624 96.2937 4.15436 95.8255 4.82764C95.3572 5.50092 95.1245 6.55641 95.1245 7.99706Z"
fill="#878787"
/>
<path
d="M84.4355 9.69349H88.9456C88.8163 11.6928 88.1269 13.251 86.8801 14.3506C85.6334 15.4502 83.9587 16 81.8329 16C79.4544 16 77.59 15.2944 76.2255 13.8684C74.8581 12.4395 74.1773 10.4844 74.1773 7.99999C74.1773 5.53031 74.8582 3.57221 76.2054 2.14626C77.5498 0.714433 79.394 0.00292969 81.7209 0.00292969C83.8696 0.00292969 85.5587 0.532147 86.794 1.59058C88.0263 2.6549 88.7186 4.17493 88.8651 6.15067H84.2976C84.2316 5.37154 83.9845 4.78352 83.5565 4.38367C83.14 3.99264 82.5367 3.79859 81.7755 3.79859C80.8476 3.79859 80.1438 4.14846 79.6756 4.84233C79.2073 5.53913 78.9804 6.59462 78.9804 8.00293C78.9804 9.38771 79.2332 10.4344 79.7244 11.14C80.2242 11.8486 80.9539 12.2043 81.9105 12.2043C82.6545 12.2043 83.2348 11.9897 83.6714 11.5487C84.1052 11.1165 84.3637 10.4991 84.4355 9.69349Z"
fill="#878787"
/>
<path
d="M51.4003 15.5767L56.6198 0.394043H61.443L66.6597 15.5767H61.9342L61.3827 13.5657H56.6601L56.0827 15.5767H51.4003ZM57.5247 10.3786H60.518L59.0357 5.12466L57.5247 10.3786Z"
fill="#878787"
/>
<path
d="M43.5867 15.5767V9.95524L38.1229 0.394043H43.4057L45.9623 5.56567L48.542 0.394043H53.6782L48.3466 9.95524V15.5767H43.5867Z"
fill="#878787"
/>
<path
d="M31.1309 15.5767V0.394043H35.9886V15.5767H31.1309Z"
fill="#878787"
/>
<path
d="M14.8747 15.5767V0.394043H20.6372C22.0965 0.394043 23.1881 0.458725 23.9005 0.591029C24.6187 0.723334 25.242 0.952661 25.7706 1.25549C26.799 1.87585 27.5717 2.74612 28.0859 3.86336C28.603 4.98059 28.8615 6.3595 28.8615 7.99419C28.8615 9.71415 28.5455 11.1607 27.8992 12.3338C27.2643 13.5039 26.3106 14.3742 25.0668 14.9446C24.5842 15.1739 23.9781 15.3297 23.2484 15.4268C22.5188 15.5267 21.3525 15.5738 19.7495 15.5738H14.8747V15.5767ZM19.6375 11.7311H20.9273C22.1108 11.7311 22.9295 11.4606 23.3978 10.9137C23.8574 10.3727 24.0843 9.39956 24.0843 7.99419C24.0843 6.62411 23.8488 5.65681 23.3805 5.08644C22.9123 4.51606 22.1137 4.23675 20.9876 4.23675H19.6404V11.7311H19.6375Z"
fill="#878787"
/>
<path
d="M0.5 15.5767V0.394043H12.3554V4.03094H5.26857V6.04785H11.258V9.54068H5.26857V11.8898H12.6484V15.5767H0.5Z"
fill="#878787"
/>
</svg>
</div>
<address class="address">
<span class="address__content"
>서울특별시 강남구 논현로 636 이디야빌딩(서울특별시 강남구 논현동
221-17)</span
>
<span><b>TEL : </b>02-543-6467</span>
<span class="address__content"><b>FAX : </b>02-543-7191</span>
<span class="address__content"
><b>사업자등록번호 : </b>107-86-16302</span
>
<span class="address__content"
><b>통신판매업 신고 : </b>강남 제 002519호</span
>
<span class="address__content"><b>대표이사 : </b>문창기</span>
</address>
<small class="copyright"
>© 2017 EDIYA COFFEE COMPANY. ALL RIGHTS RESERVED..</small
>
</div>
</footer>
<div class="top-scroll-container">
<button class="top-scroll-button" type="button">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="25" cy="25" r="25" fill="#C8CDE2" />
<path
d="M25 38C25.6072 38 26.1 37.5147 26.1 36.9167V15.3047L34.1037 23.5803C34.3198 23.804 34.6097 23.9167 34.9001 23.9167C35.1723 23.9167 35.4457 23.8175 35.6585 23.6177C36.0985 23.2049 36.1156 22.5192 35.6965 22.0858L26.556 12.6348C26.1402 12.2259 25.588 12 25 12C24.412 12 23.8598 12.2259 23.4259 12.6538L14.3035 22.0864C13.8844 22.5197 13.9015 23.2055 14.3415 23.6182C14.7815 24.031 15.4783 24.0142 15.8969 23.5808L23.9 15.2706V36.9167C23.9 37.5147 24.3928 38 25 38Z"
fill="#0F0F0F"
/>
</svg>
</button>
</div>
</div>
<script src="../js/goToTopControl.js"></script>
</body>
</html>