김태민 / OpenSource_Project

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

화면출력 변경

Expand all
Inline Side-by-side
Showing 4 changed files with 185 additions and 80 deletions
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
...@@ -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">
...@@ -36,31 +36,11 @@ ...@@ -36,31 +36,11 @@
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>
...@@ -75,10 +55,10 @@ ...@@ -75,10 +55,10 @@
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>
...@@ -123,78 +103,32 @@ ...@@ -123,78 +103,32 @@
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> 120 </div>
150 </div> 121 </div>
151 </div> 122 </div>
152 </div> 123 </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>
166 - </div>
167 - </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>
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>
......
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>
......