├── img
    ├── food1.jpg
    ├── food2.jpg
    ├── food3.jpg
    ├── food4.jpg
    ├── backgound1.jpg
    ├── background2.jpg
    ├── background3.jpg
    └── background4.jpg
├── README.md
├── styles.css
└── index.html


/img/food1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abhijith365/Resto-Website-responsive-bootstrap/HEAD/img/food1.jpg


--------------------------------------------------------------------------------
/img/food2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abhijith365/Resto-Website-responsive-bootstrap/HEAD/img/food2.jpg


--------------------------------------------------------------------------------
/img/food3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abhijith365/Resto-Website-responsive-bootstrap/HEAD/img/food3.jpg


--------------------------------------------------------------------------------
/img/food4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abhijith365/Resto-Website-responsive-bootstrap/HEAD/img/food4.jpg


--------------------------------------------------------------------------------
/img/backgound1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abhijith365/Resto-Website-responsive-bootstrap/HEAD/img/backgound1.jpg


--------------------------------------------------------------------------------
/img/background2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abhijith365/Resto-Website-responsive-bootstrap/HEAD/img/background2.jpg


--------------------------------------------------------------------------------
/img/background3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abhijith365/Resto-Website-responsive-bootstrap/HEAD/img/background3.jpg


--------------------------------------------------------------------------------
/img/background4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/abhijith365/Resto-Website-responsive-bootstrap/HEAD/img/background4.jpg


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Resto-Website-responsive-bootstrap
2 | Website-responsive-bootstrap
3 | ## link to site
4 | ### https://abhijith365.github.io/Greatness-website-bootsrape/
5 | ![retro](https://user-images.githubusercontent.com/63362359/110669995-ec369180-81f2-11eb-9409-e54f96b679f0.png)
6 | 
7 | 


--------------------------------------------------------------------------------
/styles.css:
--------------------------------------------------------------------------------
  1 | #header-nav {
  2 | 
  3 | 	background: url("./img/background3.jpg") no-repeat;
  4 | 	background-size: cover;
  5 | 	background-attachment: fixed;
  6 | 	min-height: 512px;
  7 | }
  8 | 
  9 | .navbar {
 10 | 
 11 | 	padding: 0 0 4.5rem;
 12 | }
 13 | 
 14 | 
 15 | .nav-item {
 16 | 	padding: 0px 12px;
 17 | }
 18 | 
 19 | .nav-link {
 20 | 	font-family: "Montserrat-light";
 21 | 	font-weight: bold;
 22 | 	color: #fff;
 23 | }
 24 | 
 25 | .navbar-brand {
 26 | 	border: 1px solid #fff;
 27 | 	padding: 3px 5px;
 28 | }
 29 | 
 30 | .resto-heading {
 31 | 	font-family: 'Satisfy', cursive;
 32 | 	color: #ff884b;
 33 | }
 34 | 
 35 | .heading-minus {
 36 | 	margin-top: -54px;
 37 | }
 38 | 
 39 | .heading-minus-m {
 40 | 	margin-top: -35px;
 41 | }
 42 | 
 43 | .border-bottom {
 44 | 	border-bottom: 2px solid black;
 45 | 	width: 121px;
 46 | }
 47 | 
 48 | .discover-img {
 49 | 	height: 251px;
 50 | }
 51 | 
 52 | #specials {
 53 | 
 54 | 	background: url("./img/background3.jpg") no-repeat;
 55 | 	background-size: cover;
 56 | 	object-fit: cover;
 57 | 	background-attachment: fixed;
 58 | 	min-height: 512px;
 59 | }
 60 | 
 61 | .food {
 62 | 	width: 292px;
 63 | 	height: 267px;
 64 | }
 65 | 
 66 | .btn {
 67 | 	border: 1px solid #FFA33E;
 68 | 	color: #fff;
 69 | 	border-radius: 30px;
 70 | 	text-transform: uppercase;
 71 | 	padding-left: 30px;
 72 | 	padding-right: 30px;
 73 | 	background-color: #FFA33E;
 74 | }
 75 | 
 76 | .link-sm {
 77 | 	text-transform: uppercase;
 78 | 	color: #000;
 79 | 	display: inline-block;
 80 | 	text-decoration: none;
 81 | 	position: relative;
 82 | 	padding-bottom: 5px;
 83 | 	border-bottom: 2px solid black;
 84 | }
 85 | 
 86 | 
 87 | .menu-image {
 88 | 	height: 80px;
 89 | 	width: 80px;
 90 | }
 91 | 
 92 | 
 93 | .specials-items img {
 94 | 	object-fit: cover;
 95 | }
 96 | 
 97 | #specials-items .container {
 98 | 	margin-top: -20px;
 99 | 
100 | }
101 | 
102 | #specials-items .container .col-lg-6 .col-md-6 {
103 | 	padding: 0;
104 | }
105 | 
106 | 
107 | #specials-items .container .col-lg-6 .col-md-6 h3 {
108 | 	background-color: white;
109 | }
110 | 
111 | td {
112 | 	border: none;
113 | }
114 | 
115 | footer .footer-container {
116 | 	background: #111;
117 | 	color: #fff;
118 | 	padding: 20px 0;
119 | 	display: flex;
120 | 	justify-content: center;
121 | 	align-items: center;
122 | 	font-family: monospace;
123 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |   <title>Website-bs1</title>
  8 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
  9 |     integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
 10 |   <link rel="stylesheet" href="styles.css" />
 11 |   <!-- Google Fonts -->
 12 | 
 13 |   <link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Ubuntu&display=swap" rel="stylesheet" />
 14 |   <link rel="preconnect" href="https://fonts.gstatic.com">
 15 |   <link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet">
 16 | 
 17 |   <!-- Font Awesome -->
 18 | 
 19 |   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css"
 20 |     integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q" crossorigin="anonymous" />
 21 | 
 22 | 
 23 | 
 24 | </head>
 25 | 
 26 | <body>
 27 | 
 28 | 
 29 |   <header id="header-nav" class="py-5 text-center">
 30 | 
 31 |     <div class="container">
 32 | 
 33 |       <div class="container-fluid">
 34 |         <nav class="navbar navbar-expand-sm navbar-dark">
 35 | 
 36 |           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01"
 37 |             aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
 38 |             <span class="navbar-toggler-icon"></span>
 39 |           </button>
 40 |           <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
 41 |             <a href="index.html" class="navbar-brand">RESTO</a>
 42 | 
 43 |             <ul class="navbar-nav ml-auto">
 44 |               <li class="nav-item">
 45 |                 <a class="nav-link text-white" href="#footer">WELCOME</a>
 46 |               </li>
 47 |               <li class="nav-item">
 48 |                 <a class="nav-link text-white" href="#pricing">SPECIALITIES</a>
 49 |               </li>
 50 |               <li class="nav-item">
 51 |                 <a class="nav-link text-white" href="#cta">MENU</a>
 52 |               </li>
 53 |               <li class="nav-item">
 54 |                 <a class="nav-link text-white" href="#cta">RESERVATION</a>
 55 |               </li>
 56 |               <li class="nav-item">
 57 |                 <a class="nav-link text-white" href="#cta">CONTACT</a>
 58 |               </li>
 59 |             </ul>
 60 |           </div>
 61 |         </nav>
 62 |       </div>
 63 | 
 64 |       <div class="mt-5">
 65 |         <h1 class="display-3 resto-heading font-weight:bold">Welcome</h1>
 66 |       </div>
 67 |       <div class="heading-minus">
 68 |         <h1 class="text-white my-auto display-4 font-weight:bold">THE RESTO</h1>
 69 |       </div>
 70 | 
 71 |       <p class="text-white lead">viverra justo nec ultrices dui sapien eget mi proin sed libero</p>
 72 | 
 73 |     </div>
 74 | 
 75 |   </header>
 76 | 
 77 | 
 78 |   <section id="discover" class="text-center py-5">
 79 |     <div class="container">
 80 |       <div class="row">
 81 |         <div class="col-md-6">
 82 | 
 83 |           <div class="heading">
 84 |             <h1 class="resto-heading display-5 font-weight:bold">Discover</h1>
 85 |             <h3 class="heading-minus-m display-5 font-weight:bold">OUR STORE</h3>
 86 |             <span class="seperator">* * *</span>
 87 |           </div>
 88 | 
 89 |           <p class="text-muted">nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget
 90 |             felis eget nunc lobortis mattis aliquam faucibus.nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper
 91 |             sit amet risus nullam eget felis eget nunc lobortis mattis aliquam faucibus</p>
 92 | 
 93 |           <p><a href="#" class="text-dark border-bottom h-121">About Us</a></p>
 94 | 
 95 |         </div>
 96 | 
 97 | 
 98 |         <div class="col-md-6">
 99 |           <img src="./img/background2.jpg" class="image-fluid discover-img">
100 |         </div>
101 |       </div>
102 |     </div>
103 |   </section>
104 | 
105 | 
106 |   <section id="specials" class="text-center py-5">
107 |     <div class="container">
108 | 
109 |       <div style="margin-top: 281px;">
110 |         <h1 class="display-3 resto-heading font-weight:bold">Discover</h1>
111 |       </div>
112 |       <div class="heading-minus">
113 |         <h1 class="text-white my-auto display-4 font-weight:bold">OUR SPECIALITIES</h1>
114 |       </div>
115 | 
116 |     </div>
117 |   </section>
118 | 
119 |   <section id="specials-items" class="text-center py-0">
120 | 
121 |     <div class="container">
122 | 
123 |       <div class="row">
124 | 
125 |         <div class="col-lg-6">
126 | 
127 |           <div class="row">
128 | 
129 |             <div class="col-md-6">
130 |               <img src="./img/food2.jpg" class="food img-fluid">
131 |             </div>
132 |             <div class="col-md-6 text-center">
133 |               <h3 class="bg-white">BAKED POTATO PIZZA</h3>
134 |               <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
135 |                 incididunt ut labore et dolore magna aliqua.<br>
136 |                 Ut enim ad minim veniam.</p>
137 |               <p class="" style="color: #ff884b">$20.99</p>
138 |             </div>
139 | 
140 |           </div>
141 |         </div>
142 | 
143 |         <div class="col-lg-6">
144 | 
145 |           <div class="row">
146 | 
147 |             <div class="col-md-6">
148 |               <img src="./img/food3.jpg" class="food img-fluid">
149 |             </div>
150 |             <div class="col-md-6 text-center">
151 |               <h3 class="bg-white">BAKED POTATO PIZZA</h3>
152 |               <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
153 |                 incididunt ut labore et dolore magna aliqua.<br>
154 |                 Ut enim ad minim veniam, .</p>
155 |               <p class="" style="color: #ff884b">$20.99</p>
156 |             </div>
157 | 
158 |           </div>
159 |         </div>
160 | 
161 |         <div class="col-lg-6">
162 |           <div class="row">
163 |             <div class="col-md-6 text-center">
164 |               <h3>BAKED POTATO PIZZA</h3>
165 |               <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
166 |                 incididunt ut labore et dolore magna aliqua.<br>
167 |                 Ut enim ad minim veniam.</p>
168 |               <p class="" style="color: #ff884b">$20.99</p>
169 |             </div>
170 | 
171 |             <div class="col-md-6">
172 |               <img src="./img/food1.jpg" class="food img-fluid">
173 |             </div>
174 | 
175 |           </div>
176 |         </div>
177 | 
178 |         <div class="col-lg-6">
179 | 
180 |           <div class="row">
181 | 
182 | 
183 |             <div class="col-md-6 text-center">
184 |               <h3>BAKED POTATO PIZZA</h3>
185 |               <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
186 |                 incididunt ut labore et dolore magna aliqua.<br>
187 |                 Ut enim ad minim veniam, .</p>
188 |               <p class="" style="color: #ff884b">$20.99</p>
189 |             </div>
190 | 
191 |             <div class="col-md-6">
192 |               <img src="./img/food2.jpg" class="food img-fluid">
193 |             </div>
194 | 
195 |           </div>
196 |         </div>
197 | 
198 | 
199 |         <div class="col-lg-6">
200 | 
201 |           <div class="row">
202 | 
203 |             <div class="col-md-6">
204 |               <img src="./img/food3.jpg" class="food img-fluid">
205 |             </div>
206 |             <div class="col-md-6 text-center p-b">
207 |               <h3 class="bg-white">BAKED POTATO PIZZA</h3>
208 |               <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
209 |                 incididunt ut labore et dolore magna aliqua.<br>
210 |                 Ut enim ad minim veniam.</p>
211 |               <p class="" style="color: #ff884b">$20.99</p>
212 |             </div>
213 | 
214 |           </div>
215 |         </div>
216 | 
217 |         <div class="col-md-6">
218 |           <div class="row">
219 |             <div class="col-md-6">
220 |               <img src="./img/food4.jpg" class="food img-fluid">
221 |             </div>
222 |             <div class="col-md-6 text-center p-b">
223 |               <h3 class="bg-white">BAKED POTATO PIZZA</h3>
224 |               <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
225 |                 incididunt ut labore et dolore magna aliqua.<br>
226 |                 Ut enim ad minim veniam, .</p>
227 |               <p class="" style="color: #ff884b">$20.99</p>
228 |             </div>
229 | 
230 |           </div>
231 |         </div>
232 |       </div>
233 |     </div>
234 |   </section>
235 | 
236 |   <!-- OUR MENU -->
237 | 
238 |   <section id="specials" class="text-center py-5">
239 |     <div class="container">
240 | 
241 |       <div style="margin-top: 281px;">
242 |         <h1 class="display-3 resto-heading font-weight:bold">Discover</h1>
243 |       </div>
244 |       <div class="heading-minus">
245 |         <h1 class="text-white my-auto display-4 font-weight:bold">OUR MENU</h1>
246 |       </div>
247 | 
248 |     </div>
249 |   </section>
250 | 
251 |   <section id="menu" class="bg-white py-5">
252 |     <div class="container">
253 |       <div class="row">
254 | 
255 |         <div class="col-md-6">
256 | 
257 | 
258 |           <table class="table table-hover">
259 | 
260 |             <tbody>
261 | 
262 |               <tr>
263 |                 <td><img src="./img/food3.jpg" class="img-fluid menu-image rounded-circle p-2"></td>
264 |                 <td colspan="2">FRIED POTATOES WITH GARLIC<br>
265 |                   Crab / Potatoes / Rice</td>
266 |                 <td style="color: #ff884b">$22.99</td>
267 |               </tr>
268 |               <tr>
269 |                 <td><img src="./img/food2.jpg" class="img-fluid menu-image rounded-circle p-2"></td>
270 |                 <td colspan="2">FRIED POTATOES WITH GARLIC<br>
271 |                   Crab / Potatoes / Rice</td>
272 |                 <td style="color: #ff884b">$22.99</td>
273 |               </tr>
274 |               <tr>
275 |                 <td><img src="./img/food4.jpg" class="img-fluid menu-image rounded-circle p-2"></td>
276 |                 <td colspan="2">FRIED POTATOES WITH GARLIC<br>
277 |                   Crab / Potatoes / Rice</td>
278 |                 <td style="color: #ff884b">$22.99</td>
279 |               </tr>
280 |               <tr>
281 |                 <td><img src="./img/food1.jpg" class="img-fluid menu-image rounded-circle p-2"></td>
282 |                 <td colspan="2">FRIED POTATOES WITH GARLIC<br>
283 |                   Crab / Potatoes / Rice</td>
284 |                 <td style="color: #ff884b">$22.99</td>
285 |               </tr>
286 |             </tbody>
287 |           </table>
288 | 
289 | 
290 |         </div>
291 | 
292 | 
293 |         <div class="col-md-6">
294 | 
295 | 
296 |           <table class="table table-hover">
297 | 
298 |             <tbody>
299 | 
300 |               <tr>
301 |                 <td><img src="./img/food1.jpg" class="img-fluid menu-image rounded-circle p-2"></td>
302 |                 <td colspan="2">FRIED POTATOES WITH GARLIC<br>
303 |                   Crab / Potatoes / Rice</td>
304 |                 <td style="color: #ff884b">$22.99</td>
305 |               </tr>
306 |               <tr>
307 |                 <td><img src="./img/food2.jpg" class="img-fluid menu-image rounded-circle p-2"></td>
308 |                 <td colspan="2">FRIED POTATOES WITH GARLIC<br>
309 |                   Crab / Potatoes / Rice</td>
310 |                 <td style="color: #ff884b">$22.99</td>
311 |               </tr>
312 |               <tr>
313 |                 <td><img src="./img/food3.jpg" class="img-fluid menu-image rounded-circle p-2"></td>
314 |                 <td colspan="2">FRIED POTATOES WITH GARLIC<br>
315 |                   Crab / Potatoes / Rice</td>
316 |                 <td style="color: #ff884b">$22.99</td>
317 |               </tr>
318 |               <tr>
319 |                 <td><img src="./img/food4.jpg" class="img-fluid menu-image rounded-circle p-2"></td>
320 |                 <td colspan="2">FRIED POTATOES WITH GARLIC<br>
321 |                   Crab / Potatoes / Rice</td>
322 |                 <td style="color: #ff884b">$22.99</td>
323 |               </tr>
324 |             </tbody>
325 |           </table>
326 | 
327 | 
328 |         </div>
329 | 
330 | 
331 | 
332 | 
333 | 
334 | 
335 | 
336 | 
337 |       </div>
338 |     </div>
339 |   </section>
340 | 
341 | 
342 | 
343 |   <!-- BOOK TABLE-->
344 | 
345 |   <section id="specials" class="text-center py-5">
346 |     <div class="container">
347 | 
348 |       <div style="margin-top: 281px;">
349 |         <h1 class="display-3 resto-heading font-weight:bold">booking</h1>
350 |       </div>
351 |       <div class="heading-minus">
352 |         <h1 class="text-white my-auto display-4 font-weight:bold">RESERVE A TABLE</h1>
353 |       </div>
354 | 
355 |     </div>
356 |   </section>
357 | 
358 | 
359 |   <section class="bg-white py-5">
360 |     <div class="container">
361 |       <div class="row">
362 |         <div class="col-md-12">
363 |           <form method="post">
364 |             <div class="row">
365 |               <div class="col-md-4">
366 |                 <div class="form-group">
367 |                   <label for="people">How Many People</label>
368 |                   <div class="form-field">
369 | 
370 |                     <select name="people" id="people" class="form-control">
371 |                       <option value="#">1 people</option>
372 |                       <option value="#">2 people</option>
373 | 
374 |                     </select>
375 |                   </div>
376 |                 </div>
377 |               </div>
378 |               <div class="col-md-4">
379 |                 <div class="form-group">
380 |                   <label for="date">Date</label>
381 |                   <div class="form-field">
382 |                     <i class="icon icon-calendar"></i>
383 |                     <input type="text" id="date" class="form-control">
384 |                   </div>
385 |                 </div>
386 |               </div>
387 |               <div class="col-md-4">
388 |                 <div class="form-group">
389 |                   <label for="time">Time</label>
390 |                   <div class="form-field">
391 |                     <i class="icon icon-clock"></i>
392 |                     <input type="text" id="time" class="form-control">
393 |                   </div>
394 |                 </div>
395 |               </div>
396 |             </div>
397 | 
398 |             <div class="row">
399 |               <div class="col-md-4">
400 |                 <div class="form-group">
401 |                   <label for="name">Name</label>
402 |                   <div class="form-field">
403 |                     <i class="icon icon-user2"></i>
404 |                     <input type="text" id="name" class="form-control" placeholder="Your full name">
405 |                   </div>
406 |                 </div>
407 |               </div>
408 |               <div class="col-md-4">
409 |                 <div class="form-group">
410 |                   <label for="email">Email</label>
411 |                   <div class="form-field">
412 |                     <i class="icon icon-mail"></i>
413 |                     <input type="text" id="email" class="form-control" placeholder="Your email address">
414 |                   </div>
415 |                 </div>
416 |               </div>
417 |               <div class="col-md-4">
418 |                 <div class="form-group">
419 |                   <label for="phone">Phone</label>
420 |                   <div class="form-field">
421 |                     <i class="icon icon-phone"></i>
422 |                     <input type="text" id="phone" class="form-control" placeholder="Your phone">
423 |                   </div>
424 |                 </div>
425 |               </div>
426 |             </div>
427 |             <div class="row">
428 |               <div class="col-md-4 mx-auto">
429 |                 <input type="submit" name="submit" id="submit" value="Submit" class="btn btn-lg btn-primary btn-block">
430 |               </div>
431 |             </div>
432 | 
433 |           </form>
434 |         </div>
435 |       </div>
436 |     </div>
437 |   </section>
438 | 
439 | 
440 |   <!-- UPCOMING EVENTS -->
441 | 
442 |   <section id="specials" class="text-center py-5">
443 |     <div class="container">
444 | 
445 |       <div style="margin-top: 281px;">
446 |         <h1 class="display-3 resto-heading font-weight:bold">upcoming</h1>
447 |       </div>
448 |       <div class="heading-minus">
449 |         <h1 class="text-white my-auto display-4 font-weight:bold">OUR EVENTS</h1>
450 |       </div>
451 | 
452 |     </div>
453 |   </section>
454 | 
455 |   <section id="events" class="text-center py-5 bg-light">
456 |     <div class="container">
457 |       <div class="row">
458 |         <div class="col-md-4">
459 |           <div class="card text-left">
460 |             <div class="card-body">
461 |               <img src="./img/food1.jpg" class="img-fluid">
462 |               <p class="text-muted">Jun 21 2020</p>
463 |               <h3>Laboriosam Quod Dignissimos</h3>
464 |               <p class="text-left text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit,</p>
465 |               <p><a href="#" class="link-sm">Read More</a></p>
466 |             </div>
467 |           </div>
468 |         </div>
469 | 
470 |         <div class="col-md-4">
471 |           <div class="card text-left">
472 |             <div class="card-body">
473 |               <img src="./img/food2.jpg" class="img-fluid">
474 |               <p class="text-muted">Jun 21 2020</p>
475 |               <h3>Laboriosam Quod Dignissimos</h3>
476 |               <p class="text-left text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit,</p>
477 |               <p><a href="#" class="link-sm">Read More</a></p>
478 |             </div>
479 |           </div>
480 |         </div>
481 | 
482 |         <div class="col-md-4">
483 |           <div class="card text-left">
484 |             <div class="card-body">
485 |               <img src="./img/food3.jpg" class="img-fluid">
486 |               <p class="text-muted">Jun 21 2020</p>
487 |               <h4>Laboriosam Quod Dignissimos</h4>
488 |               <p class="text-left text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit,</p>
489 |               <p><a href="#" class="link-sm">Read More</a></p>
490 |             </div>
491 |           </div>
492 |         </div>
493 |       </div>
494 |     </div>
495 |   </section>
496 | 
497 | 
498 | 
499 | 
500 |   <!-- CONTACT -->
501 | 
502 |   <section id="contact" class="py-5">
503 | 
504 |     <div class="container">
505 |       <div class="row">
506 | 
507 |         <div class="col-md-5 text-center">
508 |           <div class="heading">
509 |             <h1 class="resto-heading">Contact</h1>
510 |             <h3 class="heading-minus-m">Let's Chat</h3>
511 |           </div>
512 |           <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
513 |             incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
514 |         </div>
515 | 
516 |         <div class="col-md-6 px-5">
517 |           <form>
518 |             <div class="form-group">
519 |               <label>Your Name</label>
520 |               <div class="form-field">
521 |                 <input type="text" class="form-control">
522 |               </div>
523 |             </div>
524 |             <div class="form-group">
525 |               <label>Your Email</label>
526 |               <div class="form-field">
527 |                 <input type="text" class="form-control">
528 |               </div>
529 |             </div>
530 |             <div class="form-group">
531 |               <label>Your Message</label>
532 |               <div class="form-field">
533 |                 <textarea cols="15" rows="5" class="form-control"></textarea>
534 |               </div>
535 |             </div>
536 |             <div class="form-group">
537 |               <input type="submit" class="btn btn-lg">
538 |             </div>
539 |           </form>
540 |         </div>
541 | 
542 |       </div>
543 |     </div>
544 |   </section>
545 | 
546 | 
547 |   <section id="footer2" class="p-5 bg-dark text-white">
548 | 
549 | 
550 |     <div class="container">
551 |       <div class="row">
552 |         <div class="col-lg-6">
553 |           <h4>Locations</h4>
554 |           <div>
555 |             <div class="row">
556 |               <div class="col-md-6">
557 |                 <p> 198 Laboriosam pariatur modi <br> Laboriosam pariatur modi 10016</p>
558 |               </div>
559 |               <div class="col-md-6">
560 |                 <p> 198 Laboriosam pariatur modi <br> Laboriosam pariatur modi10016</p>
561 |               </div>
562 |             </div>
563 |           </div>
564 |         </div>
565 | 
566 |         <div class="col-md-6">
567 |           <h4>Open Hours</h4>
568 |           <div>
569 |             <div class="row">
570 |               <div class="col-md-4">
571 |                 <p>Monday - Thursday <br> 5:30pm - 10:00pm</p>
572 |               </div>
573 |               <div class="col-md-4">
574 |                 <p>Friday - Sunday <br> 5:30pm - 10:00pm</p>
575 |               </div>
576 |               <div class="col-md-4">
577 |                 <p>Laboriosam pariatur <br> Email or Call Us</p>
578 |               </div>
579 |             </div>
580 |           </div>
581 |         </div>
582 | 
583 |       </div>
584 |     </div>
585 | 
586 | 
587 |   </section>
588 | 
589 | 
590 |   <!-- ======= Footer ======= -->
591 |   <footer id="footer">
592 |     <div class="footer-container">
593 |       <div class="row">
594 |         <div class="col-md-12">
595 |           <div class="copyright">
596 |             &copy;Abhijith Themes
597 |           </div>
598 |         </div>
599 |       </div>
600 |     </div>
601 |   </footer><!-- End Footer -->
602 | 
603 |   <!-- BootStrap -->
604 |   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
605 |     integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
606 |     crossorigin="anonymous"></script>
607 |   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
608 |     integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
609 |     crossorigin="anonymous"></script>
610 |   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
611 |     integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
612 |     crossorigin="anonymous"></script>
613 | </body>
614 | 
615 | </html>


--------------------------------------------------------------------------------