-
Notifications
You must be signed in to change notification settings - Fork 0
/
Foodx.html
223 lines (192 loc) · 9.19 KB
/
Foodx.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
<!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>Foodx.com</title>
<link rel="stylesheet" href="css/Foodx.css">
<script src="https://kit.fontawesome.com/cddafee4d9.js" crossorigin="anonymous"></script>
<link href='https://fonts.googleapis.com/css?family=Cinzel Decorative' rel='stylesheet'>
</head>
<body id="body">
<div id="divstyle">
<!-- navbar section -->
<div class="japesh">
<div id="navbar">
<div id="logo">
<img src="Orange Modern Online Delivery Logo.png" alt="Foodx">
</div>
<ul>
<li id="items"><a href="#hom">Home</a></li>
<li id="items"><a href="#abt">About Us</a></li>
<li id="items"><a href="#con">Contact Us</a></li>
<li id="items"><a href="orderonline.html">Order Now</a></li>
</ul>
<a href="login.html">
<div class="user">
<i class="fa-solid fa-user"></i>
login
</div>
</a>
<a href="sign-up.html">
<div class="signup">
Sign-up
</div>
</a>
</div>
</div>
<!-- Home section -->
<div id="home">
<h1 id="h-primary" id="hom">Order food to your door</h1>
<form class="location">
<i class="fa-solid fa-location-dot"></i>
<input type="text" placeholder="Enter your location">
<button type="submit">Set</button>
</form>
<button class="btn">Find food</button>
</div>
</div>
<!-- Our services section -->
<div>
<h1 class="heading" id="our">Our services</h1>
<div class="divstyle2">
<a href="orderonline.html">
<div class="divstyle3">
<img src="order online2.jpg" alt="order online" class="image">
<div class="divstyle4">
<h3>Order online</h3>
<p class="para">Stay home and order to your doorstep</p>
</div>
</div>
</a>
<a href="dining.html">
<div class="divstyle3">
<img src="dining.jpg" alt="dining" class="image">
<div class="divstyle4">
<h3>Dining</h3>
<p class="para">View the city's favourite dining venues</p>
</div>
</div>
</a>
</div>
</div>
<!-- About Us section -->
<div id="abt">
<h1 class="heading">About us</h1>
<div class="dmainbg">
<div class="dbackgrnd">
<div class="dbg1"></div>
<div class="dbg2"></div>
</div>
<div class="dabout-container">
<div class="dimg-container">
<img src="abt us burger2.jpg" alt="about us icon" >
</div>
<div class="dtext-container">
<h1 class="heading">Who are we</h1>
<p>Our technology platform connects customers, restaurant partners and delivery partners, serving their multiple needs. Customers use our platform to search and discover restaurants, read and write customer generated reviews and view and upload photos, order food delivery, book a table and make payments while dining-out at restaurants.On the other hand, we provide restaurant partners with industry-specific marketing tools which enable them to engage and acquire customers to grow their business while also providing a reliable and efficient last mile delivery service. We also operate a one-stop procurement solution, Hyperpure, which supplies high quality ingredients and kitchen products to restaurant partners. We also provide our delivery partners with transparent and flexible earning opportunities. </p>
</div>
</div>
</div>
<!-- Why order from us section -->
<div class="wrapper">
<h1 class="heading" id="why">Why order from us</h1>
<div class="team">
<div class="team_member">
<div class="team_img">
<img src="Fresh food.jpg" alt="Fresh food">
</div>
<h3>Fresh food</h3>
<p> we are committed to nurturing a neutral platform and are helping food establishments maintain high standards through Hyperpure. Food Hygiene Ratings is a coveted mark of quality among our restaurant partners. </p>
</div>
<div class="team_member">
<div class="team_img">
<img src="Instant delivery.jpg" alt="Instant delivery">
</div>
<h3>Instant delivery</h3>
<p>Our delivery service is reaching more and more cities. We are actively growing our services - table reservation, for Work and are continuing to power Feeding India.
</p>
</div>
<div class="team_member">
<div class="team_img">
<img src="Secure payment.jpg" alt="Secure payments">
</div>
<h3>Secure payments</h3>
<p>We also operate a one-stop procurement solution, Hyperpure, which supplies high quality ingredients and kitchen products to restaurant partners. We also provide our delivery partners with transparent and flexible earning opportunities.</p>
</div>
<div class="team_member">
<div class="team_img">
<img src="full week service.png" alt="24/7 support">
</div>
<h3>24/7 support</h3>
<p>Our technology platform connects customers, restaurant partners and delivery partners, serving their multiple needs. Customers use our platform to search and discover restaurants.
</p>
</div>
</div>
</div>
<!-- Contact us section -->
<div class="footer">
<h1 class="heading" id="con">Contact Us</h1>
<section >
<div class="container">
<div class="contactInfo">
<div>
<h2>Contact Info</h2>
<ul class="info">
<li>
<span><i class="fa-solid fa-location-dot"></i></span>
<span>Ambience Island, DLF Phase 3<br>
Sector 24, Gurugram
<br>Haryana 122022</span>
</li>
<li>
<span><i class="fa-sharp fa-solid fa-envelope"></i></span>
<span>tsriramvarma@gmail.com</span>
</li>
<li>
<span><i class="fa-solid fa-phone"></i></span>
<span>0686789698</span>
</li>
</ul>
</div>
<ul class="sci">
<li><a href="https://www.facebook.com/" target="_blank" class="fab fa-facebook-f"> </a></li>
<li><a href="https://twitter.com/i/flow/login" target="_blank" class="fab fa-twitter"></a></li>
<li><a href="https://www.instagram.com/?hl=en" target="_blank" class="fab fa-instagram"></a></li>
<li><a href="https://in.linkedin.com/" target="_blank" class="fab fa-linkedin"></a></li>
</ul>
</div>
<div class="contactForm">
<h2>Send a Message</h2>
<div class="formBox">
<div class="inputBox w50">
<input type="text" required>
<span>First Name</span>
</div>
<div class="inputBox w50">
<input type="text" required>
<span>Last Name</span>
</div>
<div class="inputBox w50">
<input type="text" required>
<span>Email Address</span>
</div>
<div class="inputBox w50">
<input type="text" required>
<span>Mobile Number</span>
</div>
<div class="inputBox w100">
<textarea required></textarea>
<span>Write your message here...</span>
</div>
<div class="inputBox w100">
<input type="submit" value="Send">
</div>
</div>
</div>
</div>
</section>
</div>
</body>
</html>