-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (131 loc) · 5.59 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!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 Restaurant food delivery services</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width:650px)" href="./phone.css">
</head>
<body>
<!--Header section-->
<header class="head">
<nav class="navb" id="navbar">
<div id="logo"><img src="./imgs/h s (2).png" alt=""></div>
<input type="checkbox" id="menu-bar">
<label for="menu-bar">Home</label>
<div class="nav-items">
<ul>
<li id="item-2"><a href="#MAIN">Services</a></li>
<li id="item-3"><a href="#menu">Menu</a></li>
<li id="item-4"><a href="#aboutus">About Us</a></li>
<li id="item-5"><a href="#Contact Us">Contact Us</a></li>
</ul>
</div>
</nav>
</header>
<!--INtro section -->
<section id="home">
<h1 class="headings">Welcome To H.S Food Delivery</h1>
<p>We provide 24/7 food delivery services.Call or email us to order from our menu & we will bring delcious food right to your doorstep.</p>
<button class="btn"><a href="tel:8179965282">Order Now</a></button>
</section>
<!--Services section-->
<section class="services-container">
<h1 class="headings" id="MAIN" >Our Services</h1>
<div id="services">
<div class="box">
<img src="./imgs/ikhsan-baihaqi-pbc2wXbQYpI-unsplash.jpg" alt="">
<h1 class="subh">Food Ordering</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae facere dignissimos illo tempore voluptatem quis quae ab voluptas, sed deleniti?</p>
</div>
<div class="box">
<img id="cheese" src="./imgs/monika-grabkowska-EbRBhZ-I_p8-unsplash.jpg" alt="">
<h1 class="subh">Catering Services</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam ratione voluptatem exercitationem necessitatibus neque, dolore modi voluptates iste in dolorem?</p>
</div>
<div class="box">
<img src="./imgs/mikhail-tyrsyna-sPXtmZu82jw-unsplash.jpg" alt="">
<h1 class="subh">Bulk Ordering</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequatur excepturi cum aliquid illo. Praesentium eveniet quam ad vero eos repellendus!
</p>
</div>
</div>
</section>
<!--Menu section-->
<div class="menu-container" id="menu">
<div class="item item-1">
<h1 class="headings"> Our Menu</h1>
</div>
<div class="item item-2">
<h1 class="headings">Snacks</h1>
<ul>
<li>Veg Pizza</li>
<li>Burger</li>
<li>Tacos</li>
<li>Fries</li>
<li>Chicken Pizza</li>
<li>Sausages</li>
</ul>
</div>
<div class="item item-3 headings"><h1>Secured Packaging</h1></div>
<div class="item item-4 headings"><h1>Prompt Delivery</h1></div>
<div class="item item-5">
<ul>
<h1 class="headings">Desert & Drinks</h1>
<li>Cheesecake</li>
<li>Special Sundae Ice Cream</li>
<li>Pepsi</li>
<li>Coffee</li>
<li>Coca Cola</li>
<li>Lemonade</li>
</ul>
</div>
</div>
<!--About Us-->
<div id="aboutus">
<h1 class="headings">About Us</h1>
<div class="about-container">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla alias, similique culpa tempora doloremque commodi cum at cumque quam ducimus voluptatem magnam, aliquid quae consequatur aspernatur! Debitis, voluptatem? Nostrum similique labore numquam tempora nesciunt obcaecati magnam perferendis rerum animi recusandae.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi vel et dicta ipsum animi. Error est beatae nihil hic natus dignissimos, adipisci iusto, cumque in aperiam sit eius porro fugiat ratione ea enim sint facere tempore illo, sapiente amet provident?</p>
</div>
</div>
<!--Contact Us-->
<div class="Contact" id="Contact Us">
<h1 class="headings">Contact Us</h1>
<div class="form1">
<form action="">
<div class="form-items">
<label for="name">Name</label>
<input type="text" name="name1" id="name" placeholder="Enter your name">
</div>
<div class="form-items">
<label for="phone">Phone Number</label>
<input type="text" name="number" id="phone" placeholder="Enter your phone no">
</div>
<div class="form-items">
<label for="email">Email</label>
<input type="email" name="email1" id="email" placeholder="Enter your email">
</div>
<div class="form-items">
<label for="message">Message</label>
<textarea name="message1" id="message" cols="30" rows="10" placeholder="Enter your message here..."></textarea>
<input type="submit" value="Submit">
</div>
</form>
</div>
</div>
<!--Footer-->
<footer class="f">
<p>
Copyright © 2022 www.HSDelivery.com | All rights reserved.</p>
<div class="icons">
<i class="fa-brands fa-instagram " ></i>
<i class="fa-brands fa-twitter" ></i>
<i class="fa-brands fa-whatsapp" ></i>
<i class="fa-brands fa-facebook-f" ></i>
</div>
</footer>
</body>
</html>