Skip to content

Commit cb5208d

Browse files
sushanntvsushanntv
authored
Add files via upload
1 parent 789a432 commit cb5208d

File tree

4 files changed

+116
-0
lines changed

4 files changed

+116
-0
lines changed

‎Food Site/bg.jpg

210 KB
Loading

‎Food Site/bg1.jpg

334 KB
Loading

‎Food Site/contact.jpg

119 KB
Loading

‎Food Site/index.html

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<title>Best Online Food Delivery Service in India | MyOnlineMeal.com</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
<link rel="stylesheet" media="screen and (max-width: 1170px)" href="css/phone.css">
11+
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
12+
</head>
13+
14+
<body>
15+
<nav id="navbar">
16+
<div id="logo">
17+
<img src="logo.png" alt="theOnlineMeal.com">
18+
</div>
19+
<ul>
20+
<li class="item"><a href="#home">Home</a></li>
21+
<li class="item"><a href="#services-container">Services</a></li>
22+
<li class="item"><a href="#client-section">Our Clients</a></li>
23+
<li class="item"><a href="#contact">Contact Us</a></li>
24+
</ul>
25+
</nav>
26+
27+
<section id="home">
28+
<h1 class="h-primary">Welcome to MyOnlineMeal</h1>
29+
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis dolorum numquam minus. </p>
30+
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. </p>
31+
<button class="btn"><a href="https://swiggy.com" target="_blank">Order Now</a></button>
32+
</section>
33+
34+
<section id="services-container">
35+
<h1 class="h-primary center">Our Services</h1>
36+
<div id="services">
37+
<div class="box">
38+
<img src="img/1.png" alt="">
39+
<h2 class="h-secondary center">Food Catering</h2>
40+
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem, culpa suscipit error
41+
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et qui, repudiandae similique nam, recusandae quidem ab asperiores ex, aut fugit labore veritatis facere?
42+
sint delectus ab dolorum nam. Debitis facere, incidunt voluptates eos, mollitia voluptatem iste sunt
43+
voluptas beatae facilis labore, omnis sint quae eum.</p>
44+
</div>
45+
<div class="box">
46+
<img src="img/2.png" alt="">
47+
<h2 class="h-secondary center">Bulk Ordering</h2>
48+
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem, culpa suscipit error
49+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde laudantium a incidunt animi ad, ab dignissimos vero? Unde numquam odit repudiandae perferendis nisi.
50+
51+
sint delectus ab dolorum nam. Debitis facere, incidunt voluptates eos, mollitia voluptatem iste sunt
52+
voluptas beatae facilis labore, omnis sint quae eum.</p>
53+
</div>
54+
<div class="box">
55+
<img src="img/3.png" alt="">
56+
<h2 class="h-secondary center">Food Ordering</h2>
57+
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem, culpa suscipit error
58+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus provident fugiat aliquam minima at explicabo. Earum eveniet quaerat, sunt molestias nesciunt quas! Quis.
59+
sint delectus ab dolorum nam. Debitis facere, incidunt voluptates eos, mollitia voluptatem iste sunt
60+
voluptas beatae facilis labore, omnis sint quae eum.</p>
61+
</div>
62+
</div>
63+
</section>
64+
<section id="client-section">
65+
<h1 class="h-primary center">Our Clients</h1>
66+
<div id="clients">
67+
<div class="client-item">
68+
<img src="img/logo1.png" alt="Our Client">
69+
</div>
70+
<div class="client-item">
71+
<img src="img/logo2.png" alt="Our Client">
72+
</div>
73+
74+
<div class="client-item">
75+
<img src="img/logo4.png" alt="Our Client">
76+
</div>
77+
<div class="client-item">
78+
<img src="img/logo3.png" alt="Our Client">
79+
</div>
80+
</div>
81+
82+
</section>
83+
84+
<section id="contact">
85+
<h1 class="h-primary center">Contact Us</h1>
86+
<div id="contact-box">
87+
<form action="">
88+
<div class="form-group">
89+
<label for="name">Name: </label>
90+
<input type="text" name="name" id="name" placeholder="Enter your name">
91+
</div>
92+
<div class="form-group">
93+
<label for="email">Email: </label>
94+
<input type="email" name="name" id="email" placeholder="Enter your email">
95+
</div>
96+
<div class="form-group">
97+
<label for="phone">Phone Number: </label>
98+
<input type="phone" name="name" id="phone" placeholder="Enter your phone">
99+
</div>
100+
<div class="form-group">
101+
<label for="message">Message: </label>
102+
<textarea name="message" id="message" cols="30" rows="10"></textarea>
103+
</div>
104+
<button class="button">Submit !</button>
105+
</form>
106+
</div>
107+
</section>
108+
109+
<footer>
110+
<div class="center">
111+
&copy; www.theOnlineMeal.com. All rights reserved!
112+
</div>
113+
</footer>
114+
</body>
115+
116+
</html>

0 commit comments

Comments
 (0)