-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (103 loc) · 5.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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:1330px)" href="css/phone.css">
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&family=Crete+Round&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="cwh.jpg" alt="MyOnlineMeal.com">
</div>
<ul>
<li class="item"><a href="#">Home</a></li>
<li class="item"><a href="#">Services</a></li>
<li class="item"><a href="#">About us</a></li>
<li class="item"><a href="#">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. Illo ipsum alias accusantium.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit..</p>
<button class="btn">Order now</button>
</section>
<section class="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">Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio, laboriosam! Quae Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sed velit modi ab quisquam, ipsam illo eaque! Libero, facilis quod vitae nesciunt commodi pariatur.
ea, numquam labore voluptatibus dolorem repellendus quo aperiam eius quasi? Omnis quas quasi, a
libero deleniti tempora blanditiis dolore voluptas autem sed. Asperiores.</p>
</div>
<div class="box">
<img src="img/2.jpg" alt="">
<h2 class="h-secondary center">Bulk Ordering</h2>
<p class="center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio, laboriosam! Quae
Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui et, pariatur accusantium libero quis, expedita saepe iure quo nam fugiat repellat voluptas dolore?
ea, numquam labore voluptatibus dolorem repellendus quo aperiam eius quasi? Omnis quas quasi, a
libero deleniti tempora blanditiis dolore voluptas autem sed. Asperiores.</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. Optio, laboriosam! Quae
Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde molestiae fugiat nobis, vel suscipit, recusandae maiores amet quaerat corrupti perferendis possimus eveniet hic.
ea, numquam labore voluptatibus dolorem repellendus quo aperiam eius quasi? Omnis quas quasi, a
libero deleniti tempora blanditiis dolore voluptas autem sed. Asperiores.</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.jpg" 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.jpg" 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="email" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="phone">phone number:</label>
<input type="number" name="name" id="phone" placeholder="Enter your phone number">
</div>
<div class="form-group">
<label for="messege">messege:</label>
<textarea name="messege" id="messege" cols="30" rows="10"></textarea>
</div>
</form>
</form>
</div>
</section>
<footer class="center">
copyright © www.myonlinemeals.com All Rights Reserved
</footer>
</body>
</html>