-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (160 loc) · 9.54 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
<!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 delivary | Iamfoody.com </title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="https://cdn.pixabay.com/photo/2017/02/17/17/33/food-2074638_1280.png" alt="Iamfoody.com">
</div>
<ul>
<li class="item"><a href="#Home">Home</a></li>
<li class="item"><a href="#about-container">About Us</a></li>
<li class="item"><a href="#menu-container">Menu</a></li>
<li class="item"><a href="#services-container">Services</a></li>
<li class="item"><a href="#client-container">Testimonals</a></li>
<li class="item"><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<Section id="Home">
<h1 class="first"><span class="bed">W</span>elcome <span class="bed"></span> <span class="bed">F</span>oodies
</h1>
<p id="para">Yeah!! iamfoody is ready to supply vegan food for you any time .Our mission is to bring best food
at your home .We get you the variety of food at reasonable cost and we provide the services which might you
never got before.So choose the best for you and for your family.</p>
<button class="btn">Place your order</button>
</Section>
<section id="about-container">
<h1 class="h1-primary center">
<span><span class="bed">A</span>bout <span class="bed">U</span>s</span>
</h1>
<div id="about">
<p class="pa">A warm welcome to Iamfoody services.You have chosen the best for your family. We provide you
the tastiest and the most hygenic food.We have spreaded our services in 16 states of India and soon our
food is also going to avialable in foreign countries<br><br>We have 100 staff members in each branch who
work with all their dedication to provide food.So enjoy your delicious food<br><br>Thanks for visiting
and we will not let you down!</p>
<div class="abp">
<img src="https://cdn.pixabay.com/photo/2013/02/13/22/43/kitchen-81493_1280.jpg" alt="">
</div>
<p class="ra">We provide you the best food which are prepared by proffsionals who have years of
experiences.<br>We got very hardworking delivery boys who make sure that you get your food fresh and on
time .</p>
<div class="aaj">
<img src="https://cdn.pixabay.com/photo/2018/07/18/06/36/egg-net-3545650_1280.jpg" alt="">
</div>
</div>
</section>
<section id="menu-container">
<h1 class="h1-primary center">
<span><span class="bed">M</span>enu</span>
</h1>
<div class="head">
<p>We have menu with varities of food. We have Italian,Chinese,Mexican and at last but not the least Indian
food<br>So check out menu to place your derised food <br><span class="hamla">Hamla!!</span></p>
</div>
<div class="live">
<img src="https://cdn.pixabay.com/photo/2016/02/22/17/05/food-1216048_1280.jpg" alt="">
</div>
<p class="p"><span class="n">N</span>oodles</p>
<div class="life">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRHTECb7z2f5dh-ZNO8PApvLdDZ5ySCDhbjW1VW-6tkGgqFPTu94gueIZxeLZLy_w-zYjM&usqp=CAU"
alt="">
</div>
<p class="a"><span class="n">B</span>urger and <span class="n">P</span>izza</p>
<div class="happy">
<img src="https://cdn.pixabay.com/photo/2021/02/28/09/38/food-6056720__340.jpg" alt="">
<p class="r"><span class="n">I</span>ndian <span class="n">F</span>ood</p>
</div>
</section>
<section id="services-container">
<h1 class="h1-primary center"><span><span class="bed">O</span>ur <span class="bed">S</span>ervices</span></h1>
<div id="services">
<div class="box">
<img src="https://cdn.pixabay.com/photo/2017/12/09/08/18/pizza-3007395_1280.jpg" alt="img">
<h2 class="h1-secondary center">Food Catering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem, culpa suscipit error
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et qui, repudiandae similique nam,
recusandae quidem ab asperiores ex, aut fugit labore veritatis facere?
sint delectus ab dolorum nam. Debitis facere, incidunt voluptates eos, mollitia voluptatem iste sunt
voluptas beatae facilis labore, omnis sint quae eum.</p>
</div>
<div class="box">
<img src="https://cdn.pixabay.com/photo/2016/06/26/22/46/india-1481504_1280.jpg" alt="img">
<h2 class="h1-secondary center">Bulk Ordering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem, culpa suscipit error
Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde laudantium a incidunt animi ad, ab
dignissimos vero? Unde numquam odit repudiandae perferendis nisi.
sint delectus ab dolorum nam. Debitis facere, incidunt voluptates eos, mollitia voluptatem iste sunt
voluptas beatae facilis labore, omnis sint quae eum.</p>
</div>
<div class="box">
<img src="https://cdn.pixabay.com/photo/2020/05/25/08/40/food-delivery-5217579_1280.png" alt="img">
<h2 class="h1-secondary center">Food Ordering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem, culpa suscipit error
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus provident fugiat aliquam
minima at explicabo. Earum eveniet quaerat, sunt molestias nesciunt quas! Quis.
sint delectus ab dolorum nam. Debitis facere, incidunt voluptates eos, mollitia voluptatem iste sunt
voluptas beatae facilis labore, omnis sint quae eum.</p>
</div>
</div>
</section>
<section id="client-container">
<h1 class="h-primary center"><span><span class="bed">T</span>estimonals</span></h1>
<div id="client">
<div class="box">
<img src="https://pbs.twimg.com/media/D10v06WU4AAe8Cl?format=jpg&name=medium" alt="img">
<h2 class="h2-secondary center"><span class="d">D</span><span class="v">honi Pandya</span></h2>
<p class="Dhoni">I had a great party at my home I have heared about Iamfoody website so i ordered food
for my party.I took a great decision as everyone liked the food so much.I am very satisfied with the
service</p>
</div>
<div class="box">
<img src="https://pbs.twimg.com/media/D7ZOiP3V4AESBWE?format=jpg&name=large" alt="img">
<h2 class="h2-secondary center"><span class="d">V</span><span class="v">irat Sharma</span></h2>
<p class="Dhoni">I am a regular customer of Iamfoody. I live away from my family for job so i usually
ordered food online. I must say the food which is provided by this site is delicious and hygenic too
</p>
</div>
<div class="box">
<img src="https://guardian.co.tt/image-3.2772106.166569.20210930224005.720a1f5f7b?size=1024" alt="img">
<h2 class="h2-secondary center"><span class="d">G</span><span class="v">ayle</span></h2>
<p class="Dhoni">One of my friend suggested me Iamfoody, So an evening i ordered food for my family and
we got fresh hot food int just 20min.We loved the food specially the pizza.</p>
</div>
</div>
</section>
<section id="contact">
<h1 class="h-primary center"><span class="bed">C</span>ontact <span class="bed">U</span>s</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="name">E-mail:</label>
<input type="email" name="name" id="name" placeholder="Enter your E-mail">
</div>
<div class="form-group">
<label for="name">Phone Number:</label>
<input type="phone" name="name" id="name" placeholder="Enter your Phone Number">
</div>
<div class="form-group">
<label for="name">Message:</label>
<textarea name="message" id="message" cols="30" rows="5"></textarea>
</div>
<div><button class="sub">Submit</button></div>
<div class="copy">copyright ©wwww.iamfoody.com.All rights are resereved.</div>
</div>
</form>
</div>
</section>
</body>
</html>