-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
202 lines (183 loc) · 6.4 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en"><!-- Basic -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Site Metas -->
<title>Yamifood Restaurant - Responsive HTML5 Template</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- Site Icons -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Site CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Start header -->
<?php
include "./include/parts/header.php";
?>
<!-- End header -->
<!-- Start slides -->
<div id="slides" class="cover-slides">
<ul class="slides-container">
<li class="text-center">
<img src="images/slider-01.jpg" alt="">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="m-b-20"><strong>Welcome To <br> Yamifood Restaurant</strong></h1>
<p class="m-b-40">See how your users experience your website in realtime or view <br>
trends to see any changes in performance over time.</p>
<p><a class="btn btn-lg btn-circle btn-outline-new-white" href="#">Reservation</a></p>
</div>
</div>
</div>
</li>
<li class="text-center">
<img src="images/slider-02.jpg" alt="">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="m-b-20"><strong>Welcome To <br> Yamifood Restaurant</strong></h1>
<p class="m-b-40">See how your users experience your website in realtime or view <br>
trends to see any changes in performance over time.</p>
<p><a class="btn btn-lg btn-circle btn-outline-new-white" href="#">Reservation</a></p>
</div>
</div>
</div>
</li>
<li class="text-center">
<img src="images/slider-03.jpg" alt="">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="m-b-20"><strong>Welcome To <br> Yamifood Restaurant</strong></h1>
<p class="m-b-40">See how your users experience your website in realtime or view <br>
trends to see any changes in performance over time.</p>
<p><a class="btn btn-lg btn-circle btn-outline-new-white" href="#">Reservation</a></p>
</div>
</div>
</div>
</li>
</ul>
<div class="slides-navigation">
<a href="#" class="next"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
<a href="#" class="prev"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
</div>
</div>
<!-- End slides -->
<!-- Start About -->
<div class="about-section-box">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<img src="images/about-img.jpg" alt="" class="img-fluid">
</div>
<div class="col-lg-6 col-md-6 col-sm-12 text-center">
<div class="inner-column">
<h1>Welcome To <span>Yamifood Restaurant</span></h1>
<h4>Little Story</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor suscipit feugiat. Ut at pellentesque ante, sed convallis arcu. Nullam facilisis, eros in eleifend luctus, odio ante sodales augue, eget lacinia lectus erat et sem. </p>
<p>Sed semper orci sit amet porta placerat. Etiam quis finibus eros. Sed aliquam metus lorem, a pellentesque tellus pretium a. Nulla placerat elit in justo vestibulum, et maximus sem pulvinar.</p>
<a class="btn btn-lg btn-circle btn-outline-new-white" href="#">Reservation</a>
</div>
</div>
</div>
</div>
</div>
<!-- End About -->
<!-- Start QT -->
<div class="qt-box qt-background">
<div class="container">
<div class="row">
<div class="col-md-8 ml-auto mr-auto text-left">
<p class="lead ">
" If you're not the one cooking, stay out of the way and compliment the chef. "
</p>
<span class="lead">Michael Strahan</span>
</div>
</div>
</div>
</div>
<!-- End QT -->
<!-- Start Menu -->
<?php
include "./include/parts/special_menu.php"
?>
<!-- End Menu -->
<!-- Start Gallery -->
<div class="gallery-box">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="heading-title text-center">
<h2>Gallery</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
</div>
</div>
</div>
<div class="tz-gallery">
<div class="row">
<?php
$get_gallary_images_query = "SELECT * FROM gallary";
$result = $connection -> query($get_gallary_images_query);
foreach($result as $gallary_item):
?>
<div class="col-sm-6 col-md-4 col-lg-4">
<a class="lightbox" href="images/uploads/<?=$gallary_item['image']?>">
<img class="img-fluid" src="images/uploads/<?=$gallary_item['image']?>" alt="Gallery Images">
</a>
</div>
<?php
endforeach;
?>
</div>
</div>
</div>
</div>
<!-- End Gallery -->
<!-- Start Customer Reviews -->
<?php
include "./include/parts/customer_reviews.php";
?>
<!-- End Customer Reviews -->
<!-- Start Contact info -->
<?php
include "./include/parts/contact_info.php";
?>
<!-- End Contact info -->
<!-- Start Footer -->
<?php
include "./include/parts/footer.php"
?>
<!-- End Footer -->
<a href="#" id="back-to-top" title="Back to top" style="display: none;">↑</a>
<!-- ALL JS FILES -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- ALL PLUGINS -->
<script src="js/jquery.superslides.min.js"></script>
<script src="js/images-loded.min.js"></script>
<script src="js/isotope.min.js"></script>
<script src="js/baguetteBox.min.js"></script>
<script src="js/form-validator.min.js"></script>
<script src="js/contact-form-script.js"></script>
<script src="js/custom.js"></script>
</body>
</html>