-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
305 lines (288 loc) · 10.5 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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/homepage.css" />
<title>HomePage</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<header>
<nav>
<div id="logo-container">
<img id="logo" src="/assets/image/Kit Kat Logo.jpeg" alt="logo">
</div>
<ul>
<li><a href="/pages/homepage.html">Home</a></li>
<li><a href="/pages/ChocolatePage.html">Chocolate categories</a></li>
<li><a href="/pages/giftpage.html">Chocolate Gifts</a></li>
<li><a href="/pages/ChocolateCakes.html">Kitkat Cakes & Ice Cream</a></li>
<li><a href="/pages/Branches.html">Our Branches</a></li>
<li><a href="/pages/contacts.html">Contact Us</a></li>
<li><a href="/pages/about.html">About Us</a></li>
</ul>
<i class="fas fa-bars burger" id="burger"></i>
</nav>
</header>
<div class="menu-panel" id="menu-panel-id">
<button class="close-btn" id="btn-close">×</button>
<ul>
<li><a href="/pages/homepage.html"target="_blank">Home</a></li>
<li><a href="pages/ChocolatePage.html"target="_blank">Chocolate categories</a></li>
<li><a href="pages/giftpage.html"target="_blank">Chocolate Gifts</a></li>
<li><a href="pages/ChocolateCakes.html"target="_blank">Kitkat Cakes & Ice Cream</a></li>
<li><a href="pages/Branches.html"target="_blank">Our Branches</a></li>
<li><a href="pages/contacts.html"target="_blank">Contact Us</a></li>
<li><a href="pages/about.html"target="_blank">About Us</a></li>
</ul>
</div>
<main>
<section>
<div>
<h1 style="text-align: center; font-size: 40px; margin-top: 130px">The sweetest gifts for someone you love</h1>
</br>
<blockquote>
<p style="text-align: center;">
“The best and most beautiful things in the world cannot be seen or
even touched. They must be felt with the heart.”
</p>
</blockquote>
</br>
<p style="text-align: center;">--Chris silverwood--</p>
</div>
</section>
<br />
<section>
<div class="main">
<div class="card">
<img
src="/assets/image/Nestlé KITKAT _ Marcas _ Nestlé Family Club.jpeg"
style="display: block; margin-left: auto; margin-right: auto"
width="500px"
height="700px"
title="choco"
alt="Choco"
/>
<p style="font-size: 20px;">
Find the perfect gift for your loved ones. Choose from a wide range
of products and make them feel special.
</p>
</div>
<ul>
<li><h3>100% Satisfaction Guarantee</h3></li>
<li><h3>Worldwide shipping</h3></li>
</ul>
<br />
</br>
<h2 style="font-size: 40px;"><u>Some of Our KitKat Products</u></h2>
<div class="card">
<li>
<b style="text-align: center; font-size: 30px;">Kitkat Chocolates</b>
</li>
</br>
</br>
<img
src="/assets/image/WhatsApp Image 2024-08-30 at 00.24.16.jpeg"
width="350px"
height="500px"
alt="chocolate collection"
/>
<p style="color: red;">
We have a wide range of chocolate products for every occasion. Find
the perfect gift for your loved ones. Chocolates are one of the most
beloved treats worldwide, enjoyed for their rich, sweet, and
sometimes bitter flavors. They come in various types, each with its
unique characteristics, and are made from cocoa beans, which are
harvested, fermented, roasted, and processed to produce cocoa mass,
cocoa butter, and cocoa powder. Here’s a deeper look into the world
of chocolates:
</p>
</div>
<div class="card">
<li>
<b style="text-align: center;font-size: 30px;">Kitkat Cakes & Ice cream</b>
</li>
</br>
</br>
</br>
<img
src="/assets/image/WhatsApp Image 2024-08-30 at 11.23.38 (1).jpeg"
width="400px"
height="400px"
alt="chocolate-gift-box-for-your-loved-ones-cadbury-dairy-milk"
/>
<p style="color: red">
Chocolate cakes are a classic and beloved dessert, known for their
rich, moist texture and deep, indulgent flavor. There are many
variations of chocolate cakes, each offering a unique twist on this
timeless treat. Here's an overview of some popular types of
chocolate cakes and ideas for enjoying them:
</p>
</div>
<div class="card">
<li>
<b style="font-size: 30px;" >Kitkat Gifts</b>
</li>
</br>
</br>
<img
src="/assets/image/Best Same Day Chocolates Delivery Service With OyeGifts.jpeg"
width="400px"
height="400px"
alt="chocolate gifts"
/>
<p style="color: red;">
Chocolate gifts are a classic and beloved treat, known for their
soft, smooth texture and rich, indulgent flavor. There are many
Chocolate is the most loved food in the world. A chocolate gift pack
is a popular and versatile gift option, perfect for various
occasions such as birthdays, holidays, anniversaries, or as a simple
gesture of appreciation. These gift packs usually include a
selection of chocolates, which can range from different types of
chocolate bars, truffles,
</p>
</div>
<aside>
<p style="font-size: 20px;text-shadow: 1px 1px;color: chocolate;"><i>
Chocolate is a popular and beloved food in the world.
</i></p>
</aside>
</div>
</section>
<br />
<section>
<div>
<h2 style="text-shadow: 1px 1px;">Customer reviews</h2>
<h3>What our customers think about our service?</h3>
<br />
<blockquote>
<p><i>
“I have ordered from this website multiple times and I have never
been disappointed. The products are always fresh and the delivery
is always on time. I would definitely recommend this website to
anyone looking for a gift for their loved ones.”</i>
</p>
<footer>John Doe</footer>
</blockquote>
<br />
<blockquote>
<p><i>
“I have ordered from this website multiple times and I have never
been disappointed. The products are always fresh and the delivery
is always on time. I would definitely recommend this website to
anyone looking for a gift for their loved ones.”</i>
</p>
<footer>Jane Smith</footer>
</blockquote>
<br />
<h1 style="text-shadow: 1px 1px;"><b>Interested? Find out more in our Gifts Collection!</b></h1>
</br>
<a href="/pages/giftpage.html"><button class="btn">Chocolate Gifts</button></a>
</br>
<p>
Are you looking for a present to surprise someone special, a
birthday gift, an anniversary gift or just trying to treat yourself?
Check out our chocolates & gifts collection.
</p>
</br>
<img
src="/assets/image/Paul A Young_ Chocolate.jpeg"
height="700px"
width="500px"
title="making"
style="display: block; margin-left: auto; margin-right: auto"
alt="making choco"
/>
</div>
</section>
<br />
<section>
<div>
<h2>Get In Touch With Us For The Best Quality Chocolates & Gifts!</h2>
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/kQpb2jIYeUQ?si=zj8gqpoALkHPqUnL"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
></iframe>
<p>
We deliver world-renowned branded chocolates, birthday gifts,
anniversary gifts, and assorted gift packages in Sri Lanka.
</p>
<br />
</div>
</section>
<br />
<footer style="text-align: center; font-size: 20px">
<img
src="/assets/image/Nestlé to Rebrand 2 Candy Products Amid Racism Debate.jpeg"
width="300px"
height="300px"
alt="Nestle logo"
/>
<h2><a href="https://www.kitkat.com/">www.kitkat.com</a></h2>
<h2><a href="https://www.nestle.com/">www.Nestle.com</a></h2>
<a href="https://web.facebook.com/kitkat/?_rdc=1&_rdr">
<img class="image"
src="/assets/image/Round Black Facebook Fb Logo Icon Sign.jpeg"
width="50px"
height="50px"
alt="facebook logo"
/>
</a>
<img class="image"
src="/assets/image/Premium Vector _ Vector phone icon.jpeg"
width="50px"
height="50px"
alt="call logo"
/>
<a href="https://www.youtube.com/@kitkat/featured">
<img class="image"
src="/assets/image/download.jpeg"
width="50px"
height="50px"
alt="youtube logo"
/>
</a>
<h1>Links</h1>
<a href="homepage.html">Home </a>
<br />
<a href="ChocolatePage.html">Chocolate categories</a>
<br />
<a href="giftpage.html">Chocolate Gifts</a>
<br />
<a href="chocolateCakes.html">Kitkat Cakes & Ice Cream</a>
<br />
<a href="Branches.html">Our Branches</a>
<br />
<a href="contacts.html">Contacts us</a>
<br />
<a href="about.html">About us</a>
<h5>Copyright © 2024</h5>
<h6>A Quality Product of Nestle</h6>
</footer>
</main>
<script>
const burger = document.getElementById("burger");
const menuPanel = document.getElementById("menu-panel-id");
const closeBtn = document.getElementById("btn-close");
burger.addEventListener("click", () => {
menuPanel.classList.toggle("active");
});
closeBtn.addEventListener("click", () => {
menuPanel.classList.remove("active");
});
</script>
</body>
</html>