-
Notifications
You must be signed in to change notification settings - Fork 0
/
food-odering_website.html
161 lines (140 loc) · 6.04 KB
/
food-odering_website.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
<!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>Food Odering Website</title>
<link rel="stylesheet" href="responsive.css">
<link rel="stylesheet" href="css/style.css" />
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
<style></style>
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="image/newlogo.png" alt="" />
</div>
<ul id="ul1">
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact us</a></li>
<li id="login"><a href="">Log In</a></li>
<li id="signup"><a href="file:///C:\htmal-css">Sign up</a></li>
</ul>
</nav>
<section id="home">
<div id="section">
<h1 id="heading1">Fastest Food Delivery</h1>
<p id="para1">
Your favourite restaurants and takeways, delivered to your door. Just click on the Order button and enjoy your favourite dish
</p>
<button id="btn"><a href="#order">Recipes</a></button>
</div>
</section>
<section id="services">
<h1>Our Services</h1>
<div id="cell">
<div class="box" id="box1">
<img src="image/logo.webp" alt="" />
<h3>Food restaurant</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum neque facere cum perspiciatis culpa veritatis sit cumque, ipsa, doloremque repudiandae odit sunt laudantium saepe a minus dolores.
</p>
</div>
<div class="box" id="box2">
<img src="image/logo1.png" alt="" />
<h3>Food Making</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis et, architecto velit cupiditate quibusdam quisquam perspiciatis repellendus nostrum? Quo magni minima ipsam ipsa.
</p>
</div>
<div class="box" id="box3">
<img src="image/logo2-removebg-preview.png" alt="" />
<h3>Food delivery</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo numquam, cupiditate omnis labore, officia libero magnam repudiandae tenetur ipsum quidem odit suscipit mollitia nisi dolorem.
</p>
</div>
</div>
</section>
<section id="about">
<h2>Our Customers</h2>
<div id="customers">
<div class="c" id="c1">
<img src="image/hplogo.png" alt="" />
</div>
<div class="c" id="c2">
<img src="image/walmartlogo.png" alt="" />
</div>
<div class="c" id="c3">
<img src="image/skypelogo.png" alt="" />
</div>
<div class="c" id="c4">
<img src="image/yahoologo.png" alt="" />
</div>
<div class="c" id="c5">
<img src="image/applelogo.png" alt="" />
</div>
</div>
</section>
<section id="order">
<h1> Order now</h1>
<div id="recipe">
<div class="food" id="r1">
<h3>Pizza</h3>
<img class="r" src="image/recipe6bg.jfif" alt="">
<button class="ordernow" id="btn1"><a href="#contact">Order now</a></button>
</div>
<div class="food" id="r2">
<h3>Almonds can</h3>
<img class="r" src="image/recipe1bg.jpg" alt="">
<button class="ordernow" id="btn2"><a href="#contact">Order now</a></button>
</div>
<div class="food" id="r3">
<h3>Dal-rise</h3>
<img class="r" src="image/recipe4bg.jfif" alt="">
<button class="ordernow" id="btn3"><a href="#contact">Order now</a></button>
</div>
<div class="food" id="r4">
<h3>Nudles</h3>
<img class="r" src="image/recipe5bg.jfif" alt="">
<button class="ordernow" id="btn4"><a href="#contact">Order now</a></button>
</div>
<div class="food" id="r5">
<h3>Burger</h3>
<img class="r" src="image/recipe7bg.jfif" alt="">
<button class="ordernow" id="btn5"><a href="#contact">Order now</a></button>
</div>
</div>
</section>
<section id="contact">
<h2>Contact us</h2>
<div id="fbox">
<form action="">
<label for="name">Name</label><br />
<input type="text" id="name" placeholder="enter name" /><br /><br />
<label for="email">Email</label><br />
<input type="email" id="email" placeholder="enter email" /><br /><br />
<label for="mobile">phone Number </label><br />
<input type="number" id="mobile" placeholder="enter phone number" /><br /><br />
<label for="msg">Message</label><br />
<textarea name="" id="msg" cols="20" rows="6" placeholder="message"></textarea>
<button id="submit">Send</button>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.fastestFOODdelivery.com. All rights reserved!
<div class="img">
<img src="image/instalogo.png" alt="instagram">
<img src="image/facebooklogo.png" alt="twitter">
<img src="image/whatsapplogo.png" alt="whatsapp">
<img src="image/twitterlogo.png" alt="facebook">
</div>
</div>
</footer>
</body>
</html>