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> 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> <a href="https://play.google.com/store/apps/details?id=com.bodyorganics.androidapp&hl=en&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&hl=en&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.