-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
153 lines (137 loc) · 7.31 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<?php include_once("./includes/templates/header.php") ?>
<?php
if (isset($_GET['loginSuccess'])) {
echo "
<div class='alert alert-success alert-dismissible fade show text-center' role='alert'>
<strong>SUCCESS!</strong> You have logged in successfully!
<button type='button' class='close' data-dismiss='alert' aria-label='Close'>
<span aria-hidden='true'>×</span>
</button>
</div>";
}
?>
<?php
if (isset($_GET['logoutSuccess'])) {
echo "
<div class='alert alert-success alert-dismissible fade show text-center' role='alert'>
You have logged out!
<button type='button' class='close' data-dismiss='alert' aria-label='Close'>
<span aria-hidden='true'>×</span>
</button>
</div>";
}
?>
<?php
if (isset($_GET['permissionDenied'])) {
echo "
<div class='alert alert-danger alert-dismissible fade show text-center' role='alert'>
<strong>You don't have permission to show that page!</strong>
<button type='button' class='close' data-dismiss='alert' aria-label='Close'>
<span aria-hidden='true'>×</span>
</button>
</div>";
}
?>
<section class="hero px-3" style="background-image: url('assets/images/restaurant-hero-bg.jpg');">
<div class="container h-100">
<div class="row h-100 justify-content-md-center align-items-md-center">
<div class="col-12 col-md-11 col-lg-9 col-xl-7 col-xxl-6 d-flex flex-column justify-content-center text-center text-white ">
<h1 class="display-3 font-weight-bold text-uppercase mb-3">XRESTO</h1>
<p class="lead mb-5 font-italic">We are sure you have never tasted these flavors anywhere before! Make a reservation now and taste these unique flavors!</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<button type="button" class="btn btn-light py-2 px-4 font-weight-bold text-uppercase">Get A Reservation <i class="bi bi-arrow-right"></i>
</button>
</div>
</div>
</div>
</div>
<div class="w-100 text-center mt-n3">
<a href="#our-favorite-dishes" class="w-100 text-center h1 text-white bg-warning rounded-circle px-3 py-2"><i class="bi bi-arrow-down"></i></a>
</div>
</section>
<section id="our-favorite-dishes" class="container section--space">
<div class="" style="width: fit-content;">
<h2 class="h1 font-weight-bold">Our Favorite Dishes</h2>
<p class="font-italic h6">These are our dishes that are most liked by our customers and whose taste they cannot give up.</p>
<div class="bg-warning rounded" style="height: 6px;"></div>
</div>
<div class="mt-4 row">
<?php
$sql = "SELECT * FROM menu LIMIT 4";
$result = mysqli_query($conn, $sql);
while ($row = mysqli_fetch_assoc($result)) { ?>
<div class="col-12 col-md-6 col-lg-3 w-100 mt-5">
<div class='card'>
<img class='card-img-top' src='assets/images/menu/<?php echo $row['image']?>' alt='Card image cap'>
<div class='card-body'>
<h5 class='card-title font-weight-bold'><?php echo "{$row['name']}" ?></h5>
<p class='card-text'><?php echo "{$row['description']} " ?></p>
</div>
</div>
</div>
<?php
}
?>
</div>
</section>
<section id="testimonial" class="mt-5" style="background-color: #1c2331;">
<div class="container py-5">
<div class="text-white d-flex align-items-end flex-column w-100 text-right">
<div style=" width: fit-content;">
<h2 class="h2 font-weight-bold">Reviews From Our Customers</h2>
<p class="font-italic h6">Opinions of our customers who tried our unique flavors</p>
<div class="bg-warning rounded" style="height: 6px;"></div>
</div>
</div>
<div id="testimonialCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner text-white">
<div class="carousel-item active">
<p class="testimonial--text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facilis veniam dolore placeat reiciendis aspernatur natus, excepturi laudantium quam corrupti quis totam eum earum. Fugit, rem quod distinctio unde ea perspiciatis odit eos tenetur, expedita, sit voluptas eveniet nobis. Nesciunt, minus.</p>
<div class="d-flex flex-column align-items-center">
<img class="testimonial--avatar" src="assets/images/avatars/avatar-1.jpg" alt="Adam+John" />
<p>Adam John</p>
</div>
</div>
<div class="carousel-item">
<p class="testimonial--text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi saepe impedit consectetur totam sed velit. Facilis, veritatis expedita omnis asperiores laborum modi exercitationem ipsa quia tempora odit rem provident sunt!</p>
<div class="d-flex flex-column align-items-center">
<img class="testimonial--avatar" src="assets/images/avatars/avatar-2.jpg" alt="Adam+John" />
<p>John Doe</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#testimonialCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#testimonialCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<section id="our-favorite-dishes" class="container section--space">
<div class="" style="width: fit-content;">
<h2 class="h1 font-weight-bold">Photos From Our Restaurant</h2>
<p class="font-italic h6">Indoor and outdoor photos of our stylish and elegant restaurant</p>
<div class="bg-warning rounded" style="height: 6px;"></div>
</div>
<div class="row mt-5">
<div class="col-lg-4 col-md-12 mb-4 mb-lg-0">
<img src="assets/images/restaurant-indoor.jpeg" class="w-100 shadow-1-strong rounded mb-4" alt="Boat on Calm Water" />
<img src="assets/images/restaurant-hero-bg.jpg" class="w-100 shadow-1-strong rounded mb-4" alt="Wintry Mountain Landscape" />
</div>
<div class="col-lg-4 mb-4 mb-lg-0">
<img src="assets/images/restaurant-outdoor.jpg" class="w-100 shadow-1-strong rounded mb-4" alt="Mountains in the Clouds" />
<img src="assets/images/restaurant-outdoor-2.jpg" class="w-100 shadow-1-strong rounded mb-4" alt="Boat on Calm Water" />
</div>
<div class="col-lg-4 mb-4 mb-lg-0">
<img src="assets/images/restaurant-outdoor-3.jpg" class="w-100 shadow-1-strong rounded mb-4" alt="Waves at Sea" />
<img src="assets/images/restaurant-indoor.jpeg" class="w-100 shadow-1-strong rounded mb-4" alt="Yosemite National Park" />
</div>
</div>
</section>
<?php include("./includes/templates/cta.php") ?>
</section>
<?php include_once("./includes/templates/footer.php") ?>