-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
234 lines (190 loc) · 7.18 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>행담도 휴게소</title>
<link rel="stylesheet" href="menu.css">
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<h1>행담도 휴게소</h1>
<p>서해안고속도로의 대표적인 휴게소</p>
</header>
<nav>
<!-- "행담도" 아이콘 추가 -->
<a href="index.html" class="menu-icon">행담도</a>
<div class="dropdown">
<a href="#facilities" class="dropdown-toggle">시설 안내</a>
<div class="dropdown-content">
<a href="#rest-area">휴식공간</a>
<a href="#content-facility">콘텐츠시설</a>
<a href="#convenience">편의시설</a>
</div>
</div>
<div class="dropdown">
<a href="#food" class="dropdown-toggle">식사/간식</a>
<div class="dropdown-content">
<a href="#food-court">푸드코트</a>
<a href="#restaurant">전문식당</a>
<a href="#dessert-cafe">디저트/카페</a>
</div>
</div>
<div class="dropdown">
<a href="#shopping" class="dropdown-toggle">쇼핑 정보</a>
<div class="dropdown-content">
<a href="#mall">쇼핑몰</a>
<a href="#garden-event">중앙정원행사</a>
<a href="#special-event">특별행사</a>
</div>
</div>
<div class="dropdown">
<a href="#news" class="dropdown-toggle">행담 소식</a>
<div class="dropdown-content">
<a href="#notice">공지사항</a>
<a href="#press">보도자료</a>
<a href="#event">이벤트</a>
</div>
</div>
<div class="dropdown">
<a href="#customer-service" class="dropdown-toggle">고객센터</a>
<div class="dropdown-content">
<a href="#faq">자주 묻는 질문</a>
<a href="#voice">고객의 소리</a>
<a href="#group-order">단체주문</a>
<a href="#partnership">입점/제휴 문의</a>
<a href="directions.html">오시는 길</a>
</div>
</div>
</nav>
<div class="slider-text">문화 속 즐거운 휴식</div>
<div class="slider-container">
<div class="slider">
<div class="slide"><img src="img/slide1.jpg" alt="슬라이드 1"></div>
<div class="slide"><img src="img/slide2.jpg" alt="슬라이드 2"></div>
<div class="slide"><img src="img/slide3.jpg" alt="슬라이드 3"></div>
<div class="slide"><img src="img/slide4.jpg" alt="슬라이드 4"></div>
</div>
</div>
<script src="script.js"></script>
<section class="menu-section">
<div class="menu-text">다양하고 품격있는 먹거리</div>
<div class="menu-items">
<div class="menu-item">
<img src="img/foodcourt.png" alt="푸드코트">
<div class="overlay">
<h3>푸드코트</h3>
<p>휴게소 음식, 그 이상의 맛</p>
</div>
</div>
<div class="menu-item">
<img src="img/restaurant.png" alt="전문식당">
<div class="overlay">
<h3>전문식당</h3>
<p>고품격의 웰빙 퓨전메뉴</p>
</div>
</div>
<div class="menu-item">
<img src="img/dessert.png" alt="디저트/카페">
<div class="overlay">
<h3>디저트/카페</h3>
<p>결코 그냥 지나칠 수 없는 코스</p>
</div>
</div>
</div>
</div>
</section>
<section id="facilities">
<h2>시설 안내</h2>
<p>행담도 휴게소는 다양한 편의 시설을 제공합니다.</p>
</section>
<section id="rest-area">
<h2>휴식공간</h2>
<p>편안한 휴식을 취할 수 있는 공간입니다.</p>
</section>
<section id="content-facility">
<h2>콘텐츠시설</h2>
<p>다양한 콘텐츠를 즐길 수 있는 시설입니다.</p>
</section>
<section id="convenience">
<h2>편의시설</h2>
<p>여행객을 위한 다양한 편의시설을 제공합니다.</p>
</section>
<section id="food">
<h2>식사/간식</h2>
<p>다양한 음식과 간식을 즐길 수 있습니다.</p>
</section>
<section id="food-court">
<h2>푸드코트</h2>
<p>푸드코트에서 다양한 음식을 즐기세요.</p>
</section>
<section id="restaurant">
<h2>전문식당</h2>
<p>전문식당의 특별한 메뉴를 확인하세요.</p>
</section>
<section id="dessert-cafe">
<h2>디저트/카페</h2>
<p>달콤한 디저트와 커피를 즐길 수 있는 카페를 소개합니다.</p>
</section>
<section id="shopping">
<h2>쇼핑 정보</h2>
<p>쇼핑 관련 정보입니다.</p>
</section>
<section id="mall">
<h2>쇼핑몰</h2>
<p>쇼핑몰 관련 정보를 확인하세요.</p>
</section>
<section id="garden-event">
<h2>중앙정원행사</h2>
<p>중앙정원행사에 대한 정보를 확인하세요.</p>
</section>
<section id="special-event">
<h2>특별행사</h2>
<p>특별행사 정보를 확인하세요.</p>
</section>
<section id="news">
<h2>행담 소식</h2>
<p>휴게소 소식 및 이벤트 정보를 확인하세요.</p>
</section>
<section id="notice">
<h2>공지사항</h2>
<p>행담 소식의 공지사항 정보를 확인하세요.</p>
</section>
<section id="press">
<h2>보도자료</h2>
<p>보도자료를 확인하세요.</p>
</section>
<section id="event">
<h2>이벤트</h2>
<p>현재 진행 중인 이벤트 정보를 확인하세요.</p>
</section>
<section id="customer-service">
<h2>고객센터</h2>
<p>고객센터 정보를 확인하세요.</p>
</section>
<section id="faq">
<h2>자주 묻는 질문</h2>
<p>고객님들이 자주 묻는 질문들을 확인하세요.</p>
</section>
<section id="voice">
<h2>고객의 소리</h2>
<p>고객님의 소리를 듣고 반영합니다.</p>
</section>
<section id="group-order">
<h2>단체주문</h2>
<p>단체주문 관련 정보를 확인하세요.</p>
</section>
<section id="partnership">
<h2>입점/제휴 문의</h2>
<p>입점 및 제휴 문의는 여기서 확인하세요.</p>
</section>
<section id="directions">
<h2>오시는 길</h2>
<p>휴게소로 오시는 길을 안내드립니다.</p>
</section>
<footer>
<p>© 2024 행담도 휴게소. 모든 권리 보유.</p>
</footer>
</body>
</html>