-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
111 lines (103 loc) · 5.83 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
<!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>Best Online Food Delievery in India | MyOnlineFood.com</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width: 1174px)" href="phone.css">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@700&family=Bree+Serif&display=swap"
rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="logo.png" alt="MyonlineFood.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 MyOnlineFood</h1>
<p>Lorem ipsum, dolor sit amet consectetur, adipisicing elit.perferendis dolorum numquam minus.</p>
<p>Lorem ipsum, dolor sit amet consectetur.</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="pizza.png" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">Lorem ipsum, dolor sit amet consectetur, adipisicing elit.perferendis
dolorum numquam minus Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptas, debitis ullam dicta libero quo necessitatibus accusantium commodi quibusdam consectetur id facilis assumenda pariatur alias maiores numquam minus officia optio suscipit..</p>
</div>
<div class="box">
<img src="foodCatering.png" alt="">
<h2 class="h-secondary center">Food Pantry</h2>
<p class="center">Lorem ipsum, dolor sit amet consectetur, adipisicing elit.perferendis
dolorum numquam minus Lorem ipsum, dolor sit amet consectetur adipisicing elit. Amet consequatur beatae exercitationem voluptatibus tempore quam est iste sed consequuntur sint explicabo, nobis, id, dolores nam dolore officia. Laudantium, porro odit!.</p>
</div>
<div class="box">
<img src="foodServices.png" alt="">
<h2 class="h-secondary center">Food Services</h2>
<p class="center">Lorem ipsum, dolor sit amet consectetur, adipisicing elit.perferendis
dolorum numquam minus Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad dignissimos qui nostrum ut illo natus modi facere illum, delectus neque voluptas culpa iusto consectetur aliquam tempore adipisci recusandae quos? Magni!.</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="clients-item">
<img src="client1.png" alt="Our Clients">
</div>
<div class="clients-item">
<img src="client2.png" alt="Our Clients">
</div>
<div class="clients-item">
<img src="client3.png" alt="Our Clients">
</div>
<div class="clients-item">
<img src="clients4.png" alt="Our Clients">
</div>
<div class="clients-item">
<img src="clients5.png" alt="Our Clients">
</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 Phone number">
</div>
<div class="form-group">
<label for="message">Message: </label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
copyright © www.MyOnlineFood.com. All rights reserved!
</div>
</footer>
</body>
</html>