-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (121 loc) · 5.16 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
<!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: 1224px)" href="css/phone.css">
<link
href="https://fonts.googleapis.com/css2?family=Inspiration&family=Merriweather&family=Roboto:wght@100&family=Shippori+Antique+B1&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Caveat&family=Inspiration&family=Merriweather&family=Raleway:wght@100&family=Roboto:wght@100&family=Shippori+Antique+B1&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Caveat&family=Inspiration&family=Merriweather&family=Patrick+Hand&family=Raleway:wght@100&family=Roboto:wght@100&family=Shippori+Antique+B1&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Caveat&family=Inspiration&family=Merriweather&family=Nanum+Myeongjo&family=Patrick+Hand&family=Raleway:wght@100&family=Roboto:wght@100&family=Shippori+Antique+B1&display=swap"
rel="stylesheet"
/>
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="img/logo.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>
There is not a good or a bad cuisine, just the one you like is the best.
</p>
<button class="btn">Order Now</button>
</section>
<section id="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="img/2.jpg" alt="" />
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">
Serving a lip-smacking food is our passion. Tasty food right at your table. You can dine at our place and enjoy the ambience here or you can take away your food and enjoy your food in your style!
</p>
</div>
<div class="box">
<img src="img/1.jpg" alt="" />
<h2 class="h-secondary center">Bulk Ordering</h2>
<p class="center">
Now you can order food for your birthday parties or small get togethers at your home. Our delivery agents will deliver you food safely at you door steps.
</p>
</div>
<div class="box">
<img src="img/3.png" alt="" />
<h2 class="h-secondary center">Lightning-Fast Delivery</h2>
<p class="center">
A hungry must not go to food the food will go to hungry.
Experience our superfast delivery for food delivered fresh & on time at you door-step.
Delivery in just 30 min!
</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 Clients"/>
</div>
<div class="client-item">
<img src="img/logo2.jpg" alt="Our Clients"/>
</div>
<div class="client-item">
<img src="img/logo3.png" alt="Our Clients" />
</div>
<div class="client-item">
<img src="img/logo4.jpg" alt="Our Clients" />
</div>
</div>
</ssection>
<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="text" name="remail" id="name" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="text" name="phone" id="name" placeholder="Enter your phone number">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
<p class="greet center">See you tomorrow!</p>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.myOnlineMeal.com. All rights reserved!
</div>
</footer>
</body>
</html>