-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
456 lines (439 loc) · 23.6 KB
/
contact.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
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
<!DOCTYPE html>
<!--
Version: 1.0.0
Author: TeddBot
Website:
Purchase:
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx">
<!--<![endif]-->
<!-- Begin Head -->
<head>
<title>Zayt Africa Limited</title>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="kamleshyadav">
<meta name="MobileOptimized" content="320">
<!--Start Style -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="css/layers.css">
<link rel="stylesheet" type="text/css" href="css/navigation.css">
<link rel="stylesheet" type="text/css" href="css/settings.css">
<link rel="stylesheet" type="text/css" href="css/range.css">
<link rel="stylesheet" type="text/css" href="css/nice-select.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Favicon Link -->
<link rel="shortcut icon" type="image/png" href="images/favicon.png">
</head>
<body>
<div class="clv_main_wrapper index_v1">
<div class="clv_header">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="clv_left_header">
<div class="clv_logo">
<a href="index.html"><img src="images/logoZ.png" alt="ZaytAfrica" /></a>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="clv_right_header">
<div class="clv_address">
<div class="row">
<div class="col-md-4">
<div class="address_block">
<span class="addr_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="12px" height="16px">
<defs>
<filter id="Filter_0">
<feFlood flood-color="rgb(254, 192, 7)" flood-opacity="1" result="floodOut" />
<feComposite operator="atop" in="floodOut" in2="SourceGraphic" result="compOut" />
<feBlend mode="normal" in="compOut" in2="SourceGraphic" />
</filter>
</defs>
<g filter="url(#Filter_0)">
<path fill-rule="evenodd" fill="rgb(83, 175, 30)"
d="M5.530,-0.004 C2.497,-0.004 0.029,2.434 0.029,5.431 C0.029,9.148 4.951,14.609 5.161,14.839 C5.358,15.055 5.702,15.054 5.898,14.839 C6.108,14.609 11.029,9.148 11.029,5.431 C11.029,2.434 8.562,-0.004 5.530,-0.004 ZM5.530,8.165 C4.004,8.165 2.762,6.937 2.762,5.431 C2.762,3.923 4.004,2.696 5.530,2.696 C7.055,2.696 8.297,3.923 8.297,5.431 C8.297,6.937 7.055,8.165 5.530,8.165 Z"/>
</g>
</svg>
</span>
<p>368-80100 Mombasa, Kenya</p>
</div>
</div>
<div class="col-md-4">
<div class="address_block">
<span class="addr_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="16px" height="15px">
<defs>
<filter id="Filter_0">
<feFlood flood-color="rgb(254, 192, 7)" flood-opacity="1" result="floodOut" />
<feComposite operator="atop" in="floodOut" in2="SourceGraphic" result="compOut" />
<feBlend mode="normal" in="compOut" in2="SourceGraphic" />
</filter>
</defs>
<g filter="url(#Filter_0)">
<path fill-rule="evenodd" fill="rgb(0, 0, 0)"
d="M13.866,7.234 C13.607,5.720 12.892,4.343 11.802,3.254 C10.653,2.108 9.197,1.379 7.592,1.155 L7.754,-0.003 C9.613,0.254 11.296,1.095 12.626,2.426 C13.888,3.689 14.716,5.282 15.019,7.037 L13.866,7.234 ZM10.537,4.459 C11.296,5.220 11.796,6.178 11.977,7.238 L10.824,7.434 C10.684,6.617 10.300,5.872 9.713,5.286 C9.091,4.665 8.304,4.274 7.439,4.151 L7.601,2.995 C8.719,3.150 9.734,3.657 10.537,4.459 ZM4.909,8.180 C5.709,9.161 6.611,10.032 7.689,10.710 C7.920,10.853 8.176,10.959 8.416,11.090 C8.538,11.159 8.623,11.137 8.722,11.033 C9.088,10.660 9.459,10.290 9.831,9.922 C10.318,9.439 10.931,9.439 11.421,9.922 C12.017,10.516 12.614,11.109 13.207,11.706 C13.704,12.206 13.701,12.816 13.201,13.323 C12.864,13.664 12.505,13.987 12.186,14.344 C11.721,14.865 11.140,15.034 10.471,14.996 C9.500,14.942 8.607,14.622 7.745,14.203 C5.831,13.272 4.194,11.983 2.823,10.354 C1.808,9.148 0.971,7.834 0.421,6.353 C0.153,5.638 -0.038,4.905 0.022,4.127 C0.059,3.649 0.237,3.241 0.590,2.907 C0.971,2.544 1.330,2.168 1.705,1.798 C2.192,1.317 2.804,1.317 3.295,1.795 C3.598,2.093 3.894,2.394 4.194,2.694 C4.485,2.988 4.775,3.274 5.065,3.569 C5.578,4.083 5.578,4.683 5.069,5.194 C4.703,5.564 4.341,5.931 3.969,6.290 C3.872,6.388 3.863,6.466 3.913,6.585 C4.160,7.172 4.513,7.694 4.909,8.180 Z"/>
</g>
</svg>
</span>
<p>+25497125229 ; +25452553171</p>
</div>
</div>
<div class="col-md-4">
<div class="address_block">
<span class="addr_icon">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="20px" height="15px">
<defs>
<filter id="Filter_0">
<feFlood flood-color="rgb(254, 192, 7)" flood-opacity="1" result="floodOut" />
<feComposite operator="atop" in="floodOut" in2="SourceGraphic" result="compOut" />
<feBlend mode="normal" in="compOut" in2="SourceGraphic" />
</filter>
</defs>
<g filter="url(#Filter_0)">
<path fill-rule="evenodd" fill="rgb(0, 0, 0)"
d="M14.468,8.297 C15.479,7.588 16.707,6.742 18.151,5.760 C18.554,5.483 18.907,5.174 19.211,4.833 L19.211,13.062 L14.468,8.297 ZM17.398,4.619 C15.683,5.816 14.388,6.719 13.509,7.333 C13.026,7.670 12.667,7.920 12.436,8.082 C12.402,8.106 12.349,8.146 12.278,8.196 C12.201,8.251 12.105,8.321 11.986,8.407 C11.756,8.574 11.565,8.709 11.413,8.811 C11.261,8.915 11.077,9.031 10.862,9.159 C10.646,9.286 10.443,9.382 10.252,9.445 C10.061,9.510 9.885,9.541 9.722,9.541 L9.711,9.541 L9.701,9.541 C9.538,9.541 9.362,9.510 9.171,9.445 C8.980,9.382 8.777,9.286 8.561,9.159 C8.345,9.031 8.161,8.915 8.010,8.811 C7.858,8.709 7.667,8.574 7.437,8.407 C7.318,8.321 7.221,8.251 7.145,8.196 C7.074,8.146 7.020,8.106 6.986,8.082 C6.690,7.872 6.332,7.622 5.916,7.329 C5.428,6.989 4.861,6.591 4.208,6.138 C3.000,5.297 2.275,4.791 2.035,4.619 C1.597,4.322 1.183,3.912 0.794,3.389 C0.406,2.868 0.211,2.382 0.211,1.937 C0.211,1.382 0.358,0.920 0.651,0.551 C0.945,0.181 1.363,-0.004 1.908,-0.004 L17.515,-0.004 C17.974,-0.004 18.372,0.164 18.708,0.498 C19.043,0.832 19.211,1.233 19.211,1.701 C19.211,2.262 19.038,2.798 18.692,3.310 C18.346,3.821 17.914,4.258 17.398,4.619 ZM4.956,8.295 L0.211,13.062 L0.211,4.833 C0.522,5.181 0.879,5.491 1.282,5.760 C2.783,6.784 4.006,7.629 4.956,8.295 ZM6.551,9.435 C6.954,9.732 7.281,9.965 7.532,10.132 C7.783,10.299 8.117,10.469 8.534,10.644 C8.951,10.817 9.340,10.903 9.700,10.903 L9.711,10.903 L9.721,10.903 C10.082,10.903 10.471,10.817 10.888,10.644 C11.305,10.469 11.639,10.299 11.890,10.132 C12.141,9.965 12.468,9.732 12.871,9.435 C12.989,9.348 13.114,9.258 13.243,9.165 L18.626,14.573 C18.312,14.853 17.942,14.995 17.515,14.995 L1.908,14.995 C1.481,14.995 1.110,14.853 0.796,14.573 L6.180,9.165 C6.314,9.262 6.439,9.352 6.551,9.435 Z"/>
</g>
</svg>
</span>
<p>info.zaytafrica.com</p>
</div>
</div>
</div>
</div>
<div class="clv_menu">
<div class="clv_menu_nav">
<ul>
<li>
<a href="index.html">home</a>
</li>
<li><a href="about.html">about us</a></li>
<li><a href="products.html">Our Products</a></li>
<li>
<a href="blog.html">blog</a>
</li>
<li><a href="social.html">social impact</a></li>
<li><a href="contact.html">contact us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Breadcrumb-->
<div class="breadcrumb_wrapper">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-4">
<div class="breadcrumb_inner">
<h3>contact us</h3>
</div>
</div>
</div>
</div>
<div class="breadcrumb_block">
<ul>
<li><a href="index.html">home</a></li>
<li>contact us</li>
</ul>
</div>
</div>
<!--Contact Block-->
<div class="contact_blocks_wrapper clv_section">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="contact_block">
<span></span>
<div class="contact_icon"><img src="images/contact_icon1.png" alt="image" /></div>
<h4>contact us</h4>
<p>+25497125229</p>
<p>+25452553171</p>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="contact_block">
<span></span>
<div class="contact_icon"><img src="images/contact_icon2.png" alt="image" /></div>
<h4>email</h4>
<p>info.zaytafrica.com</p>
<p>khamis.zaytafrica.com</p>
</div>
</div>
</div>
</div>
</div>
<!--Contact Form-->
<div class="contact_form_wrapper clv_section">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8">
<div class="contact_form_section">
<div class="row">
<div class="col-md-12 col-lg-12">
<h3>send message us</h3>
</div>
<form>
<div class="col-md-6 col-lg-6">
<div class="form_block">
<input type="text" name="first_name" class="form_field require" placeholder="First Name" >
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="form_block">
<input type="text" name="last_name" class="form_field require" placeholder="Last Name" >
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="form_block">
<input type="text" name="email" class="form_field require" placeholder="Email" data-valid="email" data-error="Email should be valid." >
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="form_block">
<input type="text" name="subject" class="form_field require" placeholder="Subject" >
</div>
</div>
<div class="col-md-12 col-lg-12">
<div class="form_block">
<textarea placeholder="Message" name="message" class="form_field require" ></textarea>
<div class="response"></div>
</div>
</div>
<div class="col-md-12 col-lg-12">
<div class="form_block">
<button type="button" class="clv_btn submitForm" data-type="contact">send</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="working_time_section">
<div class="timetable_block">
<h5>working hours</h5>
<ul>
<li>
<p>monday</p>
<p>8:00 am - 5:00 pm</p>
</li>
<li>
<p>tuesday</p>
<p>8:00 am - 5:00 pm</p>
</li>
<li>
<p>wednesday</p>
<p>8:00 am - 5:00 pm</p>
</li>
<li>
<p>thursday</p>
<p>8:00 am - 5:00 pm</p>
</li>
<li>
<p>friday</p>
<p>8:00 am - 5:00 pm</p>
</li>
<li>
<p>saturday</p>
<p>8:30 am - 1:30 pm</p>
</li>
<li>
<p>sunday</p>
<p>close</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Contact Map-->
<!--Partners-->
<!--Footer-->
<div class="clv_footer_wrapper clv_section">
<div class="container">
<div class="row">
<div class="col-md-3 col-lg-3">
<div class="footer_block">
<div class="footer_logo"><a href="javascript:;"><img src="images/logoZ1.png" alt="image" /></a></div>
<p>Zayt Africa Limited is a Kenyan company that has invested in understanding the needs and demands of the coconut oil industry.</p>
</div>
</div>
<div class="col-md-3 col-lg-3">
<div class="footer_block">
<div class="footer_heading">
<h4>products</h4>
<img src="images/footer_underline.png" alt="image" />
</div>
<ul class="useful_links">
<li><a href="javascript:;"><span><i class="fa fa-angle-right" aria-hidden="true"></i></span>Virgin Coconut Oil</a></li>
<li><a href="javascript:;"><span><i class="fa fa-angle-right" aria-hidden="true"></i></span>Coconut Milk</a></li>
<li><a href="javascript:;"><span><i class="fa fa-angle-right" aria-hidden="true"></i></span>Coconut Flour</a></li>
<li><a href="javascript:;"><span><i class="fa fa-angle-right" aria-hidden="true"></i></span>Coconut Water</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-lg-3">
<div class="footer_block">
<div class="footer_heading">
<h4>Contact Us</h4>
<img src="images/dairy_underline4.png" alt="image" />
</div>
<ul class="useful_links">
<li><a href="javascript:;">Zayt Africa Limited,</a></li>
<li><a href="javascript:;">Al-Huba, Building,</a></li>
<li><a href="javascript:;">Old Malindi Road,</a></li>
<li><a href="javascript:;">Mombasa, Kenya.</a></li>
<li><a href="javascript:;">Call: +25497125229</a></li>
<li><p>[email protected]</p></li>
</ul>
</div>
</div>
</div>
</div>
<img class="foot_girl" src="https://via.placeholder.com/398x529" alt="image">
</div>
<!--Copyright-->
<div class="clv_copyright_wrapper">
<p>copyright © 2020 <a href="javascript:;">ZaytAfrica Limited.</a> all right reserved.</p>
</div>
<!--Popup-->
<!--Profile Toggle-->
<div class="profile_toggle"><a href="https://wa.me/254797125229"><img src="images/whatsapp.gif" alt=""></a></div>
</div>
<!--Main js file Style-->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/jquery.themepunch.tools.min.js"></script>
<script src="js/jquery.themepunch.revolution.min.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/isotope.min.js"></script>
<script src="js/nice-select.min.js"></script>
<script src="js/range.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
<script src="js/revolution.extension.actions.min.js"></script>
<script src="js/revolution.extension.kenburn.min.js"></script>
<script src="js/revolution.extension.layeranimation.min.js"></script>
<script src="js/revolution.extension.migration.min.js"></script>
<script src="js/revolution.extension.parallax.min.js"></script>
<script src="js/revolution.extension.slideanims.min.js"></script>
<script src="js/revolution.extension.video.min.js"></script>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 40.674, lng: -73.945},
zoom: 12,
styles: [
{elementType: 'geometry', stylers: [{color: '#242f3e'}]},
{elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]},
{elementType: 'labels.text.fill', stylers: [{color: '#746855'}]},
{
featureType: 'administrative.locality',
elementType: 'labels.text.fill',
stylers: [{color: '#d59563'}]
},
{
featureType: 'poi',
elementType: 'labels.text.fill',
stylers: [{color: '#d59563'}]
},
{
featureType: 'poi.park',
elementType: 'geometry',
stylers: [{color: '#263c3f'}]
},
{
featureType: 'poi.park',
elementType: 'labels.text.fill',
stylers: [{color: '#6b9a76'}]
},
{
featureType: 'road',
elementType: 'geometry',
stylers: [{color: '#38414e'}]
},
{
featureType: 'road',
elementType: 'geometry.stroke',
stylers: [{color: '#212a37'}]
},
{
featureType: 'road',
elementType: 'labels.text.fill',
stylers: [{color: '#9ca5b3'}]
},
{
featureType: 'road.highway',
elementType: 'geometry',
stylers: [{color: '#746855'}]
},
{
featureType: 'road.highway',
elementType: 'geometry.stroke',
stylers: [{color: '#1f2835'}]
},
{
featureType: 'road.highway',
elementType: 'labels.text.fill',
stylers: [{color: '#f3d19c'}]
},
{
featureType: 'transit',
elementType: 'geometry',
stylers: [{color: '#2f3948'}]
},
{
featureType: 'transit.station',
elementType: 'labels.text.fill',
stylers: [{color: '#d59563'}]
},
{
featureType: 'water',
elementType: 'geometry',
stylers: [{color: '#17263c'}]
},
{
featureType: 'water',
elementType: 'labels.text.fill',
stylers: [{color: '#515c6d'}]
},
{
featureType: 'water',
elementType: 'labels.text.stroke',
stylers: [{color: '#17263c'}]
}
]
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBY6rgnfIZd8qdQ9a3bxM4rkkCK9e7Uy-4&callback=initMap" async defer></script>
<script src="js/custom.js"></script>
</body>
</html>