-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (105 loc) · 5.44 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
<!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>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 rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet">
<!-- <link rel="preconnect" href="https://fonts.gstatic.com"> -->
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&family=Bree+Serif&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="me.jpg" alt="MyOnlineMeal.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>Welcome to this online food court! Here we provide all services to our customers from ordering food to bulk catering. Providing you safe and healthy food is our priority.Have a happy meal!</p>
<button class="btn">Order Now</button>
</section>
<!-- <hr> -->
<section id="services-container">
<h1 class="h-primary center">
Our Services
</h1>
<div id="services">
<div class="box">
<img src="img/1.jpg" alt="">
<h2 class="h-secondary center">Food Catering </h2>
<p class="center">We have successfully secured our position in the top 10 international catering services for its wonderful service, tempting food and classy arrangement.MyOnlineMeals catering offers a particular destination for excellentcatering services and they can suggest a catalog of venues and gala lawns, all in the world for a wonderful place for rejoicing your event. It has a range of services, all will be provided in customized as per your food preferences, whether in vegetarian or non-vegetarian with your comfort. We offer a wide variety of menu selections to attractively compliment where your taste grows.
</p>
</div>
<div class="box">
<img src="img/2.png.jpeg" alt="">
<h2 class="h-secondary center"> Bulk Ordering</h2>
<p class="center"> We provide Best bulk food delivery solutions or food for a small party at home or office. Whether you need food in containers, budget meals or anything , just give a call to us and we will be at your service! Our prices are also affordable and we do not charge extra transportation charges. You just have to pick your phone dial at our number and provide ordering details.
</p>
</div>
<div class="box">
<img src="img/3.jpg" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">The process consists of a customer choosing the restaurant of their choice, scanning the menu items, choosing an item, and finally choosing for pick-up or delivery. Payment is then administered by paying with a credit card or debit card through the app or website or in cash at the restaurant when going to pickup.
</p>
</div>
</div>
</section>
<!-- <hr> -->
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="client-item">
<img src="img/logo1.jpg" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo2.jpg" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo3.png" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo4.png" 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="name">Email: </label>
<input type="email" name="name" id="email" placeholder="Enter Your Email">
</div>
<div class="form-group">
<label for="name">Phone Number: </label>
<input type="phone" name="name" id="phone" placeholder="Enter Your Phone Number">
</div>
<div class="form-group">
<label for="name">Message: </label>
<textarea name="message" id="Message" cols="30" rows="10"></textarea>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.myVKOnlineMeal.com. All rights reserved!
</div>
</footer>
</body>
</html>