-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
185 lines (175 loc) · 7.77 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
<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>The Burger Palace</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="parent">
<header>
<img src="images/full logo.png" alt="logo">
<nav class="child">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#offer">Offers</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
<li><a href="#icon"> <i class="icons" style="font-size:20px;color: black;"></i></a>
<img src="images/shopping-basket.png" height="20" alt="">
</li>
</ul>
</nav>
</header>
<div class="rws">
<div class="colms">
<h1>Rain or Shine,</h1>
<h1>Its time to dine</h1>
<h2>We cook & deliver the tastiest burgers<br> away to your designated location</h2>
<button class="btn">Order now</button>
</div>
<div class="colms">
<img src="images/[CITYPNG 1.png" alt="burger">
</div>
</div>
</div>
<!--Second-sect-->
<div class="sect1">
<div class="colm1">
<img src="images/room service.png" alt="Quality Burgers">
<h3>Quality Burgers</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus earum, iusto placeat laboriosam, excepturi et, ipsa animi voluptatum at dicta</p>
</div>
<div class="colm1">
<img src="images/fast delivery.png" alt="fast-del">
<h3>Quality Burgers</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus earum, iusto placeat laboriosam, excepturi et, ipsa animi voluptatum at dicta speriores sequi ad vel illum. Perspiciatis accusantium praesentium nostrum voluptatum</p>
</div>
<div class="colm1">
<img src="images/fast food.png" alt="delmeals">
<h3>Delicious Meals</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus earum, iusto placeat laboriosam, excepturi et, ipsa animi voluptatum at dicta</p>
</div>
</div>
<!--Third section-M-->
<div class="menus">
<h3>Our <span style="color: #f6B400; font-weight: 600;">Menu</span></h3>
<div class="menu-section">
<div class="m-items">
<img src="images/SeekPng 2.png" alt="Double Burger">
<h4>DOUBLE BURGER</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum dolorum minima similique non adipisci, molestiae iste voluptate sapiente</P>
<div class="pr">
<h5>Ksh 200</h5>
<img src="images/cart.png" alt="cart">
</div>
</div>
<div class="m-items">
<img src="images/SeekPng 1.png" alt="Double Burger">
<h4>DOUBLE BURGER</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum dolorum minima similique non adipisci, molestiae iste voluptate sapiente</P>
<div class="pr">
<h5>Ksh 200</h5>
<img src="images/cart.png" alt="cart">
</div>
</div>
<div class="m-items">
<img src="images/SeekPng 3.png" alt="Double Burger">
<h4>DOUBLE BURGER</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum dolorum minima similique non adipisci, molestiae iste voluptate sapiente</P>
<div class="pr">
<h5>Ksh 200</h5>
<img src="images/cart.png" alt="cart">
</div>
</div>
<div class="m-items">
<img src="images/SeekPng 4.png" alt="Double Burger">
<h4>DOUBLE BURGER</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum dolorum minima similique non adipisci, molestiae iste voluptate sapiente</P>
<div class="pr">
<h5>Ksh 200</h5>
<img src="images/cart.png" alt="cart">
</div>
</div>
<div class="m-items">
<img src="images/SeekPng 5.png" alt="Double Burger">
<h4>DOUBLE BURGER</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum dolorum minima similique non adipisci, molestiae iste voluptate sapiente</P>
<div class="pr">
<h5>Ksh 200</h5>
<img src="images/cart.png" alt="cart">
</div>
</div>
<div class="m-items">
<img src="images/SeekPng 6.png" alt="Double Burger">
<h4>DOUBLE BURGER</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum dolorum minima similique non adipisci, molestiae iste voluptate sapiente</P>
<div class="pr">
<h5>Ksh 200</h5>
<img src="images/cart.png" alt="cart">
</div>
</div>
</div>
</div>
<!--Third section ends-->
<!--Fourth Sect-->
<div class="sect2">
<div>
<h3>The Double<br><span span style="color: #f6B400; font-weight: 700;"> Decker</span></h3>
<p>Taste the explosion in your mouth</p>
<i class="sect4-icons" style="font-size:30px;color: #f6B400;"></i>
<i class="sect4-icons" style="font-size:30px;color: #f6B400;"></i>
<i class="sect4-icons" style="font-size:30px;color: #f6B400;"></i>
<i class="sect4-icons" style="font-size:30px;color: #f6B400;"></i>
</div>
<div>
<img src="images/double burger.png" alt="D.Decker">
</div>
</div>
<!---Fouth section ends-->
<!--Fifth Section-->
<div class="m-apps">
<div class="apps">
<h4>Discover even more<br> with our mobile<br> apps</h4>
<img src="images/google play.png" alt="*apps">
<img src="images/app store.png" alt="*apps">
</div>
<div class="app1">
<img src="images/WhatsApp Image 2021-10-30 at 6.08.43 PM.jpeg" alt="app1">
</div>
</div>
<footer>
<div class="footer-sec">
<div>
<img src="images/full logo.png" alt="ft">
</div>
<div>
<h5>Sitemap</h5>
<ul>
<li>Home</li>
<li>Services</li>
<li>About</li>
<li>Contact</li>
</ul>
</div>
<div>
<h5>Subscribe to our newsletter</h5>
<input type="email" name="#" value="#" placeholder="enter your email">
<button type="button" name="button">Sunscribe</button>
</div>
</div>
<div class="ft1">
<p>Copyright 2021. All rights reserved.</p>
<ul>
<li><a href="footer1"><img src="images/facebook.png" alt="ft"></a></li>
<li><a href="footer2"><img src="images/youtube.png" alt="ft"></a></li>
<li><a href="footer3"><img src="images/tweeter.png" alt="ft"></a></li>
<li><a href="footer4"><img src="images/instagram.png" alt="ft"></a></li>
<li><a href="footer5"><img src="images/linkedin.png" alt="ft"></a></li>
</ul>
<p>Designed by Kojwang E.B Ochieng</p>
</div>
</footer>
</body>
</html>