-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (120 loc) · 5.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Online Meal.com</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 1290px)" href="css/phone.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Baloo+Bhai+2:wght@700&display=swap"
<linkrel="preconnect" href="https://fonts.gstatic.com" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Texturina:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="img/pic1.png" alt="My Online Meal.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#sevices-container">Services</a></li>
<li class="item"><a href="#">Resturants</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 My OnlineMeal</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro sint voluptas similique excepturi quae in
laudantium obcaecati Lorem ipsum dolor sit amet consectetur adipisicing elit. Et quos omnis repudiandae at
libero, aliquid mollitia molestias culpa beatae accusamus!</p>
<button class="btn">Order Now</button>
</section>
<section id="sevices-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="img/pic3.jpg" alt="FOOD">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque odio rem ipsam enim.
Ea sed sapiente corrupti at veniam quae dolorem? Corrupti ipsum, excepturi molestiae ducimus at
cupiditate quaerat odio asperiores nobis nesciunt, nihil doloremque ratione harum. Nobis, voluptates
earum.</p>
</div>
<div class="box">
<img src="img/pic4.jpg" alt="FOOD">
<h2 class="h-secondary center">Bulk Ordering</h2>
<p class="center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque odio rem ipsam enim.
Ea sed sapiente corrupti at veniam quae dolorem? Corrupti ipsum, excepturi molestiae ducimus at
cupiditate quaerat odio asperiores nobis nesciunt, nihil doloremque ratione harum. Nobis, voluptates
earum.</p>
</div>
<div class="box">
<img src="img/pic2.jpg" alt="FOOD">
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque odio rem ipsam enim.
Ea sed sapiente corrupti at veniam quae dolorem? Corrupti ipsum, excepturi molestiae ducimus at
cupiditate quaerat odio asperiores nobis nesciunt, nihil doloremque ratione harum. Nobis, voluptates
earum.</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/logo4.jpg" alt="Our Clinents">
</div>
<div class="client-item">
<img src="img/logo5.jpg" alt="Our Clinents">
</div>
<div class="client-item">
<img src="img/logo3.jpg" alt="Our Clinents">
</div>
<div class="client-item">
<img src="img/logo6.jfif" alt="Our Clinents">
</div>
<div class="client-item">
<img src="img/logo7.png" alt="Our Clinents">
</div>
<div class="client-item">
<img src="img/logo8.png" alt="Our Clinents">
</div>
</div>
</section>
<section id="contact">
<h1 class="h-primary contact center">Contact Us</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<div>
<label for="name">Name :-</label>
</div>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div>
<div>
<label for="name">Email :-</label>
</div>
<input type="text" name="email" id="email" placeholder="Enter your Email">
</div>
<div>
<div>
<label for="name">Phone No :-</label>
</div>
<input type="text" name="phn" id="phn" placeholder="Enter your Phone Number">
</div>
<div>
<button class="btn">Submit</button>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.myOnlinemeal.com. All rights Reserved
</div>
</footer>
</body>
</html>