김태민 / 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 171 additions and 0 deletions
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
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>
......