PageSourceSearch

https://bodyorganics.com/

html bodyorganics.com collected 2026-10-02 00:27:55 UTC 36,153 bytes, 1,117 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4
5	<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
6
7	<title>Nature based skincare that works. Soap, Lotion and Body Scrub made from Organic Ingredients.</title>
8
9	<meta name="viewport" content="width=device-width, initial-scale=1.0">
10	<meta name="description" content="French Butter Soap & Lotion, Exfoliation kit, Body Scrubs & More || Organic Skincare.
11Amazing skin the safe way. Lotions made from naturally derived ingredients.">
12	<meta name="keywords" content="">
13	<meta name="author" content="">
14
15	<!-- FAVICON -->
16	<link rel="shortcut icon" href="images/favicon.ico">
17
18	<!-- BOOTSTRAP -->
19	<link rel="stylesheet" href="css/bootstrap.min.css">
20
21	<!-- ICONS -->
22	<link rel="stylesheet" href="css/icons/fontawesome/css/style.css">
23	<link rel="stylesheet" href="css/icons/themify/style.css">
24	<link rel="stylesheet" href="css/icons/ionicons/css/style.css">
25	<link rel="stylesheet" href="css/icons/icomoon/style.css">
26
27	<!-- THEME / PLUGIN CSS -->
28	<link rel="stylesheet" href="js/vendors/flexslider/flexslider.css">
29	<link rel="stylesheet" href="js/vendors/slick/slick.css">
30	<link rel="stylesheet" href="js/vendors/swipebox/css/swipebox.min.css">
31	<link rel="stylesheet" href="css/style.css">
32
33	<!-- SKIN -->
34	<link rel="stylesheet" title="cyan" href="css/skins/skin-cyan.css"/>
35	
36		<!-- WhatsChat Custom Style-1 CSS  (required) -->
37	<link rel="stylesheet" type="text/css" href="stylesheet/whatsapp/css/style/whatschat-style4.css"/>
38	<!-- WhatsChat Color CSS (This is only for Live Demo) -->
39	<link id="whatschat-color" rel="stylesheet" href="stylesheet/whatsapp/css/colors/color-green.css">
40	
41	
42	
43
44    
45	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
46	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
47	<!--[if lt IE 9]>
48		
48<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
48
49		
49<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
49
50	<![endif]-->
51<!-- Global site tag (gtag.js) - Google Ads: 1001769464 -->
vendor: 64 bytes, lines 51-52
51
52<script async src="https://www.googletagmanager.com/gtag/js?id=
52AW-1001769464
vendor: 12 bytes, line 52
52"></script>
53<script>
54  
vendor: 134 bytes, lines 54-58
54window.dataLayer = window.dataLayer || [];
55  function gtag(){dataLayer.push(arguments);}
56  gtag('js', new Date());
57
58  gtag('config', '
58AW-1001769464
vendor: 4 bytes, line 58
58');
59</script>
59
60
61<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, line 61
61 <script async src="https://www.googletagmanager.com/gtag/js?id=
61G-HFVVX5X8R1
vendor: 12 bytes, line 61
61"></script> 
61<script> 
vendor: 127 bytes, line 61
61window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
61G-HFVVX5X8R1
vendor: 4 bytes, line 61
61'); 
61</script>
61
62
63<!-- Facebook Pixel Code -->
64<script>
vendor: 399 bytes, lines 64-73
64
65!function(f,b,e,v,n,t,s)
66{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
67n.callMethod.apply(n,arguments):n.queue.push(arguments)};
68if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
69n.queue=[];t=b.createElement(e);t.async=!0;
70t.src=v;s=b.getElementsByTagName(e)[0];
71s.parentNode.insertBefore(t,s)}(window,document,'script',
72'https://connect.facebook.net/en_US/fbevents.js');
73 fbq('init', '
731214513255634222
vendor: 31 bytes, lines 73-74
73'); 
74fbq('track', 'PageView');
75</script>
75
76<noscript>
77 <img height="1" width="1" 
78src="https://www.facebook.com/tr?id=1214513255634222&ev=PageView
79&noscript=1"/>
80</noscript>
81<!-- End Facebook Pixel Code -->
82
83<script src="https://kit.fontawesome.com/b73dc8a98d.js" crossorigin="anonymous"></script>
83
84
85<!--
85<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=T9AXni"></script>
85-->
86
87<script>
88//load TrackerJS
89!function(t,n,e,o,a){function d(t){var n=~~(Date.now()/3e5),o=document.createElement(e);o.async=!0,o.src=t+"?ts="+n;var a=document.getElementsByTagName(e)[0];a.parentNode.insertBefore(o,a)}t.MooTrackerObject=a,t[a]=t[a]||function(){return t[a].q?void t[a].q.push(arguments):void(t[a].q=[arguments])},window.attachEvent?window.attachEvent("onload",d.bind(this,o)):window.addEventListener("load",d.bind(this,o),!1)}(window,document,"script","//cdn.stat-track.com/statics/moosend-tracking.min.js","mootrack");
90//tracker has to be initialized otherwise it will generate warnings and wont sendtracking events
91mootrack('init', '9f25215c-54a8-4641-bac6-534af0d31969');
92mootrack('trackPageView');
93</script>
93
94</head>
95<body>
96<div id="page-top"></div>
97    
98<div id="wrapper">
99	<!-- HEADER -->
100	<header>
101		<nav class="navbar navbar-default navbar-fixed-top" style="display:block;">
102			<div class="container">
103				<div class="navbar-header pull-left">
104					<!-- Logo -->
105
106
107					<a class="navbar-brand" href="#"><img src="images/logo.png" class="custom-logo" alt="Body Organics" style="width: 120px;border-radius: 4px;display:none;" /></a>
108				</div>
109				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
110				<span class="icon-bar"></span>
111				<span class="icon-bar"></span>
112				<span class="icon-bar"></span>
113				</button>
114				<div class="top-contact pull-right editContent">
115					<i class="icon-envelop"></i> <span>Contact us today</span>[email protected]
116				</div>
117				
118			</div>
119		</nav>
120	</header>
121	<!-- HEADER -->
122	
123	<style>
124	@media only screen and (min-width: 720px) {
125	    .container {
126width: 1170px;
127}
128div.row.center-content{
129margin-top: 100px;
130margin-bottom: 400px;
131}
132.col-md-5 {
133width: 41.66666667%;
134margin-left: -20px;
135margin-bottom: 100px;
136}
137.desktop {
138display: block;
139}
140.mobile {
141display:none;    
142}
143.btn-default {
144background-color: #303230;
145border-radius: 4px;
146}
147.btn-default:hover {
148background-color: #435c4c;
149}
150.btn-default {
151color: #fff;
152}
153nav.navbar.navbar-default.navbar-fixed-top {
154height: 100px !important;
155background-color: rgba(0, 0, 0, 0) !important;
156position: absolute !important;
157}
158.btn-block {
159width: 75%;
160height: 35px;
161}
162}
163	@media only screen and (max-width: 720px) {
164div.row.center-content{
165margin-top: 100px;
166}
167.col-md-5 {
168margin-bottom: 110px;
169margin-top: 110px;
170}
171.desktop {
172display: none;
173}
174.mobile {
175display:block;    
176}
177.btn-default {
178background-color: #303230;
179border-radius: 4px;
180opacity: 100;
181}
182.btn-default:hover {
183background-color: #435c4c;
184}
185nav.navbar.navbar-default.navbar-fixed-top {
186background-color: rgba(0, 0, 0, 0) !important;
187position: absolute !important;
188}
189.introform h4 {
190font-size: 26px;
191}
192.introform h2 {
193font-size: 25px;
194}
195.introform h3 {
196font-size: 26px;
197}
198.btn-block {
199width: 79%;
200height: 35px;
201}
202}
203.navbar-brand {
204margin-top: 1px;
205}
206.top-contact i {
207color: #fff;
208}
209
210.top-contact span {
211color: #fff;
212}
213
214
215
216
217
218
219
220
221.clients img {
222max-width: 200px;
223transition: all 0.3s ease 0s;
224opacity: 100;
225filter: none;
226display: inline;
227margin-left: 20px;
228}
229
230.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
231border: none;
232background: transparent;
233display: none;
234}
235
236
237.top-contact i {
238font-size: 25px;
239margin-top: -4px;
240}
241
242.top-contact {
243font-size: 18px;
244}
245
246.clients {
247  z-index: 0;
248}
249
250	</style>
251
252	<!-- INTRO HEAD -->
253	<div class="intro2">
254		<div class="overlay"></div>
255		<div class="container">
256			<div class="row center-content">
257				<div class="col-md-5 col-sm-5">
258					<form class="introform" action="php/subscribe.php" id="invite" method="POST">
259						<h4>Shop our Products</h4>
260						<p>Select your country below.</p>
261						
262						<select class="btn btn-default btn-block btn-ico text-center" name="country" onchange="location = this.value;">
263	<option value="" disabled selected>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Choose Country</option>
264 <option value="https://canada.bodyorganics.com/shop">Canada</option>
265 <option value="https://ghana.bodyorganics.com/shop">Ghana</option>
266 
267  <option value="https://europe.bodyorganics.com/shop">Europe</option>
268 <option value="https://nigeria.bodyorganics.com/shop">Nigeria</option>
269 <option value="https://uk.bodyorganics.com/shop">United Kingdom</option>
270 <option value="https://usa.bodyorganics.com/shop">United States</option>
271 
272 <option value="https://global.bodyorganics.com/shop">Other Countries</option>
273</select>						
274					
275						
276					
277						
278					</form>
279					<!--<span id="result"></span>-->
280				</div>
281				<div class="col-md-6 col-sm-7 col-md-push-1">
282					<!--<img src="images/man.png" class="img-responsive" alt=""/>-->
283				</div>
284			</div>
285		</div>
286	</div>
287	<!-- INTRO HEAD -->
288
289	<!-- CLIENTS -->
290	<div class="clients">
291		<div class="container">
292		    <br/>
293		    <div class="social-footer">
294					<h3 style="padding-left: 10px;padding-right: 10px;font-size: 19px;">For physical store locations click here: <a href="https://bodyorganics.com/locator" target="_blank" style="color: #435c4c;">www.bodyorganics.com/locator</a></h3><br/>
295				</div>
296			<div class="row text-center" style="margin-top: -10px;">
297			    <div class="introform">
298			    <h2 style="font-size: 24px;">Download our App</h2><br/>
299			    </div>
300			    <div class="desktop">
301			    <a href="https://apps.apple.com/gb/app/body-organics/id1263898443" target="_blank"><img class="center-block" src="images/appstore.png" alt=""></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://play.google.com/store/apps/details?id=com.bodyorganics.androidapp&amp;hl=en&amp;gl=US" target="_blank"><img class="center-block" src="images/playstore.png" alt=""></a>
302			    </div>
303			    <div class="mobile">
304			    <a href="https://apps.apple.com/gb/app/body-organics/id1263898443" target="_blank"><img class="center-block" src="images/appstore.png" alt=""></a>
305			    <br/>
306			    <br/>
307			    <a href="https://play.google.com/store/apps/details?id=com.bodyorganics.androidapp&amp;hl=en&amp;gl=US" target="_blank"><img class="center-block" src="images/playstore.png" alt=""></a>
308			    </div>
309			    <br/>
310			    <br/>
311			    <h3 style="padding-left: 10px;padding-right: 10px;font-size: 19px;">Search Body Organics on Playstore or App Store</h3><br/>
312			    
313			    <style>
314			        .social-footer {
315    border: 1px solid #fff;
316    border-width: 1px 0;
317    padding: 10px 0;
318    margin-bottom: 20px;
319    text-align: center;
320}
321
322.social-footer .social {
323    padding: 10px 0;
324}
325
326#footer .social a {
327    font-size: 20px;
328    display: inline-block;
329    text-decoration: none;
330    width: 30px;
331    height: 30px;
332    line-height: 30px;
333    text-align: center;
334    -webkit-border-radius: 99px;
335    -moz-border-radius: 99px;
336    border-radius: 99px;
337}
338	.fa {
339    display: inline-block;
340    font: normal normal normal 14px/1 FontAwesome;
341    font-size: 35px;
342    margin-left: 20px;
343}
344	
345			    </style>
346			    <br/>
347			    <div class="social-footer">
348					
349											<div class="footer_info">
350
351					<h4 style="padding-left: 10px;padding-right: 10px;font-size: 23px;margin-bottom: -12px;">Follow us</h4><br/>
352										
353						<div class="social">
354
355							<a href="https://instagram.com/bodyorganics" target="_blank"><img class="center-block" src="images/instagramicon.png" alt="" style="height: 35px;"></a>    <a href="https://bodyorganics.com/whatsapp" target="_blank"><img class="center-block" src="images/whatsappicon.png" alt="" style="height: 35px;"></a>    <a href="https://tiktok.com/@bodyorganics" target="_blank"><img class="center-block" src="images/tiktokicon.png" alt="" style="height: 35px;"></a>      <a href="https://twitter.com/bodyorganicsllc" target="_blank"><img class="center-block" src="images/twittericon.png" alt="" style="height: 35px;"></a>       <a href="https://facebook.com/shopbodyorganics" target="_blank"><img class="center-block" src="images/facebookicon.png" alt="" style="height: 35px;"></a>		<a href="https://www.youtube.com/channel/UCKhFV1udpdGHgvHfE3BNBPA" target="_blank"><img class="center-block" src="images/youtubeicon.png" alt="" style="height: 35px;"></a>												<!--<a href="https://linkedin.com/throughscent" class="fa fa-linkedin" target="_blank"></a>								<a href="https://vimeo.com/throughscent" class="fa fa-vimeo" target="_blank"></a>								<a href="https://www.youtube.com/channel/UCNsQaALH74ToV92jxMX
3557n_w" class="fa fa-youtube" target="_blank"></a>-->															
356						</div><!-- .social -->
357<br/>
358<br/>
359
360				</div>
361			</div>
362		</div>
363	</div>
364	<!-- CLIENTS -->
365
366	
367</div>
368
369
370<style>
371    i.fa.fa-comments {
372    font-size: 24px;
373    margin-left: -0px;
374}
375.module-title {
376    z-index: 0;
377}
378.banner7 {
379    z-index: -1;
380}
381.wc-style4 .wc-button, .wc-style4 .wc-button:hover, .wc-style4 .wc-user-info .wc-status, .wc-style4 .wc-footer .wc-close {
382    background: linear-gradient(to right, #60806b, #60806b);
383    /*background: linear-gradient(to right, #25D366, #25D366);*/
384}
385.wc-header {
386    /*background: linear-gradient(to right, #323232, #323232);*/
387    background: linear-gradient(to right, #25D366, #25D366);
388}
389.wc-style4 .wc-list:hover .wc-user-img {
390  border: 2px solid #323232;
391}
392.wc-style4 .wc-list .wc-chat-icon i {
393  color: #323232;
394}
395.wc-style4 .wc-list .wc-user-img {
396  width: 58px
397}
398.wc-style4 .wc-button {
399  border: 1px solid #60806b;
400}
401.wc-style4 .wc-content .wc-header {
402  background: #323232;
403}
404.wc-style4 .wc-body .wc-list {
405    margin-bottom: 25px;
406    border: 1px solid;
407    border-radius: 7px;
408}
409.wc-style4 .wc-content .wc-body {
410    height: 300px;
411}
412/*.header-inner {
413    z-index: 0;
414}
415nav#top {
416    z-index: 0 !important;
417}*/
418.wc-style4 .wc-list .wc-user-info {
419    margin-top: 10px;
420}
421.product-zoom-image {
422    z-index: -1;
423}
424/*.banner-static .image > a {
425    z-index: -1;
426}*/
427/*.full-width > .container .sub-row > div, .full-width > .container .row > .main-col {
428    z-index: -1;
429}*/
430
431/*.mobile-menu {
432    z-index: 110 !important;
433}*/
434.wc-style4 ul .wc-list .wc-chat-icon {
435    display: block;
436}
437@media only screen and (max-width: 720px) {
438.wc-style4 ul .wc-list .wc-chat-icon {
439    display: block;
440}
441}
442</style>
443
444
445<div id="myModal1175" class="modal fade" role="dialog">
446  <div class="modal-dialog" style="border: 1px solid; border-radius: 4px;">
447
448    <!-- Modal content-->
449    <div class="content" style="width: 100%;background: #fff;border-radius: 4px;z-index: 99999;">
450     
451      <div class="modal-body" style="padding: 15px;">
452   <div align="center">
453       <img src="https://bodyorganics.com/images/salebanner1.png" alt="" />
454       <p style="font-size: 17px;">NOTE: SHIPPING ON THIS SALE STARTS FROM THE 30TH NOVEMBER</p>
455   </div>
456   <br/>
457   <div align="center">
458   <button type="button" class="btn btn-primary" style="background-color: #000000;border-color: #000000;font-size: 17px;" data-dismiss="modal">Continue Shopping</button>
459   </div>
460   <br/>
461   <br/>
462      </div>
463
464          </div>
465    </div>
466     </div>
467
468
469	
470	
471<!-- WhatsApp Chat -->
472	
472<script src="stylesheet/whatsapp/js/whatschat-layout.js"></script>
472
473	<!-- WhatsChat style2 js library  (required) -->
474	
474<script src="stylesheet/whatsapp/js/whatschat-style4.js"></script>
474
475
476
477
478
479<!-- JAVASCRIPT =============================-->
480<script src="js/jquery.js"></script>
vendor: 1 bytes, line 480
480
481<script src="js/bootstrap.min.js"></script>
vendor: 1 bytes, line 481
481
482<script src="js/vendors/flexslider/flexslider.js"></script>
vendor: 1 bytes, line 482
482
483<script src="js/vendors/slick/slick.min.js"></script>
vendor: 1 bytes, line 483
483
484<script src="js/vendors/jquery.placeholder.js"></script>
vendor: 1 bytes, line 484
484
485<script src="js/vendors/jquery.easing.min.js"></script>
vendor: 1 bytes, line 485
485
486<script src="js/vendors/mc/jquery.ketchup.all.min.js"></script>
vendor: 1 bytes, line 486
486
487<script src="js/vendors/mc/main.js"></script>
vendor: 1 bytes, line 487
487
488<script src="js/vendors/jquery.countdown.min.js"></script>
vendor: 1 bytes, line 488
488
489<script src="js/vendors/swipebox/js/jquery.swipebox.min.js"></script>
vendor: 1 bytes, line 489
489
490<script src="js/main.js"></script>
490
491
492<!--Start of Tawk.to Script-->
493<script type="text/javascript">
494var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
495(function(){
496var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
497s1.async=true;
498s1.src='https://embed.tawk.to/5bca135f460a125f2656cef3/default';
499s1.charset='UTF-8';
500s1.setAttribute('crossorigin','*');
501s0.parentNode.insertBefore(s1,s0);
502})();
503</script>
503
504<!--End of Tawk.to Script-->
505
506
507
508
509
510
511<style>
512    /* ============================================================
513   Support widget — neutral FAB + right-side options panel
514   ============================================================ */
515.sk-support-widget {
516  position: relative;
517  z-index: 1000;
518  display: flex;
519  flex-direction: column;
520  align-items: flex-end;
521}
522
523.sk-support-fab {
524  width: 56px;
525  height: 56px;
526  border: 0;
527  border-radius: 50%;
528  background: #435c4c;
529  color: #faf9f7;
530  display: inline-flex;
531  align-items: center;
532  justify-content: center;
533  cursor: pointer;
534  box-shadow: 0 8px 24px rgba(44, 44, 44, 0.28);
535  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
536}
537
538.sk-support-fab:hover {
539  background: #1f1f1f;
540  transform: translateY(-2px);
541  box-shadow: 0 10px 28px rgba(44, 44, 44, 0.34);
542}
543
544.sk-support-fab:focus-visible {
545  outline: 2px solid #006161;
546  outline-offset: 3px;
547}
548
549.sk-support-fab__icon {
550  display: none;
551  line-height: 1;
552}
553
554.sk-support-widget[data-open="false"] .sk-support-fab__icon--open,
555.sk-support-widget[data-open="true"] .sk-support-fab__icon--close {
556  display: inline-flex;
557  align-items: center;
558  justify-content: center;
559}
560
561.sk-support-fab__icon--close {
562  font-size: 28px;
563  font-weight: 300;
564}
565
566.sk-support-panel {
567  position: absolute;
568  right: 0;
569  bottom: calc(100% + 12px);
570  width: min(320px, calc(100vw - 32px));
571  background: #ffffff;
572  border: 1px solid rgba(44, 44, 44, 0.08);
573  border-radius: 16px;
574  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
575  overflow: hidden;
576  transform-origin: bottom right;
577  animation: sk-support-pop 0.18s ease-out;
578  z-index: 1001;
579}
580
581@keyframes sk-support-pop {
582  from {
583    opacity: 0;
584    transform: translateY(8px) scale(0.98);
585  }
586  to {
587    opacity: 1;
588    transform: translateY(0) scale(1);
589  }
590}
591
592.sk-support-panel__header {
593  display: flex;
594  align-items: flex-start;
595  justify-content: space-between;
596  gap: 12px;
597  padding: 16px 16px 12px;
598  background: #faf9f7;
599  border-bottom: 1px solid rgba(44, 44, 44, 0.06);
600}
601
602/*.sk-support-panel__eyebrow {
603  margin: 0 0 2px;
604  font-family: 'Inter', sans-serif;
605  font-size: 11px;
606  letter-spacing: 0.06em;
607  text-transform: uppercase;
608  color: #6e6e6e;
609}
610
611.sk-support-panel__title {
612  margin: 0;
613  font-family: 'Playfair Display', serif;
614  font-size: 18px;
615  font-weight: 500;
616  color: #2c2c2c;
617  line-height: 1.25;
618}*/
619
620.sk-support-panel__eyebrow {
621  margin: 0 0 2px;
622  font-family: 'Inter', sans-serif;
623  font-size: 17px;
624  letter-spacing: 0.06em;
625  text-transform: capitalize;
626  color: #000;
627  font-weight: bold;
628}
629
630.sk-support-panel__title {
631  margin: 0;
632  font-size: 14px;
633  font-weight: 100;
634  color: #2d2d2d;
635  line-height: 1.57;
636  font-family: 'arial', sans-serif;
637}
638
639.sk-support-panel__close,
640.sk-support-panel__back {
641  width: 28px;
642  height: 28px;
643  border: 0;
644  border-radius: 50%;
645  background: rgba(44, 44, 44, 0.06);
646  color: #2c2c2c;
647  font-size: 18px;
648  line-height: 1;
649  display: inline-flex;
650  align-items: center;
651  justify-content: center;
652  cursor: pointer;
653  flex-shrink: 0;
654}
655
656.sk-support-panel__body {
657  padding: 12px;
658  display: flex;
659  flex-direction: column;
660  gap: 8px;
661}
662
663.sk-support-option {
664  display: flex;
665  align-items: center;
666  gap: 12px;
667  width: 100%;
668  text-align: left;
669  padding: 12px;
670  border: 1px solid rgba(44, 44, 44, 0.08);
671  border-radius: 12px;
672  background: #f2f2f2;
673  color: inherit;
674  text-decoration: none;
675  cursor: pointer;
676  transition: border-color 0.15s ease, background 0.15s ease;
677}
678
679.sk-support-option:hover {
680  background: #faf9f7;
681  border-color: rgba(0, 97, 97, 0.35);
682  text-decoration: none;
683  color: inherit;
684}
685
686.sk-support-option__icon {
687  width: 40px;
688  height: 40px;
689  border-radius: 50%;
690  display: inline-flex;
691  align-items: center;
692  justify-content: center;
693  flex-shrink: 0;
694}
695
696/*.sk-support-option__icon--whatsapp {
697  background: #e8f8ef;
698  color: #128c7e;
699}*/
700
701.sk-support-option__icon--whatsapp {
702  background: #25D366;
703  color: #fff;
704}
705
706/*.sk-support-option__icon--chat {
707  background: #e8f1f1;
708  color: #006161;
709}*/
710
711.sk-support-option__icon--chat {
712  background: #323232;
713  color: #fff;
714}
715
716.sk-support-option__copy {
717  display: flex;
718  flex-direction: column;
719  gap: 2px;
720  min-width: 0;
721  max-width: 150px;
722}
723
724.sk-support-option__copy strong {
725  font-family: 'Inter', sans-serif;
726  font-size: 14px;
727  font-weight: 600;
728  color: #2c2c2c;
729}
730
731.sk-support-option__copy small {
732  font-family: 'Inter', sans-serif;
733  font-size: 12px;
734  color: #6e6e6e;
735}
736
737.sk-support-chat-form {
738  display: flex;
739  flex-direction: column;
740  gap: 10px;
741}
742
743.sk-support-chat-label {
744  font-family: 'Inter', sans-serif;
745  font-size: 12px;
746  color: #6e6e6e;
747  margin: 0;
748}
749
750.sk-support-chat-input {
751  width: 100%;
752  border: 1px solid rgba(44, 44, 44, 0.12);
753  border-radius: 10px;
754  padding: 10px 12px;
755  font-family: 'Inter', sans-serif;
756  font-size: 14px;
757  resize: vertical;
758  min-height: 96px;
759  max-height: 180px;
760}
761
762.sk-support-chat-input:focus {
763  outline: none;
764  border-color: #006161;
765  box-shadow: 0 0 0 3px rgba(0, 97, 97, 0.12);
766}
767
768.sk-support-chat-actions {
769  display: flex;
770  align-items: center;
771  justify-content: space-between;
772  gap: 10px;
773}
774
775.sk-support-chat-link {
776  font-family: 'Inter', sans-serif;
777  font-size: 12px;
778  color: #006161;
779  text-decoration: underline;
780}
781
782.sk-support-chat-submit {
783  border: 0;
784  border-radius: 999px;
785  background: #006161;
786  color: #fff;
787  font-family: 'Inter', sans-serif;
788  font-size: 13px;
789  font-weight: 600;
790  padding: 10px 16px;
791  cursor: pointer;
792  text-decoration: none;
793  display: inline-flex;
794  align-items: center;
795  justify-content: center;
796}
797
798.sk-support-chat-submit:hover {
799  background: #004f4f;
800  color: #fff;
801  text-decoration: none;
802}
803
804.sk-support-chat-submit--block {
805  width: 100%;
806}
807
808.sk-support-guest-copy {
809  margin: 0 0 8px;
810  font-family: 'Inter', sans-serif;
811  font-size: 13px;
812  color: #6e6e6e;
813  line-height: 1.45;
814}
815
816@media (max-width: 767.98px) {
817  .sk-support-fab {
818    width: 52px;
819    height: 52px;
820  }
821
822  .sk-support-panel {
823    width: min(300px, calc(100vw - 24px));
824  }
825}
826
827
828.floating-btn-grp {
829  position: fixed;
830  bottom: 34px;
831  right: 16px;
832  z-index: 999;
833  display: flex;
834  flex-direction: column;
835  gap: 24px;
836  align-items: center;
837  transition: all ease 0.3s;
838}
839</style>
840
841
842<div class="floating-btn-grp">
843    <div class="__floating-btn">
844        <div class="sk-support-widget" id="sk-support-widget" data-open="false">
845    <div class="sk-support-panel" id="sk-support-panel" hidden="">
846        <div class="sk-support-panel__view" data-view="menu">
847            <div class="sk-support-panel__header">
848                <div>
849                    <p class="sk-support-panel__eyebrow">Need Help?</p>
850                    <h3 class="sk-support-panel__title">Chat with us for product advice, order support or any questions.</h3>
851                </div>
852                <button type="button" class="sk-support-panel__close" id="sk-support-close" aria-label="Close">
853                    ×
854                </button>
855            </div>
856            <div class="sk-support-panel__body">
857                                    <button type="button" class="sk-support-option" data-support-action="whatsapp">
858                        <span class="sk-support-option__icon sk-support-option__icon--whatsapp" aria-hidden="true">
859                            <svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
860                                <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.435 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
861                            </svg>
862                        </span>
863                        <span class="sk-support-option__copy">
864                            <strong>Chat with us<br> on WhatsApp</strong>
865                            <small>Typically replies within minutes</small>
866                        </span>
867                        <span class="sk-support-option__copy">
868                            <i class="fa fa-chevron-right" aria-hidden="true" style="font-size: 17px;"></i>
869                        </span>
870                    </button>
871                
872                <button type="button" class="sk-support-option" data-support-action="live-chat">
873                    <span class="sk-support-option__icon sk-support-option__icon--chat" aria-hidden="true">
874                        <svg viewBox="0 0 24 24" width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
875    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
876    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
877    <g id="SVGRepo_iconCarrier">
878        <path
879            fill-rule="evenodd"
880            clip-rule="evenodd"
881            d="M18.3121 23.3511C17.4463 23.0228 16.7081 22.5979 16.1266 22.1995C14.8513 22.7159 13.4578 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 14.2788 22.306 16.3983 21.1179 18.1551C21.0425 19.6077 21.8054 20.9202 22.5972 22.0816C23.2907 23.0987 23.1167 23.9184 21.8236 23.9917C21.244 24.0245 19.9903 23.9874 18.3121 23.3511ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 13.9503 20.3808 15.7531 19.328 17.2262C18.8622 17.8782 19.1018 19.0998 19.2616 19.8011C19.4167 20.4818 19.7532 21.2051 20.0856 21.8123C19.7674 21.7356 19.4111 21.6288 19.0212 21.481C18.1239 21.1407 17.3824 20.6624 16.8594 20.261C16.5626 20.0332 16.1635 19.9902 15.825 20.1494C14.6654 20.6947 13.3697 21 12 21C7.02944 21 3 16.9706 3 12ZM7 13.5C7.82843 13.5 8.5 12.8284 8.5 12C8.5 11.1716 7.82843 10.5 7 10.5C6.17157 10.5 5.5 11.1716 5.5 12C5.5 12.8284 6.17157 13.5 7 13.5ZM13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12ZM17 13.5C17.8284 13.5 18.5 12.8284 18.5 12C18.5 11.1716 17.8284 10.5 17 10.5C16.1716 10.5 15.5 11.1716 15.5 12C15.5 12.8284 16.1716 13.5 17 13.5Z"
882            fill="#ffffff"
883        ></path>
884    </g>
885</svg>
886
887
888                        <!--<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.8">
889                            <path d="M21 12a8.5 8.5 0 01-8.5 8.5H7l-4 2.5.8-3.5A8.5 8.5 0 1112.5 3.5" stroke-linecap="round" stroke-linejoin="round"></path>
890                            <circle cx="9" cy="12" r="1" fill="currentColor" stroke="none"></circle>
891                            <circle cx="12.5" cy="12" r="1" fill="currentColor" stroke="none"></circle>
892                            <circle cx="16" cy="12" r="1" fill="currentColor" stroke="none"></circle>
893                        </svg>-->
894                    </span>
895                    <span class="sk-support-option__copy">
896                        <strong>Start a live chat</strong>
897                        <small>Chat with our support team</small>
898                    </span>
899                    <span class="sk-support-option__copy">
900                            <i class="fa fa-chevron-right" aria-hidden="true" style="font-size: 17px;"></i>
901                        </span>
902                </button>
903            </div>
904        </div>
905        
906        
907        <div class="sk-support-panel__view" data-view="whatsapp" hidden="">
908            <div class="sk-support-panel__header">
909                <button type="button" class="sk-support-panel__back" data-support-action="back" aria-label="Back">
910                    ←
911                </button>
912                <div>
913                    <p class="sk-support-panel__eyebrow">WhatsApp</p>
914                    <!--<h3 class="sk-support-panel__title">Body Organics</h3>-->
915                </div>
916                <button type="button" class="sk-support-panel__close" data-support-action="close" aria-label="Close">
917                    ×
918                </button>
919            </div>
920            <div class="sk-support-panel__body">
921                                    <p class="sk-support-guest-copy">
922                        Please click the button below to get started
923                    </p>
924                    <a href="https://wa.me/2348063996699?text=Hello%20there%21" target="_blank" rel="noopener noreferrer" class="sk-support-chat-submit sk-support-chat-submit--block">
925                        Open WhatsApp
926                    </a>
927                            </div>
928        </div>
929
930        <div class="sk-support-panel__view" data-view="live-chat" hidden="">
931            <div class="sk-support-panel__header">
932                <button type="button" class="sk-support-panel__back" data-support-action="back" aria-label="Back">
933                    ←
934                </button>
935                <div>
936                    <p class="sk-support-panel__eyebrow">Live Chat</p>
937                    <!--<h3 class="sk-support-panel__title">Body Organics</h3>-->
938                </div>
939                <button type="button" class="sk-support-panel__close" data-support-action="close" aria-label="Close">
940                    ×
941                </button>
942            </div>
943            <div class="sk-support-panel__body">
944                                    <p class="sk-support-guest-copy">
945                        Please click the button below to get started
946                    </p>
947                    <a href="javascript:void(Tawk_API.toggle())" class="sk-support-chat-submit sk-support-chat-submit--block">
948                        Open / Close Chat
949                    </a>
950                            </div>
951        </div>
952        
953        
954        
955    </div>
956
957    <button type="button" class="sk-support-fab" id="sk-support-fab" aria-expanded="false" aria-controls="sk-support-panel" aria-label="Open support">
958        <span class="sk-support-fab__icon sk-support-fab__icon--open" aria-hidden="true">
959            
960            
961            
962            <svg viewBox="0 0 24 24" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
963    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
964    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
965    <g id="SVGRepo_iconCarrier">
966        <path
967            fill-rule="evenodd"
968            clip-rule="evenodd"
969            d="M18.3121 23.3511C17.4463 23.0228 16.7081 22.5979 16.1266 22.1995C14.8513 22.7159 13.4578 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 14.2788 22.306 16.3983 21.1179 18.1551C21.0425 19.6077 21.8054 20.9202 22.5972 22.0816C23.2907 23.0987 23.1167 23.9184 21.8236 23.9917C21.244 24.0245 19.9903 23.9874 18.3121 23.3511ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 13.9503 20.3808 15.7531 19.328 17.2262C18.8622 17.8782 19.1018 19.0998 19.2616 19.8011C19.4167 20.4818 19.7532 21.2051 20.0856 21.8123C19.7674 21.7356 19.4111 21.6288 19.0212 21.481C18.1239 21.1407 17.3824 20.6624 16.8594 20.261C16.5626 20.0332 16.1635 19.9902 15.825 20.1494C14.6654 20.6947 13.3697 21 12 21C7.02944 21 3 16.9706 3 12ZM7 13.5C7.82843 13.5 8.5 12.8284 8.5 12C8.5 11.1716 7.82843 10.5 7 10.5C6.17157 10.5 5.5 11.1716 5.5 12C5.5 12.8284 6.17157 13.5 7 13.5ZM13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12ZM17 13.5C17.8284 13.5 18.5 12.8284 18.5 12C18.5 11.1716 17.8284 10.5 17 10.5C16.1716 10.5 15.5 11.1716 15.5 12C15.5 12.8284 16.1716 13.5 17 13.5Z"
970            fill="#ffffff"
971        ></path>
972    </g>
973</svg>
974
975            
976            
977        </span>
978        <span class="sk-support-fab__icon sk-support-fab__icon--close" aria-hidden="true">×</span>
979    </button>
980</div>
981
982    </div>
983
984</div>
985
986
987<script>
988(function ($) {
989    'use strict';
990
991    function initSkSupportWidget() {
992        const $root = $('#sk-support-widget');
993        if (!$root.length) {
994            return;
995        }
996
997        const $panel = $('#sk-support-panel');
998        const $fab = $('#sk-support-fab');
999        const $menuView = $panel.find('[data-view="menu"]');
1000        const $chatView = $panel.find('[data-view="live-chat"]');
1001        const $chatView1 = $panel.find('[data-view="whatsapp"]');
1002
1003        function showMenu() {
1004            $menuView.prop('hidden', false);
1005            $chatView.prop('hidden', true);
1006            $chatView1.prop('hidden', true);
1007        }
1008
1009        function showLiveChat() {
1010            $menuView.prop('hidden', true);
1011            $chatView.prop('hidden', false);
1012        }
1013        
1014        function showLiveChat1() {
1015            $menuView.prop('hidden', true);
1016            $chatView1.prop('hidden', false);
1017        }
1018
1019        function openPanel() {
1020            $root.attr('data-open', 'true');
1021            $panel.prop('hidden', false);
1022            $fab.attr('aria-expanded', 'true');
1023            showMenu();
1024        }
1025
1026        function closePanel() {
1027            $root.attr('data-open', 'false');
1028            $panel.prop('hidden', true);
1029            $fab.attr('aria-expanded', 'false');
1030            showMenu();
1031        }
1032
1033        function togglePanel() {
1034            if ($root.attr('data-open') === 'true') {
1035                closePanel();
1036            } else {
1037                openPanel();
1038            }
1039        }
1040
1041        $fab.on('click', function (event) {
1042            event.preventDefault();
1043            event.stopPropagation();
1044            togglePanel();
1045        });
1046
1047        $root.on('click', '[data-support-action="close"], #sk-support-close', function (event) {
1048            event.preventDefault();
1049            closePanel();
1050        });
1051
1052        $root.on('click', '[data-support-action="back"]', function (event) {
1053            event.preventDefault();
1054            showMenu();
1055        });
1056
1057        $root.on('click', '[data-support-action="live-chat"]', function (event) {
1058            event.preventDefault();
1059            showLiveChat();
1060        });
1061        
1062        $root.on('click', '[data-support-action="whatsapp"]', function (event) {
1063            event.preventDefault();
1064            showLiveChat1();
1065        });
1066
1067        $(document).on('click.skSupport', function (event) {
1068            if ($root.attr('data-open') !== 'true') {
1069                return;
1070            }
1071            if (!$(event.target).closest('#sk-support-widget').length) {
1072                closePanel();
1073            }
1074        });
1075
1076        $(document).on('keydown.skSupport', function (event) {
1077            if (event.key === 'Escape' && $root.attr('data-open') === 'true') {
1078                closePanel();
1079            }
1080        });
1081
1082        $('#sk-support-chat-form').on('submit', function (event) {
1083            event.preventDefault();
1084            const $form = $(this);
1085            const url = $('#route-messages-store').data('url') || $form.attr('action');
1086
1087            $.ajax({
1088                type: 'post',
1089                url: url,
1090                data: $form.serialize(),
1091                success: function () {
1092                    const successText = $('#message-send-successfully').data('text') || 'Message sent successfully';
1093                    if (typeof toastr !== 'undefined') {
1094                        toastr.success(successText, { CloseButton: true, ProgressBar: true });
1095                    }
1096                    $form.trigger('reset');
1097                },
1098                error: function () {
1099                    if (typeof toastr !== 'undefined') {
1100                        toastr.error('Unable to send message. Please try again.');
1101                    }
1102                }
1103            });
1104        });
1105    }
1106
1107    $(initSkSupportWidget);
1108})(jQuery);
1109</script>
1109
1110
1111</body>
1112
1113
1114
1115
1116
1117</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.