김태민 / OpenSource_Project

Go to a project
Toggle navigation Toggle navigation pinning
김민석
999f57a4 1 parent 12b2136c

화면출력 변경

Inline Side-by-side
Showing 4 changed files with 344 additions and 690 deletions
1 +<!--
2 +<!DOCTYPE html>
3 +<html lang="en" dir="ltr">
4 +
5 +<head>
6 + <meta charset="utf-8">
7 + <link rel="stylesheet" href="/../style.css">
8 +<title>Test</title>
9 +</head>
10 +
11 +<body>
12 + <h1><a href="/food">점심 메뉴 정하기</a></h1>
13 +
14 +
15 + <div class="grid">
16 + <ul>
17 + <il><a href="/food/search">검색</a></il><br>
18 + <il><a href="/food/recommendation">추천</a></il>
19 + </ul>
20 +
21 + <article>
22 + <h2>
23 + <%= title %>
24 + </h2>
25 + <p><%= description %></p>
26 + <form action='/food/recommendation' method='post'>
27 +
28 + <p>
29 + 가격 :
30 + <input type="text" name="price" placeholder="price">
31 + </p>
32 + <p>
33 + 형태 :
34 + <input type="text" name="shape" placeholder="밥, 빵, 면">
35 + </p>
36 + <p>
37 + 종류 :
38 + <input type="text" name="kinds" placeholder="한식, 중식, 일식, 양식">
39 + </p>
40 + <p>
41 + <input type="submit">
42 + </p>
43 +
44 + </form>
45 + </article>
46 + </div class="grid">
47 +
48 +</body>
49 +
50 +</html> -->
1 <!doctype html> 51 <!doctype html>
2 <html lang="en"> 52 <html lang="en">
3 <head> 53 <head>
...@@ -5,7 +55,7 @@ ...@@ -5,7 +55,7 @@
5 <meta charset="utf-8"> 55 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 56 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 <link rel="icon" href="img/favicon.png" type="image/png"> 57 <link rel="icon" href="img/favicon.png" type="image/png">
8 - <title>Occupy Business</title> 58 + <title>음식 추천 웹사이트 이름</title>
9 <!-- Bootstrap CSS --> 59 <!-- Bootstrap CSS -->
10 <link rel="stylesheet" href="css/bootstrap.css"> 60 <link rel="stylesheet" href="css/bootstrap.css">
11 <link rel="stylesheet" href="vendors/linericon/style.css"> 61 <link rel="stylesheet" href="vendors/linericon/style.css">
...@@ -20,72 +70,52 @@ ...@@ -20,72 +70,52 @@
20 <link rel="stylesheet" href="css/responsive.css"> 70 <link rel="stylesheet" href="css/responsive.css">
21 </head> 71 </head>
22 <body> 72 <body>
23 - 73 +
24 - <!--================Header Menu Area =================--> 74 + <!--================Header Menu Area =================-->
25 - <header class="header_area"> 75 + <header class="header_area">
26 - <div class="main_menu"> 76 + <div class="main_menu">
27 - <nav class="navbar navbar-expand-lg navbar-light"> 77 + <nav class="navbar navbar-expand-lg navbar-light">
28 - <div class="container box_1620"> 78 + <div class="container box_1620">
29 - <!-- Brand and toggle get grouped for better mobile display --> 79 + <!-- Brand and toggle get grouped for better mobile display -->
30 - <a class="navbar-brand logo_h" href="index.html"><img src="img/logo.png" alt=""></a> 80 + <a class="navbar-brand logo_h" href="index.html"><img src="img/logo.png" alt=""></a>
31 - <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 81 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
32 - <span class="icon-bar"></span> 82 + <span class="icon-bar"></span>
33 - <span class="icon-bar"></span> 83 + <span class="icon-bar"></span>
34 - <span class="icon-bar"></span> 84 + <span class="icon-bar"></span>
35 - </button> 85 + </button>
36 - <!-- Collect the nav links, forms, and other content for toggling --> 86 + <!-- Collect the nav links, forms, and other content for toggling -->
37 - <div class="collapse navbar-collapse offset" id="navbarSupportedContent"> 87 + <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
38 - <ul class="nav navbar-nav menu_nav justify-content-center"> 88 + <ul class="nav navbar-nav menu_nav justify-content-center">
39 - <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> 89 + <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
40 - <li class="nav-item active"><a class="nav-link" href="about-us.html">About</a></li> 90 + <li class="nav-item"><a class="nav-link" href="about-us.html">검색</a></li>
41 - <li class="nav-item"><a class="nav-link" href="service.html">Services</a> 91 + <li class="nav-item"><a class="nav-link" href="service.html">추천</a>
42 - <li class="nav-item submenu dropdown"> 92 + </ul>
43 - <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages</a> 93 + <ul class="nav navbar-nav navbar-right">
44 - <ul class="dropdown-menu"> 94 + <li class="nav-item"><a href="#" class="search"><i class="lnr lnr-magnifier"></i></a></li>
45 - <li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a> 95 + </ul>
46 - <li class="nav-item"><a class="nav-link" href="portfolio-details.html">Portfolio Details</a> 96 + </div>
47 - <li class="nav-item"><a class="nav-link" href="elements.html">Elements</a></li> 97 + </div>
48 - </ul> 98 + </nav>
49 - </li> 99 + </div>
50 - <li class="nav-item submenu dropdown"> 100 + </header>
51 - <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog</a> 101 + <!--================Header Menu Area =================-->
52 - <ul class="dropdown-menu"> 102 +
53 - <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li> 103 + <!--================Home Banner Area =================-->
54 - <li class="nav-item"><a class="nav-link" href="single-blog.html">Blog Details</a></li> 104 + <section class="banner_area">
55 - </ul> 105 + <div class="banner_inner d-flex align-items-center">
56 - </li> 106 + <div class="container">
57 - <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li> 107 + <div class="banner_content">
58 - </ul> 108 + <h2>검색</h2>
59 - <ul class="nav navbar-nav navbar-right"> 109 + <div class="page_link">
60 - <li class="nav-item"><a href="#"><i class="fa fa-facebook"></i></a></li> 110 + <a href="index.html">Home</a>
61 - <li class="nav-item"><a href="#"><i class="fa fa-twitter"></i></a></li> 111 + <a href="about-us.html">검색</a>
62 - <li class="nav-item"><a href="#"><i class="fa fa-dribbble"></i></a></li> 112 + </div>
63 - <li class="nav-item"><a href="#"><i class="fa fa-behance"></i></a></li> 113 + </div>
64 - <li class="nav-item"><a href="#" class="search"><i class="lnr lnr-magnifier"></i></a></li> 114 + </div>
65 - </ul> 115 + </div>
66 - </div> 116 + </section>
67 - </div> 117 + <!--================End Home Banner Area =================-->
68 - </nav> 118 +
69 - </div>
70 - </header>
71 - <!--================Header Menu Area =================-->
72 -
73 - <!--================Home Banner Area =================-->
74 - <section class="banner_area">
75 - <div class="banner_inner d-flex align-items-center">
76 - <div class="container">
77 - <div class="banner_content">
78 - <h2>About Us</h2>
79 - <div class="page_link">
80 - <a href="index.html">Home</a>
81 - <a href="about-us.html">About Us</a>
82 - </div>
83 - </div>
84 - </div>
85 - </div>
86 - </section>
87 - <!--================End Home Banner Area =================-->
88 -
89 <!--================Mission Area =================--> 119 <!--================Mission Area =================-->
90 <section class="mission_area"> 120 <section class="mission_area">
91 <div class="row m0"> 121 <div class="row m0">
...@@ -129,74 +159,8 @@ ...@@ -129,74 +159,8 @@
129 </div> 159 </div>
130 </section> 160 </section>
131 <!--================End Mission Area =================--> 161 <!--================End Mission Area =================-->
132 - 162 +
133 - <!--================Team Area =================--> 163 +
134 - <section class="team_area">
135 - <div class="team_slider owl-carousel">
136 - <div class="item">
137 - <div class="team_item">
138 - <img src="img/team/team-1.jpg" alt="">
139 - <div class="hover_text">
140 - <a href="#"><h4>Glenn Watson</h4></a>
141 - <p>Managing Director (Sales)</p>
142 - <ul class="list">
143 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>
144 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>
145 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
146 - <li><a href="#"><i class="fa fa-behance"></i></a></li>
147 - </ul>
148 - </div>
149 - </div>
150 - </div>
151 - <div class="item">
152 - <div class="team_item">
153 - <img src="img/team/team-2.jpg" alt="">
154 - <div class="hover_text">
155 - <a href="#"><h4>Eva Yates</h4></a>
156 - <p>Managing Director (Sales)</p>
157 - <ul class="list">
158 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>
159 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>
160 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
161 - <li><a href="#"><i class="fa fa-behance"></i></a></li>
162 - </ul>
163 - </div>
164 - </div>
165 - </div>
166 - <div class="item">
167 - <div class="team_item">
168 - <img src="img/team/team-3.jpg" alt="">
169 - <div class="hover_text">
170 - <a href="#"><h4>Ethan Hopkins</h4></a>
171 - <p>Managing Director (Sales)</p>
172 - <ul class="list">
173 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>
174 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>
175 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
176 - <li><a href="#"><i class="fa fa-behance"></i></a></li>
177 - </ul>
178 - </div>
179 - </div>
180 - </div>
181 - <div class="item">
182 - <div class="team_item">
183 - <img src="img/team/team-4.jpg" alt="">
184 - <div class="hover_text">
185 - <a href="#"><h4>Maud Graham</h4></a>
186 - <p>Managing Director (Sales)</p>
187 - <ul class="list">
188 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>
189 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>
190 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
191 - <li><a href="#"><i class="fa fa-behance"></i></a></li>
192 - </ul>
193 - </div>
194 - </div>
195 - </div>
196 - </div>
197 - </section>
198 - <!--================End Team Area =================-->
199 -
200 <!--================Project Details Area =================--> 164 <!--================Project Details Area =================-->
201 <section class="project_know_area p_120"> 165 <section class="project_know_area p_120">
202 <div class="container"> 166 <div class="container">
...@@ -208,94 +172,48 @@ ...@@ -208,94 +172,48 @@
208 </div> 172 </div>
209 </section> 173 </section>
210 <!--================End Project Details Area =================--> 174 <!--================End Project Details Area =================-->
211 - 175 +
212 - <!--================ start footer Area =================--> 176 + <!--================ start footer Area =================-->
213 <footer class="footer-area"> 177 <footer class="footer-area">
214 <div class="container"> 178 <div class="container">
215 <div class="row"> 179 <div class="row">
216 <div class="col-lg-3 col-md-6 col-sm-6"> 180 <div class="col-lg-3 col-md-6 col-sm-6">
217 <div class="single-footer-widget"> 181 <div class="single-footer-widget">
218 - <h6 class="footer_title">About Biznance</h6> 182 + <h6 class="footer_title">여기는 설명쓰자</h6>
219 - <p>The world has become so fast paced that people don’t want to stand by reading a page of information, they would much rather look at a presentation and understand the message. It has come to a point where images and videos are</p> 183 + <p>아하하하핳ㅎ</p>
220 </div> 184 </div>
221 </div> 185 </div>
222 <div class="col-lg-3 col-md-6 col-sm-6"> 186 <div class="col-lg-3 col-md-6 col-sm-6">
223 <div class="single-footer-widget"> 187 <div class="single-footer-widget">
224 - <h6 class="footer_title">Navigation Links</h6> 188 + <h6 class="footer_title">여기는 바로 메뉴로 이동 쌉가능</h6>
225 <div class="row"> 189 <div class="row">
226 <div class="col-4"> 190 <div class="col-4">
227 <ul class="list"> 191 <ul class="list">
228 - <li><a href="#">Home</a></li> 192 + <li><a href="#">1</a></li>
229 - <li><a href="#">Feature</a></li> 193 + <li><a href="#">2</a></li>
230 - <li><a href="#">Services</a></li>
231 - <li><a href="#">Portfolio</a></li>
232 </ul> 194 </ul>
233 </div> 195 </div>
234 - <div class="col-4">
235 - <ul class="list">
236 - <li><a href="#">Team</a></li>
237 - <li><a href="#">Pricing</a></li>
238 - <li><a href="#">Blog</a></li>
239 - <li><a href="#">Contact</a></li>
240 - </ul>
241 - </div>
242 - </div>
243 - </div>
244 - </div>
245 - <div class="col-lg-3 col-md-6 col-sm-6">
246 - <div class="single-footer-widget">
247 - <h6 class="footer_title">Newsletter</h6>
248 - <p>For business professionals caught between high OEM price and mediocre print and graphic output, </p>
249 - <div id="mc_embed_signup">
250 - <form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get" class="subscribe_form relative">
251 - <div class="input-group d-flex flex-row">
252 - <input name="EMAIL" placeholder="Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email">
253 - <button class="btn sub-btn"><span class="lnr lnr-location"></span></button>
254 - </div>
255 - <div class="mt-10 info"></div>
256 - </form>
257 </div> 196 </div>
258 </div> 197 </div>
259 </div> 198 </div>
260 - <div class="col-lg-3 col-md-6 col-sm-6">
261 - <div class="single-footer-widget instafeed">
262 - <h6 class="footer_title">InstaFeed</h6>
263 - <ul class="list instafeed d-flex flex-wrap">
264 - <li><img src="img/instagram/Image-01.jpg" alt=""></li>
265 - <li><img src="img/instagram/Image-02.jpg" alt=""></li>
266 - <li><img src="img/instagram/Image-03.jpg" alt=""></li>
267 - <li><img src="img/instagram/Image-04.jpg" alt=""></li>
268 - <li><img src="img/instagram/Image-05.jpg" alt=""></li>
269 - <li><img src="img/instagram/Image-06.jpg" alt=""></li>
270 - <li><img src="img/instagram/Image-07.jpg" alt=""></li>
271 - <li><img src="img/instagram/Image-08.jpg" alt=""></li>
272 - </ul>
273 - </div>
274 - </div>
275 </div> 199 </div>
276 - 200 +
277 </div> 201 </div>
278 <div class="border_line"></div> 202 <div class="border_line"></div>
279 <div class="container"> 203 <div class="container">
280 <div class="row footer-bottom d-flex justify-content-between align-items-center"> 204 <div class="row footer-bottom d-flex justify-content-between align-items-center">
281 - <p class="col-lg-8 col-md-8 footer-text m-0"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> 205 + <p class="col-lg-8 col-md-8 footer-text m-0">
282 -Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> 206 + 밑에 하고싶은 말 적는곳
283 -<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p> 207 + </p>
284 - <div class="col-lg-4 col-md-4 footer-social">
285 - <a href="#"><i class="fa fa-facebook"></i></a>
286 - <a href="#"><i class="fa fa-twitter"></i></a>
287 - <a href="#"><i class="fa fa-dribbble"></i></a>
288 - <a href="#"><i class="fa fa-behance"></i></a>
289 - </div>
290 </div> 208 </div>
291 </div> 209 </div>
292 </footer> 210 </footer>
293 <!--================ End footer Area =================--> 211 <!--================ End footer Area =================-->
294 - 212 +
295 - 213 +
296 - 214 +
297 - 215 +
298 - 216 +
299 <!-- Optional JavaScript --> 217 <!-- Optional JavaScript -->
300 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 218 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
301 <script src="js/jquery-3.2.1.min.js"></script> 219 <script src="js/jquery-3.2.1.min.js"></script>
...@@ -315,4 +233,4 @@ Copyright &copy;<script>document.write(new Date().getFullYear());</script> All r ...@@ -315,4 +233,4 @@ Copyright &copy;<script>document.write(new Date().getFullYear());</script> All r
315 <script src="vendors/swiper/js/swiper.min.js"></script> 233 <script src="vendors/swiper/js/swiper.min.js"></script>
316 <script src="js/theme.js"></script> 234 <script src="js/theme.js"></script>
317 </body> 235 </body>
318 -</html>
...\ No newline at end of file ...\ No newline at end of file
236 +</html>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 <link rel="icon" href="img/favicon.png" type="image/png"> 7 <link rel="icon" href="img/favicon.png" type="image/png">
8 - <title>Occupy Business</title> 8 + <title>음식 추천 웹사이트 이름</title>
9 <!-- Bootstrap CSS --> 9 <!-- Bootstrap CSS -->
10 <link rel="stylesheet" href="css/bootstrap.css"> 10 <link rel="stylesheet" href="css/bootstrap.css">
11 <link rel="stylesheet" href="vendors/linericon/style.css"> 11 <link rel="stylesheet" href="vendors/linericon/style.css">
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
20 <link rel="stylesheet" href="css/responsive.css"> 20 <link rel="stylesheet" href="css/responsive.css">
21 </head> 21 </head>
22 <body> 22 <body>
23 - 23 +
24 <!--================Header Menu Area =================--> 24 <!--================Header Menu Area =================-->
25 <header class="header_area"> 25 <header class="header_area">
26 <div class="main_menu"> 26 <div class="main_menu">
...@@ -36,86 +36,57 @@ ...@@ -36,86 +36,57 @@
36 <!-- Collect the nav links, forms, and other content for toggling --> 36 <!-- Collect the nav links, forms, and other content for toggling -->
37 <div class="collapse navbar-collapse offset" id="navbarSupportedContent"> 37 <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
38 <ul class="nav navbar-nav menu_nav justify-content-center"> 38 <ul class="nav navbar-nav menu_nav justify-content-center">
39 - <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li> 39 + <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
40 - <li class="nav-item"><a class="nav-link" href="about-us.html">About</a></li> 40 + <li class="nav-item"><a class="nav-link" href="about-us.html">검색</a></li>
41 - <li class="nav-item"><a class="nav-link" href="service.html">Services</a> 41 + <li class="nav-item"><a class="nav-link" href="service.html">추천</a>
42 - <li class="nav-item submenu dropdown">
43 - <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages</a>
44 - <ul class="dropdown-menu">
45 - <li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a>
46 - <li class="nav-item"><a class="nav-link" href="portfolio-details.html">Portfolio Details</a>
47 - <li class="nav-item"><a class="nav-link" href="elements.html">Elements</a></li>
48 - </ul>
49 - </li>
50 - <li class="nav-item submenu dropdown">
51 - <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog</a>
52 - <ul class="dropdown-menu">
53 - <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
54 - <li class="nav-item"><a class="nav-link" href="single-blog.html">Blog Details</a></li>
55 - </ul>
56 - </li>
57 - <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
58 </ul> 42 </ul>
59 <ul class="nav navbar-nav navbar-right"> 43 <ul class="nav navbar-nav navbar-right">
60 - <li class="nav-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
61 - <li class="nav-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
62 - <li class="nav-item"><a href="#"><i class="fa fa-dribbble"></i></a></li>
63 - <li class="nav-item"><a href="#"><i class="fa fa-behance"></i></a></li>
64 <li class="nav-item"><a href="#" class="search"><i class="lnr lnr-magnifier"></i></a></li> 44 <li class="nav-item"><a href="#" class="search"><i class="lnr lnr-magnifier"></i></a></li>
65 </ul> 45 </ul>
66 - </div> 46 + </div>
67 </div> 47 </div>
68 </nav> 48 </nav>
69 </div> 49 </div>
70 </header> 50 </header>
71 <!--================Header Menu Area =================--> 51 <!--================Header Menu Area =================-->
72 - 52 +
73 <!--================Home Banner Area =================--> 53 <!--================Home Banner Area =================-->
74 <section class="home_banner_area"> 54 <section class="home_banner_area">
75 <div class="swiper-container"> 55 <div class="swiper-container">
76 <div class="swiper-wrapper"> 56 <div class="swiper-wrapper">
77 - <div class="swiper-slide"><img src="img/slider/slider-1.jpg" alt=""> 57 + <div class="swiper-slide"><img src="img/slider/slider-1.jpg" alt=""> <!-- 여기다가 음식 슬라이더 이미지를 넣자-->
78 <div class="slider_text_inner"> 58 <div class="slider_text_inner">
79 <div class="container"> 59 <div class="container">
80 <div class="row"> 60 <div class="row">
81 <div class="col-lg-7"> 61 <div class="col-lg-7">
82 <div class="slider_text"> 62 <div class="slider_text">
83 - <h2>We Combine <br />Business with Finance</h2> 63 + <h2>음식 추천 설명 <br />사진은 나중에 바꾸자</h2>
84 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
85 - <a class="banner_btn" href="#">Explore Us</a>
86 - <a class="banner_btn2" href="#">Get Free Quote</a>
87 </div> 64 </div>
88 </div> 65 </div>
89 </div> 66 </div>
90 </div> 67 </div>
91 </div> 68 </div>
92 </div> 69 </div>
93 - <div class="swiper-slide"><img src="img/slider/slider-1.jpg" alt=""> 70 + <div class="swiper-slide"><img src="img/slider/slider-1.jpg" alt=""> <!-- 여기다가 음식 슬라이더 이미지를 넣자-->
94 <div class="slider_text_inner"> 71 <div class="slider_text_inner">
95 <div class="container"> 72 <div class="container">
96 <div class="row"> 73 <div class="row">
97 <div class="col-lg-7"> 74 <div class="col-lg-7">
98 <div class="slider_text"> 75 <div class="slider_text">
99 - <h2>We Combine <br />Business with Finance</h2> 76 + <h2>음식 추천 설명<br />사진은 나중에 바꾸자</h2>
100 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
101 - <a class="banner_btn" href="#">Explore Us</a>
102 - <a class="banner_btn2" href="#">Get Free Quote</a>
103 </div> 77 </div>
104 </div> 78 </div>
105 </div> 79 </div>
106 </div> 80 </div>
107 </div> 81 </div>
108 </div> 82 </div>
109 - <div class="swiper-slide"><img src="img/slider/slider-1.jpg" alt=""> 83 + <div class="swiper-slide"><img src="img/slider/slider-1.jpg" alt=""> <!-- 여기다가 음식 슬라이더 이미지를 넣자-->
110 <div class="slider_text_inner"> 84 <div class="slider_text_inner">
111 <div class="container"> 85 <div class="container">
112 <div class="row"> 86 <div class="row">
113 <div class="col-lg-7"> 87 <div class="col-lg-7">
114 <div class="slider_text"> 88 <div class="slider_text">
115 - <h2>We Combine <br />Business with Finance</h2> 89 + <h2>음식 추천 설명<br />사진은 나중에 바꾸자</h2>
116 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
117 - <a class="banner_btn" href="#">Explore Us</a>
118 - <a class="banner_btn2" href="#">Get Free Quote</a>
119 </div> 90 </div>
120 </div> 91 </div>
121 </div> 92 </div>
...@@ -126,388 +97,48 @@ ...@@ -126,388 +97,48 @@
126 </div> 97 </div>
127 </section> 98 </section>
128 <!--================End Home Banner Area =================--> 99 <!--================End Home Banner Area =================-->
129 - 100 +
130 - <!--================Mission Area =================--> 101 + <!--================ start footer Area =================-->
131 - <section class="mission_area">
132 - <div class="row m0">
133 - <div class="col-lg-6 p0">
134 - <div class="left_img"><img src="img/mission-1.jpg" alt=""></div>
135 - </div>
136 - <div class="col-lg-6 p0">
137 - <div class="mission_slider owl-carousel">
138 - <div class="item">
139 - <div class="mission_text">
140 - <h4>Road to Success</h4>
141 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
142 - </div>
143 - <div class="mission_text">
144 - <h4>About Our Mission</h4>
145 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
146 - </div>
147 - </div>
148 - <div class="item">
149 - <div class="mission_text">
150 - <h4>Road to Success</h4>
151 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
152 - </div>
153 - <div class="mission_text">
154 - <h4>About Our Mission</h4>
155 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
156 - </div>
157 - </div>
158 - <div class="item">
159 - <div class="mission_text">
160 - <h4>About Our Mission</h4>
161 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
162 - </div>
163 - <div class="mission_text">
164 - <h4>Road to Success</h4>
165 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
166 - </div>
167 - </div>
168 - </div>
169 - </div>
170 - </div>
171 - </section>
172 - <!--================End Mission Area =================-->
173 -
174 - <!--================Success Area =================-->
175 - <section class="success_area">
176 - <div class="row m0">
177 - <div class="col-lg-6 p0">
178 - <div class="mission_text">
179 - <h4>Road to Success</h4>
180 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
181 - </div>
182 - </div>
183 - <div class="col-lg-6 p0">
184 - <div class="success_img">
185 - <img src="img/success-1.jpg" alt="">
186 - </div>
187 - </div>
188 - </div>
189 - <div class="row m0 right_dir">
190 - <div class="col-lg-6 p0">
191 - <div class="success_img">
192 - <img src="img/success-2.jpg" alt="">
193 - </div>
194 - </div>
195 - <div class="col-lg-6 p0">
196 - <div class="mission_text">
197 - <h4>Road to Success</h4>
198 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
199 - </div>
200 - </div>
201 - </div>
202 - </section>
203 - <!--================End Success Area =================-->
204 -
205 - <!--================Project Area =================-->
206 - <section class="project_area">
207 - <div class="row m0">
208 - <div class="col-lg-4 col-md-6 p0">
209 - <div class="project_item">
210 - <img src="img/project/project-1.jpg" alt="">
211 - <div class="hover_text">
212 - <h4>Exotic <br />Mangrove</h4>
213 - <div class="cat">
214 - <a href="#">Lifestyle</a>
215 - <a href="#">People</a>
216 - </div>
217 - <a class="main_btn" href="#">View More</a>
218 - </div>
219 - </div>
220 - </div>
221 - <div class="col-lg-4 col-md-6 p0">
222 - <div class="project_item">
223 - <img src="img/project/project-2.jpg" alt="">
224 - <div class="hover_text">
225 - <h4>Exotic <br />Mangrove</h4>
226 - <div class="cat">
227 - <a href="#">Lifestyle</a>
228 - <a href="#">People</a>
229 - </div>
230 - <a class="main_btn" href="#">View More</a>
231 - </div>
232 - </div>
233 - </div>
234 - <div class="col-lg-4 col-md-6 p0">
235 - <div class="project_item">
236 - <img src="img/project/project-3.jpg" alt="">
237 - <div class="hover_text">
238 - <h4>Exotic <br />Mangrove</h4>
239 - <div class="cat">
240 - <a href="#">Lifestyle</a>
241 - <a href="#">People</a>
242 - </div>
243 - <a class="main_btn" href="#">View More</a>
244 - </div>
245 - </div>
246 - </div>
247 - <div class="col-lg-4 col-md-6 p0">
248 - <div class="project_item">
249 - <img src="img/project/project-4.jpg" alt="">
250 - <div class="hover_text">
251 - <h4>Exotic <br />Mangrove</h4>
252 - <div class="cat">
253 - <a href="#">Lifestyle</a>
254 - <a href="#">People</a>
255 - </div>
256 - <a class="main_btn" href="#">View More</a>
257 - </div>
258 - </div>
259 - </div>
260 - <div class="col-lg-4 col-md-6 p0">
261 - <div class="project_item">
262 - <img src="img/project/project-5.jpg" alt="">
263 - <div class="hover_text">
264 - <h4>Exotic <br />Mangrove</h4>
265 - <div class="cat">
266 - <a href="#">Lifestyle</a>
267 - <a href="#">People</a>
268 - </div>
269 - <a class="main_btn" href="#">View More</a>
270 - </div>
271 - </div>
272 - </div>
273 - <div class="col-lg-4 col-md-6 p0">
274 - <div class="project_item">
275 - <img src="img/project/project-6.jpg" alt="">
276 - <div class="hover_text">
277 - <h4>Exotic <br />Mangrove</h4>
278 - <div class="cat">
279 - <a href="#">Lifestyle</a>
280 - <a href="#">People</a>
281 - </div>
282 - <a class="main_btn" href="#">View More</a>
283 - </div>
284 - </div>
285 - </div>
286 - </div>
287 - </section>
288 - <!--================End Project Area =================-->
289 -
290 - <!--================Team Area =================-->
291 - <section class="team_area">
292 - <div class="team_slider owl-carousel">
293 - <div class="item">
294 - <div class="team_item">
295 - <img src="img/team/team-1.jpg" alt="">
296 - <div class="hover_text">
297 - <a href="#"><h4>Glenn Watson</h4></a>
298 - <p>Managing Director (Sales)</p>
299 - <ul class="list">
300 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>
301 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>
302 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
303 - <li><a href="#"><i class="fa fa-behance"></i></a></li>
304 - </ul>
305 - </div>
306 - </div>
307 - </div>
308 - <div class="item">
309 - <div class="team_item">
310 - <img src="img/team/team-2.jpg" alt="">
311 - <div class="hover_text">
312 - <a href="#"><h4>Eva Yates</h4></a>
313 - <p>Managing Director (Sales)</p>
314 - <ul class="list">
315 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>
316 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>
317 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
318 - <li><a href="#"><i class="fa fa-behance"></i></a></li>
319 - </ul>
320 - </div>
321 - </div>
322 - </div>
323 - <div class="item">
324 - <div class="team_item">
325 - <img src="img/team/team-3.jpg" alt="">
326 - <div class="hover_text">
327 - <a href="#"><h4>Ethan Hopkins</h4></a>
328 - <p>Managing Director (Sales)</p>
329 - <ul class="list">
330 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>
331 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>
332 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
333 - <li><a href="#"><i class="fa fa-behance"></i></a></li>
334 - </ul>
335 - </div>
336 - </div>
337 - </div>
338 - <div class="item">
339 - <div class="team_item">
340 - <img src="img/team/team-4.jpg" alt="">
341 - <div class="hover_text">
342 - <a href="#"><h4>Maud Graham</h4></a>
343 - <p>Managing Director (Sales)</p>
344 - <ul class="list">
345 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>
346 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>
347 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
348 - <li><a href="#"><i class="fa fa-behance"></i></a></li>
349 - </ul>
350 - </div>
351 - </div>
352 - </div>
353 - </div>
354 - </section>
355 - <!--================End Team Area =================-->
356 -
357 - <!--================Project Details Area =================-->
358 - <section class="project_know_area p_120">
359 - <div class="container">
360 - <div class="project_know_inner text-center">
361 - <h3>Get to Know Project Estimate?</h3>
362 - <p>There is a moment in the life of any aspiring astronomer that it is time to buy that first telescope. It’s exciting to think about setting up your own viewing station whether that is on the deck</p>
363 - <a class="white_btn" href="#">Get Free Estimate</a>
364 - </div>
365 - </div>
366 - </section>
367 - <!--================End Project Details Area =================-->
368 -
369 - <!--================Home Blog Area =================-->
370 - <section class="home_blog_area">
371 - <div class="row m0">
372 - <div class="col-lg-3 p0">
373 - <div class="h_blog_img">
374 - <img src="img/home-blog/h-blog-1.jpg" alt="">
375 - </div>
376 - </div>
377 - <div class="col-lg-3 p0">
378 - <div class="h_blog_text">
379 - <a class="cat" href="#">25 june, 2018 | By Mark Wiens</a>
380 - <a href="#"><h4>Addiction When Gambling Becomes A Problem</h4></a>
381 - <p>Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in front of their desktops.</p>
382 - </div>
383 - </div>
384 - <div class="col-lg-3 p0">
385 - <div class="h_blog_img">
386 - <img src="img/home-blog/h-blog-2.jpg" alt="">
387 - </div>
388 - </div>
389 - <div class="col-lg-3 p0">
390 - <div class="h_blog_text">
391 - <a class="cat" href="#">25 june, 2018 | By Mark Wiens</a>
392 - <a href="#"><h4>Addiction When Gambling Becomes A Problem</h4></a>
393 - <p>Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in front of their desktops.</p>
394 - </div>
395 - </div>
396 - <div class="col-lg-3 p0">
397 - <div class="h_blog_text">
398 - <a class="cat" href="#">25 june, 2018 | By Mark Wiens</a>
399 - <a href="#"><h4>Addiction When Gambling Becomes A Problem</h4></a>
400 - <p>Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in front of their desktops.</p>
401 - </div>
402 - </div>
403 - <div class="col-lg-3 p0">
404 - <div class="h_blog_img">
405 - <img src="img/home-blog/h-blog-3.jpg" alt="">
406 - </div>
407 - </div>
408 - <div class="col-lg-3 p0">
409 - <div class="h_blog_text">
410 - <a class="cat" href="#">25 june, 2018 | By Mark Wiens</a>
411 - <a href="#"><h4>Addiction When Gambling Becomes A Problem</h4></a>
412 - <p>Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in front of their desktops.</p>
413 - </div>
414 - </div>
415 - <div class="col-lg-3 p0">
416 - <div class="h_blog_img">
417 - <img src="img/home-blog/h-blog-4.jpg" alt="">
418 - </div>
419 - </div>
420 - </div>
421 - </section>
422 - <!--================End Home Blog Area =================-->
423 -
424 - <!--================ start footer Area =================-->
425 <footer class="footer-area"> 102 <footer class="footer-area">
426 <div class="container"> 103 <div class="container">
427 <div class="row"> 104 <div class="row">
428 <div class="col-lg-3 col-md-6 col-sm-6"> 105 <div class="col-lg-3 col-md-6 col-sm-6">
429 <div class="single-footer-widget"> 106 <div class="single-footer-widget">
430 - <h6 class="footer_title">About Biznance</h6> 107 + <h6 class="footer_title">여기는 설명쓰자</h6>
431 - <p>The world has become so fast paced that people don’t want to stand by reading a page of information, they would much rather look at a presentation and understand the message. It has come to a point where images and videos are</p> 108 + <p>아하하하핳ㅎ</p>
432 </div> 109 </div>
433 </div> 110 </div>
434 <div class="col-lg-3 col-md-6 col-sm-6"> 111 <div class="col-lg-3 col-md-6 col-sm-6">
435 <div class="single-footer-widget"> 112 <div class="single-footer-widget">
436 - <h6 class="footer_title">Navigation Links</h6> 113 + <h6 class="footer_title">여기는 바로 메뉴로 이동 쌉가능</h6>
437 <div class="row"> 114 <div class="row">
438 <div class="col-4"> 115 <div class="col-4">
439 <ul class="list"> 116 <ul class="list">
440 - <li><a href="#">Home</a></li> 117 + <li><a href="#">1</a></li>
441 - <li><a href="#">Feature</a></li> 118 + <li><a href="#">2</a></li>
442 - <li><a href="#">Services</a></li>
443 - <li><a href="#">Portfolio</a></li>
444 </ul> 119 </ul>
445 </div> 120 </div>
446 - <div class="col-4">
447 - <ul class="list">
448 - <li><a href="#">Team</a></li>
449 - <li><a href="#">Pricing</a></li>
450 - <li><a href="#">Blog</a></li>
451 - <li><a href="#">Contact</a></li>
452 - </ul>
453 - </div>
454 - </div>
455 - </div>
456 - </div>
457 - <div class="col-lg-3 col-md-6 col-sm-6">
458 - <div class="single-footer-widget">
459 - <h6 class="footer_title">Newsletter</h6>
460 - <p>For business professionals caught between high OEM price and mediocre print and graphic output, </p>
461 - <div id="mc_embed_signup">
462 - <form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get" class="subscribe_form relative">
463 - <div class="input-group d-flex flex-row">
464 - <input name="EMAIL" placeholder="Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email">
465 - <button class="btn sub-btn"><span class="lnr lnr-location"></span></button>
466 - </div>
467 - <div class="mt-10 info"></div>
468 - </form>
469 </div> 121 </div>
470 </div> 122 </div>
471 </div> 123 </div>
472 - <div class="col-lg-3 col-md-6 col-sm-6">
473 - <div class="single-footer-widget instafeed">
474 - <h6 class="footer_title">InstaFeed</h6>
475 - <ul class="list instafeed d-flex flex-wrap">
476 - <li><img src="img/instagram/Image-01.jpg" alt=""></li>
477 - <li><img src="img/instagram/Image-02.jpg" alt=""></li>
478 - <li><img src="img/instagram/Image-03.jpg" alt=""></li>
479 - <li><img src="img/instagram/Image-04.jpg" alt=""></li>
480 - <li><img src="img/instagram/Image-05.jpg" alt=""></li>
481 - <li><img src="img/instagram/Image-06.jpg" alt=""></li>
482 - <li><img src="img/instagram/Image-07.jpg" alt=""></li>
483 - <li><img src="img/instagram/Image-08.jpg" alt=""></li>
484 - </ul>
485 - </div>
486 - </div>
487 </div> 124 </div>
488 - 125 +
489 </div> 126 </div>
490 <div class="border_line"></div> 127 <div class="border_line"></div>
491 <div class="container"> 128 <div class="container">
492 <div class="row footer-bottom d-flex justify-content-between align-items-center"> 129 <div class="row footer-bottom d-flex justify-content-between align-items-center">
493 - <p class="col-lg-8 col-md-8 footer-text m-0"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> 130 + <p class="col-lg-8 col-md-8 footer-text m-0">
494 -Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> 131 + 밑에 하고싶은 말 적는곳
495 -<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p> 132 + </p>
496 - <div class="col-lg-4 col-md-4 footer-social">
497 - <a href="#"><i class="fa fa-facebook"></i></a>
498 - <a href="#"><i class="fa fa-twitter"></i></a>
499 - <a href="#"><i class="fa fa-dribbble"></i></a>
500 - <a href="#"><i class="fa fa-behance"></i></a>
501 - </div>
502 </div> 133 </div>
503 </div> 134 </div>
504 </footer> 135 </footer>
505 <!--================ End footer Area =================--> 136 <!--================ End footer Area =================-->
506 - 137 +
507 - 138 +
508 - 139 +
509 - 140 +
510 - 141 +
511 <!-- Optional JavaScript --> 142 <!-- Optional JavaScript -->
512 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 143 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
513 <script src="js/jquery-3.2.1.min.js"></script> 144 <script src="js/jquery-3.2.1.min.js"></script>
...@@ -527,4 +158,4 @@ Copyright &copy;<script>document.write(new Date().getFullYear());</script> All r ...@@ -527,4 +158,4 @@ Copyright &copy;<script>document.write(new Date().getFullYear());</script> All r
527 <script src="vendors/swiper/js/swiper.min.js"></script> 158 <script src="vendors/swiper/js/swiper.min.js"></script>
528 <script src="js/theme.js"></script> 159 <script src="js/theme.js"></script>
529 </body> 160 </body>
530 -</html>
...\ No newline at end of file ...\ No newline at end of file
161 +</html>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 <link rel="icon" href="img/favicon.png" type="image/png"> 7 <link rel="icon" href="img/favicon.png" type="image/png">
8 - <title>Occupy Business</title> 8 + <title>음식 추천 웹사이트 이름</title>
9 <!-- Bootstrap CSS --> 9 <!-- Bootstrap CSS -->
10 <link rel="stylesheet" href="css/bootstrap.css"> 10 <link rel="stylesheet" href="css/bootstrap.css">
11 <link rel="stylesheet" href="vendors/linericon/style.css"> 11 <link rel="stylesheet" href="vendors/linericon/style.css">
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
20 <link rel="stylesheet" href="css/responsive.css"> 20 <link rel="stylesheet" href="css/responsive.css">
21 </head> 21 </head>
22 <body> 22 <body>
23 - 23 +
24 <!--================Header Menu Area =================--> 24 <!--================Header Menu Area =================-->
25 <header class="header_area"> 25 <header class="header_area">
26 <div class="main_menu"> 26 <div class="main_menu">
...@@ -36,56 +36,36 @@ ...@@ -36,56 +36,36 @@
36 <!-- Collect the nav links, forms, and other content for toggling --> 36 <!-- Collect the nav links, forms, and other content for toggling -->
37 <div class="collapse navbar-collapse offset" id="navbarSupportedContent"> 37 <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
38 <ul class="nav navbar-nav menu_nav justify-content-center"> 38 <ul class="nav navbar-nav menu_nav justify-content-center">
39 - <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li> 39 + <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
40 - <li class="nav-item"><a class="nav-link" href="about-us.html">About</a></li> 40 + <li class="nav-item"><a class="nav-link" href="about-us.html">검색</a></li> <!-- 나중에 연결 html이름 수정-->
41 - <li class="nav-item active"><a class="nav-link" href="service.html">Services</a> 41 + <li class="nav-item"><a class="nav-link" href="service.html">추천</a>
42 - <li class="nav-item submenu dropdown">
43 - <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages</a>
44 - <ul class="dropdown-menu">
45 - <li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a>
46 - <li class="nav-item"><a class="nav-link" href="portfolio-details.html">Portfolio Details</a>
47 - <li class="nav-item"><a class="nav-link" href="elements.html">Elements</a></li>
48 - </ul>
49 - </li>
50 - <li class="nav-item submenu dropdown">
51 - <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog</a>
52 - <ul class="dropdown-menu">
53 - <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
54 - <li class="nav-item"><a class="nav-link" href="single-blog.html">Blog Details</a></li>
55 - </ul>
56 - </li>
57 - <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
58 </ul> 42 </ul>
59 <ul class="nav navbar-nav navbar-right"> 43 <ul class="nav navbar-nav navbar-right">
60 - <li class="nav-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
61 - <li class="nav-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
62 - <li class="nav-item"><a href="#"><i class="fa fa-dribbble"></i></a></li>
63 - <li class="nav-item"><a href="#"><i class="fa fa-behance"></i></a></li>
64 <li class="nav-item"><a href="#" class="search"><i class="lnr lnr-magnifier"></i></a></li> 44 <li class="nav-item"><a href="#" class="search"><i class="lnr lnr-magnifier"></i></a></li>
65 </ul> 45 </ul>
66 - </div> 46 + </div>
67 </div> 47 </div>
68 </nav> 48 </nav>
69 </div> 49 </div>
70 </header> 50 </header>
71 <!--================Header Menu Area =================--> 51 <!--================Header Menu Area =================-->
72 - 52 +
73 <!--================Home Banner Area =================--> 53 <!--================Home Banner Area =================-->
74 <section class="banner_area"> 54 <section class="banner_area">
75 <div class="banner_inner d-flex align-items-center"> 55 <div class="banner_inner d-flex align-items-center">
76 <div class="container"> 56 <div class="container">
77 <div class="banner_content"> 57 <div class="banner_content">
78 - <h2>Services</h2> 58 + <h2>추천</h2>
79 <div class="page_link"> 59 <div class="page_link">
80 <a href="index.html">Home</a> 60 <a href="index.html">Home</a>
81 - <a href="service.html">Services</a> 61 + <a href="service.html">추천</a>
82 </div> 62 </div>
83 </div> 63 </div>
84 </div> 64 </div>
85 </div> 65 </div>
86 </section> 66 </section>
87 <!--================End Home Banner Area =================--> 67 <!--================End Home Banner Area =================-->
88 - 68 +
89 <!--================Success Area =================--> 69 <!--================Success Area =================-->
90 <section class="success_area"> 70 <section class="success_area">
91 <div class="row m0"> 71 <div class="row m0">
...@@ -116,94 +96,48 @@ ...@@ -116,94 +96,48 @@
116 </div> 96 </div>
117 </section> 97 </section>
118 <!--================End Success Area =================--> 98 <!--================End Success Area =================-->
119 - 99 +
120 - <!--================ start footer Area =================--> 100 + <!--================ start footer Area =================-->
121 <footer class="footer-area"> 101 <footer class="footer-area">
122 <div class="container"> 102 <div class="container">
123 <div class="row"> 103 <div class="row">
124 <div class="col-lg-3 col-md-6 col-sm-6"> 104 <div class="col-lg-3 col-md-6 col-sm-6">
125 <div class="single-footer-widget"> 105 <div class="single-footer-widget">
126 - <h6 class="footer_title">About Biznance</h6> 106 + <h6 class="footer_title">여기는 설명쓰자</h6>
127 - <p>The world has become so fast paced that people don’t want to stand by reading a page of information, they would much rather look at a presentation and understand the message. It has come to a point where images and videos are</p> 107 + <p>아하하하핳ㅎ</p>
128 </div> 108 </div>
129 </div> 109 </div>
130 <div class="col-lg-3 col-md-6 col-sm-6"> 110 <div class="col-lg-3 col-md-6 col-sm-6">
131 <div class="single-footer-widget"> 111 <div class="single-footer-widget">
132 - <h6 class="footer_title">Navigation Links</h6> 112 + <h6 class="footer_title">여기는 바로 메뉴로 이동 쌉가능</h6>
133 <div class="row"> 113 <div class="row">
134 <div class="col-4"> 114 <div class="col-4">
135 <ul class="list"> 115 <ul class="list">
136 - <li><a href="#">Home</a></li> 116 + <li><a href="#">1</a></li>
137 - <li><a href="#">Feature</a></li> 117 + <li><a href="#">2</a></li>
138 - <li><a href="#">Services</a></li>
139 - <li><a href="#">Portfolio</a></li>
140 </ul> 118 </ul>
141 </div> 119 </div>
142 - <div class="col-4">
143 - <ul class="list">
144 - <li><a href="#">Team</a></li>
145 - <li><a href="#">Pricing</a></li>
146 - <li><a href="#">Blog</a></li>
147 - <li><a href="#">Contact</a></li>
148 - </ul>
149 - </div>
150 - </div>
151 - </div>
152 - </div>
153 - <div class="col-lg-3 col-md-6 col-sm-6">
154 - <div class="single-footer-widget">
155 - <h6 class="footer_title">Newsletter</h6>
156 - <p>For business professionals caught between high OEM price and mediocre print and graphic output, </p>
157 - <div id="mc_embed_signup">
158 - <form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get" class="subscribe_form relative">
159 - <div class="input-group d-flex flex-row">
160 - <input name="EMAIL" placeholder="Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email">
161 - <button class="btn sub-btn"><span class="lnr lnr-location"></span></button>
162 - </div>
163 - <div class="mt-10 info"></div>
164 - </form>
165 </div> 120 </div>
166 </div> 121 </div>
167 </div> 122 </div>
168 - <div class="col-lg-3 col-md-6 col-sm-6">
169 - <div class="single-footer-widget instafeed">
170 - <h6 class="footer_title">InstaFeed</h6>
171 - <ul class="list instafeed d-flex flex-wrap">
172 - <li><img src="img/instagram/Image-01.jpg" alt=""></li>
173 - <li><img src="img/instagram/Image-02.jpg" alt=""></li>
174 - <li><img src="img/instagram/Image-03.jpg" alt=""></li>
175 - <li><img src="img/instagram/Image-04.jpg" alt=""></li>
176 - <li><img src="img/instagram/Image-05.jpg" alt=""></li>
177 - <li><img src="img/instagram/Image-06.jpg" alt=""></li>
178 - <li><img src="img/instagram/Image-07.jpg" alt=""></li>
179 - <li><img src="img/instagram/Image-08.jpg" alt=""></li>
180 - </ul>
181 - </div>
182 - </div>
183 </div> 123 </div>
184 - 124 +
185 </div> 125 </div>
186 <div class="border_line"></div> 126 <div class="border_line"></div>
187 <div class="container"> 127 <div class="container">
188 <div class="row footer-bottom d-flex justify-content-between align-items-center"> 128 <div class="row footer-bottom d-flex justify-content-between align-items-center">
189 - <p class="col-lg-8 col-md-8 footer-text m-0">Copyright © 2018 | All rights reserved to <a href="#">Colorlib</a<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> 129 + <p class="col-lg-8 col-md-8 footer-text m-0">
190 -Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> 130 + 밑에 하고싶은 말 적는곳
191 -<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p> 131 + </p>
192 - <div class="col-lg-4 col-md-4 footer-social">
193 - <a href="#"><i class="fa fa-facebook"></i></a>
194 - <a href="#"><i class="fa fa-twitter"></i></a>
195 - <a href="#"><i class="fa fa-dribbble"></i></a>
196 - <a href="#"><i class="fa fa-behance"></i></a>
197 - </div>
198 </div> 132 </div>
199 </div> 133 </div>
200 </footer> 134 </footer>
201 <!--================ End footer Area =================--> 135 <!--================ End footer Area =================-->
202 - 136 +
203 - 137 +
204 - 138 +
205 - 139 +
206 - 140 +
207 <!-- Optional JavaScript --> 141 <!-- Optional JavaScript -->
208 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 142 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
209 <script src="js/jquery-3.2.1.min.js"></script> 143 <script src="js/jquery-3.2.1.min.js"></script>
...@@ -223,4 +157,4 @@ Copyright &copy;<script>document.write(new Date().getFullYear());</script> All r ...@@ -223,4 +157,4 @@ Copyright &copy;<script>document.write(new Date().getFullYear());</script> All r
223 <script src="vendors/swiper/js/swiper.min.js"></script> 157 <script src="vendors/swiper/js/swiper.min.js"></script>
224 <script src="js/theme.js"></script> 158 <script src="js/theme.js"></script>
225 </body> 159 </body>
226 -</html>
...\ No newline at end of file ...\ No newline at end of file
160 +</html>
......
1 +<!--
1 <!DOCTYPE html> 2 <!DOCTYPE html>
2 <html lang="en" dir="ltr"> 3 <html lang="en" dir="ltr">
3 4
...@@ -46,4 +47,174 @@ ...@@ -46,4 +47,174 @@
46 47
47 </body> 48 </body>
48 49
50 +</html> -->
51 +<!doctype html>
52 +<html lang="en">
53 + <head>
54 + <!-- Required meta tags -->
55 + <meta charset="utf-8">
56 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
57 + <link rel="icon" href="img/favicon.png" type="image/png">
58 + <title>음식 추천 웹사이트 이름</title>
59 + <!-- Bootstrap CSS -->
60 + <link rel="stylesheet" href="css/bootstrap.css">
61 + <link rel="stylesheet" href="vendors/linericon/style.css">
62 + <link rel="stylesheet" href="css/font-awesome.min.css">
63 + <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
64 + <link rel="stylesheet" href="vendors/lightbox/simpleLightbox.css">
65 + <link rel="stylesheet" href="vendors/nice-select/css/nice-select.css">
66 + <link rel="stylesheet" href="vendors/animate-css/animate.css">
67 + <link rel="stylesheet" href="vendors/swiper/css/swiper.min.css">
68 + <!-- main css -->
69 + <link rel="stylesheet" href="css/style.css">
70 + <link rel="stylesheet" href="css/responsive.css">
71 + </head>
72 + <body>
73 +
74 + <!--================Header Menu Area =================-->
75 + <header class="header_area">
76 + <div class="main_menu">
77 + <nav class="navbar navbar-expand-lg navbar-light">
78 + <div class="container box_1620">
79 + <!-- Brand and toggle get grouped for better mobile display -->
80 + <a class="navbar-brand logo_h" href="index.html"><img src="img/logo.png" alt=""></a>
81 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
82 + <span class="icon-bar"></span>
83 + <span class="icon-bar"></span>
84 + <span class="icon-bar"></span>
85 + </button>
86 + <!-- Collect the nav links, forms, and other content for toggling -->
87 + <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
88 + <ul class="nav navbar-nav menu_nav justify-content-center">
89 + <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
90 + <li class="nav-item"><a class="nav-link" href="about-us.html">검색</a></li>
91 + <li class="nav-item"><a class="nav-link" href="service.html">추천</a>
92 + </ul>
93 + <ul class="nav navbar-nav navbar-right">
94 + <li class="nav-item"><a href="#" class="search"><i class="lnr lnr-magnifier"></i></a></li>
95 + </ul>
96 + </div>
97 + </div>
98 + </nav>
99 + </div>
100 + </header>
101 + <!--================Header Menu Area =================-->
102 +
103 + <!--================Mission Area =================-->
104 + <section class="mission_area">
105 + <div class="row m0">
106 + <div class="col-lg-6 p0">
107 + <div class="left_img"><img src="img/mission-1.jpg" alt=""></div>
108 + </div>
109 + <div class="col-lg-6 p0">
110 + <div class="mission_slider owl-carousel">
111 + <div class="item">
112 + <div class="mission_text">
113 + <h4>Road to Success</h4>
114 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
115 + </div>
116 + <div class="mission_text">
117 + <h4>About Our Mission</h4>
118 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
119 + </div>
120 + </div>
121 + <div class="item">
122 + <div class="mission_text">
123 + <h4>Road to Success</h4>
124 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
125 + </div>
126 + <div class="mission_text">
127 + <h4>About Our Mission</h4>
128 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
129 + </div>
130 + </div>
131 + <div class="item">
132 + <div class="mission_text">
133 + <h4>About Our Mission</h4>
134 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
135 + </div>
136 + <div class="mission_text">
137 + <h4>Road to Success</h4>
138 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt labore dolore magna aliqua enim minim veniam quis nostrud.</p>
139 + </div>
140 + </div>
141 + </div>
142 + </div>
143 + </div>
144 + </section>
145 + <!--================End Mission Area =================-->
146 +
147 +
148 + <!--================Project Details Area =================-->
149 + <section class="project_know_area p_120">
150 + <div class="container">
151 + <div class="project_know_inner text-center">
152 + <h3>Get to Know Project Estimate?</h3>
153 + <p>There is a moment in the life of any aspiring astronomer that it is time to buy that first telescope. It’s exciting to think about setting up your own viewing station whether that is on the deck</p>
154 + <a class="white_btn" href="#">Get Free Estimate</a>
155 + </div>
156 + </div>
157 + </section>
158 + <!--================End Project Details Area =================-->
159 +
160 + <!--================ start footer Area =================-->
161 + <footer class="footer-area">
162 + <div class="container">
163 + <div class="row">
164 + <div class="col-lg-3 col-md-6 col-sm-6">
165 + <div class="single-footer-widget">
166 + <h6 class="footer_title">여기는 설명쓰자</h6>
167 + <p>아하하하핳ㅎ</p>
168 + </div>
169 + </div>
170 + <div class="col-lg-3 col-md-6 col-sm-6">
171 + <div class="single-footer-widget">
172 + <h6 class="footer_title">여기는 바로 메뉴로 이동 쌉가능</h6>
173 + <div class="row">
174 + <div class="col-4">
175 + <ul class="list">
176 + <li><a href="#">1</a></li>
177 + <li><a href="#">2</a></li>
178 + </ul>
179 + </div>
180 + </div>
181 + </div>
182 + </div>
183 + </div>
184 +
185 + </div>
186 + <div class="border_line"></div>
187 + <div class="container">
188 + <div class="row footer-bottom d-flex justify-content-between align-items-center">
189 + <p class="col-lg-8 col-md-8 footer-text m-0">
190 + 밑에 하고싶은 말 적는곳
191 + </p>
192 + </div>
193 + </div>
194 + </footer>
195 + <!--================ End footer Area =================-->
196 +
197 +
198 +
199 +
200 +
201 + <!-- Optional JavaScript -->
202 + <!-- jQuery first, then Popper.js, then Bootstrap JS -->
203 + <script src="js/jquery-3.2.1.min.js"></script>
204 + <script src="js/popper.js"></script>
205 + <script src="js/bootstrap.min.js"></script>
206 + <script src="js/stellar.js"></script>
207 + <script src="vendors/lightbox/simpleLightbox.min.js"></script>
208 + <script src="vendors/nice-select/js/jquery.nice-select.min.js"></script>
209 + <script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
210 + <script src="vendors/isotope/isotope-min.js"></script>
211 + <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
212 + <script src="js/jquery.ajaxchimp.min.js"></script>
213 + <script src="vendors/counter-up/jquery.waypoints.min.js"></script>
214 + <script src="vendors/counter-up/jquery.counterup.js"></script>
215 + <script src="js/mail-script.js"></script>
216 + <script src="vendors/popup/jquery.magnific-popup.min.js"></script>
217 + <script src="vendors/swiper/js/swiper.min.js"></script>
218 + <script src="js/theme.js"></script>
219 + </body>
49 </html> 220 </html>
......