-
-
Notifications
You must be signed in to change notification settings - Fork 24
/
Index.html
110 lines (107 loc) · 5.5 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
<!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">
<title>Food Delivery | MyOnlineMeal.com</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width: 1170px)" href="custom.css">
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="img/logo.png"alt="MyOnlineMeal.com">
<img src="https://images.unsplash.com/photo-1516876902004-79f4bd1cb0dc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80"alt="MyOnlineMeal.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Our Services</a></li>
<li class="item"><a href="#client-section">Our Clients</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome to MyOnlineMeal.com</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis dolorum numquam minus. </p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. scnsj scbsjkc csn sndnks </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="https://images.unsplash.com/photo-1482049016688-2d3e1b311543?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=653&q=80" alt="Service">
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">
With dedicated special event catering service & party planning, we assure to make your private parties a memorable & impressive event.
Our operational co-ordinators assure best to best professional catering for any conferences.</p>
</div>
<div class="box">
<img src="https://images.unsplash.com/photo-1484723091739-30a097e8f929?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=687&q=80" alt="Service">
<h2 class="h-secondary center">Bulk Ordering</h2>
<p class="center">
Now Order your favorite Tasty Food From MyOnline Meal Same Taste, Same Quality at Discounted Rates. Birthday Party? Calling guests over?
Celebrating your Anniversary? Special Occasion? Be at ease. Simply place the order and Relax. It will reach you on time,
conveniently packed. Its just like having a personal chef without all the extra fuss, cost and mess.
</p>
</div>
<div class="box">
<img src="https://images.unsplash.com/photo-1504674900247-0877df9cc836?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80" alt="Service">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">
Search by cuisine, restaurant name or menu item. We'll filter your results accordingly. When you find what you're looking for, you can place your order online or by phone,
free of charge.Oh, and we also give you access to reviews, coupons, special deals
and a 24/7 customer care team that tracks each order and makes sure you get exactly what you want.
</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/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="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 number">
</div>
<div class="form-group">
<label for="message">Message: </label>
<textarea name="message" id="message" cols="30" rows="10" placeholder="Enter your message here"></textarea>
</div>
<button type="button" class="btn btn-primary">Submit</button>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.myOnlineMeal.com All rights reserved!
</div>
</footer>
</body>
</html>