-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
271 lines (252 loc) · 11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="assets/images/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<title>Carnival</title>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/owl.css">
</head>
<body>
<div id="preloader">
<div class="jumper">
<div></div>
<div></div>
<div></div>
</div>
</div>
<header class="">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html"><h2>Carnival</em></h2></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"></button>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item"><a class="nav-link" href="signin_staff.html">Sign In: Staff</a></li>
<li class="nav-item"><a class="nav-link" href="signin_customer.html">Sign In: Customer</a></li>
<li class="nav-item"><a class="nav-link" href="signup.html">Sign Up</a></li>
<li class="nav-item"><a class="nav-link" href="features.html">Features</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Page Content -->
<!-- Banner Starts Here -->
<div class="banner header-text">
<div class="owl-banner owl-carousel">
<div class="banner-item-01">
<div class="text-content">
<h2>Welcome to Carnival Restaurants!</h2>
<h4>The all-in-one destination for Restaurant Management</h4>
</div>
</div>
<div class="banner-item-02">
<div class="text-content">
<h2>Want to Book a Table?</h2>
<h4>Book a table for now or for later!</h4>
</div>
</div>
<div class="banner-item-03">
<div class="text-content">
<h2>Member of Staff?</h2>
<h4>Login either as a Manager, Chef, Waiter or a Delivery person!</h4>
</div>
</div>
</div>
</div>
<!-- Banner Ends Here -->
<div class="latest-products">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>About Our Product</h2>
</div>
</div>
<div class="col-md-4">
<div class="product-item">
<img src="assets/images/problem.png" alt="">
<div class="down-content">
<a href="offers.html" style="text-align: center;" style="height: 250px;"><h4>Problem</h4></a>
<p>Going out to eat on New Year’s eve? Or Enjoying the weekend at a restaurant with your loved ones?
<br>
In either case people often face hefty waiting times for table bookings which restaurants fail to manage effectively
<br>
This negatively affects both the business of restaurants and the experience of the customer
<br>
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="product-item">
<a href="offers.html"><img src="assets/images/solution.png" style="height: 230px;" alt=""></a>
<div class="down-content">
<a href="offers.html" style="text-align: center;"><h4>Solution</h4></a>
<p>
We aim to use scheduling algorithms such as FCFS and Priority scheduling to both automate and easy
the seating process within restaurants
<br>
We also aim to provide a restaurant the ability to manage its employees, carry out home deliveries
and thereby manage both internal and external food service
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="product-item">
<a href="offers.html"><img src="assets/images/features.png" alt=""></a>
<div class="down-content">
<a href="offers.html" style="text-align: center;"><h4>Product Features</h4></a>
<p>
Scheduling-based booking<br>
Use of Scheduling Algorithms for Seat booking upon arrival of customers at restaurant
<br><br>
Food Delivery<br>
The website will provide interfaces for the customer, manager and the delivery person and thereby
facilitate a smooth food delivery process...
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="best-features">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>Product Functions</h2>
</div>
</div>
<div class="col-md-6">
<div class="left-content">
<p>The features Provided by our application include:</p>
<ul class="featured-list">
<li>A platform or interface for scheduling bookings would be made with the primary aim for doing
the same being reducing waiting time for the customer </li>
<li>A platform for booking a seat in restaurant on visit would also be made for the customer, in
which the scheduling algorithms would be implemented for optimum seat allocation from the server
side. </li>
<li>The landing page of the project would contain information about the restaurant and its history,
which would help build the credibility for the restaurant and act as an additional advertisement
or marketing platform for the restaurant. This would be made available as a possible option for
the restaurant, with the decision to use it or not entirely in their control. </li>
<li>A login option would also be provided for customers which would help generate and earn points
upon each visit. After logging in additional options for in-restaurant ordering and online food
delivery would also be made available</li>
</ul>
<a href="features.html" class="filled-button">Read More</a>
</div>
</div>
<div class="col-md-6">
<div class="right-image">
<img src="assets/images/functions.png" style="width: 55vw; margin-left: auto;" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="services" style="background-image: url(assets/images/other-image-fullscren-1-1920x900.jpg);" >
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>What are you waiting for?</h2>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<a href="signup.html" class="services-item-image"><img src="assets/images/signup.jpg" class="img-fluid" alt=""></a>
<div class="down-content">
<h4><a href="signup.html">SIGN UP!</a></h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<a href="features.html" class="services-item-image"><img src="assets/images/learnmore.jpg" class="img-fluid" alt=""></a>
<div class="down-content">
<h4><a href="features.html">LEARN MORE ABOUT US!</a></h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<a href="signin.html" class="services-item-image"><img src="assets/images/signin.jpg" class="img-fluid" alt=""></a>
<div class="down-content">
<h4><a href="signin.html">SIGN IN!</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="happy-clients">
<div class="container">
<div class="row">
<div class="col-md-12" style="text-align: center;">
<h4>Our Team</h4>
</div>
<div class="col-md-12">
<div class="owl-clients owl-carousel text-center">
<div class="service-item">
<div class="icon">
<i class="fa fa-user"></i>
</div>
<div class="down-content">
<h4>Kunal Kulkarni</h4>
</div>
</div>
<div class="service-item">
<div class="icon">
<i class="fa fa-user"></i>
</div>
<div class="down-content">
<h4>Saloni Parekh</h4>
</div>
</div>
<div class="service-item">
<div class="icon">
<i class="fa fa-user"></i>
</div>
<div class="down-content">
<h4>Bhavya Shah</h4>
</div>
</div>
<div class="service-item">
<div class="icon">
<i class="fa fa-user"></i>
</div>
<div class="down-content">
<h4>Ujjwal Nasra</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br><br><br>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/custom.js"></script>
<script src="assets/js/owl.js"></script>
</body>
</html>