-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
214 lines (167 loc) · 7.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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!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>Burger Palace</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
<link rel="stylesheet"href="styles.css">
</head>
<body>
<div class="home">
<div class="upper">
<div class="brand" style="float: left;">
<img src="images/logo.png" style="height: 8vh; width: 8vh; padding: 5vh;">
<h3><p>Bur<span style="color: rgb(241, 217, 81)">ger</span> </p></h3>
<div>
<div class="flright" >
<ul>
<li>
<u> <a href="#">Home</a></u>
</li>
<li>
<a href="#">Offers</a>
</li>
<li>
<a href="#">Contact</a>
</li>
<li>
<a href="#">About</a>
</li>
</ul>
<a><img src="images/cart.png" style="height: 6vh; width: 6vh;"></a>
</div>
</div>
</div>
</div>
<div class="rain">
<div>
<h2>Rain or shine,</h2>
<h2>its time to dine </h2>
<p>We cook & deliver the tastiest burgers <br>right away to your designated location</p><b>
<button>Order Now</button>
</div>
<div>
<img class ="mainburger"src="images/palace.png" alt="burger photos" style="height: 60vh; width: 40vh;">
</div>
</div>
</div>
<div class="services">
<div class="serv" style="height: 50vh; width: 50vh;">
<img src="images/food-tray.png" style="height: 10vh; width: 12vh;" >
<h3>Quality Burgers</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis vero nemo esse nostrum asperiores cum, quasi at molestiae ipsa fuga facilis nisi nam recusandae iusto, aliquid impedit minus? Nisi, itaque!</p>
</div>
<div class="serv" style="height: 70vh; width: 50vh;">
<img src="images/delivery.png" style="height: 10vh; width: 12vh;">
<h3>Fast Delivery</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, neque earum est perferendis, ut sapiente eius ab suscipit modi recusandae obcaecati, repellat aspernatur repudiandae fugiat et culpa nihil! Temporibus, enim?</p>
</div>
<div class="serv" style="height: 50vh; width: 50vh;">
<img src="images/fast-food.png" style="height: 10vh; width: 12vh;">
<h3>Delicious Meals</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas, velit adipisci. Voluptatum fugit similique consequuntur. Autem tenetur nostrum itaque officiis, fugit inventore quae quis optio in dolores expedita porro eum.</p>
</div>
</div>
</div >
<div class=" menu">
<u><p> Our <span style="color: yellow">Menu </span> </p></u>
</div>
<div>
<div class="services2">
<div class="serv2" style="height: 50vh; width: 60vh;">
<img src="images/SeekPng 2.png" style="height: 30vh; width: 30vh">
<h3>DOUBLE BURGER</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus placeat minima dolore voluptates tempore? Eligendi commodi, possimus laboriosam atque eveniet fugiat cumque non molestias ipsa voluptas. Corrupti distinctio fuga voluptates?</p>
</div>
<div class="serv2" style="height: 50vh; width: 60vh;">
<img src="images/SeekPng 1.png" style="height: 30vh; width: 30vh">
<h3>DOUBLE BURGER</h3>
<P>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique nostrum, perspiciatis quibusdam laboriosam dolore a atque cum mollitia at rem voluptatibus magnam, explicabo reiciendis alias itaque est excepturi sapiente quo.</P>
</div>
<div class="serv2" style="height: 50vh; width: 60vh;">
<img src="images/SeekPng 3.png" style="height: 30vh; width: 30vh">
<h3>DOUBLE BURGER</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus recusandae tempore in, voluptatibus expedita architecto placeat molestias unde ipsa necessitatibus, ipsam incidunt, enim temporibus vel pariatur repellendus dolore aperiam voluptatum.</p>
</div>
</div>
<div class="services3">
<div class="serv3" style="height: 50vh; width: 60vh;">
<img src="images/SeekPng 4.png" style="height: 30vh; width: 30vh;">
<h3>DOUBLE BURGER</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi harum consequuntur id obcaecati iusto, eos asperiores doloremque sit rem maiores. Culpa possimus atque eaque! Veniam nihil vitae inventore eum fuga!</p>
</div>
<div class="serv3" style="height: 50vh; width: 60vh;">
<img src="images/SeekPng 5.png" style="height: 30vh; width: 30vh;">
<h3>DOUBLE BURGER</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eligendi cumque corrupti perferendis, asperiores deserunt omnis rem aperiam numquam dolores maiores nesciunt eos, incidunt obcaecati hic iusto? Provident perspiciatis quia atque?</p>
</div>
<div class="serv3" style="height: 50vh; width: 60vh;">
<img src="images/SeekPng 6.png" style="height: 30vh; width: 30vh;">
<h3>DOUBLE BURGER</h3>
<P>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam at eius, velit illo ratione accusamus voluptate quo nesciunt repellendus quibusdam voluptatum. Ad adipisci repudiandae culpa saepe! Iure provident obcaecati sed.</P>
</div>
</div>
<div class="checker">
<h3><p> The Double <br> <span style="color: yellow">Decker </span> </p><h3>
<p>Taste the explosion in your mouth</p>
<img src="images/double-check1.png" style="height: 50vh; width: 60vh; padding: 5vh;">
<img src="images/double-check2.png" style="height: 50vh; width: 60vh; padding: 5vh;">
</div>
<div class="discover">
<div >
<h1>Discover even more <br> with our mobile <br> apps</h1>
<button>Get it on Google Play</button>
<button>Download in the App Store</button>
</div>
<div class="mobile">
<div>
<img src="images/mobile1.png" style="height: 100vh; width: 45vh;">
</div>
<div>
<img src="images/mobile2.png" style="height: 100vh; width: 45vh;">
</div>
</div>
</div>
<div class="footerup">
<div class="seclast">
<img src="images/logo.png" style="height: 8vh; width: 10vh;padding: 5vh;">
<h3><p>Bur<span style= "color: yellow">ger</span></p></h3>
</div>
<div>
<ul>
<h3>SiteMap</h3>
<li>Home</li>
<li>Services</li>
<li>About</li>
<li>Contact<li>
</ul>
</div>
<div>
<h3>Subscribe to our newsletter</h3>
<form>
<input type="email" id="email" name="email" value="Enter your email">
<input type="submit" value="Subscribe" id="sub">
</form>
</div>
</div>
<div class="footer">
<div>
<p>Copyright2021.All rights reserved ©.</p>
</div>
<div class="site">
<img src="images/facebook.png" style="height: 3vh; width: 4vh;">
<img src="images/twtr.png" style="height: 3vh; width: 4vh;">
<img src="images/insta.png" style="height: 3vh; width: 4vh;">
<img src="images/linkd.png" style="height: 3vh; width: 4vh;">
<img src="images/yutube.png" style="height: 3vh; width: 4vh;">
</div>
<div>
<p>Designed by Loise Mulwa</p>
</div>
</div>
</div>
</body>
</html>