├── .vscode
    ├── last.sql
    └── settings.json
├── README.md
├── admin
    ├── addelete.php
    ├── adinsert.php
    ├── admin.php
    ├── adminauth.php
    ├── adview.php
    └── control.php
├── auth.php
├── css
    ├── button.css
    ├── fixed.css
    ├── shop.css
    ├── style.css
    └── style1.css
├── dashboard.php
├── db.php
├── dbcontroller.php
├── fonts
    ├── beyond_the_mountains
    │   ├── Read Me.rtf
    │   ├── beyond_the_mountains.otf
    │   ├── beyond_the_mountains.png
    │   └── beyond_the_mountains.ttf
    └── sugarcandy
    │   ├── Sugar Candy Licensi.txt
    │   ├── Sugar Candy.otf
    │   └── Sugar Candy.ttf
├── icon-delete.png
├── img
    ├── 09792e77-a061-463c-8fde-ecf0aa4a11a5_200x200.png
    ├── desert.jpg
    ├── img_bg_2.jpg
    ├── logo.png
    ├── logo1.png
    ├── triangle_bg.png
    └── triangle_bg_black.png
├── index.html
├── index.php
├── js
    └── main.js
├── login.php
├── logout.php
├── menu.php
├── product-images
    ├── dessert-1.jpg
    ├── dessert-10.jpg
    ├── dessert-11.jpg
    ├── dessert-12.jpg
    ├── dessert-2.jpg
    ├── dessert-3.jpg
    ├── dessert-4.jpg
    ├── dessert-5.jpg
    ├── dessert-6.jpg
    ├── dessert-7.jpg
    ├── dessert-8.jpg
    ├── dessert-9.jpg
    ├── dish-10.jpg
    ├── dish-11.jpg
    ├── dish-12.jpg
    ├── dish-13.jpg
    ├── dish-14.jpg
    ├── dish-3.jpg
    ├── dish-4.jpg
    ├── dish-5.jpg
    ├── dish-6.jpg
    ├── dish-7.jpg
    ├── dish-8.jpg
    ├── dish-9.jpg
    ├── drink-1.jpg
    ├── drink-10.jpg
    ├── drink-11.jpg
    ├── drink-12.jpg
    ├── drink-2.jpg
    ├── drink-3.jpg
    ├── drink-4.jpg
    ├── drink-5.jpg
    ├── drink-6.jpg
    ├── drink-7.jpg
    ├── drink-8.jpg
    └── drink-9.jpg
├── register.sql
├── registration.php
├── reservation.php
├── screenshots
    ├── landing.png
    ├── login.png
    ├── menu-cart.png
    ├── menu.png
    ├── register.png
    ├── reservation.png
    └── userpage.png
└── user.php


/.vscode/last.sql:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/.vscode/last.sql


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |     "liveServer.settings.port": 5501
3 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Restaurant-Database-Management-System
 2 | 
 3 | This is a simple restaurant management system built for small and medium sized restaurants. The tech stack here is HTML for frontend, PHP for scripting and middleware and MySQL is used for relational database management.
 4 | 
 5 | ## Languages and Technologies
 6 | 
 7 | <img align="left" alt="HTML5" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/html/html.png" />
 8 | <img align="left" alt="CSS3" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/css/css.png" />
 9 | <img align="left" alt="JavaScript" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png" />
10 | <img align="left" alt="SQL" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/sql/sql.png" />
11 | <img align="left" alt="MySQL" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/mysql/mysql.png" />
12 | <img align="left" alt="PHP" width="26px" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/php/php.png" />
13 | <br />
14 | 
15 | 
16 | ## TODO
17 | 
18 | 1. Admin section.
19 | 2. Code refactoring.
20 | 3. Improve UI.
21 | 4. Add more feature in menu and reservation section.
22 | 5. Improve Profile section and information.
23 | 
24 | ## LANDING PAGE
25 | 
26 | <p align="center">
27 |   <img src="screenshots/landing.png" alt="hi" class="inline"/>
28 | </p>
29 | 
30 | ## LOGIN PAGE
31 | 
32 | <p align="center">
33 |   <img src="screenshots/login.png" alt="hi" class="inline"/>
34 | </p>
35 | 
36 | ## SIGN-UP PAGE
37 | 
38 | <p align="center">
39 |   <img src="screenshots/register.png" alt="hi" class="inline"/>
40 | </p>
41 | 
42 | ## MENU
43 | 
44 | <p align="center">
45 |   <img src="screenshots/menu.png" alt="hi" class="inline"/>
46 | </p>
47 | 
48 | ## CART
49 | 
50 | <p align="center">
51 |   <img src="screenshots/menu-cart.png" alt="hi" class="inline"/>
52 | </p>
53 | 
54 | ## RESERVATION PAGE
55 | 
56 | <p align="center">
57 |   <img src="screenshots/reservation.png" alt="hi" class="inline"/>
58 | </p>
59 | 
60 | ## USER PAGE
61 | 
62 | <p align="center">
63 |   <img src="screenshots/userpage.png" alt="hi" class="inline"/>
64 | </p>
65 | 


--------------------------------------------------------------------------------
/admin/addelete.php:
--------------------------------------------------------------------------------
1 | <?php
2 | require('db.php');
3 | $cust_id=$_REQUEST['cust_id'];
4 | $query = "DELETE FROM customer WHERE cust_id=$cust_id"; 
5 | $result = mysqli_query($con,$query) or die ( mysql_error());
6 | header("Location: adview.php"); 
7 | ?>


--------------------------------------------------------------------------------
/admin/adinsert.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 | Author: Javed Ur Rehman
 4 | Website: https://www.allphptricks.com/
 5 | */
 6 |  
 7 | require('db.php');
 8 | include("adminauth.php");
 9 | 
10 | $status = "";
11 | if(isset($_POST['new']) && $_POST['new']==1)
12 | {
13 |     $name = stripslashes($_REQUEST['name']); // removes backslashes
14 |     $name = mysqli_real_escape_string($con,$name); //escapes special characters in a string
15 |     $email = stripslashes($_REQUEST['email']);
16 |     $email = mysqli_real_escape_string($con,$email);
17 |     $password = stripslashes($_REQUEST['password']);
18 |     $password = mysqli_real_escape_string($con,$password);
19 |     $address = stripslashes($_REQUEST['address']);
20 |     $address = mysqli_real_escape_string($con,$address);
21 |     $phone = stripslashes($_REQUEST['phone']);
22 |     $phone = mysqli_real_escape_string($con,$phone);
23 |     $submittedby = $_SESSION["username"];
24 |     $query = "INSERT into `customer` ( name, email, password,address,phone) VALUES ('$name', '$email','".md5($password)."','$address','$phone')";
25 | mysqli_query($con,$query) or die(mysql_error());
26 | $status = "New Record Inserted Successfully.</br></br><a href='adview.php'>View Inserted Record</a>";
27 | }
28 | ?>
29 | <!DOCTYPE html>
30 | <html>
31 | 
32 | <head>
33 |     <meta charset="utf-8">
34 |     <title>Insert New Record</title>
35 |     <link rel="stylesheet" href="css/style.css" />
36 | </head>
37 | 
38 | <body>
39 |     <div class="form">
40 |         <p><a href="control.php">Dashboard</a> | <a href="adview.php">View Records</a> | <a href="logout.php">Logout</a>
41 |         </p>
42 | 
43 |         <div>
44 |             <h1>Insert New Record</h1>
45 |             <form name="form" method="post" action="">
46 |                 <input type="hidden" name="new" value="1" />
47 |                 <input type="text" name="name" placeholder="Name" required />
48 |                 <input type="email" name="email" placeholder="Email" required />
49 |                 <textarea rows="3" col="30" name="address" placeholder="Address" required /></textarea>
50 |                 <input type="text" name="phone" placeholder="Phone Number" required />
51 |                 <input type="password" name="password" placeholder="Password" required />
52 |                 <p><input name="submit" type="submit" value="Submit" /></p>
53 |             </form>
54 |             <p style="color:#FF0000;"><?php echo $status; ?></p>
55 | 
56 |             <br /><br /><br /><br />
57 |             <a
58 |                 href="https://www.allphptricks.com/insert-view-edit-and-delete-record-from-database-using-php-and-mysqli/">Tutorial
59 |                 Link</a> <br /><br />
60 |             For More Web Development Tutorials Visit: <a href="https://www.allphptricks.com/">AllPHPTricks.com</a>
61 |         </div>
62 |     </div>
63 | </body>
64 | 
65 | </html>


--------------------------------------------------------------------------------
/admin/admin.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | ?>
 4 | <!DOCTYPE html>
 5 | <html>
 6 | <head>
 7 | <meta charset="utf-8">
 8 | <title>Login</title>
 9 | <link rel="stylesheet" href="css/style.css" />
10 | </head>
11 | <body>
12 | <?php
13 | 	require('db.php');
14 | 	session_start();
15 |    
16 |     if (isset($_POST['username'])){
17 | 		
18 | 		$username = stripslashes($_REQUEST['username']); // removes backslashes
19 | 		$username = mysqli_real_escape_string($con,$username); //escapes special characters in a string
20 | 		$password = stripslashes($_REQUEST['password']);
21 | 		$password = mysqli_real_escape_string($con,$password);
22 |         $query = "SELECT * FROM `admin` WHERE username='$username' and password='".md5($password)."'";
23 | 		$result = mysqli_query($con,$query) or die(mysql_error());
24 | 		$rows = mysqli_num_rows($result);
25 |         if($rows==1){
26 | 			$_SESSION['username'] = $username;
27 | 			header("Location: control.php"); //
28 |             }else{
29 | 				echo "<div class='form'><h3>Username/password is incorrect.</h3><br/>Click here to <a href='login.php'>Login</a></div>";
30 | 				}
31 |     }else{
32 | ?>
33 | <div class="form">
34 | <h1>Log In</h1>
35 | <form action="" method="post" name="admin">
36 | <input type="text" name="username" placeholder="username" required />
37 | <input type="password" name="password" placeholder="Password" required />
38 | <input name="submit" type="submit" value="Login" />
39 | </form>
40 | <p>Not registered yet? <a href='registration.php'>Register Here</a></p>
41 | 
42 | <br /><br />
43 | </div>
44 | <?php } ?>
45 | 
46 | 
47 | </body>
48 | </html>
49 | 


--------------------------------------------------------------------------------
/admin/adminauth.php:
--------------------------------------------------------------------------------
1 | 
2 | <?php
3 | session_start();
4 | if(!isset($_SESSION["username"])){
5 | header("Location: admin.php");
6 | exit(); }
7 | ?>


--------------------------------------------------------------------------------
/admin/adview.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 | Author: Javed Ur Rehman
 4 | Website: https://www.allphptricks.com/
 5 | */
 6 |  
 7 | require('db.php');
 8 | include("adminauth.php");
 9 | ?>
10 | <!DOCTYPE html>
11 | <html>
12 | 
13 | <head>
14 |     <meta charset="utf-8">
15 |     <title>View Records</title>
16 |     <link rel="stylesheet" href="css/style.css" />
17 | </head>
18 | 
19 | <body>
20 |     <div class="form">
21 |         <p><a href="control.php">Home</a> | <a href="adinsert.php">Insert New Record</a> | <a
22 |                 href="logout.php">Logout</a></p>
23 |         <h2>View Records</h2>
24 |         <table width="100%" border="1" style="border-collapse:collapse;">
25 |             <thead>
26 |                 <tr>
27 |                     <th><strong>S.No</strong></th>
28 |                     <th><strong>Name</strong></th>
29 |                     <th><strong>Age</strong></th>
30 |                     <th><strong>Edit</strong></th>
31 |                     <th><strong>Delete</strong></th>
32 |                 </tr>
33 |             </thead>
34 |             <tbody>
35 |                 <?php
36 | $count=1;
37 | $sel_query="Select * from customer ORDER BY cust_id asc;";
38 | $result = mysqli_query($con,$sel_query);
39 | while($row = mysqli_fetch_assoc($result)) { ?>
40 |                 <tr>
41 |                     <td align="center"><?php echo $count; ?></td>
42 |                     <td align="center"><?php echo $row["name"]; ?></td>
43 |                     <td align="center"><?php echo $row["email"]; ?></td>
44 |                     <td align="center"><?php echo $row["address"]; ?></td>
45 |                     <td align="center"><?php echo $row["phone"]; ?></td>
46 |                     <td align="center"><a href="adedit.php?id=<?php echo $row["id"]; ?>">Edit</a></td>
47 |                     <td align="center"><a href="addelete.php?id=<?php echo $row["id"]; ?>">Delete</a></td>
48 |                 </tr>
49 |                 <?php $count++; } ?>
50 |             </tbody>
51 |         </table>
52 | 
53 |         <br /><br /><br /><br />
54 |         
55 | </body>
56 | 
57 | </html>


--------------------------------------------------------------------------------
/admin/control.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | include("adminauth.php"); //include auth.php file on all secure pages ?>
 4 | <!DOCTYPE html>
 5 | <html>
 6 | <head>
 7 | <meta charset="utf-8">
 8 | <title>Welcome Home</title>
 9 | <link rel="stylesheet" href="css/style.css" />
10 | </head>
11 | <body>
12 | <div class="form">
13 | <p>Welcome <?php echo $_SESSION['username']; ?>!</p>
14 | <p>This is secure area.</p>
15 | 
16 | 
17 | <p><a href="adinsert.php">Insert New Record</a></p>
18 | <p><a href="adview.php">View Records</a><p>
19 | <p><a href="logout.php">Logout</a></p>
20 | 
21 | 
22 | 
23 | <br /><br /><br /><br />
24 | </div>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/auth.php:
--------------------------------------------------------------------------------
1 | 
2 | <?php
3 | session_start();
4 | if(!isset($_SESSION["email"])){
5 | header("Location: login.php");
6 | exit(); }
7 | ?>


--------------------------------------------------------------------------------
/css/button.css:
--------------------------------------------------------------------------------
  1 | @import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400);
  2 | * {
  3 |   margin: 0;
  4 |   padding: 0;
  5 | }
  6 | html, body {
  7 |   height: 100%;
  8 | }
  9 | section {
 10 |   position: relative;
 11 |   width: 100%;
 12 |   height: 100%;
 13 | }
 14 | section::after {
 15 |   position: absolute;
 16 |   bottom: 0;
 17 |   left: 0;
 18 |   content: '';
 19 |   width: 100%;
 20 |   height: 80%;
 21 |   background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
 22 |   background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
 23 | }
 24 | section h1 {
 25 |   position: absolute;
 26 |   top: 50%;
 27 |   left: 50%;
 28 |   z-index: 2;
 29 |   -webkit-transform: translate(-50%, -50%);
 30 |   transform: translate(-50%, -50%);
 31 |   color: #fff;
 32 |   font : normal 300 64px/1 'Josefin Sans', sans-serif;
 33 |   text-align: center;
 34 |   white-space: nowrap;
 35 | }
 36 | 
 37 | #section01 { background: url(https://picsum.photos/1200/800?image=575) center center / cover no-repeat;}
 38 | #section02 { background: url(https://picsum.photos/1200/800?image=1016) center center / cover no-repeat;}
 39 | #section03 { background: url(https://images.unsplash.com/photo-1550966871-3ed3cdb5ed0c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80) center center / cover no-repeat;}
 40 | #section04 { background: url(https://picsum.photos/1200/800?image=506) center center / cover no-repeat;}
 41 | #section05 { background: url(https://images.unsplash.com/photo-1496412705862-e0088f16f791?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80) center center / cover no-repeat;}
 42 | #section06 { background: url(https://picsum.photos/1200/800?image=901) center center / cover no-repeat;}
 43 | #section07 { background: url(https://picsum.photos/1200/800?image=675) center center / cover no-repeat;}
 44 | #section08 { background: url(https://picsum.photos/1200/800?image=1050) center center / cover no-repeat;}
 45 | #section09 { background: url(https://picsum.photos/1200/800?image=902) center center / cover no-repeat;}
 46 | #section10 { background: url(https://picsum.photos/1200/800?image=516) center center / cover no-repeat;}
 47 | 
 48 | #thanks {
 49 |   background-color: #fff;
 50 | }
 51 | #thanks::after {
 52 |   content: none;
 53 | }
 54 | #thanks div {
 55 |   position: absolute;
 56 |   top: 50%;
 57 |   left: 50%;
 58 |   z-index: 2;
 59 |   -webkit-transform: translate(-50%, -50%);
 60 |   transform: translate(-50%, -50%);
 61 |   text-align: center;
 62 | }
 63 | #thanks h2 {
 64 |   margin-bottom: 60px;
 65 |   color: #333;
 66 |   font : normal 300 64px/1 'Josefin Sans', sans-serif;
 67 |   text-align: center;
 68 |   white-space: nowrap;
 69 | }
 70 | #thanks p {
 71 |   color: #333;
 72 |   font : normal 400 20px/1 'Josefin Sans', sans-serif;
 73 | }
 74 | #thanks p a {
 75 |   color: #333;
 76 |   text-decoration: none;
 77 |   transition: color .3s;
 78 | }
 79 | #thanks p a:hover {
 80 |   color: #888;
 81 | }
 82 | .demo a {
 83 |   position: absolute;
 84 |   bottom: 20px;
 85 |   left: 50%;
 86 |   z-index: 2;
 87 |   display: inline-block;
 88 |   -webkit-transform: translate(0, -50%);
 89 |   transform: translate(0, -50%);
 90 |   color: #fff;
 91 |   font : normal 400 20px/1 'Josefin Sans', sans-serif;
 92 |   letter-spacing: .1em;
 93 |   text-decoration: none;
 94 |   transition: opacity .3s;
 95 | }
 96 | .demo a:hover {
 97 |   opacity: .5;
 98 | }
 99 | 
100 | 
101 | 
102 | #section01 a {
103 |   padding-top: 60px;
104 | }
105 | #section01 a span {
106 |   position: absolute;
107 |   top: 0;
108 |   left: 50%;
109 |   width: 24px;
110 |   height: 24px;
111 |   margin-left: -12px;
112 |   border-left: 1px solid #fff;
113 |   border-bottom: 1px solid #fff;
114 |   -webkit-transform: rotate(-45deg);
115 |   transform: rotate(-45deg);
116 |   box-sizing: border-box;
117 | }
118 | 
119 | 
120 | 
121 | #section02 a {
122 |   padding-top: 60px;
123 | }
124 | #section02 a span {
125 |   position: absolute;
126 |   top: 0;
127 |   left: 50%;
128 |   width: 46px;
129 |   height: 46px;
130 |   margin-left: -23px;
131 |   border: 1px solid #fff;
132 |   border-radius: 100%;
133 |   box-sizing: border-box;
134 | }
135 | #section02 a span::after {
136 |   position: absolute;
137 |   top: 50%;
138 |   left: 50%;
139 |   content: '';
140 |   width: 16px;
141 |   height: 16px;
142 |   margin: -12px 0 0 -8px;
143 |   border-left: 1px solid #fff;
144 |   border-bottom: 1px solid #fff;
145 |   -webkit-transform: rotate(-45deg);
146 |   transform: rotate(-45deg);
147 |   box-sizing: border-box;
148 | }
149 | 
150 | 
151 | 
152 | #section03 a {
153 |   padding-top: 60px;
154 | }
155 | #section03 a span {
156 |   position: absolute;
157 |   top: 0;
158 |   left: 50%;
159 |   width: 46px;
160 |   height: 46px;
161 |   margin-left: -23px;
162 |   border: 1px solid #fff;
163 |   border-radius: 100%;
164 |   box-sizing: border-box;
165 | }
166 | #section03 a span::after {
167 |   position: absolute;
168 |   top: 50%;
169 |   left: 50%;
170 |   content: '';
171 |   width: 16px;
172 |   height: 16px;
173 |   margin: -12px 0 0 -8px;
174 |   border-left: 1px solid #fff;
175 |   border-bottom: 1px solid #fff;
176 |   -webkit-transform: rotate(-45deg);
177 |   transform: rotate(-45deg);
178 |   box-sizing: border-box;
179 | }
180 | #section03 a span::before {
181 |   position: absolute;
182 |   top: 0;
183 |   left: 0;
184 |   z-index: -1;
185 |   content: '';
186 |   width: 44px;
187 |   height: 44px;
188 |   box-shadow: 0 0 0 0 rgba(255,255,255,.1);
189 |   border-radius: 100%;
190 |   opacity: 0;
191 |   -webkit-animation: sdb03 3s infinite;
192 |   animation: sdb03 3s infinite;
193 |   box-sizing: border-box;
194 | }
195 | @-webkit-keyframes sdb03 {
196 |   0% {
197 |     opacity: 0;
198 |   }
199 |   30% {
200 |     opacity: 1;
201 |   }
202 |   60% {
203 |     box-shadow: 0 0 0 60px rgba(255,255,255,.1);
204 |     opacity: 0;
205 |   }
206 |   100% {
207 |     opacity: 0;
208 |   }
209 | }
210 | @keyframes sdb03 {
211 |   0% {
212 |     opacity: 0;
213 |   }
214 |   30% {
215 |     opacity: 1;
216 |   }
217 |   60% {
218 |     box-shadow: 0 0 0 60px rgba(255,255,255,.1);
219 |     opacity: 0;
220 |   }
221 |   100% {
222 |     opacity: 0;
223 |   }
224 | }
225 | 
226 | 
227 | 
228 | #section04 a {
229 |   padding-top: 60px;
230 | }
231 | #section04 a span {
232 |   position: absolute;
233 |   top: 0;
234 |   left: 50%;
235 |   width: 24px;
236 |   height: 24px;
237 |   margin-left: -12px;
238 |   border-left: 1px solid #fff;
239 |   border-bottom: 1px solid #fff;
240 |   -webkit-transform: rotate(-45deg);
241 |   transform: rotate(-45deg);
242 |   -webkit-animation: sdb04 2s infinite;
243 |   animation: sdb04 2s infinite;
244 |   box-sizing: border-box;
245 | }
246 | @-webkit-keyframes sdb04 {
247 |   0% {
248 |     -webkit-transform: rotate(-45deg) translate(0, 0);
249 |   }
250 |   20% {
251 |     -webkit-transform: rotate(-45deg) translate(-10px, 10px);
252 |   }
253 |   40% {
254 |     -webkit-transform: rotate(-45deg) translate(0, 0);
255 |   }
256 | }
257 | @keyframes sdb04 {
258 |   0% {
259 |     transform: rotate(-45deg) translate(0, 0);
260 |   }
261 |   20% {
262 |     transform: rotate(-45deg) translate(-10px, 10px);
263 |   }
264 |   40% {
265 |     transform: rotate(-45deg) translate(0, 0);
266 |   }
267 | }
268 | 
269 | 
270 | 
271 | #section05 a {
272 |   padding-top: 70px;
273 | }
274 | #section05 a span {
275 |   position: absolute;
276 |   top: 0;
277 |   left: 50%;
278 |   width: 24px;
279 |   height: 24px;
280 |   margin-left: -12px;
281 |   border-left: 1px solid #fff;
282 |   border-bottom: 1px solid #fff;
283 |   -webkit-transform: rotate(-45deg);
284 |   transform: rotate(-45deg);
285 |   -webkit-animation: sdb05 1.5s infinite;
286 |   animation: sdb05 1.5s infinite;
287 |   box-sizing: border-box;
288 | }
289 | @-webkit-keyframes sdb05 {
290 |   0% {
291 |     -webkit-transform: rotate(-45deg) translate(0, 0);
292 |     opacity: 0;
293 |   }
294 |   50% {
295 |     opacity: 1;
296 |   }
297 |   100% {
298 |     -webkit-transform: rotate(-45deg) translate(-20px, 20px);
299 |     opacity: 0;
300 |   }
301 | }
302 | @keyframes sdb05 {
303 |   0% {
304 |     transform: rotate(-45deg) translate(0, 0);
305 |     opacity: 0;
306 |   }
307 |   50% {
308 |     opacity: 1;
309 |   }
310 |   100% {
311 |     transform: rotate(-45deg) translate(-20px, 20px);
312 |     opacity: 0;
313 |   }
314 | }
315 | 
316 | 
317 | 
318 | #section06 a {
319 |   padding-top: 70px;
320 | }
321 | #section06 a span {
322 |   position: absolute;
323 |   top: 0;
324 |   left: 50%;
325 |   width: 24px;
326 |   height: 24px;
327 |   margin-left: -12px;
328 |   border-left: 1px solid #fff;
329 |   border-bottom: 1px solid #fff;
330 |   -webkit-transform: rotateZ(-45deg);
331 |   transform: rotateZ(-45deg);
332 |   -webkit-animation: sdb06 1.5s infinite;
333 |   animation: sdb06 1.5s infinite;
334 |   box-sizing: border-box;
335 | }
336 | @-webkit-keyframes sdb06 {
337 |   0% {
338 |     -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
339 |     opacity: 0;
340 |   }
341 |   50% {
342 |     opacity: 1;
343 |   }
344 |   100% {
345 |     -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
346 |     opacity: 0;
347 |   }
348 | }
349 | @keyframes sdb06 {
350 |   0% {
351 |     transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
352 |     opacity: 0;
353 |   }
354 |   50% {
355 |     opacity: 1;
356 |   }
357 |   100% {
358 |     transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
359 |     opacity: 0;
360 |   }
361 | }
362 | 
363 | 
364 | 
365 | #section07 a {
366 |   padding-top: 80px;
367 | }
368 | #section07 a span {
369 |   position: absolute;
370 |   top: 0;
371 |   left: 50%;
372 |   width: 24px;
373 |   height: 24px;
374 |   margin-left: -12px;
375 |   border-left: 1px solid #fff;
376 |   border-bottom: 1px solid #fff;
377 |   -webkit-transform: rotate(-45deg);
378 |   transform: rotate(-45deg);
379 |   -webkit-animation: sdb07 2s infinite;
380 |   animation: sdb07 2s infinite;
381 |   opacity: 0;
382 |   box-sizing: border-box;
383 | }
384 | #section07 a span:nth-of-type(1) {
385 |   -webkit-animation-delay: 0s;
386 |   animation-delay: 0s;
387 | }
388 | #section07 a span:nth-of-type(2) {
389 |   top: 16px;
390 |   -webkit-animation-delay: .15s;
391 |   animation-delay: .15s;
392 | }
393 | #section07 a span:nth-of-type(3) {
394 |   top: 32px;
395 |   -webkit-animation-delay: .3s;
396 |   animation-delay: .3s;
397 | }
398 | @-webkit-keyframes sdb07 {
399 |   0% {
400 |     opacity: 0;
401 |   }
402 |   50% {
403 |     opacity: 1;
404 |   }
405 |   100% {
406 |     opacity: 0;
407 |   }
408 | }
409 | @keyframes sdb07 {
410 |   0% {
411 |     opacity: 0;
412 |   }
413 |   50% {
414 |     opacity: 1;
415 |   }
416 |   100% {
417 |     opacity: 0;
418 |   }
419 | }
420 | 
421 | 
422 | 
423 | #section08 a {
424 |   padding-top: 60px;
425 | }
426 | #section08 a span {
427 |   position: absolute;
428 |   top: 0;
429 |   left: 50%;
430 |   width: 30px;
431 |   height: 50px;
432 |   margin-left: -15px;
433 |   border: 2px solid #fff;
434 |   border-radius: 50px;
435 |   box-sizing: border-box;
436 | }
437 | #section08 a span::before {
438 |   position: absolute;
439 |   top: 10px;
440 |   left: 50%;
441 |   content: '';
442 |   width: 6px;
443 |   height: 6px;
444 |   margin-left: -3px;
445 |   background-color: #fff;
446 |   border-radius: 100%;
447 |   box-sizing: border-box;
448 | }
449 | 
450 | 
451 | 
452 | #section09 a {
453 |   padding-top: 80px;
454 | }
455 | #section09 a span {
456 |   position: absolute;
457 |   top: 0;
458 |   left: 50%;
459 |   width: 30px;
460 |   height: 50px;
461 |   margin-left: -15px;
462 |   border: 2px solid #fff;
463 |   border-radius: 50px;
464 |   box-sizing: border-box;
465 | }
466 | #section09 a span::before {
467 |   position: absolute;
468 |   top: 10px;
469 |   left: 50%;
470 |   content: '';
471 |   width: 6px;
472 |   height: 6px;
473 |   margin-left: -3px;
474 |   background-color: #fff;
475 |   border-radius: 100%;
476 |   box-sizing: border-box;
477 | }
478 | #section09 a span::after {
479 |   position: absolute;
480 |   bottom: -18px;
481 |   left: 50%;
482 |   width: 18px;
483 |   height: 18px;
484 |   content: '';
485 |   margin-left: -9px;
486 |   border-left: 1px solid #fff;
487 |   border-bottom: 1px solid #fff;
488 |   -webkit-transform: rotate(-45deg);
489 |   transform: rotate(-45deg);
490 |   box-sizing: border-box;
491 | }
492 | 
493 | 
494 | 
495 | #section10 a {
496 |   padding-top: 60px;
497 | }
498 | #section10 a span {
499 |   position: absolute;
500 |   top: 0;
501 |   left: 50%;
502 |   width: 30px;
503 |   height: 50px;
504 |   margin-left: -15px;
505 |   border: 2px solid #fff;
506 |   border-radius: 50px;
507 |   box-sizing: border-box;
508 | }
509 | #section10 a span::before {
510 |   position: absolute;
511 |   top: 10px;
512 |   left: 50%;
513 |   content: '';
514 |   width: 6px;
515 |   height: 6px;
516 |   margin-left: -3px;
517 |   background-color: #fff;
518 |   border-radius: 100%;
519 |   -webkit-animation: sdb10 2s infinite;
520 |   animation: sdb10 2s infinite;
521 |   box-sizing: border-box;
522 | }
523 | @-webkit-keyframes sdb10 {
524 |   0% {
525 |     -webkit-transform: translate(0, 0);
526 |     opacity: 0;
527 |   }
528 |   40% {
529 |     opacity: 1;
530 |   }
531 |   80% {
532 |     -webkit-transform: translate(0, 20px);
533 |     opacity: 0;
534 |   }
535 |   100% {
536 |     opacity: 0;
537 |   }
538 | }
539 | @keyframes sdb10 {
540 |   0% {
541 |     transform: translate(0, 0);
542 |     opacity: 0;
543 |   }
544 |   40% {
545 |     opacity: 1;
546 |   }
547 |   80% {
548 |     transform: translate(0, 20px);
549 |     opacity: 0;
550 |   }
551 |   100% {
552 |     opacity: 0;
553 |   }
554 | }


--------------------------------------------------------------------------------
/css/fixed.css:
--------------------------------------------------------------------------------
 1 | /*--- Extra Bootstrap Column Padding --*/
 2 | [class*="col-"] {
 3 |     padding: 1rem;
 4 | }
 5 | 
 6 | /*--- Bootstrap Mobile Gutter Fix --*/
 7 | .row,
 8 | .container-fluid {
 9 |     margin-left: 0px !important;
10 |     margin-right: 0px !important;
11 | }
12 | 
13 | /*--- Fix for Fixed Navbar jumping on scroll --*/
14 | .fixed-top {
15 |     -webkit-backface-visibility: hidden;
16 | }
17 | 
18 | /*--- Fixed Landing Page Section --*/
19 | .landing {
20 |     position: relative;
21 |     width: 100%;
22 |     height: 100vh;
23 |     display: table;
24 |     content: "";
25 |     z-index: -1;
26 |     background-size: cover;
27 |     background-image: url(https://wallpapershome.com/images/pages/pic_h/16602.jpg);
28 | 
29 | }
30 | 
31 | 
32 | /*--- iOS Fixed Background Image --*/
33 | .fixed-background {
34 |     position: relative;
35 |     width: 100%;
36 | }
37 | 
38 | .fixed-wrap {
39 |     clip: rect(0, auto, auto, 0);
40 |     position: absolute;
41 |     top: 0;
42 |     left: 0;
43 |     width: 100%;
44 |     height: 100%;
45 |     z-index: -999 !important;
46 | }
47 | 
48 | .fixed {
49 |     position: fixed;
50 |     display: block;
51 |     top: 0;
52 |     left: 0;
53 |     width: 100%;
54 |     height: 40%;
55 |     background-size: cover;
56 |     background-position: center center;
57 |     -webkit-transform: translateZ(0);
58 |     transform: translateZ(0);
59 |     will-change: transform;
60 | }
61 | 
62 | 
63 | 
64 | 
65 | 


--------------------------------------------------------------------------------
/css/shop.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     font-family: Rubik;
  3 |     color: #211a1a;
  4 |     font-size: 0.9em;
  5 |     display: flex;
  6 |     padding-right: 20px;
  7 | }
  8 | 
  9 | body::-webkit-scrollbar-track {
 10 |     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 11 |     background-color: #F5F5F5;
 12 | }
 13 | 
 14 | body::-webkit-scrollbar {
 15 |     width: 6px;
 16 |     background-color: #F5F5F5;
 17 | }
 18 | 
 19 | .se-pre-con {
 20 |     position: fixed;
 21 |     left: 0px;
 22 |     top: 0px;
 23 |     width: 100%;
 24 |     height: 100%;
 25 |     z-index: 9999;
 26 |     background: url(http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_11.gif) center no-repeat #fff;
 27 | }
 28 | 
 29 | body::-webkit-scrollbar-thumb {
 30 |     background-color: #000000;
 31 | }
 32 | 
 33 | .right {
 34 |     width: 40%;
 35 |     height: 500px;
 36 |     min-height: 200px;
 37 |     overflow: auto;
 38 |     right: 0px;
 39 |     position: fixed !important;
 40 |     top: 15% !important;
 41 |     background-color: #f9d29d;
 42 |     background-image: linear-gradient(315deg, #f9d29d 0%, #ffd8cb 74%);
 43 |     border: 2px solid white;
 44 |     border-radius: 20px;
 45 |     margin-right: 10px;
 46 | }
 47 | 
 48 | #shopping-cart {
 49 |     margin-top: 20px;
 50 |     margin-right: 10px;
 51 |     margin-left: 10px;
 52 | }
 53 | 
 54 | #product-grid {
 55 |     margin-top: 100px;
 56 |     margin-left: 20px;
 57 |     width: 85%;
 58 | }
 59 | 
 60 | #shopping-cart table {
 61 |     width: 56%;
 62 |     background-color: #F0F0F0;
 63 | }
 64 | 
 65 | #shopping-cart table td {
 66 |     background-color: #FFFFFF;
 67 | }
 68 | 
 69 | .txt-heading {
 70 |     color: black;
 71 |     border-bottom: 1px solid #505962;
 72 |     overflow: auto;
 73 |     font-family: "AbolitionW00-Regular";
 74 |     text-transform: capitalize;
 75 |     font-size: 40px;
 76 |     text-align: center;
 77 |     margin-bottom: 10px;
 78 | }
 79 | 
 80 | #btnEmpty {
 81 |     background-color: #ffffff;
 82 |     border: #d00000 1px solid;
 83 |     padding: 5px 10px;
 84 |     color: #d00000;
 85 |     float: left;
 86 |     text-decoration: none;
 87 |     border-radius: 3px;
 88 |     margin-left: 20px !important;
 89 |     margin: 10px 0px;
 90 | }
 91 | 
 92 | #btnorder {
 93 |     background-color: #1ECF13;
 94 |     border: #1ECF13 1px solid;
 95 |     padding: 5px 10px;
 96 |     color: white;
 97 |     float: right;
 98 |     text-decoration: none;
 99 |     border-radius: 3px;
100 |     margin: 10px 0px;
101 |     margin-right: 30px;
102 | }
103 | 
104 | .btnAddAction {
105 |     padding: 5px 10px;
106 |     margin-left: 5px;
107 |     background-color: #efefef;
108 |     border: #E0E0E0 1px solid;
109 |     color: #211a1a;
110 |     float: right;
111 |     text-decoration: none;
112 |     border-radius: 3px;
113 |     cursor: pointer;
114 | }
115 | 
116 | #product-grid .txt-heading {
117 |     margin-bottom: 18px;
118 | }
119 | 
120 | .product-item {
121 |     float: left;
122 |     background: #ffffff;
123 |     margin: 30px 20px 0px 0px;
124 |     border: none;
125 |     width: 85%;
126 | }
127 | 
128 | .product-image {
129 |     background-color: #FFF;
130 |     width: 230px;
131 |     height: 185px;
132 |     float: left;
133 | }
134 | 
135 | .clear-float {
136 |     clear: both;
137 | }
138 | 
139 | .demo-input-box {
140 |     border-radius: 2px;
141 |     border: #CCC 1px solid;
142 |     padding: 2px 1px;
143 | }
144 | 
145 | .tbl-cart {
146 |     font-size: 0.9em;
147 | }
148 | 
149 | .tbl-cart th {
150 |     font-weight: normal;
151 | }
152 | 
153 | .product-title {
154 |     margin-bottom: 20px;
155 |     font-weight: bolder;
156 |     font-size: 24px;
157 |     font-family: "Beyond the mountains"
158 | }
159 | 
160 | .product-description {
161 |     color: #505962;
162 |     font-size: 14px;
163 | }
164 | 
165 | .product-price {
166 |     float: right;
167 |     margin-left: 30px;
168 |     margin-top: -20px;
169 |     font-size: 30px;
170 |     font-family: 'Beyond the mountains';
171 |     font-weight: bolder;
172 | }
173 | 
174 | 
175 | .lower {
176 |     margin-top: 30px !important;
177 |     align-items: center !important;
178 |     margin-right: 30px;
179 |     float: left
180 | }
181 | 
182 | .cart-action {
183 |     font-family: 'AbolitionW00-Regular';
184 |     font-size: 12px;
185 | }
186 | 
187 | .product-quantity {
188 |     padding: 5px 10px;
189 |     border-radius: 3px;
190 |     border: #E0E0E0 1px solid;
191 | }
192 | 
193 | .product-tile-footer {
194 |     padding: 15px 15px 0px 0px;
195 |     overflow: auto;
196 | }
197 | 
198 | 
199 | .cart-item-image {
200 |     width: 40px;
201 |     height: 30px;
202 |     border-radius: 50%;
203 |     border: #E0E0E0 1px solid;
204 |     padding: 5px;
205 |     margin-right: 5px;
206 |     vertical-align: middle;
207 |     margin-right: 15px;
208 | }
209 | 
210 | .no-records {
211 |     text-align: center;
212 |     clear: both;
213 |     margin: 38px 0px;
214 | }
215 | 
216 | 
217 | input {
218 |     background-color: #eee;
219 |     border: none;
220 |     padding: 12px 15px;
221 |     margin: 8px 10px;
222 |     width: 230px;
223 |     border-radius: 8px;
224 |     transition-duration: 0.25s;
225 |     text-align: center;
226 | }
227 | 
228 | input:hover {
229 |     background-color: #E5E527;
230 | 
231 | }
232 | 
233 | form input:focus {
234 |     outline: none;
235 | }
236 | 
237 | .fix1 {
238 |     width: 100px;
239 | }
240 | 
241 | .fix2 {
242 |     width: 40px;
243 | }
244 | 
245 | .fix1:focus {
246 |     width: 100px !important;
247 | }
248 | 
249 | .fix2:focus {
250 |     width: 40px !important;
251 | }
252 | 
253 | @import url('https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i&display=swap');
254 | @import url('//db.onlinewebfonts.com/c/465b1cbe35b5ca0de556720c955abece?family=AbolitionW00-Regular');
255 | @import url('//db.onlinewebfonts.com/c/41f5e8ff1d98d490a19c6d48ea7b74b1?family=Beyond+The+Mountains');
256 | 
257 | @font-face {
258 |     font-family: "AbolitionW00-Regular";
259 |     src: url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.eot");
260 |     src: url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.woff") format("woff"), url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.svg#AbolitionW00-Regular") format("svg");
261 | }
262 | 
263 | 
264 | 
265 | 
266 | @font-face {
267 |     font-family: 'Sugar Candy';
268 |     font-style: normal;
269 |     font-weight: normal;
270 |     src: local('Sugar Candy'), url('../fonts/sugarcandy/Sugar Candy.otf') format('otf');
271 | }
272 | 
273 | body {
274 |     overflow-x: hidden;
275 |     font-family: 'Rubik', sans-serif;
276 |     color: #505962;
277 | 
278 | }
279 | 
280 | html {
281 |     scroll-behavior: smooth;
282 | }
283 | 
284 | .offset:before {
285 |     display: block;
286 |     content: "";
287 |     height: 4rem;
288 |     margin-top: -4rem;
289 | }
290 | 
291 | .stylish {
292 |     font-family: 'Sugar Candy';
293 |     text-align: center;
294 |     font-size: 100px;
295 |     font-weight: bolder;
296 | 
297 | }
298 | 
299 | /*--- Navigation--*/
300 | .navbar {
301 |     text-transform: uppercase;
302 |     font-weight: 700;
303 |     font-family: "AbolitionW00-Regular";
304 |     font-size: 28px !important;
305 |     letter-spacing: .1rem;
306 |     background-color: #010100 !important;
307 |     background-position: top left;
308 |     background-repeat: repeat;
309 |     opacity: 1;
310 |     width: 100%;
311 | }
312 | 
313 | .second-head {
314 |     height: 200px !important;
315 |     font-family: 'Sugar candy';
316 | }
317 | 
318 | .navbar-nav li {
319 |     padding-right: .7rem;
320 | }
321 | 
322 | .navbar-dark .navbar-nav .nav-link {
323 |     color: white !important;
324 |     padding: 7px 12px;
325 |     font-size: 20px;
326 |     font-weight: 500;
327 | }
328 | 
329 | .navbar-dark .navbar-nav .nav-link.active,
330 | .navbar-dark .navbar-nav .nav-link:hover {
331 |     color: #E5E526 !important;
332 | }
333 | 
334 | 
335 | #io {
336 |     text-align: justify;
337 |     color: aliceblue;
338 | }
339 | 
340 | #pop1 {
341 |     padding-top: 200px;
342 |     padding-left: 50px;
343 | }
344 | 
345 | .pos-bottom {
346 |     position: absolute;
347 |     bottom: 0;
348 |     left: 0;
349 |     right: 0;
350 | }
351 | 
352 | .pos-top {
353 |     position: absolute;
354 |     top: 0px;
355 |     left: 0;
356 |     right: 0;
357 | }
358 | 
359 | .triangle-up:after {
360 |     content: '';
361 |     height: 10px;
362 |     position: absolute;
363 |     bottom: 0px;
364 |     left: 0;
365 |     right: 0;
366 |     background: url(../img/triangle_bg.png) repeat-x;
367 |     background-size: 26px 10px;
368 | }
369 | 
370 | .triangle-bottom:after {
371 |     content: '';
372 |     height: 10px;
373 |     position: absolute;
374 |     top: 20px;
375 |     left: 0;
376 |     right: 0;
377 |     background: url(../img/triangle_bg.png) repeat-x;
378 |     background-size: 26px 10px;
379 |     transform: rotate(180deg);
380 |     -webkit-transform: rotate(180deg);
381 | }
382 | 
383 | .triangle-bottom {
384 |     position: relative;
385 | }
386 | 
387 | .second-head {
388 |     font-size: 5rem;
389 |     text-align: center;
390 |     font-weight: 700;
391 |     color: black;
392 |     padding: 60px 0px 40px 0px;
393 |     margin-top: 0px;
394 | }
395 | 
396 | #second-para {
397 |     text-align: justify;
398 |     word-spacing: 3px;
399 |     line-height: 24px;
400 |     padding-top: 80px;
401 |     font-weight: 400;
402 |     padding-bottom: 50px;
403 |     text-indent: 30px;
404 |     margin: 0px;
405 | 
406 | }
407 | 
408 | .space {
409 |     padding-bottom: 10px;
410 | }
411 | 
412 | .canvas-area {
413 |     width: 100%;
414 |     float: left;
415 |     padding: 0px 2%;
416 |     margin-top: 0px;
417 | }
418 | 
419 | .head1 {
420 |     width: auto;
421 |     float: left;
422 | 
423 | }
424 | 
425 | .head1 a {
426 |     width: auto;
427 |     float: left;
428 | }
429 | 
430 | .head1 a img {
431 |     width: auto;
432 |     float: left;
433 |     height: 40px !important;
434 | }
435 | 
436 | @media(max-width:767px) {
437 |     .ml-auto {
438 |         width: 100% !important;
439 |     }
440 | 
441 |     .navbar-dark .navbar-nav .nav-link {
442 |         text-align: center;
443 |     }
444 | }
445 | 
446 | .food-img1 {
447 |     background-image: url("https://images.unsplash.com/photo-1498837167922-ddd27525d352?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80");
448 |     height: 400px;
449 |     width: 100%;
450 |     background-size: cover;
451 | }
452 | 
453 | .food-1 {
454 |     background: rgb(0, 0, 0, 0.6);
455 |     height: 400px;
456 |     width: 100%
457 | }
458 | 
459 | 
460 | #pad1 {
461 |     padding-left: 98px;
462 | }
463 | 
464 | .heading1 {
465 |     text-align: center;
466 |     padding-top: 30%;
467 |     text-transform: uppercase;
468 |     color: #FFC94D;
469 |     font-size: 20px;
470 |     font-weight: 500;
471 | }
472 | 
473 | .food1-content {
474 |     text-align: center;
475 |     color: aliceblue;
476 |     padding-top: 8px
477 | }
478 | 
479 | .link1 {
480 |     padding-left: 105px;
481 |     width: 100%;
482 |     height: 10px;
483 | }
484 | 
485 | .view {
486 |     padding-left: 206px;
487 |     padding-top: 10px;
488 | }
489 | 
490 | #pad2 {
491 |     padding-right: 98px;
492 | }
493 | 
494 | 
495 | 
496 | .resp1 {
497 |     background-image: url(https://images.unsplash.com/photo-1542528406-f04308dcf0a1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=681&q=80);
498 |     background-size: cover;
499 |     width: 100%;
500 |     height: 300px;
501 | }
502 | 
503 | #set1 {
504 |     padding-right: 2.5%;
505 |     padding-left: 2.5%;
506 | }
507 | 
508 | .set-img-1 {
509 |     background-image: url(https://images.unsplash.com/photo-1542528406-f04308dcf0a1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=681&q=80);
510 |     width: 115%;
511 |     height: 200px;
512 |     background-size: cover;
513 | }
514 | 
515 | .set-pic-1 {
516 |     background: rgb(0, 0, 0, 0.4);
517 |     width: 100%;
518 |     height: 200px;
519 | }
520 | 
521 | #row2 {
522 |     padding-left: 3.5%;
523 |     padding-bottom: px;
524 |     padding-right: 5%;
525 | }
526 | 
527 | 
528 | 
529 | .opac {
530 |     position: relative;
531 |     width: 100%;
532 |     height: inherit;
533 |     display: table;
534 |     content: "";
535 |     z-index: -1;
536 |     background-color: rgb(0, 0, 0, 0.6);
537 | }
538 | 
539 | .set-img-2 {
540 |     background-image: url(https://images.unsplash.com/photo-1542282811-943ef1a977c3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=752&q=80);
541 |     width: 115%;
542 |     height: 200px;
543 |     background-size: cover;
544 | }
545 | 
546 | .set-img-3 {
547 |     background-image: url(https://images.unsplash.com/photo-1503764654157-72d979d9af2f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=753&q=80);
548 |     width: 115%;
549 |     height: 200px;
550 |     background-size: cover;
551 | }
552 | 
553 | .set-img-4 {
554 |     background-image: url(https://images.unsplash.com/photo-1548592806-482f9b023d51?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=891&q=80);
555 |     width: 115%;
556 |     height: 200px;
557 |     background-size: cover;
558 |     align-content: center;
559 | }
560 | 
561 | .set-img-5 {
562 |     background-image: url(https://images.unsplash.com/photo-1484723091739-30a097e8f929?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=387&q=80);
563 |     width: 115%;
564 |     height: 200px;
565 |     background-size: cover;
566 |     align-content: center;
567 | }
568 | 
569 | .set-img-6 {
570 |     background-image: url(https://images.unsplash.com/photo-1514518189759-94d8ee01ecf1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80);
571 |     width: 115%;
572 |     height: 200px;
573 |     background-size: cover;
574 |     align-content: center;
575 | }
576 | 
577 | .set-img-7 {
578 |     background-image: url(https://images.unsplash.com/photo-1501688190156-9e816757373a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80);
579 |     width: 115%;
580 |     height: 200px;
581 |     background-size: cover;
582 |     align-content: center;
583 | }
584 | 
585 | 
586 | .set-img-8 {
587 |     background-image: url(https://images.unsplash.com/photo-1515931215890-366d3990cf8d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80);
588 |     width: 115%;
589 |     height: 200px;
590 |     background-size: cover;
591 |     align-content: center;
592 | }
593 | 
594 | .food-img2 {
595 |     background-image: url("https://images.unsplash.com/photo-1496412705862-e0088f16f791?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80");
596 |     background-size: cover;
597 |     height: 400px;
598 |     width: 100%;
599 | }
600 | 
601 | .chooseres {
602 |     padding-top: 55px;
603 |     padding-bottom: 15px;
604 |     text-align: center;
605 |     font-family: 'Beyond The Mountains';
606 |     color: blanchedalmond;
607 | }
608 | 
609 | #reservation {
610 |     background-color: #0cbaba;
611 |     background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
612 |     height: 545px !important;
613 |     margin-top: 0px;
614 | }
615 | 
616 | #blockres {
617 |     background-color: white;
618 |     opacity: 0.8;
619 |     display: flex;
620 |     align-items: center;
621 |     justify-content: center;
622 |     flex-direction: column;
623 |     padding: 0 20px;
624 |     height: 330px;
625 |     width: 366px;
626 |     text-align: center;
627 |     border-radius: 20px;
628 | }


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 | @import url('https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i&display=swap');
  2 | @import url('//db.onlinewebfonts.com/c/465b1cbe35b5ca0de556720c955abece?family=AbolitionW00-Regular');
  3 | @import url('//db.onlinewebfonts.com/c/41f5e8ff1d98d490a19c6d48ea7b74b1?family=Beyond+The+Mountains');
  4 | 
  5 | @font-face {
  6 |     font-family: "AbolitionW00-Regular";
  7 |     src: url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.eot");
  8 |     src: url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.woff") format("woff"), url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/465b1cbe35b5ca0de556720c955abece.svg#AbolitionW00-Regular") format("svg");
  9 | }
 10 | 
 11 | body::-webkit-scrollbar-track {
 12 |     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 13 |     background-color: #F5F5F5;
 14 | }
 15 | 
 16 | body::-webkit-scrollbar {
 17 |     width: 6px;
 18 |     background-color: #F5F5F5;
 19 | }
 20 | 
 21 | body::-webkit-scrollbar-thumb {
 22 |     background-color: #000000;
 23 | }
 24 | 
 25 | hr {
 26 |     display: block;
 27 |     margin-top: 0.5em;
 28 |     margin-bottom: 0.5em;
 29 |     margin-left: auto;
 30 |     margin-right: auto;
 31 |     border-width: 1px;
 32 |     border-color: #959595;
 33 | }
 34 | 
 35 | 
 36 | @font-face {
 37 |     font-family: 'Sugar Candy';
 38 |     font-style: normal;
 39 |     font-weight: normal;
 40 |     src: local('Sugar Candy'), url('../fonts/sugarcandy/Sugar Candy.otf') format('otf');
 41 | }
 42 | 
 43 | body {
 44 |     overflow-x: hidden;
 45 |     font-family: 'Rubik', sans-serif;
 46 |     color: #505962;
 47 | 
 48 | }
 49 | 
 50 | html {
 51 |     scroll-behavior: smooth;
 52 | }
 53 | 
 54 | .offset:before {
 55 |     display: block;
 56 |     content: "";
 57 |     height: 4rem;
 58 |     margin-top: -4rem;
 59 | }
 60 | 
 61 | .stylish {
 62 |     font-family: 'Sugar Candy';
 63 |     text-align: center;
 64 |     font-size: 100px;
 65 |     font-weight: bolder;
 66 | 
 67 | }
 68 | 
 69 | /*--- Navigation--*/
 70 | .navbar {
 71 |     text-transform: uppercase;
 72 |     font-weight: 700;
 73 |     font-family: "AbolitionW00-Regular";
 74 |     font-size: 28px !important;
 75 |     letter-spacing: .1rem;
 76 |     background-color: #010100 !important;
 77 |     background-position: top left;
 78 |     background-repeat: repeat;
 79 |     opacity: 0.85;
 80 |     width: 100%;
 81 | }
 82 | 
 83 | .second-head {
 84 |     height: 200px !important;
 85 |     font-family: 'Sugar candy';
 86 | }
 87 | 
 88 | .navbar-nav li {
 89 |     padding-right: .7rem;
 90 | }
 91 | 
 92 | .navbar-dark .navbar-nav .nav-link {
 93 |     color: white;
 94 |     padding: 7px 12px;
 95 |     font-size: 20px;
 96 |     font-weight: 500;
 97 | }
 98 | 
 99 | .navbar-dark .navbar-nav .nav-link.active,
100 | .navbar-dark .navbar-nav .nav-link:hover {
101 |     color: coral;
102 | }
103 | 
104 | 
105 | #io {
106 |     text-align: justify;
107 |     color: aliceblue;
108 | }
109 | 
110 | #pop1 {
111 |     padding-top: 200px;
112 |     padding-left: 50px;
113 | }
114 | 
115 | .pos-bottom {
116 |     position: absolute;
117 |     bottom: 0;
118 |     left: 0;
119 |     right: 0;
120 | }
121 | 
122 | .pos-top {
123 |     position: absolute;
124 |     top: 0px;
125 |     left: 0;
126 |     right: 0;
127 | }
128 | 
129 | .triangle-up:after {
130 |     content: '';
131 |     height: 10px;
132 |     position: absolute;
133 |     bottom: 0px;
134 |     left: 0;
135 |     right: 0;
136 |     background: url(../img/triangle_bg.png) repeat-x;
137 |     background-size: 26px 10px;
138 | }
139 | 
140 | .triangle-bottom:after {
141 |     content: '';
142 |     height: 10px;
143 |     position: absolute;
144 |     top: 20px;
145 |     left: 0;
146 |     right: 0;
147 |     background: url(../img/triangle_bg.png) repeat-x;
148 |     background-size: 26px 10px;
149 |     transform: rotate(180deg);
150 |     -webkit-transform: rotate(180deg);
151 | }
152 | 
153 | .triangle-bottom {
154 |     position: relative;
155 | }
156 | 
157 | .second-head {
158 |     font-size: 5rem;
159 |     text-align: center;
160 |     font-weight: 700;
161 |     color: black;
162 |     padding: 60px 0px 40px 0px;
163 |     margin-top: 0px;
164 | }
165 | 
166 | #second-para {
167 |     text-align: justify;
168 |     word-spacing: 3px;
169 |     line-height: 24px;
170 |     padding-top: 80px;
171 |     font-weight: 400;
172 |     padding-bottom: 50px;
173 |     text-indent: 30px;
174 |     margin: 0px;
175 | 
176 | }
177 | 
178 | .space {
179 |     padding-bottom: 10px;
180 | }
181 | 
182 | .canvas-area {
183 |     width: 100%;
184 |     float: left;
185 |     padding: 0px 2%;
186 |     margin-top: 0px;
187 | }
188 | 
189 | .head1 {
190 |     width: auto;
191 |     float: left;
192 | 
193 | }
194 | 
195 | .head1 a {
196 |     width: auto;
197 |     float: left;
198 | }
199 | 
200 | .head1 a img {
201 |     width: auto;
202 |     float: left;
203 |     height: 40px !important;
204 | }
205 | 
206 | @media(max-width:767px) {
207 |     .ml-auto {
208 |         width: 100% !important;
209 |     }
210 | 
211 |     .navbar-dark .navbar-nav .nav-link {
212 |         text-align: center;
213 |     }
214 | }
215 | 
216 | .food-img1 {
217 |     background-image: url("https://images.unsplash.com/photo-1498837167922-ddd27525d352?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80");
218 |     height: 400px;
219 |     width: 100%;
220 |     background-size: cover;
221 | }
222 | 
223 | .food-1 {
224 |     background: rgb(0, 0, 0, 0.6);
225 |     height: 400px;
226 |     width: 100%
227 | }
228 | 
229 | 
230 | #pad1 {
231 |     padding-left: 98px;
232 | }
233 | 
234 | .heading1 {
235 |     text-align: center;
236 |     padding-top: 30%;
237 |     text-transform: uppercase;
238 |     color: #FFC94D;
239 |     font-size: 20px;
240 |     font-weight: 500;
241 | }
242 | 
243 | .food1-content {
244 |     text-align: center;
245 |     color: aliceblue;
246 |     padding-top: 8px
247 | }
248 | 
249 | .link1 {
250 |     padding-left: 105px;
251 |     width: 100%;
252 |     height: 10px;
253 | }
254 | 
255 | .view {
256 |     padding-left: 206px;
257 |     padding-top: 10px;
258 | }
259 | 
260 | #pad2 {
261 |     padding-right: 98px;
262 | }
263 | 
264 | 
265 | 
266 | .resp1 {
267 |     background-image: url(https://images.unsplash.com/photo-1542528406-f04308dcf0a1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=681&q=80);
268 |     background-size: cover;
269 |     width: 100%;
270 |     height: 300px;
271 | }
272 | 
273 | #set1 {
274 |     padding-right: 2.5%;
275 |     padding-left: 2.5%;
276 | }
277 | 
278 | .set-img-1 {
279 |     background-image: url(https://images.unsplash.com/photo-1542528406-f04308dcf0a1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=681&q=80);
280 |     width: 115%;
281 |     height: 200px;
282 |     background-size: cover;
283 | }
284 | 
285 | .set-pic-1 {
286 |     background: rgb(0, 0, 0, 0.4);
287 |     width: 100%;
288 |     height: 200px;
289 | }
290 | 
291 | #row2 {
292 |     padding-left: 3.5%;
293 |     padding-bottom: px;
294 |     padding-right: 5%;
295 | }
296 | 
297 | 
298 | 
299 | .opac {
300 |     position: relative;
301 |     width: 100%;
302 |     height: inherit;
303 |     display: table;
304 |     content: "";
305 |     z-index: -1;
306 |     background-color: rgb(0, 0, 0, 0.6);
307 | }
308 | 
309 | .set-img-2 {
310 |     background-image: url(https://images.unsplash.com/photo-1542282811-943ef1a977c3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=752&q=80);
311 |     width: 115%;
312 |     height: 200px;
313 |     background-size: cover;
314 | }
315 | 
316 | .set-img-3 {
317 |     background-image: url(https://images.unsplash.com/photo-1503764654157-72d979d9af2f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=753&q=80);
318 |     width: 115%;
319 |     height: 200px;
320 |     background-size: cover;
321 | }
322 | 
323 | .set-img-4 {
324 |     background-image: url(https://images.unsplash.com/photo-1548592806-482f9b023d51?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=891&q=80);
325 |     width: 115%;
326 |     height: 200px;
327 |     background-size: cover;
328 |     align-content: center;
329 | }
330 | 
331 | .set-img-5 {
332 |     background-image: url(https://images.unsplash.com/photo-1484723091739-30a097e8f929?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=387&q=80);
333 |     width: 115%;
334 |     height: 200px;
335 |     background-size: cover;
336 |     align-content: center;
337 | }
338 | 
339 | .set-img-6 {
340 |     background-image: url(https://images.unsplash.com/photo-1514518189759-94d8ee01ecf1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80);
341 |     width: 115%;
342 |     height: 200px;
343 |     background-size: cover;
344 |     align-content: center;
345 | }
346 | 
347 | .set-img-7 {
348 |     background-image: url(https://images.unsplash.com/photo-1501688190156-9e816757373a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80);
349 |     width: 115%;
350 |     height: 200px;
351 |     background-size: cover;
352 |     align-content: center;
353 | }
354 | 
355 | 
356 | .set-img-8 {
357 |     background-image: url(https://images.unsplash.com/photo-1515931215890-366d3990cf8d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80);
358 |     width: 115%;
359 |     height: 200px;
360 |     background-size: cover;
361 |     align-content: center;
362 | }
363 | 
364 | .food-img2 {
365 |     background-image: url("https://images.unsplash.com/photo-1496412705862-e0088f16f791?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80");
366 |     background-size: cover;
367 |     height: 400px;
368 |     width: 100%;
369 | }
370 | 
371 | .chooseres {
372 |     padding-top: 55px;
373 |     padding-bottom: 15px;
374 |     text-align: center;
375 |     font-family: 'Beyond The Mountains';
376 |     color: blanchedalmond;
377 | }
378 | 
379 | #reservation {
380 |     background-color: #0cbaba;
381 |     background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
382 |     height: 545px !important;
383 |     margin-top: 0px;
384 | }
385 | 
386 | #blockres {
387 |     background-color: white;
388 |     opacity: 0.8;
389 |     display: flex;
390 |     align-items: center;
391 |     justify-content: center;
392 |     flex-direction: column;
393 |     padding: 0 20px;
394 |     height: 330px;
395 |     width: 366px;
396 |     text-align: center;
397 |     border-radius: 20px;
398 | }
399 | 
400 | input {
401 |     background-color: #eee;
402 |     border: none;
403 |     padding: 12px 15px;
404 |     margin: 8px 10px;
405 |     width: 230px;
406 |     border-radius: 8px;
407 |     transition-duration: 0.25s;
408 |     text-align: center;
409 | }
410 | 
411 | input:hover {
412 |     background-color: #F0FFFF;
413 | 
414 | }
415 | 
416 | form input:focus {
417 |     background-color: #F8F8F8;
418 |     width: 240px;
419 |     border-radius: 20px !important;
420 |     outline: none;
421 | }
422 | 
423 | button {
424 |     border-radius: 20px;
425 |     border: 1px solid #FF4B2B;
426 |     background-color: #FF4B2B;
427 |     color: #FFFFFF;
428 |     font-size: 12px;
429 |     font-weight: bold;
430 |     padding: 12px 45px;
431 |     letter-spacing: 1px;
432 |     text-transform: uppercase;
433 |     transition: transform 80ms ease-in;
434 |     outline: none;
435 | }
436 | 
437 | button:hover {
438 |     background-color: #1F3855;
439 |     transition: transform 80ms ease-in;
440 |     border: 1px solid #1F3855;
441 |     outline: none;
442 | }
443 | 
444 | #timepick+label:after {
445 |     content: 'Selected time';
446 |     color: #9d9d9d;
447 | }
448 | 
449 | #timepick:valid+label:after {
450 |     content: 'Select Time';
451 |     color: #9d9d9d;
452 | }
453 | 
454 | #timepick:focus+label:after {
455 |     content: 'Select time';
456 |     color: #9d9d9d;
457 | }
458 | 
459 | .flickr {
460 |     animation: blinker 0.6s linear infinite;
461 |     color: white;
462 |     font-size: 30px;
463 |     font-weight: bold;
464 |     text-align: center;
465 |     padding-top: 20px;
466 | }
467 | 
468 | @keyframes blinker {
469 |     50% {
470 |         opacity: 0;
471 |     }
472 | }
473 | 
474 | .full {
475 |     width: 100%;
476 | }
477 | 
478 | .gap {
479 |     height: 30px;
480 |     width: 100%;
481 |     clear: both;
482 |     display: block;
483 | }
484 | 
485 | #parallax {
486 |     background-image: url("https://images.unsplash.com/photo-1552166539-7f3691985d0b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1955&q=80");
487 |     height: 500px;
488 |     background-attachment: fixed;
489 |     background-position: center;
490 |     background-repeat: no-repeat;
491 |     background-size: cover;
492 | }
493 | 
494 | .footer p {
495 |     margin: 0;
496 | }
497 | 
498 | .footer img {
499 |     max-width: 100%;
500 | }
501 | 
502 | .footer h3 {
503 |     color: white;
504 |     font-size: 18px;
505 |     font-weight: 600;
506 |     line-height: 27px;
507 |     padding: 40px 0 0px;
508 |     text-transform: uppercase;
509 |     margin-bottom: 15px;
510 | }
511 | 
512 | .footer h4 {
513 |     color: white;
514 |     font-size: 2em;
515 |     font-weight: 600;
516 |     line-height: 38px;
517 |     padding: 40px 0 10px;
518 |     font-family: cursive;
519 |     font-weight: lighter
520 | }
521 | 
522 | .footer ul {
523 |     font-size: 13px;
524 |     list-style-type: none;
525 |     margin-left: 0;
526 |     padding-left: 0;
527 |     margin-top: 0px;
528 |     color: #7F8C8D;
529 |     padding: 0 0 8px 0;
530 | }
531 | 
532 | .email {
533 |     border-bottom: 3px solid #fff;
534 | }
535 | 
536 | .footer ul li a {
537 |     padding: 0 0 12px 0;
538 |     display: block;
539 | }
540 | 
541 | .footer a {
542 |     color: white;
543 |     font-weight: lighter;
544 | }
545 | 
546 | .footer p {
547 |     color: white;
548 |     font-weight: lighter;
549 | }
550 | 
551 | .footer a:hover {
552 |     text-decoration: none;
553 |     font-weight: bold;
554 | }
555 | 
556 | .supportLi h4 {
557 |     font-size: 20px;
558 |     font-weight: lighter;
559 |     line-height: normal;
560 |     margin-bottom: 0 !important;
561 |     padding-bottom: 0;
562 | }
563 | 
564 | .bg-gray {
565 |     background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
566 |     box-shadow: 0 1px 0 #B4B3B3;
567 | }
568 | 
569 | .footer a {
570 |     color: #78828D
571 | }
572 | 
573 | .footer-bottom {
574 |     margin-top: 2em;
575 |     border-top: 1px solid #DDDDDD;
576 |     padding-top: 20px;
577 |     padding-bottom: 10px;
578 | }
579 | 
580 | .footer-bottom p.pull-left {
581 |     padding-top: 6px;
582 |     font-size: 0.75em
583 | }
584 | 
585 | .section-gap {
586 |     padding: 12opx 0;
587 | }
588 |    
589 | .footer-area h4 {
590 |     padding-bottom: 30px
591 | }
592 | 
593 | .footer-area .number {
594 |     color: #fff;
595 |     font-size: 24px;
596 |     font-weight: 600;
597 |     line-height: 30px
598 | }
599 | 
600 | .footer-area .genric-btn {
601 |     background: #f42f2c;
602 |     border: none;
603 |     border-radius: 57px;
604 |     height: 36px;
605 |     line-height: 41px
606 | }
607 | 
608 | .footer-area .primary-btn {
609 |     background-color: #f42f2c
610 | }
611 | 
612 | .footer-area .primary-btn:hover .lnr {
613 |     color: #f42f2c
614 | }
615 | 
616 | .footer-area .single-footer-widget h4 {
617 |     color: #fff
618 | }
619 | 
620 | @media(max-width:768px) {
621 |     .footer-area .single-footer-widget .newsletter .primary-btn {
622 |         right: 2% !important;
623 |         width: auto;
624 |         right: 0;
625 |         top: 5px;
626 |         transform: translate(0%, 0)
627 |     }
628 | }
629 | 
630 | .footer-widget-wrap {
631 |     background: #f42f2c;
632 |     color: #fff;
633 |     height:513px;
634 | }
635 | 
636 | @media(max-width:991px) {
637 |     .single-footer-widget {
638 |         margin-bottom: 30px
639 |     }
640 | }
641 | 
642 | .single-footer-widget .navbar-form {
643 |     width: 100%
644 | }
645 | 
646 | .single-footer-widget .navbar-form .form-control {
647 |     border: none;
648 |     border-radius: 20px;
649 |     font-size: 13px;
650 |     background-color: #f9f9ff;
651 |     border: 1px solid #f9f9ff
652 | }
653 | 
654 | .single-footer-widget .navbar-form .form-control:focus {
655 |     box-shadow: none !important
656 | }
657 | 
658 | .single-footer-widget .navbar-form .add-on {
659 |     background: #f9f9ff;
660 |     border-radius: 20px;
661 |     border: 1px solid #fff
662 | }
663 | 
664 | .single-footer-widget .navbar-form .genric-btn {
665 |     padding: 0
666 | }
667 | 
668 | .single-footer-widget .navbar-form .genric-btn:hover {
669 |     background-color: #f42f2c
670 | }
671 | 
672 | .single-footer-widget .navbar-form .genric-btn:hover .lnr {
673 |     color: #fff
674 | }
675 | 
676 | .single-footer-widget .navbar-form .error {
677 |     color: #fff
678 | }
679 | 
680 | .single-footer-widget .navbar-form .lnr {
681 |     padding: 11px;
682 |     font-weight: 900;
683 |     font-size: 13px !important;
684 |     color: #fff
685 | }
686 | 
687 | .single-footer-widget .hr-list li {
688 |     margin-bottom: 20px;
689 |     padding-bottom: 20px;
690 |     border-bottom: 1px solid rgba(238, 238, 238, .3)
691 | }
692 | 
693 | .footer-bottom-wrap {
694 |     background: #222;
695 |     color: #fff
696 | }
697 | 
698 | .footer-bottom {
699 |     padding: 15px 0
700 | }
701 | 
702 | @media(max-width:991px) {
703 |     .footer-bottom .social-icons {
704 |         text-align: left !important;
705 |         margin-top: 15px
706 |     }
707 | }
708 | 
709 | .footer-bottom .social-icons li {
710 |     display: inline-block
711 | }
712 | 
713 | .footer-bottom .social-icons li a {
714 |     display: inline-block;
715 |     width: 35px;
716 |     height: 35px;
717 |     line-height: 35px;
718 |     text-align: center;
719 |     background: #111;
720 |     color: #fff;
721 |     -webkit-transition: all .3s ease 0s;
722 |     -moz-transition: all .3s ease 0s;
723 |     -o-transition: all .3s ease 0s;
724 |     transition: all .3s ease 0s
725 | }
726 | 
727 | .footer-bottom .social-icons li a:hover {
728 |     background: #f42f2c;
729 |     color: #111
730 | }
731 | 
732 | .footer-text a,
733 | .footer-text i {
734 |     color: #f42f2c
735 | }
736 | .section-gap{
737 |     padding:100px 0;
738 | }
739 | 
740 | .bot {
741 |     background-color: #222;
742 |     color: #fff;
743 |     font-size: 14px;
744 |     bottom: 0;
745 |     height: 40px;
746 |     margin-top:-20px ;
747 |     left: 0;
748 |     right: 0;
749 |     text-align: center;
750 |     z-index: 999;
751 | }
752 | 
753 | .bot p {
754 |     margin: 10px 0;
755 |     padding-top:10px;
756 | }
757 | 
758 | .bot i {
759 |     color: red;
760 | }
761 | 
762 | .bot a {
763 |     color: yellow;
764 |     text-decoration: none;
765 | }
766 | .single-footer-widget .navbar-form .lnr {
767 |     padding:11px;
768 |     font-weight: 900;
769 |     font-size: 13px!important;
770 |     color: #F0F0F0;
771 | }
772 | .footer-area .genric-btn {
773 |     background: #f42f2c;
774 |     border: none;
775 |     border-radius: 57px;
776 |     height: 36px;
777 |     line-height: 41px;
778 | }
779 | .genric-btn {
780 |     display: inline-block;
781 |     outline: none;
782 |     line-height: 40px;
783 |     padding: 0 30px;
784 |     font-size: .8em;
785 |     text-align: center;
786 |     text-decoration: none;
787 |     font-weight: 500;
788 |     cursor: pointer;
789 |     -webkit-transition: all .3s ease 0s;
790 |     -moz-transition: all .3s ease 0s;
791 |     -o-transition: all .3s ease 0s;
792 |     transition: all .3s ease 0s;
793 | }
794 | .lnr {
795 |     font-family: linearicons-free;
796 |     speak: none;
797 |     font-style: normal;
798 |     font-weight: 400;
799 |     font-variant: normal;
800 |     text-transform: none;
801 |     line-height: 1;
802 |     -webkit-font-smoothing: antialiased;
803 |     -moz-osx-font-smoothing: grayscale;
804 | }


--------------------------------------------------------------------------------
/css/style1.css:
--------------------------------------------------------------------------------
  1 | @import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');
  2 | 
  3 | 
  4 | * {
  5 |     box-sizing: border-box;
  6 | }
  7 | 
  8 | body {
  9 |     background: #f6f5f7;
 10 |     display: flex;
 11 |     justify-content: center;
 12 |     align-items: center;
 13 |     flex-direction: column;
 14 |     font-family: 'Montserrat', sans-serif;
 15 |     height: 99vh;
 16 |     margin: -20px 0 50px;
 17 | }
 18 | body::-webkit-scrollbar-track
 19 | {
 20 | 	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 21 | 	background-color: #F5F5F5;
 22 | }
 23 | 
 24 | body::-webkit-scrollbar
 25 | {
 26 | 	width: 6px;
 27 | 	background-color: #F5F5F5;
 28 | }
 29 | 
 30 | body::-webkit-scrollbar-thumb
 31 | {
 32 | 	background-color: #000000;
 33 | }
 34 | 
 35 | h1 {
 36 |     font-weight: bold;
 37 |     margin: 0;
 38 | }
 39 | 
 40 | h2 {
 41 |     text-align: center;
 42 | }
 43 | 
 44 | p {
 45 |     font-size: 14px;
 46 |     font-weight: 100;
 47 |     line-height: 20px;
 48 |     letter-spacing: 0.5px;
 49 |     margin: 20px 0 30px;
 50 | }
 51 | 
 52 | span {
 53 |     font-size: 12px;
 54 | }
 55 | 
 56 | a {
 57 |     color: #333;
 58 |     font-size: 14px;
 59 |     text-decoration: none;
 60 |     margin: 15px 0;
 61 | }
 62 | 
 63 | button {
 64 |     border-radius: 20px;
 65 |     border: 1px solid #FF4B2B;
 66 |     background-color: #FF4B2B;
 67 |     color: #FFFFFF;
 68 |     font-size: 12px;
 69 |     font-weight: bold;
 70 |     padding: 12px 45px;
 71 |     letter-spacing: 1px;
 72 |     text-transform: uppercase;
 73 |     transition: transform 80ms ease-in;
 74 | }
 75 | 
 76 | button:active {
 77 |     transform: scale(0.95);
 78 | }
 79 | 
 80 | button:focus {
 81 |     outline: none;
 82 | }
 83 | 
 84 | button.ghost {
 85 |     background-color: transparent;
 86 |     border-color: #FFFFFF;
 87 | }
 88 | 
 89 | form {
 90 |     background-color: #fbb034;
 91 |     display: flex;
 92 |     align-items: center;
 93 |     justify-content: center;
 94 |     flex-direction: column;
 95 |     padding: 0 50px;
 96 |     min-height: 523px;
 97 |     max-height:530px;
 98 |     width: 366px;
 99 |     text-align: center;
100 | }
101 | 
102 | input {
103 |     background-color: #eee;
104 |     border: none;
105 |     padding: 12px 15px;
106 |     margin: 8px 10px;
107 |     width: 220px;
108 |     border-radius: 8px;
109 |     transition-duration: 0.25s;
110 | }
111 | 
112 | input:hover {
113 |     background-color: #F0FFFF;
114 | 
115 | }
116 | 
117 | form input:focus {
118 |     background-color: white;
119 |     width: 240px;
120 |     border-radius: 20px !important;
121 |     outline: none;
122 | }
123 | textarea {
124 |     background-color: #eee;
125 |     border: none;
126 |     padding: 12px 15px;
127 |     margin: 8px 10px;
128 |     width: 220px;
129 |     border-radius: 8px;
130 |     transition-duration: 0.25s;
131 |     font-family: 'Montserrat', sans-serif;
132 | }
133 | 
134 | textarea:hover {
135 |     background-color: #F0FFFF;
136 |     font-family: 'Montserrat', sans-serif;
137 | 
138 | }
139 | 
140 | form textarea:focus {
141 |     background-color: white;
142 |     width: 240px;
143 |     border-radius: 20px !important;
144 |     outline: none;
145 |     font-family: 'Montserrat', sans-serif;
146 | }
147 | .landing {
148 |     position: fixed;
149 |     width: 100%;
150 |     height: 99vh;
151 |     display: table;
152 |     content: "";
153 |     z-index: -4;
154 |     background-size: cover;
155 |     background-image: url("https://images.unsplash.com/photo-1495195134817-aeb325a55b65?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1055&q=80");
156 | }
157 | 
158 | .opac {
159 |     position: fixed;
160 |     width: 100%;
161 |     height: 99vh;
162 |     display: table;
163 |     content: "";
164 |     z-index: -4;
165 |     background-color: rgb(0, 0, 0, 0.2);
166 | }
167 | 
168 | .container {
169 |     background-color: #fff;
170 |     border-radius: 15px !important;
171 |     box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
172 |         0 10px 10px rgba(0, 0, 0, 0.22);
173 |     position: relative;
174 |     overflow: hidden;
175 |     width: 366px !important;
176 |     height: 523px !important;
177 | }
178 | 
179 | .form-container {
180 |     position: absolute;
181 |     top: 0;
182 |     height: 100%;
183 |     width: 100%;
184 |     transition: all 0.6s ease-in-out;
185 | }
186 | 
187 | .sign-in-container {
188 |     left: 0;
189 |     width: 50%;
190 |     z-index: 2;
191 |     transition: all 0.6s ease-in-out;
192 | }
193 | 
194 | .sign-up-container {
195 |     left: 0;
196 |     width: 100%;
197 |     z-index: 3;
198 | }
199 | 
200 | footer {
201 |     background-color: #222;
202 |     color: #fff;
203 |     font-size: 14px;
204 |     bottom: 0;
205 |     position: fixed;
206 |     left: 0;
207 |     right: 0;
208 |     text-align: center;
209 |     z-index: 999;
210 | }
211 | 
212 | footer p {
213 |     margin: 10px 0;
214 | }
215 | 
216 | footer i {
217 |     color: red;
218 | }
219 | 
220 | footer a {
221 |     color: yellow;
222 |     text-decoration: none;
223 | }
224 | 
225 | 


--------------------------------------------------------------------------------
/dashboard.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | require('db.php');
 3 | include("auth.php"); //include auth.php file on all secure pages ?>
 4 | <!DOCTYPE html>
 5 | <html>
 6 | <head>
 7 | <meta charset="utf-8">
 8 | <title>Dashboard - Secured Page</title>
 9 | <link rel="stylesheet" href="css/style.css" />
10 | </head>
11 | <body>
12 | <div class="form">
13 | <p>Dashboard</p>
14 | <p>This is another secured page.</p>
15 | <p><a href="index.php">Home</a></p>
16 | <a href="logout.php">Logout</a>
17 | 
18 | 
19 | <br /><br /><br /><br />
20 | 
21 | </div>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/db.php:
--------------------------------------------------------------------------------
1 | <?php
2 | $con = mysqli_connect("localhost","root","","food");
3 | // Check connection
4 | if (mysqli_connect_errno())
5 |   {
6 |   echo "Failed to connect to MySQL: " . mysqli_connect_error();
7 |   }
8 | ?>


--------------------------------------------------------------------------------
/dbcontroller.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | class DBController {
 3 | 	private $host = "localhost";
 4 | 	private $user = "root";
 5 | 	private $password = "";
 6 | 	private $database = "food";
 7 | 	private $conn;
 8 | 	
 9 | 	function __construct() {
10 | 		$this->conn = $this->connectDB();
11 | 	}
12 | 	
13 | 	function connectDB() {
14 | 		$conn = mysqli_connect($this->host,$this->user,$this->password,$this->database);
15 | 		return $conn;
16 | 	}
17 | 	
18 | 	function runQuery($query) {
19 | 		$result = mysqli_query($this->conn,$query);
20 | 		while($row=mysqli_fetch_assoc($result)) {
21 | 			$resultset[] = $row;
22 | 		}		
23 | 		if(!empty($resultset))
24 | 			return $resultset;
25 | 	}
26 | 	function insq($query)
27 | 	{
28 | 		mysqli_query($this->conn,$query);
29 | 	}
30 | 	
31 | 	function numRows($query) {
32 | 		$result  = mysqli_query($this->conn,$query);
33 | 		$rowcount = mysqli_num_rows($result);
34 | 		return $rowcount;	
35 | 	}
36 | }
37 | ?>


--------------------------------------------------------------------------------
/fonts/beyond_the_mountains/Read Me.rtf:
--------------------------------------------------------------------------------
 1 | {\rtf1\ansi\ansicpg1252\cocoartf1404\cocoasubrtf470
 2 | {\fonttbl\f0\fswiss\fcharset0 Helvetica;}
 3 | {\colortbl;\red255\green255\blue255;}
 4 | \paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0
 5 | \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 6 | 
 7 | \f0\fs24 \cf0 Hello, and thank you for downloading this font.\
 8 | \
 9 | This font is free for PERSONAL USE ONLY!\
10 | \
11 | But if you want to get a commercial license, it\'92s available at: http://www.stereo-type.fr\
12 | The commercial version contains a huge set of alternate glyphes and a wide range ligatures and swashes to create your own style ! You\'92ll be also able to edit PDF files with the font embedded.\
13 | \
14 | This font is inspired by the work of Sean Delloro and with his authorization.\
15 | You can have a look at his Instagram page : {\field{\*\fldinst{HYPERLINK "https://www.instagram.com/seandllr/"}}{\fldrslt https://www.instagram.com/seandllr/}}\
16 | \
17 | I\'92ve included in this personal version, 1 special word glyph : THE (in the \'95 key). In other words, you can type \'ab\'a0 Beyond \'95 Mountains\'a0\'bb\'a0 if you want to see it written just like in the image included in the archive.\
18 | \
19 | I made it with love, so I hope you\'92ll love to use it !\
20 | \
21 | Clement | StereoType}


--------------------------------------------------------------------------------
/fonts/beyond_the_mountains/beyond_the_mountains.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/fonts/beyond_the_mountains/beyond_the_mountains.otf


--------------------------------------------------------------------------------
/fonts/beyond_the_mountains/beyond_the_mountains.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/fonts/beyond_the_mountains/beyond_the_mountains.png


--------------------------------------------------------------------------------
/fonts/beyond_the_mountains/beyond_the_mountains.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/fonts/beyond_the_mountains/beyond_the_mountains.ttf


--------------------------------------------------------------------------------
/fonts/sugarcandy/Sugar Candy Licensi.txt:
--------------------------------------------------------------------------------
 1 | Sugar Candy 
 2 | is a Signature typeface font inspired from classic handwriting style. 
 3 | Suitable to create any branding, product packaging, invitation, quotes, 
 4 | t-shirt, label poster etc.
 5 | 
 6 | Whats Included ?
 7 | 
 8 | Sugar Candy.ttf
 9 | Sugar Candy.otf
10 | 
11 | Feature
12 | 
13 | UPPERCASE
14 | lowercase
15 | Number & Symbol
16 | Alternative UPPERCASE
17 | Alternative lowercase
18 | 
19 | If you need anything else just shoot me an email at: dedukvic@gmail.com


--------------------------------------------------------------------------------
/fonts/sugarcandy/Sugar Candy.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/fonts/sugarcandy/Sugar Candy.otf


--------------------------------------------------------------------------------
/fonts/sugarcandy/Sugar Candy.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/fonts/sugarcandy/Sugar Candy.ttf


--------------------------------------------------------------------------------
/icon-delete.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/icon-delete.png


--------------------------------------------------------------------------------
/img/09792e77-a061-463c-8fde-ecf0aa4a11a5_200x200.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/img/09792e77-a061-463c-8fde-ecf0aa4a11a5_200x200.png


--------------------------------------------------------------------------------
/img/desert.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/img/desert.jpg


--------------------------------------------------------------------------------
/img/img_bg_2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/img/img_bg_2.jpg


--------------------------------------------------------------------------------
/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/img/logo.png


--------------------------------------------------------------------------------
/img/logo1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/img/logo1.png


--------------------------------------------------------------------------------
/img/triangle_bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/img/triangle_bg.png


--------------------------------------------------------------------------------
/img/triangle_bg_black.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/img/triangle_bg_black.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require("db.php");
  3 | include("auth.php");
  4 | $email=$_SESSION['email']; //include auth.php file on all secure pages ?>
  5 | <!doctype html>
  6 | <html lang="en">
  7 | 
  8 | <head>
  9 |     <link href="//db.onlinewebfonts.com/c/465b1cbe35b5ca0de556720c955abece?family=AbolitionW00-Regular" rel="stylesheet"
 10 |         type="text/css" />
 11 |     <meta charset="utf-8">
 12 |     <link rel="stylesheet" href="css/linearicons.css">
 13 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 14 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
 15 |         integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 16 |     <link rel="stylesheet" href="css/style.css">
 17 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
 18 |     <link rel="stylesheet" href="css/fixed.css">
 19 |     <link rel="stylesheet" href="css/button.css">
 20 |     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 21 | 
 22 |     <title>Foodilite</title>
 23 | </head>
 24 | 
 25 | 
 26 | 
 27 | <body data-aos-easing="ease-out-back" data-aos-duration="1500" data-aos-delay="0">
 28 |     <div class="se-pre-con"></div>
 29 | 
 30 |     <nav class="navbar navbar-expand-md navbar-dark position-sticky-top fixed-top">
 31 |         <div class="canvas-area">
 32 |             <div class="head1">
 33 |                 <a class="navbar-logo" href="#"><img src="img/logo.png"
 34 |                         style="height:35px; width: 214px;padding-top:1px"> </a></div>
 35 |             <div class="flot">
 36 |                 <button class="navbar-toggler" type="button " style="float: right" data-toggle="collapse"
 37 |                     data-target="#navbarResponsive">
 38 |                     <span class="navbar-toggler-icon "></span>
 39 |                 </button>
 40 |             </div>
 41 | 
 42 |             <div class="collapse navbar-collapse text-right" id="navbarResponsive">
 43 |                 <ul class="navbar-nav ml-auto">
 44 |                     <li class="nav-item">
 45 |                         <a class="nav-link" href="#about">about</a>
 46 |                     </li>
 47 |                     <li class="nav-item">
 48 |                         <a class="nav-link" href="menu.php">menu</a>
 49 |                     </li>
 50 |                     <li class="nav-item">
 51 |                         <a class="nav-link" href="reservation.php">reservation</a>
 52 |                     </li>
 53 |                     <li class="nav-item">
 54 |                         <a class="nav-link" href="login.php">
 55 |                             <p>Login</p>
 56 |                         </a>
 57 |                     </li>
 58 |                 </ul>
 59 |             </div>
 60 |         </div>
 61 | 
 62 |     </nav>
 63 | 
 64 |     <section id="section05" class="demo">
 65 |         <h1
 66 |             style="font-family:'Beyond the mountains';font-weight:normal;font-size:85px;padding-top:40px;text-shadow: 2px 2px #FF0000;">
 67 |             <span class="tagline">Great food</span><span class="punchline"> Always</span></h1>
 68 |         <a href="#about"><span></span></a>
 69 |     </section>
 70 | 
 71 | 
 72 |     <div class="container" style="height:600px" id="about">
 73 |         <div class="second">
 74 |             <div class="second-head" data-aos=zoom-out>
 75 |                 <h1 style="font-family:'Beyond the mountains';font-size:65px;font-weight:bolder">Our Story</h>
 76 |             </div>
 77 |             <div class="row">
 78 |                 <div class="col-sm-5" id="second-para" data-aos=zoom-in>
 79 |                     <p class="space">
 80 |                         The Euson and Roberts Families have created a unique dining experience in the quaint town of
 81 |                         Bright, Indiana. Our award winning chef brings us a quality, local driven menu aimed to please!
 82 |                         Relax and enjoy a nutritiously fresh meal or a hometown pub favorite in a heart-warming
 83 |                         environment. Bring your family and friends and enjoy life with us!
 84 |                     </p>
 85 |                 </div>
 86 |                 <div class="col-sm-6">
 87 |                     <img src="img/desert.jpg" style="height:45%;padding-left:100px;">
 88 |                 </div>
 89 |             </div>
 90 |         </div>
 91 |     </div>
 92 | 
 93 | 
 94 |     <!---------- Start Cuisines---------->
 95 | 
 96 |     <div class="container-fluid" style="background:#DCDB1D">
 97 | 
 98 | 
 99 |         <div class="second-head" data-aos=zoom-out>
100 |             <h1 style="font-weight:bolder;font-family:'beyond the mountains';font-size:65px">Wide range of cuisines to
101 |                 choose from</h>
102 |         </div>
103 |         <div class="row" id="row2">
104 | 
105 | 
106 | 
107 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
108 |                 <div class="set-img-1">
109 |                     <div class="set-pic-1">
110 |                         <div class="foodwel" data-aos="fade-right">
111 |                             <div class="foodwelh1">
112 |                                 <div class="heading1">
113 |                                     Turkish
114 |                                 </div>
115 |                             </div>
116 |                         </div>
117 |                     </div>
118 |                 </div>
119 |             </div>
120 | 
121 | 
122 | 
123 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
124 |                 <div class="set-img-2">
125 |                     <div class="set-pic-1">
126 |                         <div class="foodwel" data-aos="fade-right">
127 |                             <div class="foodwelh1">
128 |                                 <div class="heading1">
129 |                                     italian
130 |                                 </div>
131 |                             </div>
132 |                         </div>
133 |                     </div>
134 |                 </div>
135 |             </div>
136 | 
137 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
138 |                 <div class="set-img-3">
139 |                     <div class="set-pic-1">
140 |                         <div class="foodwel" data-aos="fade-right">
141 |                             <div class="foodwelh1">
142 |                                 <div class="heading1">
143 |                                     chinese
144 |                                 </div>
145 |                             </div>
146 |                         </div>
147 |                     </div>
148 |                 </div>
149 |             </div>
150 | 
151 | 
152 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
153 |                 <div class="set-img-4">
154 |                     <div class="set-pic-1">
155 |                         <div class="foodwel" data-aos="fade-right">
156 |                             <div class="foodwelh1">
157 |                                 <div class="heading1">
158 |                                     korean
159 |                                 </div>
160 |                             </div>
161 |                         </div>
162 |                     </div>
163 |                 </div>
164 |             </div>
165 | 
166 | 
167 |         </div>
168 |     </div>
169 | 
170 |     <div class="container-fluid" style="background:#DCDB1D;padding-bottom:30px;">
171 |         <div class="row" id="row2">
172 | 
173 | 
174 | 
175 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
176 |                 <div class="set-img-5">
177 |                     <div class="set-pic-1">
178 |                         <div class="foodwel" data-aos="fade-right">
179 |                             <div class="foodwelh1">
180 |                                 <div class="heading1">
181 |                                     french
182 |                                 </div>
183 |                             </div>
184 |                         </div>
185 |                     </div>
186 |                 </div>
187 |             </div>
188 | 
189 | 
190 | 
191 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
192 |                 <div class="set-img-6">
193 |                     <div class="set-pic-1">
194 |                         <div class="foodwel" data-aos="fade-right">
195 |                             <div class="foodwelh1">
196 |                                 <div class="heading1">
197 |                                     mexican
198 |                                 </div>
199 |                             </div>
200 |                         </div>
201 |                     </div>
202 |                 </div>
203 |             </div>
204 | 
205 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
206 |                 <div class="set-img-7">
207 |                     <div class="set-pic-1">
208 |                         <div class="foodwel" data-aos="fade-right">
209 |                             <div class="foodwelh1">
210 |                                 <div class="heading1">
211 |                                     american
212 |                                 </div>
213 |                             </div>
214 |                         </div>
215 |                     </div>
216 |                 </div>
217 |             </div>
218 | 
219 | 
220 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
221 |                 <div class="set-img-8">
222 |                     <div class="set-pic-1">
223 |                         <div class="foodwel" data-aos="fade-right">
224 |                             <div class="foodwelh1">
225 |                                 <div class="heading1">
226 |                                     indian
227 |                                 </div>
228 |                             </div>
229 |                         </div>
230 |                     </div>
231 |                 </div>
232 |             </div>
233 | 
234 | 
235 |         </div>
236 |     </div>
237 | 
238 | 
239 | 
240 | 
241 |     <!----------End Cuisines---------->
242 |     <footer class="footer-area foo-4">
243 |         <div class="footer-widget-wrap">
244 |             <div class="container">
245 |                 <div class="row section-gap">
246 |                     <div class="col-lg-4  col-md-6 col-sm-6">
247 |                         <div class="single-footer-widget">
248 |                             <h4>Opening Hours</h4>
249 |                             <ul class="hr-list">
250 |                                 <li class="d-flex justify-content-between">
251 |                                     <span>Monday - Thursday</span> <span>12:00 pm - 11:00 pm</span>
252 |                                 </li>
253 |                                 <li class="d-flex justify-content-between">
254 |                                     <span>Saturday</span> <span>12:00 pm - 12:00 am</span>
255 |                                 </li>
256 |                                 <li class="d-flex justify-content-between">
257 |                                     <span>Sunday</span> <span>6:00 pm - 12:00 pm</span>
258 |                                 </li>
259 |                             </ul>
260 |                         </div>
261 |                     </div>
262 |                     <div class="col-lg-4  col-md-6 col-sm-6">
263 |                         <div class="single-footer-widget">
264 |                             <h4>Contact Us</h4>
265 |                             <p>
266 |                                 2nd Cross, MG road, Kodialbail, DK, Karnataka India - 575003
267 |                             </p>
268 |                             <p class="number">
269 |                                 012-6532-568-9746 <br>
270 |                                 012-6532-569-9748
271 |                             </p>
272 |                         </div>
273 |                     </div>
274 |                     <div class="col-lg-4  col-md-6 col-sm-6">
275 |                         <div class="single-footer-widget">
276 |                             <h4>Newsletter</h4>
277 |                             <p>You can trust us. we only send promo offers, not a single spam.</p>
278 |                             <div class="d-flex flex-row" id="mc_embed_signup">
279 |                                 <form class="navbar-form"
280 |                                     action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01"
281 |                                     method="get" novalidate="true">
282 |                                     <div class="input-group add-on align-items-center d-flex">
283 |                                         <input class="form-control" name="EMAIL" placeholder="Your Email address"
284 |                                             onfocus="if (!window.__cfRLUnblockHandlers) return false; this.placeholder = ''"
285 |                                             onblur="if (!window.__cfRLUnblockHandlers) return false; this.placeholder = 'Your Email address'"
286 |                                             required="" type="email">
287 |                                         <div style="position: absolute; left: -5000px;">
288 |                                             <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value=""
289 |                                                 type="text">
290 |                                         </div>
291 |                                         <div class="input-group-btn">
292 |                                             <button class="genric-btn">
293 |                                                 <span class="lnr lnr-arrow-right"></span></button>
294 |                                         </div>
295 |                                     </div>
296 |                                     <div class="info mt-20"></div>
297 |                                 </form>
298 |                             </div>
299 |                         </div>
300 |                     </div>
301 |                 </div>
302 |             </div>
303 |         </div>
304 |         <div class="bot">
305 |             <p>
306 |                 Created with <i class="fa fa-heart"></i> by
307 |                 <a target="_blank" href="index.html">Foodilite</a>
308 |             </p>
309 |         </div>
310 |     </footer>
311 | 
312 | 
313 |     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
314 |         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
315 |     </script>
316 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
317 |         integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
318 |     </script>
319 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
320 |         integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
321 |     </script>
322 |     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
323 |     <script src="js/scrollbar.js"></script>
324 | 
325 | 
326 |     <script>
327 |         AOS.init({
328 |             easing: 'ease-out-back',
329 |             duration: '1200'
330 |         });
331 |     </script>
332 |     <script>
333 |         mybutton = document.getElementByClassName("navbar");
334 | 
335 |         // When the user scrolls down 20px from the top of the document, show the button
336 |         window.onscroll = function () {
337 |             scrollFunction()
338 |         };
339 | 
340 |         function scrollFunction() {
341 |             if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 20) {
342 |                 navbar.style.opacity = "0.1";
343 |             } else {
344 |                 navbar.style.opacity = "0.85";
345 |             }
346 |         }
347 |     </script>
348 |     <script src="https://unpkg.com/scrollreveal"></script>
349 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
350 |     <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
351 | 
352 | 
353 |     <script>
354 |         ScrollReveal({
355 |             duration: 1000
356 |         })
357 |     </script>
358 | 
359 |     <script>
360 |         ScrollReveal().reveal('.tagline', {
361 |             delay: 500
362 |         })
363 |         ScrollReveal().reveal('.punchline', {
364 |             delay: 2000
365 |         })
366 |     </script>
367 | 
368 |     <script>
369 |         // GENERAL SETTING
370 |         window.sr = ScrollReveal({
371 |             reset: true
372 |         });
373 | 
374 |         // Custom Settings
375 |         sr.reveal('.foo-1', {
376 |             duration: 200
377 |         });
378 | 
379 |         sr.reveal('.foo-2', {
380 |             origin: 'right',
381 |             duration: 500
382 |         });
383 | 
384 |         sr.reveal('.foo-3', {
385 |             rotate: {
386 |                 x: 100,
387 |                 y: 100,
388 |                 z: 0
389 |             },
390 |             duration: 1000
391 |         });
392 | 
393 |         sr.reveal('.foo-4', {
394 |             viewFactor: 0.3
395 |         });
396 | 
397 |         sr.reveal('.foo-5', {
398 |             duration: 200
399 |         });
400 |     </script>
401 |     <script>
402 |         $(window).load(function () {
403 |             // Animate loader off screen
404 |             $(".se-pre-con").fadeOut("slow");;
405 |         });
406 |     </script>
407 | 
408 | 
409 | </body>
410 | 
411 | </html>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | require("db.php");
  3 | include("auth.php");
  4 | $email=$_SESSION['email']; //include auth.php file on all secure pages ?>
  5 | <!doctype html>
  6 | <html lang="en">
  7 | 
  8 | <head>
  9 |     <link href="//db.onlinewebfonts.com/c/465b1cbe35b5ca0de556720c955abece?family=AbolitionW00-Regular" rel="stylesheet"
 10 |         type="text/css" />
 11 |     <meta charset="utf-8">
 12 |     <link rel="stylesheet" href="css/linearicons.css">
 13 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 14 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
 15 |         integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 16 |     <link rel="stylesheet" href="css/style.css">
 17 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
 18 |     <link rel="stylesheet" href="css/fixed.css">
 19 |     <link rel="stylesheet" href="css/button.css">
 20 |     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 21 | 
 22 |     <title>Foodilite</title>
 23 | </head>
 24 | 
 25 | 
 26 | 
 27 | <body data-aos-easing="ease-out-back" data-aos-duration="1500" data-aos-delay="0">
 28 |     <div class="se-pre-con"></div>
 29 | 
 30 |     <nav class="navbar navbar-expand-md navbar-dark position-sticky-top fixed-top">
 31 |         <div class="canvas-area">
 32 |             <div class="head1">
 33 |                 <a class="navbar-logo" href="#"><img src="img/logo.png"
 34 |                         style="height:35px; width: 214px;padding-top:1px"> </a></div>
 35 |             <div class="flot">
 36 |                 <button class="navbar-toggler" type="button " style="float: right" data-toggle="collapse"
 37 |                     data-target="#navbarResponsive">
 38 |                     <span class="navbar-toggler-icon "></span>
 39 |                 </button>
 40 |             </div>
 41 | 
 42 |             <div class="collapse navbar-collapse text-right" id="navbarResponsive">
 43 |                 <ul class="navbar-nav ml-auto">
 44 |                     <li class="nav-item">
 45 |                         <a class="nav-link" href="#about">about</a>
 46 |                     </li>
 47 |                     <li class="nav-item">
 48 |                         <a class="nav-link" href="menu.php">menu</a>
 49 |                     </li>
 50 |                     <li class="nav-item">
 51 |                         <a class="nav-link" href="reservation.php">reservation</a>
 52 |                     </li>
 53 |                     <li class="nav-item">
 54 |                         <a class="nav-link" href="logout.php">logout</a>
 55 |                     </li>
 56 |                     <li class="nav-item">
 57 |                         <a class="nav-link" href="user.php">
 58 |                             <p><?php
 59 |             $query1="select name from customer where email='$email'";
 60 |             $nameg = mysqli_query($con,$query1);
 61 |             while ($row = mysqli_fetch_assoc($nameg)) {
 62 |                 echo $row['name']."<br>";
 63 |             }?></p>
 64 |                         </a>
 65 |                     </li>
 66 |                 </ul>
 67 |             </div>
 68 |         </div>
 69 | 
 70 |     </nav>
 71 | 
 72 |     <section id="section05" class="demo">
 73 |         <h1
 74 |             style="font-family:'Beyond the mountains';font-weight:normal;font-size:85px;padding-top:40px;text-shadow: 2px 2px #FF0000;">
 75 |             <span class="tagline">Great food</span><span class="punchline"> Always</span></h1>
 76 |         <a href="#about"><span></span></a>
 77 |     </section>
 78 | 
 79 | 
 80 |     <div class="container" style="height:600px" id="about">
 81 |         <div class="second">
 82 |             <div class="second-head" data-aos=zoom-out>
 83 |                 <h1 style="font-family:'Beyond the mountains';font-size:65px;font-weight:bolder">Our Story</h>
 84 |             </div>
 85 |             <div class="row">
 86 |                 <div class="col-sm-5" id="second-para" data-aos=zoom-in>
 87 |                     <p class="space">
 88 |                         The Euson and Roberts Families have created a unique dining experience in the quaint town of
 89 |                         Bright, Indiana. Our award winning chef brings us a quality, local driven menu aimed to please!
 90 |                         Relax and enjoy a nutritiously fresh meal or a hometown pub favorite in a heart-warming
 91 |                         environment. Bring your family and friends and enjoy life with us!
 92 |                     </p>
 93 |                 </div>
 94 |                 <div class="col-sm-6">
 95 |                     <img src="img/desert.jpg" style="height:45%;padding-left:100px;">
 96 |                 </div>
 97 |             </div>
 98 |         </div>
 99 |     </div>
100 | 
101 | 
102 |     <!---------- Start Cuisines---------->
103 | 
104 |     <div class="container-fluid" style="background:#DCDB1D">
105 | 
106 | 
107 |         <div class="second-head" data-aos=zoom-out>
108 |             <h1 style="font-weight:bolder;font-family:'beyond the mountains';font-size:65px">Wide range of cuisines to
109 |                 choose from</h>
110 |         </div>
111 |         <div class="row" id="row2">
112 | 
113 | 
114 | 
115 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
116 |                 <div class="set-img-1">
117 |                     <div class="set-pic-1">
118 |                         <div class="foodwel" data-aos="fade-right">
119 |                             <div class="foodwelh1">
120 |                                 <div class="heading1">
121 |                                     Turkish
122 |                                 </div>
123 |                             </div>
124 |                         </div>
125 |                     </div>
126 |                 </div>
127 |             </div>
128 | 
129 | 
130 | 
131 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
132 |                 <div class="set-img-2">
133 |                     <div class="set-pic-1">
134 |                         <div class="foodwel" data-aos="fade-right">
135 |                             <div class="foodwelh1">
136 |                                 <div class="heading1">
137 |                                     italian
138 |                                 </div>
139 |                             </div>
140 |                         </div>
141 |                     </div>
142 |                 </div>
143 |             </div>
144 | 
145 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
146 |                 <div class="set-img-3">
147 |                     <div class="set-pic-1">
148 |                         <div class="foodwel" data-aos="fade-right">
149 |                             <div class="foodwelh1">
150 |                                 <div class="heading1">
151 |                                     chinese
152 |                                 </div>
153 |                             </div>
154 |                         </div>
155 |                     </div>
156 |                 </div>
157 |             </div>
158 | 
159 | 
160 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
161 |                 <div class="set-img-4">
162 |                     <div class="set-pic-1">
163 |                         <div class="foodwel" data-aos="fade-right">
164 |                             <div class="foodwelh1">
165 |                                 <div class="heading1">
166 |                                     korean
167 |                                 </div>
168 |                             </div>
169 |                         </div>
170 |                     </div>
171 |                 </div>
172 |             </div>
173 | 
174 | 
175 |         </div>
176 |     </div>
177 | 
178 |     <div class="container-fluid" style="background:#DCDB1D;padding-bottom:30px;">
179 |         <div class="row" id="row2">
180 | 
181 | 
182 | 
183 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
184 |                 <div class="set-img-5">
185 |                     <div class="set-pic-1">
186 |                         <div class="foodwel" data-aos="fade-right">
187 |                             <div class="foodwelh1">
188 |                                 <div class="heading1">
189 |                                     french
190 |                                 </div>
191 |                             </div>
192 |                         </div>
193 |                     </div>
194 |                 </div>
195 |             </div>
196 | 
197 | 
198 | 
199 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
200 |                 <div class="set-img-6">
201 |                     <div class="set-pic-1">
202 |                         <div class="foodwel" data-aos="fade-right">
203 |                             <div class="foodwelh1">
204 |                                 <div class="heading1">
205 |                                     mexican
206 |                                 </div>
207 |                             </div>
208 |                         </div>
209 |                     </div>
210 |                 </div>
211 |             </div>
212 | 
213 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
214 |                 <div class="set-img-7">
215 |                     <div class="set-pic-1">
216 |                         <div class="foodwel" data-aos="fade-right">
217 |                             <div class="foodwelh1">
218 |                                 <div class="heading1">
219 |                                     american
220 |                                 </div>
221 |                             </div>
222 |                         </div>
223 |                     </div>
224 |                 </div>
225 |             </div>
226 | 
227 | 
228 |             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" id="set1">
229 |                 <div class="set-img-8">
230 |                     <div class="set-pic-1">
231 |                         <div class="foodwel" data-aos="fade-right">
232 |                             <div class="foodwelh1">
233 |                                 <div class="heading1">
234 |                                     indian
235 |                                 </div>
236 |                             </div>
237 |                         </div>
238 |                     </div>
239 |                 </div>
240 |             </div>
241 | 
242 | 
243 |         </div>
244 |     </div>
245 | 
246 | 
247 | 
248 | 
249 |     <!----------End Cuisines---------->
250 |     <footer class="footer-area foo-4">
251 |         <div class="footer-widget-wrap">
252 |             <div class="container">
253 |                 <div class="row section-gap">
254 |                     <div class="col-lg-4  col-md-6 col-sm-6">
255 |                         <div class="single-footer-widget">
256 |                             <h4>Opening Hours</h4>
257 |                             <ul class="hr-list">
258 |                                 <li class="d-flex justify-content-between">
259 |                                     <span>Monday - Thursday</span> <span>12:00 pm - 11:00 pm</span>
260 |                                 </li>
261 |                                 <li class="d-flex justify-content-between">
262 |                                     <span>Saturday</span> <span>12:00 pm - 12:00 am</span>
263 |                                 </li>
264 |                                 <li class="d-flex justify-content-between">
265 |                                     <span>Sunday</span> <span>6:00 pm - 12:00 pm</span>
266 |                                 </li>
267 |                             </ul>
268 |                         </div>
269 |                     </div>
270 |                     <div class="col-lg-4  col-md-6 col-sm-6">
271 |                         <div class="single-footer-widget">
272 |                             <h4>Contact Us</h4>
273 |                             <p>
274 |                                 2nd Cross, MG road, Kodialbail, DK, Karnataka India - 575003
275 |                             </p>
276 |                             <p class="number">
277 |                                 012-6532-568-9746 <br>
278 |                                 012-6532-569-9748
279 |                             </p>
280 |                         </div>
281 |                     </div>
282 |                     <div class="col-lg-4  col-md-6 col-sm-6">
283 |                         <div class="single-footer-widget">
284 |                             <h4>Newsletter</h4>
285 |                             <p>You can trust us. we only send promo offers, not a single spam.</p>
286 |                             <div class="d-flex flex-row" id="mc_embed_signup">
287 |                                 <form class="navbar-form"
288 |                                     action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01"
289 |                                     method="get" novalidate="true">
290 |                                     <div class="input-group add-on align-items-center d-flex">
291 |                                         <input class="form-control" name="EMAIL" placeholder="Your Email address"
292 |                                             onfocus="if (!window.__cfRLUnblockHandlers) return false; this.placeholder = ''"
293 |                                             onblur="if (!window.__cfRLUnblockHandlers) return false; this.placeholder = 'Your Email address'"
294 |                                             required="" type="email">
295 |                                         <div style="position: absolute; left: -5000px;">
296 |                                             <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value=""
297 |                                                 type="text">
298 |                                         </div>
299 |                                         <div class="input-group-btn">
300 |                                             <button class="genric-btn">
301 |                                                 <span class="lnr lnr-arrow-right"></span></button>
302 |                                         </div>
303 |                                     </div>
304 |                                     <div class="info mt-20"></div>
305 |                                 </form>
306 |                             </div>
307 |                         </div>
308 |                     </div>
309 |                 </div>
310 |             </div>
311 |         </div>
312 |         <div class="bot">
313 |             <p>
314 |                 Created with <i class="fa fa-heart"></i> by
315 |                 <a target="_blank" href="index.html">Foodilite</a>
316 |             </p>
317 |         </div>
318 |     </footer>
319 | 
320 | 
321 |     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
322 |         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
323 |     </script>
324 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
325 |         integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
326 |     </script>
327 |     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
328 |         integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
329 |     </script>
330 |     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
331 |     <script src="js/scrollbar.js"></script>
332 | 
333 | 
334 |     <script>
335 |         AOS.init({
336 |             easing: 'ease-out-back',
337 |             duration: '1200'
338 |         });
339 |     </script>
340 |     <script>
341 |         mybutton = document.getElementByClassName("navbar");
342 | 
343 |         // When the user scrolls down 20px from the top of the document, show the button
344 |         window.onscroll = function () {
345 |             scrollFunction()
346 |         };
347 | 
348 |         function scrollFunction() {
349 |             if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 20) {
350 |                 navbar.style.opacity = "0.1";
351 |             } else {
352 |                 navbar.style.opacity = "0.85";
353 |             }
354 |         }
355 |     </script>
356 |     <script src="https://unpkg.com/scrollreveal"></script>
357 |     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
358 |     <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
359 | 
360 | 
361 |     <script>
362 |         ScrollReveal({
363 |             duration: 1000
364 |         })
365 |     </script>
366 | 
367 |     <script>
368 |         ScrollReveal().reveal('.tagline', {
369 |             delay: 500
370 |         })
371 |         ScrollReveal().reveal('.punchline', {
372 |             delay: 2000
373 |         })
374 |     </script>
375 | 
376 |     <script>
377 |         // GENERAL SETTING
378 |         window.sr = ScrollReveal({
379 |             reset: true
380 |         });
381 | 
382 |         // Custom Settings
383 |         sr.reveal('.foo-1', {
384 |             duration: 200
385 |         });
386 | 
387 |         sr.reveal('.foo-2', {
388 |             origin: 'right',
389 |             duration: 500
390 |         });
391 | 
392 |         sr.reveal('.foo-3', {
393 |             rotate: {
394 |                 x: 100,
395 |                 y: 100,
396 |                 z: 0
397 |             },
398 |             duration: 1000
399 |         });
400 | 
401 |         sr.reveal('.foo-4', {
402 |             viewFactor: 0.3
403 |         });
404 | 
405 |         sr.reveal('.foo-5', {
406 |             duration: 200
407 |         });
408 |     </script>
409 |     <script>
410 |         $(window).load(function () {
411 |             // Animate loader off screen
412 |             $(".se-pre-con").fadeOut("slow");;
413 |         });
414 |     </script>
415 | 
416 | 
417 | </body>
418 | 
419 | </html>


--------------------------------------------------------------------------------
/js/main.js:
--------------------------------------------------------------------------------
 1 | const signUpButton = document.getElementById('signUp');
 2 | const signInButton = document.getElementById('signIn');
 3 | const container = document.getElementById('container');
 4 | 
 5 | signUpButton.addEventListener('click', () => {
 6 |     container.classList.add("right-panel-active");
 7 | });
 8 | 
 9 | signInButton.addEventListener('click', () => {
10 |     container.classList.remove("right-panel-active");
11 | });
12 | 


--------------------------------------------------------------------------------
/login.php:
--------------------------------------------------------------------------------
 1 |   <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <!-- Required meta tags -->
 6 |     <meta charset="utf-8">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 8 | 
 9 |     <!-- Bootstrap CSS -->
10 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
11 |     <link rel="stylesheet" href="./css/style1.css">
12 |     <title>Proceed</title>
13 | </head>
14 | 
15 | <body>
16 | <?php
17 | 	require('db.php');
18 | 	session_start();
19 |     // If form submitted, insert values into the database.
20 |     if (isset($_POST['email'])){
21 | 		
22 | 		$email = stripslashes($_REQUEST['email']); // removes backslashes
23 | 		$email = mysqli_real_escape_string($con,$email); //escapes special characters in a string
24 | 		$password = stripslashes($_REQUEST['password']);
25 | 		$password = mysqli_real_escape_string($con,$password);
26 | 		
27 | 	//Checking is user existing in the database or not
28 |         $query = "SELECT * FROM `customer` WHERE email='$email' and password='".md5($password)."'";
29 | 		$result = mysqli_query($con,$query) or die(mysql_error());
30 | 		$rows = mysqli_num_rows($result);
31 |         if($rows==1){
32 | 			$_SESSION['email'] = $email;
33 | 			header("Location: index.php"); // Redirect user to index.php
34 |             }else{
35 | 				echo "<div class='form'><h3>Username/password is incorrect.</h3><br/>Click here to <a href='login.php'>Login</a></div>";
36 | 				}
37 |     }else{
38 | ?>
39 | <div data-aos="fade-down" class="container" id="container">
40 |         <div class="form-container sign-in-container">
41 |             <form method="post" action="" name="login">
42 |                 <h1 style="padding-bottom: 20px">Sign in</h1>
43 |                 <input type="email" name="email" placeholder="Email" required />
44 |                 <input type="password" name="password" placeholder="Password" required/>
45 |                 <a href="#">Forgot your password?</a>
46 |                 <span style="padding-top: 10px"><button>Login</button></span>
47 |                 <p>Not registered yet? <a href='registration.php' style="color:#FF0000;font-weight:bold;">Register Here</a></p>
48 |             </form>
49 |         </div>
50 | </div>
51 | 
52 |     <div class="landing"> <!---background-->
53 |         <div class="opac">
54 |         </div>
55 |     </div>
56 | 
57 |     <footer>
58 |         <p>
59 |             Created with <i class="fa fa-heart"></i> by
60 |             <a target="_blank" href="index.html">Foodilite</a>
61 |         </p>
62 |     </footer>
63 |     <script src="./js/main.js"></script>
64 | 
65 | <?php } ?>
66 | 
67 | </body>
68 | 
69 | </html>
70 | 


--------------------------------------------------------------------------------
/logout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | session_start();
3 | if(session_destroy()) // Destroying All Sessions
4 | {
5 | header("Location: login.php"); // Redirecting To Home Page
6 | }
7 | ?>


--------------------------------------------------------------------------------
/menu.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include("auth.php");
  3 | require("dbcontroller.php");
  4 | require_once("db.php");
  5 | $email=$_SESSION['email'];
  6 | 
  7 | $db_handle = new DBController();
  8 | if(!empty($_GET["action"])) {
  9 | switch($_GET["action"]) {
 10 | 	case "add":
 11 | 		if(!empty($_POST["quantity"])) {
 12 | 			$productByCode = $db_handle->runQuery("SELECT * FROM menu WHERE code='" . $_GET["code"] . "'");
 13 | 			$itemArray = array($productByCode[0]["code"]=>array('name'=>$productByCode[0]["name"], 'code'=>$productByCode[0]["code"], 'quantity'=>$_POST["quantity"], 'price'=>$productByCode[0]["price"], 'image'=>$productByCode[0]["image"]));
 14 | 			
 15 | 			if(!empty($_SESSION["cart_item"])) {
 16 | 				if(in_array($productByCode[0]["code"],array_keys($_SESSION["cart_item"]))) {
 17 | 					foreach($_SESSION["cart_item"] as $k => $v) {
 18 | 							if($productByCode[0]["code"] == $k) {
 19 | 								if(empty($_SESSION["cart_item"][$k]["quantity"])) {
 20 | 									$_SESSION["cart_item"][$k]["quantity"] = 0;
 21 | 								}
 22 | 								$_SESSION["cart_item"][$k]["quantity"] += $_POST["quantity"];
 23 | 							}
 24 | 					}
 25 | 				} else {
 26 | 					$_SESSION["cart_item"] = array_merge($_SESSION["cart_item"],$itemArray);
 27 | 				}
 28 | 			} else {
 29 | 				$_SESSION["cart_item"] = $itemArray;
 30 | 			}
 31 | 		}
 32 |     break;
 33 |     case "insert":
 34 | 		if(!empty($_SESSION["cart_item"])) {
 35 |                 foreach($_SESSION["cart_item"] as $k => $v){
 36 |                     $quantity1=$_SESSION["cart_item"][$k]["quantity"];
 37 |                     $code1=$_SESSION["cart_item"][$k]["code"];
 38 |                     $email1=$_SESSION["email"];
 39 |                     $total=($_SESSION["cart_item"][$k]["price"])*($_SESSION["cart_item"][$k]["quantity"]);
 40 |                     $ord_date1=date("Y-m-d");
 41 |                     $ord_time1=date('H:i');
 42 |                     $done1=$db_handle->insq("insert into orders (`email`,`ord_date`,`code`,`quantity`,`ord_time`,`total`) values ('$email1','$ord_date1','$code1','$quantity1','$ord_time1','$total')");    
 43 |                 }
 44 |                 
 45 | 		unset($_SESSION["cart_item"]);
 46 |                 
 47 |                 
 48 |                 
 49 |     }
 50 |     break;
 51 | 	case "remove":
 52 | 		if(!empty($_SESSION["cart_item"])) {
 53 | 			foreach($_SESSION["cart_item"] as $k => $v) {
 54 | 					if($_GET["code"] == $k)
 55 | 						unset($_SESSION["cart_item"][$k]);				
 56 | 					if(empty($_SESSION["cart_item"]))
 57 | 						unset($_SESSION["cart_item"]);
 58 | 			}
 59 | 		}
 60 | 	break;
 61 | 	case "empty":
 62 | 		unset($_SESSION["cart_item"]);
 63 | 	break;	
 64 | }
 65 | }
 66 | ?>
 67 | <html lang="en">
 68 | 
 69 | <head>
 70 |     <TITLE>Menu</TITLE>
 71 |     <link rel="stylesheet" href="css/shop.css" type="text/css" />
 72 |     <link href="//db.onlinewebfonts.com/c/465b1cbe35b5ca0de556720c955abece?family=AbolitionW00-Regular" rel="stylesheet"
 73 |         type="text/css" />
 74 |     <meta charset="utf-8">
 75 |     <script src="https://unpkg.com/scrollreveal"></script>
 76 |     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,700i&display=swap" rel="stylesheet">
 77 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 78 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
 79 |         integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 80 | 
 81 | </head>
 82 | 
 83 | <body data-aos-easing="ease-out-back" data-aos-duration="1500" data-aos-delay="0">
 84 |     <nav class="navbar navbar-expand-md navbar-dark position-sticky-top fixed-top">
 85 |         <div class="canvas-area">
 86 |             <div class="head1">
 87 |                 <a class="navbar-logo" href="#"><img src="img/logo.png"
 88 |                         style="height:35px; width: 214px;padding-top:1px"> </a></div>
 89 |             <div class="flot">
 90 |                 <button class="navbar-toggler" type="button " style="float: right" data-toggle="collapse"
 91 |                     data-target="#navbarResponsive">
 92 |                     <span class="navbar-toggler-icon "></span>
 93 |                 </button>
 94 |             </div>
 95 | 
 96 |             <div class="collapse navbar-collapse text-right" id="navbarResponsive">
 97 |                 <ul class="navbar-nav ml-auto">
 98 |                     <li class="nav-item">
 99 |                         <a class="nav-link" href="index.php">about</a>
100 |                     </li>
101 |                     <li class="nav-item">
102 |                         <a class="nav-link" href="menu.php">menu</a>
103 |                     </li>
104 |                     <li class="nav-item">
105 |                         <a class="nav-link" href="reservation.php">reservation</a>
106 |                     </li>
107 |                     <li class="nav-item">
108 |                         <a class="nav-link" href="logout.php">logout</a>
109 |                     </li>
110 |                     <li class="nav-item">
111 |                         <a class="nav-link" href="user.php">
112 |                             <p><?php
113 |             $query1="select name from customer where email='$email'";
114 |             $nameg = mysqli_query($con,$query1);
115 |             while ($row = mysqli_fetch_assoc($nameg)) {
116 |                 echo $row['name']."<br>";
117 |             }?></p>
118 |                         </a>
119 |                     </li>
120 |                 </ul>
121 |             </div>
122 |         </div>
123 | 
124 |     </nav>
125 |     <div class="col-md-7" id="product-grid">
126 |         <?php
127 | 	$product_array = $db_handle->runQuery("SELECT * FROM menu ORDER BY id asc");
128 | 	if (!empty($product_array)) { 
129 | 		foreach($product_array as $key=>$value){
130 |     ?>
131 |         <div class="container-fluid" id="prohov">
132 |             <div class="product-item foo-2">
133 |                 <form method="post" action="menu.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>">
134 |                     <div class="product-image"><img
135 |                             style="height:155px;margin-left:15px;margin-top:10px;border-radius:80px;display:flex;width:160px;background-size:cover;background-position:center center;position:relative;background-repeat:no-repeat;"
136 |                             src="<?php echo $product_array[$key]["image"]; ?>">
137 |                     </div>
138 | 
139 |                     <div class="product-tile-footer">
140 |                         <div class="product-title"><?php echo $product_array[$key]["name"]; ?></div>
141 |                         <div class="product-description"><?php echo $product_array[$key]["descrip"]; ?></div>
142 | 
143 |                     </div>
144 | 
145 |                     <div class="lower">
146 |                         <div class="cart-action"><input type="text" class="product-quantity fix2" name="quantity"
147 |                                 value="1" size="2" /><input type="submit" value="Add to Cart"
148 |                                 class="btnAddAction fix1" /></div>
149 |                     </div>
150 |                     <div class="product-price"><?php echo "$".$product_array[$key]["price"]; ?></div>
151 |                 </form>
152 |             </div>
153 |         </div>
154 |         <?php
155 | 		}
156 | 	}
157 | 	?>
158 |     </div>
159 | 
160 |     <div class="right">
161 |         <div id="shopping-cart">
162 |             <div class="txt-heading">Shopping Cart</div>
163 | 
164 | 
165 | 
166 |             <?php
167 | if(isset($_SESSION["cart_item"])){
168 |     $total_quantity = 0;
169 |     $total_price = 0;
170 | ?>
171 |             <table class="tbl-cart" cellpadding="10" cellspacing="2" style="padding-top:10px;">
172 |                 <tbody>
173 |                     <tr>
174 |                         <th style="text-align:left;" width="30%">Name</th>
175 |                         <th style="text-align:right;" width="5%">Quantity</th>
176 |                         <th style="text-align:right;" width="20%">Unit Price</th>
177 |                         <th style="text-align:right;" width="10%">Price</th>
178 |                         <th style="text-align:center;" width="5%">Remove</th>
179 |                     </tr>
180 |                     <?php		
181 |     foreach ($_SESSION["cart_item"] as $item){
182 |         $item_price = $item["quantity"]*$item["price"];
183 | 		?>
184 |                     <tr>
185 |                         <td><img src="<?php echo $item["image"]; ?>"
186 |                                 class="cart-item-image" /><?php echo $item["name"]; ?>
187 |                         </td>
188 |                         <td style="text-align:right;"><?php echo $item["quantity"]; ?></td>
189 |                         <td style="text-align:right;"><?php echo "$ ".$item["price"]; ?></td>
190 |                         <td style="text-align:right;"><?php echo "$ ". number_format($item_price,2); ?></td>
191 |                         <td style="text-align:center;"><a
192 |                                 href="menu.php?action=remove&code=<?php echo $item["code"]; ?>"><img
193 |                                     src="icon-delete.png" alt="Remove Item" /></a></td>
194 | 
195 |                     </tr>
196 |                     <?php
197 | 				$total_quantity += $item["quantity"];
198 | 				$total_price += ($item["price"]*$item["quantity"]);
199 | 		}
200 | 		?>
201 | 
202 |                     <tr>
203 |                         <td colspan="2" align="right">Total:</td>
204 |                         <td align="right"><?php echo $total_quantity; ?></td>
205 |                         <td align="right" colspan="2">
206 |                             <strong><?php echo "$ ".number_format($total_price, 2); ?></strong>
207 |                         </td>
208 | 
209 | 
210 |                     </tr>
211 |                 </tbody>
212 |             </table>
213 |             <?php
214 | } else {
215 | ?>
216 |             <div class="no-records">Your Cart is Empty</div>
217 |             <?php 
218 | }
219 | ?>
220 | 
221 | 
222 |             <a type="button" onclick="myFunction()" id="btnorder"
223 |                 href="menu.php?action=insert&code=<?php echo $item["code"]; ?>">Place order</button>
224 |                 <a id="btnEmpty" href="menu.php?action=empty">Empty Cart</a>
225 |                 <p id="myP" style="visibility: hidden;font-family:'Montserrat';color: #d00000;float:left; text-decoration: none;
226 |     margin-left: 20px !important;
227 |     margin: 10px 0px;">Your orders have been placed</p>
228 | 
229 |         </div>
230 | 
231 |     </div>
232 | 
233 | </BODY>
234 | <script>
235 |     // GENERAL SETTING
236 |     window.sr = ScrollReveal({
237 |         reset: true
238 |     });
239 | 
240 |     // Custom Settings
241 |     sr.reveal('.foo-1', {
242 |         duration: 200
243 |     });
244 | 
245 |     sr.reveal('.foo-2', {
246 |         origin: 'right',
247 |         duration: 200
248 |     });
249 | 
250 |     sr.reveal('.foo-3', {
251 |         rotate: {
252 |             x: 100,
253 |             y: 100,
254 |             z: 0
255 |         },
256 |         duration: 1000
257 |     });
258 | 
259 |     sr.reveal('.foo-4', {
260 |         viewFactor: 0.3
261 |     });
262 | 
263 |     sr.reveal('.foo-5', {
264 |         duration: 200
265 |     });
266 | </script>
267 | <script>
268 |     function myFunction() {
269 |         document.getElementById("myP").style.visibility = "visible";
270 |     }
271 | </script>
272 | 
273 | </HTML>


--------------------------------------------------------------------------------
/product-images/dessert-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-1.jpg


--------------------------------------------------------------------------------
/product-images/dessert-10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-10.jpg


--------------------------------------------------------------------------------
/product-images/dessert-11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-11.jpg


--------------------------------------------------------------------------------
/product-images/dessert-12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-12.jpg


--------------------------------------------------------------------------------
/product-images/dessert-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-2.jpg


--------------------------------------------------------------------------------
/product-images/dessert-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-3.jpg


--------------------------------------------------------------------------------
/product-images/dessert-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-4.jpg


--------------------------------------------------------------------------------
/product-images/dessert-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-5.jpg


--------------------------------------------------------------------------------
/product-images/dessert-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-6.jpg


--------------------------------------------------------------------------------
/product-images/dessert-7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-7.jpg


--------------------------------------------------------------------------------
/product-images/dessert-8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-8.jpg


--------------------------------------------------------------------------------
/product-images/dessert-9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dessert-9.jpg


--------------------------------------------------------------------------------
/product-images/dish-10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-10.jpg


--------------------------------------------------------------------------------
/product-images/dish-11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-11.jpg


--------------------------------------------------------------------------------
/product-images/dish-12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-12.jpg


--------------------------------------------------------------------------------
/product-images/dish-13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-13.jpg


--------------------------------------------------------------------------------
/product-images/dish-14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-14.jpg


--------------------------------------------------------------------------------
/product-images/dish-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-3.jpg


--------------------------------------------------------------------------------
/product-images/dish-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-4.jpg


--------------------------------------------------------------------------------
/product-images/dish-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-5.jpg


--------------------------------------------------------------------------------
/product-images/dish-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-6.jpg


--------------------------------------------------------------------------------
/product-images/dish-7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-7.jpg


--------------------------------------------------------------------------------
/product-images/dish-8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-8.jpg


--------------------------------------------------------------------------------
/product-images/dish-9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/dish-9.jpg


--------------------------------------------------------------------------------
/product-images/drink-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-1.jpg


--------------------------------------------------------------------------------
/product-images/drink-10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-10.jpg


--------------------------------------------------------------------------------
/product-images/drink-11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-11.jpg


--------------------------------------------------------------------------------
/product-images/drink-12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-12.jpg


--------------------------------------------------------------------------------
/product-images/drink-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-2.jpg


--------------------------------------------------------------------------------
/product-images/drink-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-3.jpg


--------------------------------------------------------------------------------
/product-images/drink-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-4.jpg


--------------------------------------------------------------------------------
/product-images/drink-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-5.jpg


--------------------------------------------------------------------------------
/product-images/drink-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-6.jpg


--------------------------------------------------------------------------------
/product-images/drink-7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-7.jpg


--------------------------------------------------------------------------------
/product-images/drink-8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-8.jpg


--------------------------------------------------------------------------------
/product-images/drink-9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/product-images/drink-9.jpg


--------------------------------------------------------------------------------
/register.sql:
--------------------------------------------------------------------------------
 1 | -- phpMyAdmin SQL Dump
 2 | -- version 3.5.2.2
 3 | -- http://www.phpmyadmin.net
 4 | --
 5 | -- Host: 127.0.0.1
 6 | -- Generation Time: Jul 30, 2015 at 07:57 AM
 7 | -- Server version: 5.5.27
 8 | -- PHP Version: 5.4.7
 9 | 
10 | SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";
11 | SET time_zone = "+00:00";
12 | 
13 | 
14 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
15 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
16 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
17 | /*!40101 SET NAMES utf8 */;
18 | 
19 | --
20 | -- Database: `register`
21 | --
22 | 
23 | -- --------------------------------------------------------
24 | 
25 | --
26 | -- Table structure for table `users`
27 | --
28 | 
29 | CREATE TABLE IF NOT EXISTS `users` (
30 |   `id` int(11) NOT NULL AUTO_INCREMENT,
31 |   `username` varchar(50) NOT NULL,
32 |   `email` varchar(50) NOT NULL,
33 |   `password` varchar(50) NOT NULL,
34 |   `trn_date` datetime NOT NULL,
35 |   PRIMARY KEY (`id`)
36 | ) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
37 | 
38 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
39 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
40 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
41 | 


--------------------------------------------------------------------------------
/registration.php:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <!-- Required meta tags -->
 6 |     <meta charset="utf-8">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 8 | 
 9 |     <!-- Bootstrap CSS -->
10 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
11 |     <link rel="stylesheet" href="./css/style1.css">
12 |     <title>registration</title>
13 | </head>
14 | 
15 | <body>
16 |     <?php
17 | 	require('db.php');
18 |     // If form submitted, insert values into the database.
19 |     if (isset($_REQUEST['email'])){
20 | 		$name = stripslashes($_REQUEST['name']); // removes backslashes
21 | 		$name = mysqli_real_escape_string($con,$name); //escapes special characters in a string
22 | 		$email = stripslashes($_REQUEST['email']);
23 | 		$email = mysqli_real_escape_string($con,$email);
24 | 		$password = stripslashes($_REQUEST['password']);
25 |         $password = mysqli_real_escape_string($con,$password);
26 |         $address = stripslashes($_REQUEST['address']);
27 |         $address = mysqli_real_escape_string($con,$address);
28 |         $phone = stripslashes($_REQUEST['phone']);
29 | 		$phone = mysqli_real_escape_string($con,$phone);
30 |         $query = "INSERT into `customer` ( name, password, email,address,phone) VALUES ('$name', '".md5($password)."', '$email','$address','$phone')";
31 |         $result = mysqli_query($con,$query);
32 |         if($result){
33 |             echo "<div class='form'><h3>You are registered successfully.</h3><br/>Click here to <a href='login.php'>Login</a></div>";
34 |         }
35 |     }else{
36 | ?>
37 | 
38 | 
39 |     <div class="container" id="container">
40 |         <div class="">
41 |             <form action="" name="registration" method="post">
42 |                 <h1 style="padding-bottom: 20px">Create Account</h1>
43 |                 <input type="text" name="name" placeholder="Name" required />
44 |                 <input type="email" name="email" placeholder="Email" required />
45 |                 <textarea rows="3" col="30" name="address" placeholder="Address" required /></textarea>
46 |                 <input type="text" name="phone" placeholder="Phone Number" required />
47 |                 <input type="password" name="password" placeholder="Password" required />
48 |                 <p style="font-weight:bold">Want to login? <a href='login.php' style="color:#FF0000">Login here</a></p>
49 |                 <span><button>Sign Up</button></span>
50 |             </form>
51 |         </div>
52 |     </div>
53 | 
54 |     <div class="landing">
55 |         <!---background-->
56 |         <div class="opac">
57 |         </div>
58 |     </div>
59 | 
60 |     <footer>
61 |         <p>
62 |             Created with <i class="fa fa-heart"></i> by
63 |             <a target="_blank" href="index.html">Foodilite</a>
64 |         </p>
65 |     </footer>
66 |     <?php } ?>


--------------------------------------------------------------------------------
/reservation.php:
--------------------------------------------------------------------------------
  1 | <?php 
  2 | require('db.php');
  3 | include("auth.php");
  4 | $email=$_SESSION['email'];
  5 | 
  6 | $status = "";
  7 | if(isset($_POST['new']) && $_POST['new']==1)
  8 | {
  9 | $res_date = $_POST['res_date']; // removes backslashes
 10 | $no_of_ppl = $_REQUEST['no_of_ppl'];		
 11 | $res_time = $_REQUEST['res_time'];
 12 | $email = $_SESSION["email"];
 13 | $vip_id=$_REQUEST['vip_id'];
 14 | $ins_query="insert into reservation (`res_date`,`no_of_ppl`,`res_time`,`email`,`vip_id`) values ('$res_date','$no_of_ppl','$res_time','$email','$vip_id')";
 15 | 
 16 | mysqli_query($con,$ins_query) or die(mysql_error());
 17 | $status = "Your reservation has been booked</br>";
 18 | }
 19 | ?>
 20 | <!DOCTYPE html>
 21 | <html>
 22 | 
 23 | <head>
 24 |     <meta charset="utf-8">
 25 |     <title>Foodilite | Reservation</title>
 26 |     <link href="//db.onlinewebfonts.com/c/465b1cbe35b5ca0de556720c955abece?family=AbolitionW00-Regular" rel="stylesheet"
 27 |         type="text/css" />
 28 |     <meta charset="utf-8">
 29 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 30 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
 31 |         integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 32 |     <link rel="stylesheet" href="css/style.css">
 33 |     <link rel="stylesheet" href="css/button.css">
 34 |     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 35 | 
 36 |     <title>Foodilite</title>
 37 | </head>
 38 | 
 39 | <body data-aos-easing="ease-out-back" data-aos-duration="1500" data-aos-delay="0">
 40 |     <nav class="navbar navbar-expand-md navbar-dark position-sticky-top fixed-top">
 41 |         <div class="canvas-area">
 42 |             <div class="head1">
 43 |                 <a class="navbar-logo" href="#"><img src="img/logo.png"
 44 |                         style="height:35px; width: 214px;padding-top:1px"> </a></div>
 45 |             <div class="flot">
 46 |                 <button class="navbar-toggler" type="button " style="float: right" data-toggle="collapse"
 47 |                     data-target="#navbarResponsive">
 48 |                     <span class="navbar-toggler-icon "></span>
 49 |                 </button>
 50 |             </div>
 51 | 
 52 |             <div class="collapse navbar-collapse text-right" id="navbarResponsive">
 53 |                 <ul class="navbar-nav ml-auto">
 54 |                     <li class="nav-item">
 55 |                         <a class="nav-link" href="index.php">about</a>
 56 |                     </li>
 57 |                     <li class="nav-item">
 58 |                         <a class="nav-link" href="menu.php">menu</a>
 59 |                     </li>
 60 |                     <li class="nav-item">
 61 |                         <a class="nav-link" href="reservation.php">reservation</a>
 62 |                     </li>
 63 |                     <li class="nav-item">
 64 |                         <a class="nav-link" href="logout.php">logout</a>
 65 |                     </li>
 66 |                     <li class="nav-item">
 67 |                         <a class="nav-link" href="user.php">
 68 |                             <p><?php
 69 |             $query1="select name from customer where email='$email'";
 70 |             $nameg = mysqli_query($con,$query1);
 71 |             while ($row = mysqli_fetch_assoc($nameg)) {
 72 |                 echo $row['name']."<br>";
 73 |             }?></p>
 74 |                         </a>
 75 |                     </li>
 76 |                 </ul>
 77 |             </div>
 78 |         </div>
 79 |     </nav>
 80 | 
 81 |     <section id="section03" class="demo">
 82 |         <h1 style="font-family:'Sugar Candy';font-weight:bolder!important;font-size:95px;padding-top:40px;">Make Reservations</h1>
 83 |         <a href="#reservation"><span></span></a>
 84 |     </section>
 85 | 
 86 | 
 87 | 
 88 | 
 89 |     <div class="container-fluid" id="reservation">
 90 |         <form method="post" action="" name="reservation">
 91 |             <h1 class="chooseres" style="">Choose your options</h1>
 92 |             <div class="row">
 93 | 
 94 |                 <div class="col-md-4"></div>
 95 | 
 96 |                 <div class="col-md-4" id="blockres">
 97 | 
 98 |                     <input type="hidden" name="new" value="1" />
 99 |                     <input type="hidden" name="vip_id" value="1" />
100 |                     <input type="date" name="res_date" required />
101 |                     <input type="number" name="no_of_ppl" placeholder="Number of people" style="text-align:center"
102 |                         required />
103 |                     <input type="time" name="res_time" style="align-content:center" id="timepick" min="12:00"
104 |                         max="24:00">
105 |                     <label for="timepick"></label>
106 |                     <span style="padding-top: 10px"><button>Book</button></span>
107 | 
108 |                 </div>
109 | 
110 |                 <div class="col-md-4"></div>
111 |             </div>
112 | 
113 |         </form>
114 |         <p class="flickr"><?php echo $status; ?></p>
115 |     </div>
116 | 
117 | 
118 | 
119 | 
120 | 
121 |     <script>
122 |         $(function () {
123 |             $('a[href*=#]').on('click', function (e) {
124 |                 e.preventDefault();
125 |                 $('html, body').animate({
126 |                     scrollTop: $($(this).attr('href')).offset().top
127 |                 }, 500, 'linear');
128 |             });
129 |         });
130 |     </script>
131 | </body>
132 | 
133 | </html>


--------------------------------------------------------------------------------
/screenshots/landing.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/screenshots/landing.png


--------------------------------------------------------------------------------
/screenshots/login.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/screenshots/login.png


--------------------------------------------------------------------------------
/screenshots/menu-cart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/screenshots/menu-cart.png


--------------------------------------------------------------------------------
/screenshots/menu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/screenshots/menu.png


--------------------------------------------------------------------------------
/screenshots/register.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/screenshots/register.png


--------------------------------------------------------------------------------
/screenshots/reservation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/screenshots/reservation.png


--------------------------------------------------------------------------------
/screenshots/userpage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/maazahmed87/Restaurant-Database-Management-System/a24a1cbf77b29e3981bb38a400eb7be32a788247/screenshots/userpage.png


--------------------------------------------------------------------------------
/user.php:
--------------------------------------------------------------------------------
  1 | <?php 
  2 | require('db.php');
  3 | include("auth.php");
  4 | $email=$_SESSION['email'];
  5 | 
  6 | ?>
  7 | 
  8 | <!DOCTYPE html>
  9 | <html>
 10 | 
 11 | <head>
 12 |     <meta charset="utf-8">
 13 |     <title>Foodilite|Reservation</title>
 14 |     <link href="//db.onlinewebfonts.com/c/465b1cbe35b5ca0de556720c955abece?family=AbolitionW00-Regular" rel="stylesheet"
 15 |         type="text/css" />
 16 |     <meta charset="utf-8">
 17 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 18 |     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
 19 |         integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 20 |     <link rel="stylesheet" href="css/style.css">
 21 |     <link rel="stylesheet" href="css/button.css">
 22 |     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 23 | 
 24 |     <title>Foodilite</title>
 25 | </head>
 26 | 
 27 | <body data-aos-easing="ease-out-back" data-aos-duration="1500" data-aos-delay="0">
 28 |     <nav class="navbar navbar-expand-md navbar-dark position-sticky-top fixed-top">
 29 |         <div class="canvas-area">
 30 |             <div class="head1">
 31 |                 <a class="navbar-logo" href="#"><img src="img/logo.png"
 32 |                         style="height:35px; width: 214px;padding-top:1px"> </a></div>
 33 |             <div class="flot">
 34 |                 <button class="navbar-toggler" type="button " style="float: right" data-toggle="collapse"
 35 |                     data-target="#navbarResponsive">
 36 |                     <span class="navbar-toggler-icon "></span>
 37 |                 </button>
 38 |             </div>
 39 | 
 40 |             <div class="collapse navbar-collapse text-right" id="navbarResponsive">
 41 |                 <ul class="navbar-nav ml-auto">
 42 |                     <li class="nav-item">
 43 |                         <a class="nav-link" href="index.php">about</a>
 44 |                     </li>
 45 |                     <li class="nav-item">
 46 |                         <a class="nav-link" href="menu.php">menu</a>
 47 |                     </li>
 48 |                     <li class="nav-item">
 49 |                         <a class="nav-link" href="reservation.php">reservation</a>
 50 |                     </li>
 51 |                     <li class="nav-item">
 52 |                         <a class="nav-link" href="logout.php">logout</a>
 53 |                     </li>
 54 |                     <li class="nav-item">
 55 |                         <a class="nav-link" href="user">
 56 |                             <p><?php
 57 |             $query1="select name from customer where email='$email'";
 58 |             $nameg = mysqli_query($con,$query1);
 59 |             while ($row = mysqli_fetch_assoc($nameg)) {
 60 |                 echo $row['name']."<br>";
 61 |             }?></p>
 62 |                         </a>
 63 |                     </li>
 64 |                 </ul>
 65 |             </div>
 66 |         </div>
 67 |     </nav>
 68 | 
 69 |     <div class="container-fluid">
 70 |         <div class="col-md-12">
 71 |             <p style="font-family: 'Beyond the mountains';text-transform:capitalize;color:black;margin-top:100px;text-align:center;font-size:40px">Welcome <?php
 72 |             $query1="select name from customer where email='$email'";
 73 |             $nameg = mysqli_query($con,$query1);
 74 |             while ($row = mysqli_fetch_assoc($nameg)) {
 75 |                 echo $row['name']."<br>";
 76 |             }?></p>
 77 |         </div>
 78 |     </div>
 79 |     <hr>
 80 |     <div style="container-fluid">
 81 |     <div class="row">
 82 |         <div class="col-md-6">
 83 |         <p style="font-family:'AbolitionW00-Regular';font-size:30px;text-align:center;">Your past orders</p>
 84 |         </div>
 85 |         <div class="col-md-6">
 86 |         <p style="font-family:'AbolitionW00-Regular';font-size:30px;text-align:center;">Your upcoming reservations</p>
 87 |         </div>
 88 |     
 89 |     </div>
 90 |     <table align="left" width="45%" border="1" style="text-align:center;align:center!important;border-collapse:collapse;margin-top:10px;margin-left:30px;margin-right:30px!important">
 91 |         <thead>
 92 |             <tr>
 93 |                 <th><strong>S.No</strong></th>
 94 |                 <th><strong>Item name</strong></th>
 95 |                 <th><strong>Quantity</strong></th>
 96 |                 <th><strong>Date</strong></th>
 97 |                 <th><strong>Time</strong></th>
 98 |                 <th><strong>Total</strong></th>
 99 |             </tr>
100 |         </thead>
101 |         <tbody>
102 |             <?php
103 | $count=1;
104 | $email = $_SESSION["email"];
105 | $sel_query="Select m.name,c.quantity,c.ord_date,c.ord_time,c.email,c.total
106 |     from orders c, menu m
107 |     where c.code=m.code
108 |     and c.email='$email'";
109 | $result = mysqli_query($con,$sel_query);
110 | while($row = mysqli_fetch_assoc($result)) { ?>
111 |             <tr>
112 |                 <td align="center"><?php echo $count; ?></td>
113 |                 <td align="center"><?php echo $row["name"]; ?></td>
114 |                 <td align="center"><?php echo $row["quantity"]; ?></td>
115 |                 <td align="center"><?php echo $row["ord_date"]; ?></td>
116 |                 <td align="center"><?php echo $row["ord_time"]; ?></td>
117 |                 <td align="center"><?php echo $row["total"]; ?></td>
118 |             </tr>
119 |             <?php $count++; } ?>
120 |         </tbody>
121 |     </table>
122 | 
123 | 
124 |     <table align="right" width="45%" border="1" style="text-align:center;border-collapse:collapse;margin-top:10px;margin-left:30px;margin-right:30px!important">
125 |         <thead>
126 |             <tr>
127 |                 <th><strong>S.No</strong></th>
128 |                 <th><strong>Reservation Date</strong></th>
129 |                 <th><strong>Reservation time</strong></th>
130 |                 <th><strong>Number of guests</strong></th>
131 |                 
132 |             </tr>
133 |         </thead>
134 |         <tbody>
135 |             <?php
136 | $count=1;
137 | $email = $_SESSION["email"];
138 | $g1="Select r.res_date,r.res_time,r.no_of_ppl
139 |     from reservation r
140 |     where r.email='$email'";
141 | $res2 = mysqli_query($con,$g1);
142 | while($row = mysqli_fetch_assoc($res2)) { ?>
143 |             <tr>
144 |                 <td align="center"><?php echo $count; ?></td>
145 |                 <td align="center"><?php echo $row["res_date"]; ?></td>
146 |                 <td align="center"><?php echo $row["res_time"]; ?></td>
147 |                 <td align="center"><?php echo $row["no_of_ppl"]; ?></td>
148 |                  </td>
149 |             </tr>
150 |             <?php $count++; } ?>
151 |         </tbody>
152 |     </table>
153 | </body>
154 | </html>


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