-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathabout.php
157 lines (97 loc) · 3.89 KB
/
about.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<?php
include 'components/connect.php';
session_start();
if(isset($_SESSION['user_id'])){
$user_id = $_SESSION['user_id'];
}else{
$user_id = '';
};
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>about</title>
<link rel="icon" href="images/LYgjKqzpQb.ico" type="image/x-icon">
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- header section starts -->
<?php include 'components/user_header.php'; ?>
<!-- header section ends -->
<div class="heading">
<h3>about us</h3>
<p><a href="home.php">home</a> <span> / about</span></p>
</div>
<!-- about section starts -->
<section class="about">
<div class="row">
<div class="image">
<img src="images/about-img.svg" alt="">
</div>
<div class="content">
<h3>why choose us?</h3>
<p>At The Outer Clove Restaurant, we stand out as your preferred dining destination for several reasons. Our skilled chefs are dedicated to creating culinary wonders, ensuring each dish is a delightful masterpiece. With a diverse menu featuring fast food, main dishes, drinks, and desserts, we cater to a wide range of tastes. Quality is our priority, and we source only the freshest, premium ingredients for a flavor-rich experience. Beyond the delectable offerings, our warm ambiance, efficient service, and commitment to community connection make dining with us an unforgettable experience, setting The Outer Clove apart as the go-to choice for discerning food enthusiasts!</p>
<a href="menu.php" class="btn">our menu</a>
</div>
</div>
</section>
<!-- about section ends -->
<!-- steps section starts -->
<section class="steps">
<h1 class="title">simple steps</h1>
<div class="box-container">
<div class="box">
<img src="images/step-1.png" alt="">
<h3>choose order</h3>
<p>Opt for the 'Choose Order' feature and tailor your dining experience to your preferences, ensuring a personalized and satisfying culinary journey at The Outer Clove Restaurant.</p>
</div>
<div class="box">
<img src="images/step-2.png" alt="">
<h3>fast delivery</h3>
<p>Experience swift and efficient service with our fast delivery option, ensuring that your delicious meals from The Outer Clove Restaurant reach your doorstep promptly and in perfect condition.</p>
</div>
<div class="box">
<img src="images/step-3.png" alt="">
<h3>enjoy food</h3>
<p>Savor the extraordinary flavors and culinary delights at The Outer Clove Restaurant, where each dish is meticulously crafted to provide you with an unforgettable and delightful dining experience.</p>
</div>
</div>
</section>
<!-- steps section ends -->
<!-- footer section starts -->
<?php include 'components/footer.php'; ?>
<!-- footer section ends -->=
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<!-- custom js file link -->
<script src="js/script.js"></script>
<script>
var swiper = new Swiper(".reviews-slider", {
loop:true,
grabCursor: true,
spaceBetween: 20,
pagination: {
el: ".swiper-pagination",
clickable:true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
700: {
slidesPerView: 2,
},
1024: {
slidesPerView: 3,
},
},
});
</script>
</body>
</html>