Skip to content

Commit

Permalink
Merge pull request #467 from sourabhm01/main
Browse files Browse the repository at this point in the history
added more description and img to look better
  • Loading branch information
Ayushparikh-code authored Sep 17, 2024
2 parents e75e228 + f3367d1 commit fe041f4
Show file tree
Hide file tree
Showing 8 changed files with 147 additions and 94 deletions.
1 change: 0 additions & 1 deletion Food Site/css/1.css

This file was deleted.

1 change: 1 addition & 0 deletions Food Site/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -122,6 +122,7 @@ html{
#services{
margin: 34px;
display: flex;
margin-top: 0px;
}
#services .box{
border: 2px solid brown;
Expand Down
Binary file added Food Site/img/img1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Food Site/img/img2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Food Site/img/img3.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Food Site/img/img4.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Food Site/img/logo.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
239 changes: 146 additions & 93 deletions Food Site/index.html
Original file line number Diff line number Diff line change
@@ -1,116 +1,169 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Best Online Food Delivery Service in India | MyOnlineMeal.com</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 1170px)" href="css/phone.css">
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
</head>
<link rel="stylesheet" href="css/style.css" />
<link
rel="stylesheet"
media="screen and (max-width: 1170px)"
href="css/phone.css"
/>
<link
href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap"
rel="stylesheet"
/>
</head>

<body>
<body>
<nav id="navbar">
<div id="logo">
<img src="logo.png" alt="theOnlineMeal.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Services</a></li>
<li class="item"><a href="#client-section">Our Clients</a></li>
<li class="item"><a href="#contact">Contact Us</a></li>
</ul>
<div id="logo">
<img src="img/logo.jpg" alt="theOnlineMeal.com" />
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Services</a></li>
<li class="item"><a href="#client-section">Our Clients</a></li>
<li class="item"><a href="#contact">Contact Us</a></li>
</ul>
</nav>

<section id="home">
<h1 class="h-primary">Welcome to MyOnlineMeal</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis dolorum numquam minus. </p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. </p>
<button class="btn"><a href="https://swiggy.com" target="_blank">Order Now</a></button>
<h1 class="h-primary">Welcome to MyOnlineMeal</h1>
<p>
Welcome to our online food ordering platform! We strive to provide you
with a user-friendly and efficient way to order food online. Whether
you're planning a small gathering or a large event, our platform makes
it convenient for you to order food in large quantities. With a wide
range of choices available, we cater to different tastes and
preferences, ensuring that everyone is satisfied.
</p>

<button class="btn">
<a href="https://swiggy.com" target="_blank">Order Now</a>
</button>
</section>

<section id="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="img/1.png" alt="">
<h2 class="h-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="img/2.png" alt="">
<h2 class="h-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="img/3.png" alt="">
<h2 class="h-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>
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="img/1.png" alt="" />
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">
Welcome to online website, your one-stop online platform for all
your bulk ordering needs! At Bulk Bites, we understand the
convenience and savings that come with ordering food in large
quantities. Whether you're hosting a special event or catering for a
corporate office, our website provides a seamless experience. With
our user-friendly interface, you can easily select and order your
favorite dishes in bulk. Say goodbye to the hassle of individual
orders and hello to a satisfied hunger. Join Bulk Bites today and
experience the joy of hassle-free bulk ordering at your fingertips!
</p>
</div>
<div class="box">
<img src="img/2.png" alt="" />
<h2 class="h-secondary center">Bulk Ordering</h2>
<p class="center">
Welcome to our online website for bulk ordering! With our platform,
you can now easily order the food you love in large quantities and
satisfy your hunger to the fullest. Whether you're planning a big
gathering, stocking up your pantry, or simply want to enjoy your
favorite meals without worrying about running out, our bulk ordering
service has got you covered. Say goodbye to frequent grocery runs
and hello to convenience and savings. Start exploring our wide range
of food options today and make sure your tummy is always full!
</p>
</div>
<div class="box">
<img src="img/3.png" alt="" />
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">
Welcome to our online website for food ordering! With our
user-friendly and efficient online ordering system, you can
conveniently place and manage your food orders with just a few
clicks. Whether you're craving a delicious meal for delivery or
pickup, our platform ensures a seamless experience from start to
finish. From ready-to-eat dishes to customizable options, our menu
offers a wide range of choices to satisfy your taste buds. Embrace
the convenience and satisfaction of ordering food in large
quantities through our platform. Try it out today and indulge in a
hassle-free food ordering experience!
</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="client-item">
<img src="img/logo1.png" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo2.png" alt="Our Client">
</div>

<div class="client-item">
<img src="img/logo4.png" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo3.png" alt="Our Client">
</div>
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="client-item">
<img src="img/img1.jpg" alt="Our Client" />
</div>
<div class="client-item">
<img src="img/img2.jpg" alt="Our Client" />
</div>

<div class="client-item">
<img src="img/img3.jpg" alt="Our Client" />
</div>
<div class="client-item">
<img src="img/img4.jpg" alt="Our Client" />
</div>
</div>
</section>

<section id="contact">
<h1 class="h-primary center">Contact Us</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="email">Email: </label>
<input type="email" name="name" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="phone">Phone Number: </label>
<input type="phone" name="name" id="phone" placeholder="Enter your phone">
</div>
<div class="form-group">
<label for="message">Message: </label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
<button class="button">Submit !</button>
</form>
</div>
<h1 class="h-primary center">Contact Us</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="email">Email: </label>
<input
type="email"
name="name"
id="email"
placeholder="Enter your email"
/>
</div>
<div class="form-group">
<label for="phone">Phone Number: </label>
<input
type="phone"
name="name"
id="phone"
placeholder="Enter your phone"
/>
</div>
<div class="form-group">
<label for="message">Message: </label>
<textarea
name="message"
id="message"
cols="30"
rows="10"
></textarea>
</div>
<button class="button">Submit !</button>
</form>
</div>
</section>

<footer>
<div class="center">
&copy; www.theOnlineMeal.com. All rights reserved!
</div>
<div class="center">
&copy; www.theOnlineMeal.com. All rights reserved!
</div>
</footer>
</body>

</html>
</body>
</html>

0 comments on commit fe041f4

Please sign in to comment.