-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (106 loc) · 5.3 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 http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OniFood.com</title>
<link rel="stylesheet" media="screen and (max-width: 1100px)" href="css/phone.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="img/llogo.png" alt="OniFood">
</div>
<ul>
<li id="item"><a href="#home">Home</a></li>
<li id="item"><a href="#sevice-container">Services</a></li>
<li id="item"><a href="#client-sec">Clients</a></li>
<li id="item"><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">
Welcome to our website OniFood
</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fuga, saepe repudiandae? Maiores.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore ut totam id.</p>
<button class="btn">Order Now</button>
</section>
<section id="sevice-container">
<h1 class="h-primary centre">Services</h1>
<div class="services">
<div class="box">
<img src="img/Food.png" alt="OniFood.com">
<h2 class="h-secondary centre">Food</h2>
<p class="centre para">Lorem ipsum dolor sit,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Adipisci vero labore odit. amet consectetur Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus veritatis fugiat alias. adipisicing elit. Quas quod ad quaerat
nostrum magni sunt libero placeat culpa. Obcaecati temporibus ipsum libero vel maxime saepe ullam?
Voluptates illum earum dicta magnam quidem!</p>
</div>
<div class="box" id="b2">
<img src="img/catering.png" alt="OniFood.com">
<h2 class="h-secondary centre">Catering</h2>
<p class="centre para">Lorem ipsum Lorem ipsum dolor Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi, nisi temporibus! Minima!sit amet consectetur adipisicing elit. Impedit blanditiis enim animi!dolor sit, amet consectetur adipisicing elit. Quas quod ad quaerat
nostrum magni sunt libero placeat culpa. Obcaecati temporibus ipsum libero vel maxime saepe ullam?
Voluptates illum earum dicta magnam quidem!</p>
</div>
<div class="box" id="b3">
<img src="img/delivery.png" alt="OniFood.com">
<h2 class="h-secondary centre">Delivery</h2>
<p class="centre para">Lorem ipsum dolor sit, amet Lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea nulla omnis id. ipsum dolor sit amet consectetur adipisicing elit. Quae nobis ad nemo?consectetur adipisicing elit. Quas quod ad quaerat
nostrum magni sunt libero placeat culpa. Obcaecati temporibus ipsum libero vel maxime saepe ullam?
Voluptates illum earum dicta magnam quidem!</p>
</div>
</div>
</section>
<section id="client-sec">
<h1 class="h-primary centre">Our clients</h1>
<div class="clients">
<div class="client-item">
<img src="img/partner1.png" alt="">
</div>
<div class="client-item">
<img src="img/google.png" alt="">
</div>
<div class="client-item">
<img src="img/mslogo-removebg-preview.png" alt="">
</div>
<div class="client-item">
<img src="img/Zomato_logo.png" alt="">
</div>
</div>
</section>
<section id="contact">
<h1 class="h-primary centre">Contact Us</h1>
<div class="contactbox">
<form action="">
<div class="formgroup">
<label for="name">Name</label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div class="formgroup">
<label for="Email">Email</label>
<input type="email" name="name" id="Email" placeholder="Enter your email">
</div>
<div class="formgroup">
<label for="phone">Contact</label>
<input type="phone" name="name" id="phone" placeholder="Enter your phone number">
</div>
<div class="formgroup">
<label for="contact">Feedback</label>
<textarea name="contact" id="contact" cols="30" rows="10"></textarea>
</div>
<div >
<button class="btn">Submit Now</button>
</div>
</form>
</div>
</section>
<footer>
copyright © www.Onifood.com All Rights Reserved.
</footer>
</body>
</html>