-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (97 loc) · 4.57 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
<!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 Services in India | MyOnlineMeal.com</title>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@700&family=Bree+Serif&display=swap" rel="stylesheet">
<link rel="stylesheet" media="screen and (max-width: 960px)" href="css/phone.css">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="logo.jpg" alt="MyOnlineMeal.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#service">Services</a></li>
<li class="item"><a href="#clients">About us</a></li>
<li class="item"><a href="#contact">Contact Us</a></li>
<li class="item"><a href="#">Email Us</a></li>
</ul>
</nav>
<section id="home">
<h1 class="hprim">Welcome to MyOnlineMeal</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus totam veniam nihil. Lorem ipsum, dolor sit amet consectetur </p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem deserunt odio dolorem. Lorem ipsum </p>
<button class="btn">Order Now</button>
</section>
<section class="scontainer">
<h1 class="hprimcenter">Our Services</h1>
<div id="service">
<div class="box">
<img src="img/1.jpg" alt="">
<h2 class="hsec">Food Ordering</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Natus dolore, impedit laboriosam et enim obcaecati voluptas quae repellendus cumque repellat? Voluptas, magnam. Sapiente quis temporibus excepturi corporis. Esse est ad, repellat tempore quibusdam animi!</p>
</div>
<div class="box">
<img src="img/2.jpg" alt="">
<h2 class="hsec">Catering</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Natus dolore, impedit laboriosam et enim obcaecati voluptas quae repellendus cumque repellat? Voluptas, magnam. Sapiente quis temporibus excepturi corporis. Esse est ad, repellat tempore quibusdam animi!</p>
</div>
<div class="box">
<img src="img/3.jpg" alt="">
<h2 class="hsec">Bulk Ordering</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Natus dolore, impedit laboriosam et enim obcaecati voluptas quae repellendus cumque repellat? Voluptas, magnam. Sapiente quis temporibus excepturi corporis. Esse est ad, repellat tempore quibusdam animi!</p>
</div>
</div>
</section>
<section id="csection">
<h1 class="hprimcenter">Our Clients</h1>
<div id="clients">
<div class="client-item">
<img src="img/logo1.jpg" alt="Our Clients">
</div>
<div class="client-item">
<img src="img/logo2.png" alt="Our Clients">
</div>
<div class="client-item">
<img src="img/logo3.jpg" alt="Our Clients">
</div>
<div class="client-item">
<img src="img/logo4.jpg" alt="Our Clients">
</div>
</div>
</section>
<section id="contact">
<h1 class="hprimcenter">Contact Us</h1>
<div id="cbox">
<form action="">
<div class="group">
<label for="name">Name:</label>
<input type="text" name="name" id="name" placeholder="Enter Name">
</div>
<div class="group">
<label for="mail">Email:</label>
<input type="email" name="Email" id="mail" placeholder="Enter Email">
</div>
<div class="group">
<label for="phone">Phone number:</label>
<input type="phone" name="Phone number" id="phone" placeholder="Enter Phone Number">
</div>
<div class="group">
<label for="sms">Message:</label>
<textarea name="message" id="sms" cols="30" rows="10" placeholder="Enter Message"></textarea>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.MyOnlinemeal.com. All rights reserved!
</div>
</footer>
</body>
</html>