PageSourceSearch

https://www.handinhandsoap.com/

html handinhandsoap.com collected 2026-10-03 21:51:35 UTC 159,290 bytes, 3,881 lines download raw bytes

1<!DOCTYPE html>
2<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
3<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
4<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
5<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
6<head>
7
8  
9  <!-- Global site tag (gtag.js) - Google Ads: 10860716954 -->
10<script async src=https://www.googletagmanager.com/gtag/js?id=AW-10860716954></script>
vendor: 1 bytes, line 10
10
11<script>
12  
vendor: 135 bytes, lines 12-16
12window.dataLayer = window.dataLayer || [];
13  function gtag(){dataLayer.push(arguments);}
14  gtag('js', new Date());
15 
16  gtag('config', '
16AW-10860716954
vendor: 4 bytes, line 16
16');
17</script>
17<!--Content in content_for_header -->
18<!--LayoutHub-Embed--><link rel="stylesheet" type="text/css" href="data:text/css;base64," media="all">
19<!--LH--><!--/LayoutHub-Embed--><!-- Google Tag Manager Added By Al Sigman | Complex Ventures 11/29/17 -->
20      
20<script>
vendor: 351 bytes, lines 20-24
20(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
21      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
22      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
23      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
24      })(window,document,'script','dataLayer','
24GTM-P5C2PPF
vendor: 3 bytes, line 24
24');
24</script>
24
25      <!-- End Google Tag Manager -->
26
27  
28  <!--  Hotjar Tracking Code for Hand In Hand -->
29<script>
vendor: 112 bytes, lines 29-31
29(function(h,o,t,j,a,r){
30    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
31    h._hjSettings={hjid:
315128736
vendor: 237 bytes, lines 31-36
31,hjsv:6};
32    a=o.getElementsByTagName('head')[0];
33    r=o.createElement('script');r.async=1;
34    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
35    a.appendChild(r);
36})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
36</script>
36
37
38  
39  <meta charset="utf-8" />
40
41
42  
43
44<meta property="og:type" content="website">
45<meta property="og:title" content="Hand in Hand Soap | Good. Clean. Fun.">
46<meta property="og:url" content="https://www.handinhandsoap.com/">
47<meta property="og:description" content="Vegan, sustainable and palm oil free soaps, washes, and essentials for a clean life + clean conscience. Buy a bar, give a bar.">
48
49<meta property="og:site_name" content="Hand in Hand Soap">
50
51
52
53<meta name="twitter:card" content="summary">
54
55
56<meta name="twitter:site" content="@handinhandsoap">
57
58
59<meta name="twitter:title" content="Hand in Hand Soap | Good. Clean. Fun.">
60<meta name="twitter:description" content="Vegan, sustainable and palm oil free soaps, washes, and essentials for a clean life + clean conscience. Buy a bar, give a bar.">
61
62
63  <!-- SEO
64================================================== -->
65
66  <title>
67    Hand in Hand Soap | Good. Clean. Fun.
68  </title>
69  
70  <meta name="description" content="Vegan, sustainable and palm oil free soaps, washes, and essentials for a clean life + clean conscience. Buy a bar, give a bar." />
71  
72  <link rel="canonical" href="https://www.handinhandsoap.com/" />
73
74  <!-- CSS
75================================================== -->
76
77  <link href="//www.handinhandsoap.com/cdn/shop/t/76/assets/stylesheet.css?v=121458117087093401911783543870" rel="stylesheet" type="text/css" media="all" />
78  <link href="//www.handinhandsoap.com/cdn/shop/t/76/assets/queries.css?v=128855470103424953091699013851" rel="stylesheet" type="text/css" media="all" />
79  <link href="//www.handinhandsoap.com/cdn/shop/t/76/assets/custom.css?v=92227234989433146131725053820" rel="stylesheet" type="text/css" media="all" />
80  
81  <link href="//www.handinhandsoap.com/cdn/shop/t/76/assets/animate.css?v=84383760653077783521699013834" rel="stylesheet" type="text/css" media="all" />
82  
83  
84  
85  <!-- JS
86================================================== -->
87
88  
88<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
88
89  
89<script src="//www.handinhandsoap.com/cdn/shop/t/76/assets/slick.min.js?v=71779134894361685811699013836" type="text/javascript"></script>
89
90  
90<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
90
91  
91<script src="//www.handinhandsoap.com/cdn/shop/t/76/assets/theme.js?v=79213654339476692431699013851" type="text/javascript"></script>
91
92  
92<script src="//www.handinhandsoap.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
92  
93  
93<script src="//www.handinhandsoap.com/cdn/shop/t/76/assets/instafeed.js?v=58777072800108370171699013835" type="text/javascript"></script>
93
94
95  <meta name="viewport" content="width=device-width, initial-scale=1">
96  
97  
98  <link rel="shortcut icon" href="//www.handinhandsoap.com/cdn/shop/files/favicon_32x32.png?v=1613704777" type="image/png" />
99  
100  
101  
101<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
101<meta name="facebook-domain-verification" content="92xhppp2sw0iehopq3n9juquzqy7xg">
102<meta name="facebook-domain-verification" content="r3ezz6mofnbc66gjy6zan6gaxdr6xg">
103<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/6903177/digital_wallets/dialog">
104<meta id="in-context-paypal-metadata" data-shop-id="6903177" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
105<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
105<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
105
106<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
107<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=6903177" crossorigin="anonymous"></script>
vendor: 1 bytes, line 107
107
108<script id="shopify-features" type="application/json">{"accessToken":"cddabce58a60cca759dcbcaf4d37d0c1","betas":["rich-media-storefront-analytics"],"domain":"www.handinhandsoap.com","predictiveSearch":true,"shopId":6903177,"locale":"en"}</script>
vendor: 1 bytes, line 108
108
109<script>var Shopify = Shopify || {};
110Shopify.shop = "hand-in-hand-soap.myshopify.com";
111Shopify.locale = "en";
112Shopify.currency = {"active":"USD","rate":"1.0"};
113Shopify.country = "US";
114Shopify.theme = {"name":"Hand-in-hand-soap\/main","id":126503551037,"schema_name":"Icon","schema_version":"5.1.2","theme_store_id":null,"role":"main"};
115Shopify.theme.handle = "null";
116Shopify.theme.style = {"id":null,"handle":null};
117Shopify.cdnHost = "www.handinhandsoap.com/cdn";
118Shopify.routes = Shopify.routes || {};
119Shopify.routes.root = "/";
120Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
121Shopify.SignInWithShop = Shopify.SignInWithShop || {};
122Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
123Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 123
123
124<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 124
124
125<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 125
125
126<script>
127  window.ShopifyPay = window.ShopifyPay || {};
128  window.ShopifyPay.apiHost = "shop.app\/pay";
129  window.ShopifyPay.redirectState = null;
130</script>
vendor: 1 bytes, line 130
130
131<script>
132  window.Shopify = window.Shopify || {};
133  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
134  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
135  window.Shopify.SignInWithShop.eligible = true;
136</script>
vendor: 1 bytes, line 136
136
137<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 137
137
138<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 138
138
139<script type="module">
140  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
141
142  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
143
144</script>
vendor: 1 bytes, line 144
144
145<script>
146  window.Shopify = window.Shopify || {};
147  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
148  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
149</script>
vendor: 1 bytes, line 149
149
150<script>(function() {
151  var isLoaded = false;
152  function asyncLoad() {
153    if (isLoaded) return;
154    isLoaded = true;
155    var urls = ["https:\/\/str.rise-ai.com\/?shop=hand-in-hand-soap.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=hand-in-hand-soap.myshopify.com","https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=hand-in-hand-soap.myshopify.com","https:\/\/gcdn.incartupsell.com\/bhfaf-FQsPYzbv-pqGHnAonvoM.js?c=1777388663\u0026shop=hand-in-hand-soap.myshopify.com"];
156    for (var i = 0; i < urls.length; i++) {
157      var s = document.createElement('script');
158      s.type = 'text/javascript';
159      s.async = true;
160      s.src = urls[i];
161      var x = document.getElementsByTagName('script')[0];
162      x.parentNode.insertBefore(s, x);
163    }
164  };
165  if(window.attachEvent) {
166    window.attachEvent('onload', asyncLoad);
167  } else {
168    window.addEventListener('load', asyncLoad, false);
169  }
170})();</script>
vendor: 1 bytes, line 170
170
171<script id="__st">var __st={"a":6903177,"offset":-18000,"reqid":"707be2b0-9de9-46d1-9e51-58aa3f34c0d4-1791064293","pageurl":"www.handinhandsoap.com\/","u":"77971d336520","p":"home"};</script>
vendor: 1 bytes, line 171
171
172<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 172
172
173<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 173
173
174<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.handinhandsoap.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 174
174
175<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.handinhandsoap.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
175<script crossorigin="anonymous" defer="defer" src="//www.handinhandsoap.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 175
175
176<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 176
176
177<script>
178  window.Shopify = window.Shopify || {};
179  window.Shopify.MCP = window.Shopify.MCP || {};
180  window.Shopify.MCP.enabled = true;
181  window.Shopify.MCP.shop = "hand-in-hand-soap.myshopify.com";
182  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.handinhandsoap.com\/api\/mcp";
183  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
184</script>
vendor: 1 bytes, line 184
184
185<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/www.handinhandsoap.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
186</script>
vendor: 1 bytes, line 186
186
187<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.handinhandsoap.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
188</script>
vendor: 1 bytes, line 188
188
189<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
190  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
191</script>
vendor: 1 bytes, line 191
191
192<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
193</script>
193
194<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.handinhandsoap.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
195<style id="shopify-accelerated-checkout-cart">
196        #shopify-buyer-consent {
197  margin-top: 1em;
198  display: inline-block;
199  width: 100%;
200}
201
202#shopify-buyer-consent.hidden {
203  display: none;
204}
205
206#shopify-subscription-policy-button {
207  background: none;
208  border: none;
209  padding: 0;
210  text-decoration: underline;
211  font-size: inherit;
212  cursor: pointer;
213}
214
215#shopify-subscription-policy-button::before {
216  box-shadow: none;
217}
218
219      </style>
220
221<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
221
222  <link rel="next" href="/next"/>
223  <link rel="prev" href="/prev"/>
224  <link href="//www.handinhandsoap.com/cdn/shop/t/76/assets/shopstorm-apps.scss.css?v=44200075104732991851699013851" rel="stylesheet" type="text/css" media="all" />
225  
225<script async src="https://product-customizer-cdn.shopstorm.com/assets/storefront/product-customizer-v2-87192a607035a2a9b7c2904ff5559af964e0d45d6c60e0af79b206603d6a6281.js?shop=hand-in-hand-soap.myshopify.com" type="text/javascript"></script>
vendor: 1 bytes, line 225
225
226<script type="text/javascript" src="https://announcement-bar.webrexstudio.com/js/announcement-script.js?shop=hand-in-hand-soap.myshopify.com"></script>
226
227
228<!-- Hotjar Tracking Code for https://www.handinhandsoap.com/ -->
229<script>
vendor: 125 bytes, lines 229-232
229
230    (function(h,o,t,j,a,r){
231        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
232        h._hjSettings={hjid:
2322418051
vendor: 258 bytes, lines 232-237
232,hjsv:6};
233        a=o.getElementsByTagName('head')[0];
234        r=o.createElement('script');r.async=1;
235        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
236        a.appendChild(r);
237    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
238</script>
238
239
240    <meta name="facebook-domain-verification" content="7sqdnh8barwo0dnjjn5mhzxfszit5z" />
241
242<!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
243
244
245
246
247
248
249
250
251
252
253
254
255  
255<script async src="https://static.klaviyo.com/onsite/js/TjG8j9/klaviyo.js?company_id=TjG8j9"></script>
255
256  
256<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
256
257
258  
259
260
261
262
263  
263<script>
264    window.klaviyoReviewsProductDesignMode = false
265  </script>
265
266
267
268
269
270
271
272
273
274
275<!-- END app block --><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0690/3177/files/HIH_Primary_Logo.png?height=628&pad_color=ffffff&v=1617024447&width=1200" />
276<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0690/3177/files/HIH_Primary_Logo.png?height=628&pad_color=ffffff&v=1617024447&width=1200" />
277<meta property="og:image:width" content="1200" />
278<meta property="og:image:height" content="628" />
279<meta property="og:image:alt" content="Hand in Hand Soap - Logo" />
280<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
281<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 6903177,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 281
281
282<script>
283  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
284</script>
vendor: 1 bytes, line 284
284
285<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
285).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 6903177,storefrontBaseUrl: "https://www.handinhandsoap.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.handinhandsoap.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"324141117","configuration":"{\"pixelCode\":\"C59LU5NGE0M9N03GV8H0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"}
285,{"id":"105513021","configuration":"{\"pixel_id\":\"1039611423197073\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"91750461","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Hand in Hand Soap","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"hand-in-hand-soap.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.handinhandsoap.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.handinhandsoap.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"126503551037","themePublished":"true","eventMetadataId":"9c286f56-5521-4120-8cf2-c071ee049485","pageType":"home","shopId":"6903177","storefrontBaseUrl":"https:\/\/www.handinhandsoap.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
285<script>
286  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
287  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
288  window.ShopifyAnalytics.meta.currency = 'USD';
289  var meta = {"page":{"pageType":"home","requestId":"707be2b0-9de9-46d1-9e51-58aa3f34c0d4-1791064293"}};
290  for (var attr in meta) {
291    window.ShopifyAnalytics.meta[attr] = meta[attr];
292  }
293</script>
vendor: 1 bytes, line 293
293
294<script class="analytics">
295  (function () {
296    var customDocumentWrite = function(content) {
297      var jquery = null;
298
299      if (window.jQuery) {
300        jquery = window.jQuery;
301      } else if (window.Checkout && window.Checkout.$) {
302        jquery = window.Checkout.$;
303      }
304
305      if (jquery) {
306        jquery('body').append(content);
307      }
308    };
309
310    var hasLoggedConversion = function(token) {
311      if (token) {
312        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
313      }
314      return false;
315    }
316
317    var setCookieIfConversion = function(token) {
318      if (token) {
319        var twoMonthsFromNow = new Date(Date.now());
320        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
321
322        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
323      }
324    }
325
326    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
327    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
328    if (trekkie.integrations) {
329      return;
330    }
331    trekkie.methods = [
332      'identify',
333      'page',
334      'ready',
335      'track',
336      'trackForm',
337      'trackLink'
338    ];
339    trekkie.factory = function(method) {
340      return function() {
341        var args = Array.prototype.slice.call(arguments);
342        args.unshift(method);
343        trekkie.push(args);
344        if (method == 'track' || method == 'page') {
345          var pageUrl;
346          try {
347            pageUrl = window.location.href;
348          } catch (e) {}
349          var pageReferrer;
350          try {
351            pageReferrer = document.referrer;
352          } catch (e) {}
353          try {
354            if (window.__TREKKIE_SHIM_QUEUE == null) {
355              window.__TREKKIE_SHIM_QUEUE = [];
356            }
357            window.__TREKKIE_SHIM_QUEUE.push({
358              from: 'trekkie-stub',
359              method: method,
360              args: args.slice(1),
361              pageContext: {
362                url: pageUrl,
363                referrer: pageReferrer
364              }
365            });
366          } catch (e) {
367            // no-op
368          }
369        }
370        return trekkie;
371      };
372    };
373    for (var i = 0; i < trekkie.methods.length; i++) {
374      var key = trekkie.methods[i];
375      trekkie[key] = trekkie.factory(key);
376    }
377    trekkie.load = function(config) {
378      trekkie.config = config || {};
379      trekkie.config.initialDocumentCookie = document.cookie;
380      var first = document.getElementsByTagName('script')[0];
381var script = document.createElement('script');
382script.type = 'text/javascript';
383script.onerror = function(e) {
384  var scriptFallback = document.createElement('script');
385  scriptFallback.type = 'text/javascript';
386  scriptFallback.onerror = function(error) {
387          var Monorail = {
388      produce: function produce(monorailDomain, schemaId, payload) {
389        var currentMs = new Date().getTime();
390        var event = {
391          schema_id: schemaId,
392          payload: payload,
393          metadata: {
394            event_created_at_ms: currentMs,
395            event_sent_at_ms: currentMs
396          }
397        };
398        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
399      },
400      sendRequest: function sendRequest(endpointUrl, payload) {
401        // Try the sendBeacon API
402        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
403          var blobData = new window.Blob([payload], {
404            type: 'text/plain'
405          });
406
407          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
408            return true;
409          } // sendBeacon was not successful
410
411        } // XHR beacon
412
413        var xhr = new XMLHttpRequest();
414
415        try {
416          xhr.open('POST', endpointUrl);
417          xhr.setRequestHeader('Content-Type', 'text/plain');
418          xhr.send(payload);
419        } catch (e) {
420          console.log(e);
421        }
422
423        return false;
424      },
425      isIos12: function isIos12() {
426        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
427      }
428    };
429    Monorail.produce('monorail-edge.shopifysvc.com',
430      'trekkie_storefront_load_errors/1.1',
431      {shop_id: 6903177,
432      theme_id: 126503551037,
433      app_name: "storefront",
434      context_url: window.location.href,
435      source_url: "//www.handinhandsoap.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
436
437  };
438  scriptFallback.async = true;
439  scriptFallback.src = '//www.handinhandsoap.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
440  first.parentNode.insertBefore(scriptFallback, first);
441};
442script.async = true;
443script.src = '//www.handinhandsoap.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
444first.parentNode.insertBefore(script, first);
445
446    };
447    trekkie.load(
448      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":6903177,"isMerchantRequest":null,"themeId":126503551037,"themeCityHash":"17342471898208035756","contentLanguage":"en","currency":"USD","eventMetadataId":"9c286f56-5521-4120-8cf2-c071ee049485"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
449    );
450
451    var loaded = false;
452    trekkie.ready(function() {
453      if (loaded) return;
454      loaded = true;
455
456      window.ShopifyAnalytics.lib = window.trekkie;
457
458      var originalDocumentWrite = document.write;
459      document.write = customDocumentWrite;
460      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
461      document.write = originalDocumentWrite;
462
463      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
464      var token = match? match[1]: undefined;
465      if (!hasLoggedConversion(token)) {
466        setCookieIfConversion(token);
467        
468      }
469    });
470
471    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"707be2b0-9de9-46d1-9e51-58aa3f34c0d4-1791064293","shopifyEmitted":true});
472
473    var eventsListenerScript = document.createElement('script');
474    eventsListenerScript.async = true;
475    eventsListenerScript.src = "//www.handinhandsoap.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
476    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
477})();</script>
477
478  
478<script>
479  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
480    window.ga = function ga() {
481      (window.ga.q = window.ga.q || []).push(arguments);
482      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
483        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
484      }
485      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
486    };
487    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
488      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
489    }
490  }
491</script>
vendor: 1 bytes, line 491
491
492<script
493  defer
494  src="https://www.handinhandsoap.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
495  data-application="storefront-renderer"
496  data-shop-id="6903177"
497  data-render-region="gcp-us-central1"
498  data-page-type="index"
499  data-theme-instance-id="126503551037"
500  data-theme-name="Icon"
501  data-theme-version="5.1.2"
502  data-monorail-region="shop_domain"
503  data-resource-timing-sampling-rate="10"
504  data-shs="true"
505  data-shs-beacon="true"
506  data-shs-export-with-fetch="true"
507  data-shs-logs-sample-rate="1"
508  data-shs-beacon-endpoint="https://www.handinhandsoap.com/api/collect"
509></script>
509
510<meta name="shopify-y" content="33c9f7b4-fa55-42bb-93cc-a3be851d6b21" data-expiration="1822621893000"><meta name="shopify-s" content="1ba016ae-25c4-4049-b04c-e3ac1ec5c850" data-expiration="1791066093000"><meta name="new-cookie-storage-activated" content="t">
511</head>
512
513<!-- ================================= BODY ========================================= -->
514
515          <!-- Google Tag Manager (noscript) Added by Al Sigman | Complex Ventures 11/29/17 -->
vendor: 86 bytes, lines 515-516
515
516                  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
516GTM-P5C2PPF
vendor: 111 bytes, lines 516-518
516"
517                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
518          
518<!-- End Google Tag Manager (noscript) -->
519
520
521<body class="gridlock shifter-left index">
522  
523  <div id="CartDrawer" class="drawer drawer--right">
524  <div class="drawer__header">
525    <div class="table-cell">
526    <span class="drawer__close js-drawer-close">
527       x 
528    </span>
529    </div>
530    <div class="table-cell">
531      <span class="cart-drawer-icon"><svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 21" width="30" height="21">
532	<title>4Green_4</title>
533	<style>
534		tspan { white-space:pre }
535		.shp0 { fill: #004876 } 
536	</style>
537	<g id="4Green_4">
538		<g id="Group 497">
539			<g id="Group 496">
540				<g id="Group 9">
541					<path id="Path 34" class="shp0" d="M11.18 13.48L20.87 13.48C25.39 13.48 29.05 9.82 29.05 5.3L29.05 0.8L6.78 0.8L1.57 0.8C0.92 0.8 0.38 1.33 0.38 1.99L0.38 1.99C0.38 2.65 0.92 3.18 1.57 3.18L4.92 3.18C5.95 3.18 6.78 4.01 6.78 5.04L6.78 12.26L6.78 19.33C6.78 20.25 7.53 21 8.45 21L8.45 21C9.37 21 10.12 20.25 10.12 19.33L10.12 18.94L25.3 18.94L25.3 19.28C25.3 20.08 25.84 20.8 26.62 20.96C27.7 21.18 28.64 20.36 28.64 19.33L28.64 18.14C28.64 16.74 27.5 15.6 26.1 15.6L11.24 15.6C10.69 15.6 10.18 15.2 10.13 14.65C10.06 14.01 10.56 13.48 11.18 13.48Z" />
542				</g>
543			</g>
544		</g>
545	</g>
546</svg> (<span class="cart-drawer-item-count"></span>)</span>
547    </div>
548  </div>
549  <div id="CartContainer"></div>
550  
551  
552</div>
553  
554  <div class="shifter-page  is-moved-by-drawer" id="PageContainer">  
555    <div id="shopify-section-header" class="shopify-section"><header class="scrollheader" data-section-id="header">
556  <div class="bannertop gridlock-fluid">
557    <div class="row">
558      
559      
560      
561        <div
562          class=" desktop-12 tablet-6 mobile-3"
563          id="banner-message"
564        >
565          Clean Ingredients. Clean Conscience.
566        </div>
567      
568
569      
570      <!-- Shown on Mobile Only -->
571<div class="mobile-header-section">
572 
573        <div id="logoMobile" class="tablet-2 mobile-1 mobile-only">       
574            
575<a href="/" title="homepage">
576              <img alt="logo" src="//www.handinhandsoap.com/cdn/shop/files/HIH_Primary_Logo_7bebf8e7-c1b1-4db2-b67a-68e4b855d256_400x.png?v=1631676278" itemprop="logo" class="main-logo">
577              <img src="//www.handinhandsoap.com/cdn/shop/files/HIH_Primary_Logo_mobile_400x.png?v=1631676308" itemprop="logo" alt="logo" class="sticky-logo hide">
578            </a>
579                         
580        </div> 
581
582<ul id="cart" class="mobile-2 tablet-4 mobile-only">  
583  <li class="mobile-menu-icon"><span class="shifter-handle"><svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 21" width="37" height="21">
584	<title>Line 26</title>
585	<style>
586		tspan { white-space:pre }
587		.shp0 { fill: none;stroke: #004876;stroke-width: 3 } 
588	</style>
589	<path id="Line 24" class="shp0" d="M0.22 1.68L36.5 1.68" />
590	<path id="Line 25" class="shp0" d="M0.22 10.57L36.5 10.57" />
591	<path id="Line 26" class="shp0" d="M0.22 19.46L36.5 19.46" />
592</svg></span></li>
593  <li class="seeks"><a id="inline" href="#search_popup" class="open_popup" aria-label="searchpopup"><i class="fa fa-search" aria-hidden="true"></i></a>
594    </li>
595  
596  <li class="cust">
597    
598    <a href="/account/login" aria-label="accountlogin"><i class="fa fa-user-o" aria-hidden="true"></i></a>
599    
600  </li>
601  
602 <li>
603   <a href="/cart" class="site-header__cart-toggle js-drawer-open-right" aria-controls="CartDrawer" aria-expanded="false">
604     <span class="cart-words"></span>
605      <svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 21" width="30" height="21">
606	<title>4Green_4</title>
607	<style>
608		tspan { white-space:pre }
609		.shp0 { fill: #004876 } 
610	</style>
611	<g id="4Green_4">
612		<g id="Group 497">
613			<g id="Group 496">
614				<g id="Group 9">
615					<path id="Path 34" class="shp0" d="M11.18 13.48L20.87 13.48C25.39 13.48 29.05 9.82 29.05 5.3L29.05 0.8L6.78 0.8L1.57 0.8C0.92 0.8 0.38 1.33 0.38 1.99L0.38 1.99C0.38 2.65 0.92 3.18 1.57 3.18L4.92 3.18C5.95 3.18 6.78 4.01 6.78 5.04L6.78 12.26L6.78 19.33C6.78 20.25 7.53 21 8.45 21L8.45 21C9.37 21 10.12 20.25 10.12 19.33L10.12 18.94L25.3 18.94L25.3 19.28C25.3 20.08 25.84 20.8 26.62 20.96C27.7 21.18 28.64 20.36 28.64 19.33L28.64 18.14C28.64 16.74 27.5 15.6 26.1 15.6L11.24 15.6C10.69 15.6 10.18 15.2 10.13 14.65C10.06 14.01 10.56 13.48 11.18 13.48Z" />
616				</g>
617			</g>
618		</g>
619	</g>
620</svg>
621     
622     
623   </a> 
624  </li>    
625</ul>  
626</div>
627    </div>
628  </div>
629  <div
630    id="navigation"
631    
632      class="gridlock-fluid"
633    
634  >
635    <div class="row">
636      <div class="nav-container desktop-12 tablet-6 mobile-3">
637        
638          <div id="logo" class="desktop-2 tablet-2 mobile-3 mobile-hide">
639            
640<a href="/" title="homepage">
641                <img
642                  alt="logo"
643                  src="//www.handinhandsoap.com/cdn/shop/files/HIH_Primary_Logo_7bebf8e7-c1b1-4db2-b67a-68e4b855d256_400x.png?v=1631676278"
644                  itemprop="logo"
645                  class="main-logo"
646                >
647                <img
648                  src="//www.handinhandsoap.com/cdn/shop/files/HIH_Primary_Logo_mobile_400x.png?v=1631676308"
649                  itemprop="logo"
650                  alt="logo"
651                  class="sticky-logo hide"
652                >
653              </a>
654            
655          </div>
656        
657
658        <nav
659          class=" desktop-8"
660          style="margin-top:0px;"
661        >
662          
663            <ul id="main-nav" role="navigation">
664              
665                
666
667<li class="dropdown"  role="listitem">
668      <a href="#" class="main-link-mega-menu">SHOP BY PRODUCT</a>
669      <ul class="megamenu">
670        <div class="mega-container menu-item-shop-by-product">
671            <span class="desktop-2 tablet-hide mm-image center">
672              <a href="/collections/liquid-hand-soaps">
673                <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Products_HandSoap_400x.jpg?v=1635194077" alt="Hand In Hand Hand Soap">
674                
675                  <h4 class="center">Hand Soap</h4>
676                
677              </a>
678            </span>
679          
680
681          
682            <span class="desktop-2 tablet-hide mm-image center">
683              <a href="/collections/foaming-hand-soap">
684                <img src="//www.handinhandsoap.com/cdn/shop/files/FHS_Menu_400px_400x.png?v=1654358998" alt="Foaming Hand Soap">
685                
686                  <h4 class="center">Foaming Hand Soap</h4>
687                
688              </a>
689            </span>
690          
691
692          
693            <span class="desktop-2 tablet-hide mm-image center">
694              <a href="/collections/body-lotion">
695                <img src="//www.handinhandsoap.com/cdn/shop/files/Navigation_BodyLotion_Thumbnail_2x_6143878c-73c5-453e-bf08-76e1726a827a_400x.jpg?v=1628220337" alt="Body Lotion">
696                
697                  <h4 class="center">Body Lotion</h4>
698                
699              </a>
700            </span>
701          
702
703          
704            <span class="desktop-2 tablet-hide mm-image center">
705              <a href="/collections/body-wash">
706                <img src="//www.handinhandsoap.com/cdn/shop/files/Navigation_BodyWash_Thumbnail_2x_61829bb8-00a2-4bd8-b70f-aa9d96b3899f_400x.jpg?v=1628220353" alt="Body Wash">
707                
708                  <h4 class="center">Body Wash</h4>
709                
710              </a>
711            </span>
712          
713
714          
715            <span class="desktop-2 tablet-hide mm-image center">
716              <a href="/collections/bar-soap">
717                <img src="//www.handinhandsoap.com/cdn/shop/files/Navigation_BarSoap_Thumbnail_2x_d3e38ef7-03ac-4b8b-ab05-5282ed2d5c0f_400x.jpg?v=1628220370" alt="">
718                
719                  <h4 class="center">Bar Soap</h4>
720                
721              </a>
722            </span>
723          
724
725          
726            <span class="desktop-2 tablet-hide mm-image center">
727              <a href="/collections/sugar-scrub-collection">
728                <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Products_SugarScrub_400x.jpg?v=1635194426" alt="Sugar Scrub">
729                
730                  <h4 class="center">Sugar Scrub</h4>
731                
732              </a>
733            </span>
734          
735
736          
737            <span class="desktop-2 tablet-hide mm-image center">
738              <a href="/collections/combo-packs">
739                <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Products_ComboPacks_400x.jpg?v=1635258618" alt="Combo Packs">
740                
741                  <h4 class="center">Combo Packs</h4>
742                
743              </a>
744            </span>
745          
746
747          
748            <span class="desktop-2 tablet-hide mm-image center">
749              <a href="/collections/minis">
750                <img src="//www.handinhandsoap.com/cdn/shop/files/ShopByProduct_Mini_400x465_9b4e6b7b-2929-4f49-aed9-d596b601cf53_400x.jpg?v=1731616724" alt="">
751                
752                  <h4 class="center">Minis</h4>
753                
754              </a>
755            </span>
756          
757
758          
759
760          
761
762          
763            <span class="desktop-2 tablet-hide mm-image center">
764              <a href="/collections/haircare">
765                <img src="//www.handinhandsoap.com/cdn/shop/files/ShopByProduct_HairCare_400x465_B_1_400x.png?v=1683802923" alt="Hair Care">
766                
767                  <h4 class="center">Hair Care</h4>
768                
769              </a>
770            </span>
771          
772
773          
774
775          
776            <span class="desktop-2 tablet-hide mm-image center">
777              <a href="/collections/shave-cream">
778                <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Photo_400x.jpg?v=1706595707" alt="Shave Cream">
779                
780                  <h4 class="center">Shave Cream</h4>
781                
782              </a>
783            </span>
784          
785
786          
787            <span class="desktop-2 tablet-hide mm-image center">
788              <a href="/collections/candles-1">
789                <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Products_Candles_400x_4ea9e7ff-ca72-4c6e-8609-041863b0cf3e_400x.png?v=1718347031" alt="Candles">
790                
791                  <h4 class="center">Candles</h4>
792                
793              </a>
794            </span>
795          
796          
797        </div>
798      </ul>
799    </li>
800  
801
802
803
804
805
806
807
808
809
810
811
812              
813                
814
815
816
817
818
819<li class="dropdown"  role="listitem">
820      <a href="#" class="main-link-mega-menu">SHOP BY FRAGRANCE</a>
821      <ul class="megamenu">
822        <div class="mega-container menu-item-shop-by-fragrance">
823            <span class="desktop-2 tablet-hide mm-image center">
824              <a href="/collections/cactus-blossom">
825                <img src="//www.handinhandsoap.com/cdn/shop/files/Cactus_2074x1794_6cd3b18c-33a6-47c0-b877-fa5ac7f15ad6_400x.jpg?v=1631838777" alt="Cactus Blossom">
826                
827                  <h4 class="center">Cactus Blossom</h4>
828                
829              </a>
830            </span>
831          
832
833          
834            <span class="desktop-2 tablet-hide mm-image center">
835              <a href="/collections/citrus-grove-collection">
836                <img src="//www.handinhandsoap.com/cdn/shop/files/Citrus_2074x1794_7bf5d8ae-baa5-499d-b004-90e6c2133041_400x.jpg?v=1631838801" alt="Citrus Grove">
837                
838                  <h4 class="center">Citrus Grove</h4>
839                
840              </a>
841            </span>
842          
843
844          
845            <span class="desktop-2 tablet-hide mm-image center">
846              <a href="/collections/sea-salt-collection">
847                <img src="//www.handinhandsoap.com/cdn/shop/files/SeaSalt_NavModule_400x.jpg?v=1631654794" alt="Sea Salt">
848                
849                  <h4 class="center">Sea Salt</h4>
850                
851              </a>
852            </span>
853          
854
855          
856            <span class="desktop-2 tablet-hide mm-image center">
857              <a href="/collections/island-mimosa">
858                <img src="//www.handinhandsoap.com/cdn/shop/files/Island_2074x1794_d25ccd2c-fd54-468a-b572-d1d6d3e21ab8_400x.jpg?v=1631838832" alt="Island Mimosa">
859                
860                  <h4 class="center">Island Mimosa</h4>
861                
862              </a>
863            </span>
864          
865
866          
867
868          
869            <span class="desktop-2 tablet-hide mm-image center">
870              <a href="/collections/rosemary-lemon">
871                <img src="//www.handinhandsoap.com/cdn/shop/files/Rosemary_2074x1794_2d3b07ad-6686-4e00-bf2b-889ebd787d67_400x.jpg?v=1631838937" alt="Rosemary Lemon">
872                
873                  <h4 class="center">Rosemary Lemon</h4>
874                
875              </a>
876            </span>
877          
878
879          
880            <span class="desktop-2 tablet-hide mm-image center">
881              <a href="/collections/lavender-collection">
882                <img src="//www.handinhandsoap.com/cdn/shop/files/Lavendar_2074x1794_4b2de5b6-ccb7-48ed-b9ed-a8e7bbb453a1_400x.jpg?v=1631838849" alt="Lavender">
883                
884                  <h4 class="center">Lavender</h4>
885                
886              </a>
887            </span>
888          
889
890          
891            <span class="desktop-2 tablet-hide mm-image center">
892              <a href="/collections/sweetgrass">
893                <img src="//www.handinhandsoap.com/cdn/shop/files/Sweetgrass_2074x1794_c85bd8fd-1621-4fcd-8d82-dc700d09d840_400x.jpg?v=1631838997" alt="Sweetgrass">
894                
895                  <h4 class="center">Sweetgrass</h4>
896                
897              </a>
898            </span>
899          
900
901          
902            <span class="desktop-2 tablet-hide mm-image center">
903              <a href="/collections/poppy">
904                <img src="//www.handinhandsoap.com/cdn/shop/files/Poppy_2074x1794_a1703455-09bd-4b50-8291-f117b5652d69_400x.jpg?v=1631838891" alt="Poppy">
905                
906                  <h4 class="center">Poppy</h4>
907                
908              </a>
909            </span>
910          
911
912          
913            <span class="desktop-2 tablet-hide mm-image center">
914              <a href="/collections/almond-creme">
915                <img src="//www.handinhandsoap.com/cdn/shop/files/Almond_Creme_Menu_400x.jpg?v=1680554505" alt="Almond Crème">
916                
917                  <h4 class="center">Almond Crème</h4>
918                
919              </a>
920            </span>
921          
922
923          
924
925          
926
927          
928
929          
930          
931        </div>
932      </ul>
933    </li>
934  
935
936
937
938
939
940
941
942              
943                
944
945
946
947
948
949
950
951
952
953
954  <li  role="listitem"><a href="/pages/ingredients" title="">INGREDIENTS</a></li>
955
956
957              
958                
959
960
961
962
963
964
965
966<li class="dropdown"  role="listitem">
967      <a href="#" class="main-link-mega-menu">MISSION</a>
968      <ul class="megamenu">
969        <div class="mega-container menu-item-mission">
970            <span class="desktop-2 tablet-hide mm-image center">
971              <a href="/pages/story">
972                <img src="//www.handinhandsoap.com/cdn/shop/files/OurStory_Nav_image_2x_ddaf4925-0fc5-4d10-acd8-a598167a8a5e_400x.jpg?v=1630124403" alt="Our Story">
973                
974                  <h4 class="center">Our Story</h4>
975                
976              </a>
977            </span>
978          
979
980          
981            <span class="desktop-2 tablet-hide mm-image center">
982              <a href="/pages/impact">
983                <img src="//www.handinhandsoap.com/cdn/shop/files/Group_5011_400x.png?v=1627998567" alt="Our Impact">
984                
985                  <h4 class="center">Our Impact</h4>
986                
987              </a>
988            </span>
989          
990
991          
992
993          
994
995          
996
997          
998
999          
1000
1001          
1002
1003          
1004
1005          
1006
1007          
1008
1009          
1010
1011          
1012
1013          
1014          
1015        </div>
1016      </ul>
1017    </li>
1018  
1019
1020
1021
1022
1023
1024              
1025                
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036  <li  role="listitem"><a href="/pages/store-finder" title="">STORE FINDER</a></li>
1037
1038
1039              
1040            </ul>
1041          
1042        </nav>
1043
1044        
1045
1046        
1047          <div class="desktop-2 tablet-3 mobile-hide" style="margin-top:0px;">
1048            <ul
1049              id="cart"
1050              class="custom-button-cart"
1051              style="display:flex; align-items:center;margin-top:0px;justify-content:space-between;"
1052            >
1053              <li class="seeks">
1054                <a id="inline" href="#search_popup" class="open_popup" title="Search">
1055                  <svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 26" width="27" height="26">
1056	<title>4Green_4</title>
1057	<style>
1058		tspan { white-space:pre }
1059		.shp0 { fill: none;stroke: #004876;stroke-linecap:round;stroke-width: 2.876 } 
1060	</style>
1061	<g id="4Green_4">
1062		<g id="Group 497">
1063			<g id="Group 496">
1064				<g id="Group 9">
1065					<g id="Group 8">
1066						<path id="Ellipse 4" class="shp0" d="M12.86 22.66C7.24 22.66 2.69 18.11 2.69 12.49C2.69 6.86 7.24 2.31 12.86 2.31C18.49 2.31 23.04 6.86 23.04 12.49C23.04 18.11 18.49 22.66 12.86 22.66ZM24.34 23.96L20.05 19.67" />
1067					</g>
1068				</g>
1069			</g>
1070		</g>
1071	</g>
1072</svg>
1073                  <i class="fa fa-search hide" aria-hidden="true"></i>
1074                  <span style="display:none">Search</span>
1075                </a>
1076                
1077              </li>
1078              
1079                <li class="cust">
1080                  
1081                    <a href="/account/login"><svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 29" width="23" height="29">
1082	<title>4Green_4</title>
1083	<style>
1084		tspan { white-space:pre }
1085		.shp0 { fill: #004876 } 
1086	</style>
1087	<g id="4Green_4">
1088		<g id="Group 497">
1089			<g id="Group 496">
1090				<g id="Group 9">
1091					<path id="Path 35" class="shp0" d="M13.43 14.38L13.43 14.38C13.43 14.03 13.64 13.71 13.96 13.57C16.36 12.54 18.05 10.16 18.05 7.38L18.05 7.38C18.05 3.65 15.02 0.63 11.3 0.63L11.3 0.63C7.57 0.63 4.55 3.65 4.55 7.38L4.55 7.38C4.55 10.16 6.23 12.54 8.63 13.57C8.95 13.71 9.17 14.03 9.17 14.38L9.17 14.38C9.17 14.78 8.9 15.13 8.51 15.23C3.81 16.47 0.34 20.74 0.34 25.83L0.34 28.36L22.25 28.36L22.25 25.83C22.25 20.74 18.78 16.47 14.08 15.23C13.69 15.13 13.43 14.78 13.43 14.38Z" />
1092				</g>
1093			</g>
1094		</g>
1095	</g>
1096</svg><i class="fa fa-user-o hide" aria-hidden="true"></i
1097                    ><span  style="display:none">Login</span></a>
1098                  
1099                </li>
1100              
1101              <li>
1102                <a
1103                  href="/cart"
1104                  
1105                    class="site-header__cart-toggle js-drawer-open-right" aria-controls="CartDrawer"
1106                    aria-expanded="false"
1107                  
1108                >
1109                  <span class="cart-words"></span>
1110                  
1111                    <svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 21" width="30" height="21">
1112	<title>4Green_4</title>
1113	<style>
1114		tspan { white-space:pre }
1115		.shp0 { fill: #004876 } 
1116	</style>
1117	<g id="4Green_4">
1118		<g id="Group 497">
1119			<g id="Group 496">
1120				<g id="Group 9">
1121					<path id="Path 34" class="shp0" d="M11.18 13.48L20.87 13.48C25.39 13.48 29.05 9.82 29.05 5.3L29.05 0.8L6.78 0.8L1.57 0.8C0.92 0.8 0.38 1.33 0.38 1.99L0.38 1.99C0.38 2.65 0.92 3.18 1.57 3.18L4.92 3.18C5.95 3.18 6.78 4.01 6.78 5.04L6.78 12.26L6.78 19.33C6.78 20.25 7.53 21 8.45 21L8.45 21C9.37 21 10.12 20.25 10.12 19.33L10.12 18.94L25.3 18.94L25.3 19.28C25.3 20.08 25.84 20.8 26.62 20.96C27.7 21.18 28.64 20.36 28.64 19.33L28.64 18.14C28.64 16.74 27.5 15.6 26.1 15.6L11.24 15.6C10.69 15.6 10.18 15.2 10.13 14.65C10.06 14.01 10.56 13.48 11.18 13.48Z" />
1122				</g>
1123			</g>
1124		</g>
1125	</g>
1126</svg><i class="fa fa-shopping-cart hide" aria-hidden="true"></i>
1127                  
1128                  
1129                </a>
1130              </li>
1131              
1132            </ul>
1133            
1134          </div>
1135        
1136      </div>
1137    </div>
1138  </div>
1139</header>
1140
1141<div
1142  id="phantom"
1143  
1144></div>
1145
1146<style>
1147  
1148  @media screen and ( min-width: 740px ) {
1149  #logo img { max-width: 175px; }
1150  }
1151  
1152  
1153  
1154  header { border-bottom: 1px solid #e5e5e5; }
1155  
1156  
1157  
1158  #logo { margin-right: 20px; }
1159  
1160
1161  
1162  .bannertop { text-align: center! important; }
1163  
1164  
1165
1166  .bannertop {
1167    font-size: 17px;
1168  }
1169  .bannertop ul#cart li a {
1170    font-size: 17px;
1171  }
1172  .bannertop select.currency-picker {
1173    font-family: 'Roboto', sans-serif;;
1174    font-size: 17px;
1175  }
1176  #logo a {
1177    font-size: 27px;
1178    text-transform: none;
1179    font-weight: 400;
1180  }
1181  .custom-promo-menu {
1182    background: rgba(0,0,0,0);
1183    color: rgba(0,0,0,0);
1184  }
1185</style>
1186
1187
1188</div>
1189    <div class="page-wrap">
1190      
1191      	
1192      <!--LayoutHub-Workspace-Start--><div class="index-sections">
1193  <!-- BEGIN content_for_index --><div id="shopify-section-carousel_banner_cyK3pn" class="shopify-section"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css">
1194<!--
1194<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js" async></script>
1194-->
1195<script src="//www.handinhandsoap.com/cdn/shop/t/76/assets/swiper-bundle.min.js?v=105657941509464647301725054290" type="text/javascript"></script>
1195
1196<style>
1197  .header_carousel .swiper-button-prev, .header_carousel .swiper-button-next {
1198      background: #ccc;
1199      width: 3em;
1200      height:3em;
1201      border-radius: 50%;
1202      opacity: 0.7;
1203  }
1204  .header_carousel .swiper-button-prev:hover, .header_carousel .swiper-button-next:hover {
1205    opacity: 0.9;
1206  }
1207  .header_carousel .swiper-button-prev svg, .header_carousel .swiper-button-next svg {
1208    width: 1.5em;
1209    height: 1.5em;
1210  }
1211  .header_carousel .swiper-button-prev svg {
1212    transform: scaleX(-1);
1213  }
1214  .one-whole {
1215    width: 100%;
1216  }
1217  .small--hide {
1218        display: block !important;
1219    }
1220    .small--show {
1221        display: none !important;
1222    }
1223    .header_carousel .swiper-button-prev::after, .header_carousel .swiper-button-next::after {
1224        content: none;
1225    }
1226    .header_carousel .banner_content {
1227        background: #fff;
1228        padding: 50px;
1229        position: absolute;
1230        top: 50%;
1231        transform: translate(-50%, -50%);
1232        left: 50%;
1233        text-align: center;
1234    }
1235    .header_carousel .image_slide img {
1236        position: absolute;
1237        top: 0;
1238        left: 0;
1239        width: 100%;
1240        height: 100%;
1241        object-fit: cover;
1242    }
1243    .header_carousel .image_slide {
1244        padding-top: 44.58%;
1245    }
1246    @media (max-width:1024px) {
1247        .header_carousel .banner_content {
1248        position: relative;
1249        top: unset;
1250        transform: unset;
1251        left: unset;
1252        padding: 40px 20px;
1253        }
1254        .header_carousel .image_slide {
1255        padding-top: unset;
1256    }
1257    .header_carousel .image_slide img {
1258        position: relative;
1259    }
1260    }
1261
1262  @media (max-width: 768px) {
1263    .header_carousel .swiper-button-prev, .header_carousel .swiper-button-next {
1264      width: 2em;
1265      height: 2em;
1266    }
1267    .header_carousel .swiper-button-prev svg, .header_carousel .swiper-button-next svg {
1268      width: 1em;
1269      height: 1em;
1270    }
1271    .small--hide {
1272        display: none !important;
1273    }
1274    .small--show {
1275        display: block !important;
1276    }
1277  }
1278</style>
1279
1280<script>
1281  $(document).ready(function() {
1282    var swiper = new Swiper(".header_carousel", {
1283      loop: true,
1284      autoplay: {
1285      delay: 7500,
1286      },
1287      speed: 2000,
1288      navigation: {
1289        nextEl: ".swiper-button-next",
1290        prevEl: ".swiper-button-prev",
1291      },
1292    });
1293  });
1294</script>
vendor: 1 bytes, line 1294
1294
1295<script>
1296  $(".video_slide").load(location.href + " .video_slide");
1297  document.getElementById('banner_vid').play();
1298</script>
1298
1299
1300
1301
1302
1303<div class="header_carousel swiper ">
1304  <div class="swiper-wrapper">
1305    
1306      
1307      
1308            <div class="swiper-slide">
1309                <div class="image_slide">
1310                  
1311                    <a href="/collections/liquid-hand-soaps" aria-label="video content">
1312                      <img
1313                        class="one-whole desk_poster small--hide"
1314                        src="//www.handinhandsoap.com/cdn/shop/files/8.30-2.png?v=1762562635"
1315                        loading="lazy"
1316                        width="1520"
1317                        height="678"
1318                        alt="desk_poster"
1319                      >
1320                    </a>
1321                  
1322                  
1323                    <a href="/collections/liquid-hand-soaps" aria-label="video content">
1324                      <img
1325                        class="one-whole mobile_poster hidden small--show"
1326                        src="//www.handinhandsoap.com/cdn/shop/files/8.30-4.png?v=1762562657"
1327                        loading="lazy"
1328                        width="390"
1329                        height="418"
1330                        alt="mobile_poster" 
1331                      >
1332                    </a>
1333                  
1334                  </div>
1335                  
1336            </div>
1337      
1338    
1339  </div>
1340  <div class="swiper-button-next">
1341    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40">
1342      <path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
1343    </svg>
1344  </div>
1345
1346  <div class="swiper-button-prev">
1347    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40">
1348      <path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
1349    </svg>
1350  </div>
1351</div>
1352
1353
1354
1355
1356
1357
1358</div><div id="shopify-section-1627563960fbf41029" class="shopify-section"><section class="index-section homepage-section homepage-promo no-fouc cat-custom-featured-images sec-1627563960fbf41029" data-section-id="1627563960fbf41029" >
1359  <article id="promo-images" class="row">
1360    
1361
1362     <div class="pimg homepage-promo desktop-2 tablet-2 mobile-1 promo-1627563960fbf41029-1 wow fadeInUp" data-wow-duration="2s" >  
1363      <div class="promo-inner">
1364        <div class="promo-image center">
1365            
1366            
1367            <img src="//www.handinhandsoap.com/cdn/shop/files/bogb-icon-green_1200x.png?v=1635961079" alt="promo-one">
1368            
1369          
1370        </div>
1371        <div class="promo-block">
1372          
1373            <h3 class="promo-title">BUY ONE<br>GIVE BACK</h3>
1374          
1375          <div class="promo-text"></div>
1376        </div>
1377         
1378      </div>      
1379    </div>
1380    
1381    <style>
1382      .homepage-promo.promo-1627563960fbf41029-1 .promo-inner p {
1383        color: #000000;
1384      }
1385      /* IMAGE BLOCKS */
1386      section.homepage-promo.sec-1627563960fbf41029 { 
1387        background-color: #ffffff;
1388      }   
1389      
1390      section.homepage-promo, section.homepage-promo .caption p { 
1391        font-size: 24px; 
1392        font-weight: light;
1393      }
1394
1395    </style>
1396    
1397     <div class="pimg homepage-promo desktop-2 tablet-2 mobile-1 promo-585dbf47-7ad1-4afd-b58e-4ef853c4e898 wow fadeInUp" data-wow-duration="2s" >  
1398      <div class="promo-inner">
1399        <div class="promo-image center">
1400            
1401            
1402            <img src="//www.handinhandsoap.com/cdn/shop/files/Natural_Icon_233x233_d2ce5583-5c37-44f6-8535-269a380a446c_1200x.png?v=1648836487" alt="promo-two">
1403            
1404          
1405        </div>
1406        <div class="promo-block">
1407          
1408            <h3 class="promo-title">CLEAN<br>INGREDIENTS</h3>
1409          
1410          <div class="promo-text"></div>
1411        </div>
1412         
1413      </div>      
1414    </div>
1415    
1416    <style>
1417      .homepage-promo.promo-585dbf47-7ad1-4afd-b58e-4ef853c4e898 .promo-inner p {
1418        color: #000000;
1419      }
1420      /* IMAGE BLOCKS */
1421      section.homepage-promo.sec-1627563960fbf41029 { 
1422        background-color: #ffffff;
1423      }   
1424      
1425      section.homepage-promo, section.homepage-promo .caption p { 
1426        font-size: 24px; 
1427        font-weight: light;
1428      }
1429
1430    </style>
1431    
1432     <div class="pimg homepage-promo desktop-2 tablet-2 mobile-1 promo-32d6
143254d6-6bed-43af-b221-4a4e9ed9699b wow fadeInUp" data-wow-duration="2s" >  
1433      <div class="promo-inner">
1434        <div class="promo-image center">
1435            
1436            
1437            <img src="//www.handinhandsoap.com/cdn/shop/files/cruelty-free-icon-green_1200x.png?v=1635961080" alt="promo-three">
1438            
1439          
1440        </div>
1441        <div class="promo-block">
1442          
1443            <h3 class="promo-title">CRUELTY <br>FREE</h3>
1444          
1445          <div class="promo-text"></div>
1446        </div>
1447         
1448      </div>      
1449    </div>
1450    
1451    <style>
1452      .homepage-promo.promo-32d654d6-6bed-43af-b221-4a4e9ed9699b .promo-inner p {
1453        color: #000000;
1454      }
1455      /* IMAGE BLOCKS */
1456      section.homepage-promo.sec-1627563960fbf41029 { 
1457        background-color: #ffffff;
1458      }   
1459      
1460      section.homepage-promo, section.homepage-promo .caption p { 
1461        font-size: 24px; 
1462        font-weight: light;
1463      }
1464
1465    </style>
1466    
1467     <div class="pimg homepage-promo desktop-2 tablet-2 mobile-1 promo-1627563960fbf41029-2 wow fadeInUp" data-wow-duration="2s" >  
1468      <div class="promo-inner">
1469        <div class="promo-image center">
1470            
1471            
1472            <img src="//www.handinhandsoap.com/cdn/shop/files/recyclable-icon-green_1200x.png?v=1635961080" alt="promo-four">
1473            
1474          
1475        </div>
1476        <div class="promo-block">
1477          
1478            <h3 class="promo-title">INFINITELY<br>RECYCLABLE<br>ALUMINUM</h3>
1479          
1480          <div class="promo-text"></div>
1481        </div>
1482         
1483      </div>      
1484    </div>
1485    
1486    <style>
1487      .homepage-promo.promo-1627563960fbf41029-2 .promo-inner p {
1488        color: #000000;
1489      }
1490      /* IMAGE BLOCKS */
1491      section.homepage-promo.sec-1627563960fbf41029 { 
1492        background-color: #ffffff;
1493      }   
1494      
1495      section.homepage-promo, section.homepage-promo .caption p { 
1496        font-size: 24px; 
1497        font-weight: light;
1498      }
1499
1500    </style>
1501    
1502     <div class="pimg homepage-promo desktop-2 tablet-2 mobile-1 promo-1627563960fbf41029-0 wow fadeInUp" data-wow-duration="2s" >  
1503      <div class="promo-inner">
1504        <div class="promo-image center">
1505            
1506            
1507            <img src="//www.handinhandsoap.com/cdn/shop/files/PalmOil_Icon_233x233_621cacfe-3047-40ec-94dc-4d8b89d8637e_1200x.png?v=1648836635" alt="promo-five">
1508            
1509          
1510        </div>
1511        <div class="promo-block">
1512          
1513            <h3 class="promo-title">PALM OIL<br>FREE</h3>
1514          
1515          <div class="promo-text"></div>
1516        </div>
1517         
1518      </div>      
1519    </div>
1520    
1521    <style>
1522      .homepage-promo.promo-1627563960fbf41029-0 .promo-inner p {
1523        color: #000000;
1524      }
1525      /* IMAGE BLOCKS */
1526      section.homepage-promo.sec-1627563960fbf41029 { 
1527        background-color: #ffffff;
1528      }   
1529      
1530      section.homepage-promo, section.homepage-promo .caption p { 
1531        font-size: 24px; 
1532        font-weight: light;
1533      }
1534
1535    </style>
1536    
1537    
1538    
1539    
1540    
1541  </article>
1542  
1543</section>
1544
1545
1546<style>
1547  .sec-1627563960fbf41029 #promo-images .custom-section-title {
1548    text-align: center; 
1549  }
1550    h2.bg-pink.title-id-1627563960fbf41029
1551    {
1552		background: #ffcccc;
1553      	color: #000000; 
1554        text-align: center; 
1555       
1556    }
1557
1558  
1559  
1560  .subheading-id-1627563960fbf41029{
1561  		color: #000000;
1562    	font-size: 16px;
1563        text-align: center; 
1564  }
1565  
1566  
1567</style>
1568
1569
1570
1571
1572
1573</div><div id="shopify-section-1508968776697" class="shopify-section"><section class="index-section homepage-section homepage-promo no-fouc cat-custom-featured-images sec-1508968776697" data-section-id="1508968776697" >
1574  <article id="promo-images" class="row">
1575    
1576       <div class="section-title row custom-section-title">
1577       		<h2 class="bg-pink title-id-1508968776697">SHOP BY CATEGORY</h2>
1578          
1579        </div>
1580    
1581
1582     <div class="pimg homepage-promo desktop-3 tablet-3 mobile-half promo-1508968776697-0 wow fadeInUp" data-wow-duration="2s" >  
1583      <div class="promo-inner">
1584        <div class="promo-image center">
1585            
1586             <a href="/collections/liquid-hand-soaps">
1587            
1588            
1589            <img src="//www.handinhandsoap.com/cdn/shop/files/HandSoap_category_1200x.jpg?v=1635227094" alt="Hand in Hand Hand Soap">
1590            
1591          
1592           </a>
1593          
1594        </div>
1595        <div class="promo-block">
1596          
1597          <div class="promo-text"><p><a href="/collections/liquid-hand-soaps" title="LIQUID HAND SOAP">Hand Soap ›</a></p></div>
1598        </div>
1599         
1600      </div>      
1601    </div>
1602    
1603    <style>
1604      .homepage-promo.promo-1508968776697-0 .promo-inner p {
1605        color: #000000;
1606      }
1607      /* IMAGE BLOCKS */
1608      section.homepage-promo.sec-1508968776697 { 
1609        background-color: rgba(0,0,0,0);
1610      }   
1611      
1612      section.homepage-promo, section.homepage-promo .caption p { 
1613        font-size: 23px; 
1614        font-weight: bold;
1615      }
1616
1617    </style>
1618    
1619     <div class="pimg homepage-promo desktop-3 tablet-3 mobile-half promo-1508968776697-1 wow fadeInUp" data-wow-duration="2s" >  
1620      <div class="promo-inner">
1621        <div class="promo-image center">
1622            
1623             <a href="/collections/body-wash">
1624            
1625            
1626            <img src="//www.handinhandsoap.com/cdn/shop/files/HandinHand_BodyWash_Category_Thumbnail_1200x.jpg?v=1628197105" alt="Hand in Hand Body Wash">
1627            
1628          
1629           </a>
1630          
1631        </div>
1632        <div class="promo-block">
1633          
1634          <div class="promo-text"><p><a href="/collections/body-wash" title="BODY WASH">Body Wash ›</a></p></div>
1635        </div>
1636         
1637      </div>      
1638    </div>
1639    
1640    <style>
1641      .homepage-promo.promo-1508968776697-1 .promo-inner p {
1642        color: #000000;
1643      }
1644      /* IMAGE BLOCKS */
1645      section.homepage-promo.sec-1508968776697 { 
1646        background-color: rgba(0,0,0,0);
1647      }   
1648      
1649      section.homepage-promo, section.homepage-promo .caption p { 
1650        font-size: 23px; 
1651        font-weight: bold;
1652      }
1653
1654    </style>
1655    
1656     <div class="pimg homepage-promo desktop-3 tablet-3 mobile-half promo-ef92eb82-0c18-4e30-84fd-d95e855a468a wow fadeInUp" data-wow-duration="2s" >  
1657      <div class="promo-inner">
1658        <div class="promo-image center">
1659            
1660             <a href="/collections/body-lotion">
1661            
1662            
1663            <img src="//www.handinhandsoap.com/cdn/shop/files/HandinHand_BodyLotion_Category_Thumbnail_1200x.jpg?v=1628197155" alt="Hand in Hand Body Lotion">
1664            
1665          
1666           </a>
1667          
1668        </div>
1669        <div class="promo-block">
1670          
1671          <div class="promo-text"><p><a href="/collections/moisturizing-lotion" title="BODY LOTION">Body Lotion ›</a></p></div>
1672        </div>
1673         
1674      </div>      
1675    </div>
1676    
1677    <style>
1678      .homepage-promo.promo-ef92eb82-0c18-4e30-84fd-d95e855a468a .promo-inner p {
1679        color: #000000;
1680      }
1681      /* IMAGE BLOCKS */
1682      section.homepage-promo.sec-1508968776697 { 
1683        background-color: rgba(0,0,0,0);
1684      }   
1685      
1686      section.homepage-promo, section.homepage-promo .caption p { 
1687        font-size: 23px; 
1688        font-weight: bold;
1689      }
1690
1691    </style>
1692    
1693     <div class="pimg homepage-promo desktop-3 tablet-3 mobile-half promo-1508968776697-2 wow fadeInUp" data-wow-duration="2s" >  
1694      <div class="promo-inner">
1695        <div class="promo-image center">
1696            
1697             <a href="/collections/sugar-scrub-collection">
1698            
1699            
1700            <img src="//www.handinhandsoap.com/cdn/shop/files/HandinHand_SugarScrub_Category_Thumbnail_1200x.jpg?v=1628197218" alt="Hand in Hand Sugar Scrub">
1701            
1702          
1703           </a>
1704          
1705        </div>
1706        <div class="promo-block">
1707          
1708          <div class="promo-text"><p><a href="/collections/sugar-scrub-collection" title="SUGAR SCRUB">
1708Sugar Scrub ›</a></p></div>
1709        </div>
1710         
1711      </div>      
1712    </div>
1713    
1714    <style>
1715      .homepage-promo.promo-1508968776697-2 .promo-inner p {
1716        color: #000000;
1717      }
1718      /* IMAGE BLOCKS */
1719      section.homepage-promo.sec-1508968776697 { 
1720        background-color: rgba(0,0,0,0);
1721      }   
1722      
1723      section.homepage-promo, section.homepage-promo .caption p { 
1724        font-size: 23px; 
1725        font-weight: bold;
1726      }
1727
1728    </style>
1729    
1730     <div class="pimg homepage-promo desktop-3 tablet-3 mobile-half promo-6330115a-9424-471a-a0df-5c016788737c wow fadeInUp" data-wow-duration="2s" >  
1731      <div class="promo-inner">
1732        <div class="promo-image center">
1733            
1734             <a href="/collections/bar-soap">
1735            
1736            
1737            <img src="//www.handinhandsoap.com/cdn/shop/files/HandinHand_BarSoap_Category_Thumbnail_1200x.jpg?v=1628197278" alt="Hand in Hand Bar Soap">
1738            
1739          
1740           </a>
1741          
1742        </div>
1743        <div class="promo-block">
1744          
1745          <div class="promo-text"><p><a href="/collections/bar-soap" title="BAR SOAP">Bar Soap ›</a> </p></div>
1746        </div>
1747         
1748      </div>      
1749    </div>
1750    
1751    <style>
1752      .homepage-promo.promo-6330115a-9424-471a-a0df-5c016788737c .promo-inner p {
1753        color: #000000;
1754      }
1755      /* IMAGE BLOCKS */
1756      section.homepage-promo.sec-1508968776697 { 
1757        background-color: rgba(0,0,0,0);
1758      }   
1759      
1760      section.homepage-promo, section.homepage-promo .caption p { 
1761        font-size: 23px; 
1762        font-weight: bold;
1763      }
1764
1765    </style>
1766    
1767     <div class="pimg homepage-promo desktop-3 tablet-3 mobile-half promo-04e9f943-ecea-48d5-ab48-7019f0ab27b8 wow fadeInUp" data-wow-duration="2s" >  
1768      <div class="promo-inner">
1769        <div class="promo-image center">
1770            
1771            
1772            <img src="//www.handinhandsoap.com/cdn/shop/files/HandinHand_HandSanitizer_Category_Thumbnail_1200x_e5755115-ed1d-4114-9f57-72da6126abd6_1200x.jpg?v=1629365862" alt="Hand in Hand Hand Sanitizer">
1773            
1774          
1775        </div>
1776        <div class="promo-block">
1777          
1778          <div class="promo-text"><p><a href="/collections/hand-sanitizer" title="HAND SANITIZER">Hand Sanitizer ›</a></p></div>
1779        </div>
1780         
1781      </div>      
1782    </div>
1783    
1784    <style>
1785      .homepage-promo.promo-04e9f943-ecea-48d5-ab48-7019f0ab27b8 .promo-inner p {
1786        color: #000000;
1787      }
1788      /* IMAGE BLOCKS */
1789      section.homepage-promo.sec-1508968776697 { 
1790        background-color: rgba(0,0,0,0);
1791      }   
1792      
1793      section.homepage-promo, section.homepage-promo .caption p { 
1794        font-size: 23px; 
1795        font-weight: bold;
1796      }
1797
1798    </style>
1799    
1800     <div class="pimg homepage-promo desktop-3 tablet-3 mobile-half promo-4b82bebe-9481-42ad-99f2-39b92b907853 wow fadeInUp" data-wow-duration="2s" >  
1801      <div class="promo-inner">
1802        <div class="promo-image center">
1803            
1804             <a href="/collections/foaming-hand-soap">
1805            
1806            
1807            <img src="//www.handinhandsoap.com/cdn/shop/files/FHS_Category_Home_v2_1200x.png?v=1654358322" alt="Hand in Hand Foaming Hand Soap">
1808            
1809          
1810           </a>
1811          
1812        </div>
1813        <div class="promo-block">
1814          
1815          <div class="promo-text"><p><a href="/collections/minis" title="Minis">Foaming Hand Soap ›</a></p></div>
1816        </div>
1817         
1818      </div>      
1819    </div>
1820    
1821    <style>
1822      .homepage-promo.promo-4b82bebe-9481-42ad-99f2-39b92b907853 .promo-inner p {
1823        color: #000000;
1824      }
1825      /* IMAGE BLOCKS */
1826      section.homepage-promo.sec-1508968776697 { 
1827        background-color: rgba(0,0,0,0);
1828      }   
1829      
1830      section.homepage-promo, section.homepage-promo .caption p { 
1831        font-size: 23px; 
1832        font-weight: bold;
1833      }
1834
1835    </style>
1836    
1837     <div class="pimg homepage-promo desktop-3 tablet-3 mobile-half promo-f829c1bd-49ad-45c0-be85-d8ab19faaf35 wow fadeInUp" data-wow-duration="2s" >  
1838      <div class="promo-inner">
1839        <div class="promo-image center">
1840            
1841             <a href="/collections/combo-packs">
1842            
1843            
1844            <img src="//www.handinhandsoap.com/cdn/shop/files/ComboPacks_Category_1200x.jpg?v=1635226774" alt="Hand in Hand Combo Packs">
1845            
1846          
1847           </a>
1848          
1849        </div>
1850        <div class="promo-block">
1851          
1852          <div class="promo-text"><p><a href="/collections/combo-packs" title="Combo Packs">Combo Packs ›</a></p></div>
1853        </div>
1854         
1855      </div>      
1856    </div>
1857    
1858    <style>
1859      .homepage-promo.promo-f829c1bd-49ad-45c0-be85-d8ab19faaf35 .promo-inner p {
1860        color: #000000;
1861      }
1862      /* IMAGE BLOCKS */
1863      section.homepage-promo.sec-1508968776697 { 
1864        background-color: rgba(0,0,0,0);
1865      }   
1866      
1867      section.homepage-promo, section.homepage-promo .caption p { 
1868        font-size: 23px; 
1869        font-weight: bold;
1870      }
1871
1872    </style>
1873    
1874    
1875    
1876    
1877    
1878  </article>
1879  
1880</section>
1881
1882
1883<style>
1884  .sec-1508968776697 #promo-images .custom-section-title {
1885    text-align: center; 
1886  }
1887    h2.bg-pink.title-id-1508968776697
1888    {
1889		background: rgba(0,0,0,0);
1890      	color: #004976; 
1891        text-align: center; 
1892       
1893    }
1894
1895  
1896  
1897  .subheading-id-1508968776697{
1898  		color: #77c5d5;
1899    	font-size: 19px;
1900        text-align: center; 
1901  }
1902  
1903  
1904</style>
1905
1906
1907
1908
1909
1910</div><div id="shopify-section-1627628698f9fd4b8f" class="shopify-section"><section class="index-section homepage-section homepage-promo homepage-promo-hover-cat no-fouc sec-1627628698f9fd4b8f" data-section-id="1627628698f9fd4b8f" >
1911  <article id="promo-images" class="row"><div class="pimg homepage-promo desktop-8 tablet-4 mobile-3 promo- promo-hover-cat-image" >  
1912      <div class="promo-inner">
1913        
1914<div class="promo-image center image-view-hover" id="image-view-1627628698f9fd4b8f-2" style=" display:block; ">
1915          <a href="/collections/cactus-blossom">
1916            
1917            <img src="//www.handinhandsoap.com/cdn/shop/files/Cactus_2074x1794_6cd3b18c-33a6-47c0-b877-fa5ac7f15ad6_1200x.jpg?v=1631838777" alt="Cactus Blossom">
1918            
1919
1920          </a>
1921        </div>
1922        
1923<div class="promo-image center image-view-hover" id="image-view-1627628698f9fd4b8f-0" style=" display:none; ">
1924          <a href="/collections/citrus-grove-collection">
1925            
1926            <img src="//www.handinhandsoap.com/cdn/shop/files/Citrus_2074x1794_7bf5d8ae-baa5-499d-b004-90e6c2133041_1200x.jpg?v=1631838801" alt="Citrus Grove">
1927            
1928
1929          </a>
1930        </div>
1931        
1932<div class="promo-image center image-view-hover" id="image-view-1627628698f9fd4b8f-1" style=" display:none; ">
1933          <a href="/collections/island-mimosa">
1934            
1935            <img src="//www.handinhandsoap.com/cdn/shop/files/Island_2074x1794_d25ccd2c-fd54-468a-b572-d1d6d3e21ab8_1200x.jpg?v=1631838832" alt="Island Mimosa">
1936            
1937
1938          </a>
1939        </div>
1940        
1941<div class="promo-image center image-view-hover" id="image-view-199507b4-8a05-48a8-9564-bf886aa7ed2f" style=" display:none; ">
1942          <a href="/collections/lavender-collection">
1943            
1944            <img src="//www.handinhandsoap.com/cdn/shop/files/Lavendar_2074x1794_4b2de5b6-ccb7-48ed-b9ed-a8e7bbb453a1_1200x.jpg?v=1631838849" alt="Lavender">
1945            
1946
1947          </a>
1948        </div>
1949        
1950<div class="promo-image center image-view-hover" id="image-view-5927b491-fe62-410f-b3fc-eacc1ec473bb" style=" display:none; ">
1951          <a href="/collections/pink-peony">
1952            
1953            <img src="//www.handinhandsoap.com/cdn/shop/files/Pink_2074x1794_92bfcb80-de74-46ef-9f6d-f49981d1402d_1200x.jpg?v=1631838875" alt="collection_img">
1954            
1955
1956          </a>
1957        </div>
1958        
1959<div class="promo-image center image-view-hover" id="image-view-0430e11c-ffd5-47ab-9078-c8542cad9475" style=" display:none; ">
1960          <a href="/collections/poppy">
1961            
1962            <img src="//www.handinhandsoap.com/cdn/shop/files/Poppy_2074x1794_a1703455-09bd-4b50-8291-f117b5652d69_1200x.jpg?v=1631838891" alt="Poppy">
1963            
1964
1965          </a>
1966        </div>
1967        
1968<div class="promo-image center image-view-hover" id="image-view-0b5d72ad-2277-42c1-83e1-c7fbfa4fb848" style=" display:none; ">
1969          <a href="/collections/rosemary-lemon">
1970            
1971            <img src="//www.handinhandsoap.com/cdn/shop/files/Rosemary_2074x1794_2d3b07ad-6686-4e00-bf2b-889ebd787d67_1200x.jpg?v=1631838937" alt="Rosemary Lemon">
1972            
1973
1974          </a>
1975        </div>
1976        
1977<div class="promo-image center image-view-hover" id="image-view-f5a64619-17f6-409b-9a84-738a20969e7f" style=" display:none; ">
1978          <a href="/collections/sea-salt-collection">
1979            
1980            <img src="//www.handinhandsoap.com/cdn/shop/files/SeaSalt_NavModule_1200x.jpg?v=1631654794" alt="Sea Salt">
1981            
1982
1983          </a>
1984        </div>
1985        
1986<div class="promo-image center image-view-hover" id="image-view-78f465ca-a6f1-4589-bd31-5558ed5c4c57" style=" display:none; ">
1987          <a href="/collections/sweetgrass">
1988            
1989            <img src="//www.handinhandsoap.com/cdn/shop/files/Sweetgrass_2074x1794_c85bd8fd-1621-4fcd-8d82-dc700d09d840_1200x.jpg?v=1631838997" alt="Sweetgrass">
1990            
1991
1992          </a>
1993        </div>
1994        
1995<div class="promo-image center image-view-hover" id="image-view-8d6b2c66-0c42-43d3-b371-3f3a899a13e2" style=" display:none; ">
1996          <a href="/collections/almond-creme">
1997            
1998            <img src="//www.handinhandsoap.com/cdn/shop/files/Almond_Creme_1200x.jpg?v=1680725260" alt="collection_img">
1999            
2000
2001          </a>
2002        </div>
2003        
2004      </div>      
2005    </div>
2006    
2007    <style>
2008      section.homepage-promo.sec-1627628698f9fd4b8f { 
2009        background-color: #ffffff;
2010      }   
2011      
2012      section.homepage-promo, section.homepage-promo .caption p { 
2013        font-size: 26px; 
2014        font-weight: light;
2015      }
2016      .category-text-1627628698f9fd4b8f{
2017        font-size: 26px; 
2018      }
2019    </style>
2020    
2021    
2022    
2023    
2024    <div class="pimg homepage-promo desktop-4 tablet-2 mobile-3 promo- promo-hover-cat-list" >  
2025      <div class="promo-inner">
2026        
2027             <div class="section-title row custom-section-title">
2028                  <h2 class="bg-pink title-id-1627628698f9fd4b8f">SHOP BY FRAGRANCE</h2>
2029                
2030              </div>
2031          
2032        
2033        <div class="promo-block">
2034          
2035          <h3 class="promo-title category-text-list"><a href="/collections/cactus-blossom" data-section-id="1627628698f9fd4b8f-2">Cactus Blossom</a></h3>
2036          
2037        </div>
2038       
2039        <div class="promo-block">
2040          
2041          <h3 class="promo-title category-text-list"><a href="/collections/citrus-grove-collection" data-section-id="1627628698f9fd4b8f-0">Citrus Grove</a></h3>
2042          
2043        </div>
2044       
2045        <div class="promo-block">
2046          
2047          <h3 class="promo-title category-text-list"><a href="/collections/island-mimosa" data-section-id="1627628698f9fd4b8f-1">Island Mimosa</a></h3>
2048          
2049        </div>
2050       
2051        <div class="promo-block">
2052          
2053          <h3 class="promo-title category-text-list"><a href="/collections/lavender-collection" data-section-id="199507b4-8a05-48a8-9564-bf886aa7ed2f">Lavender</a></h3>
2054          
2055        </div>
2056       
2057        <div class="promo-block">
2058          
2059          <h3 class="promo-title category-text-list"><a href="/collections/pink-peony" data-section-id="5927b491-fe62-410f-b3fc-eacc1ec473bb">Pink Peony</a></h3>
2060          
2061        </div>
2062       
2063        <div class="promo-block">
2064          
2065          <h3 class="promo-title category-text-list"><a href="/collections/poppy" data-section-id="0430e11c-ffd5-47ab-9078-c8542cad9475">Poppy</a></h3>
2066          
2067        </div>
2068       
2069        <div class="promo-block">
2070          
2071          <h3 class="promo-title category-text-list"><a href="/collections/rosemary-lemon" data-section-id="0b5d72ad-2277-42c1-83e1-c7fbfa4fb848">Rosemary Lemon</a></h3>
2072          
2073        </div>
2074       
2075        <div class="promo-block">
2076          
2077          <h3 class="promo-title category-text-list"><a href="/collections/sea-salt-collection" data-section-id="f5a64619-17f6-409b-9a84-738a20969e7f">Sea Salt</a></h3>
2078          
2079        </div>
2080       
2081        <div class="promo-block">
2082          
2083          <h3 class="promo-title category-text-list"><a href="/collections/sweetgrass" data-section-id="78f465ca-a6f1-4589-bd31-5558ed5c4c57">Sweetgrass</a></h3>
2084          
2085        </div>
2086       
2087        <div class="promo-block">
2088          
2089          <h3 class="promo-title category-text-list"><a href="/collections/almond-creme" data-section-id="8d6b2c66-0c42-43d3-b371-3f3a899a13e2">Almond Crème</a></h3>
2090          
2091        </div>
2092        
2093      </div>
2094    </div>
2095     
2096      
2097    
2098    
2099    
2100    
2101  </article>
2102  
2103</section>
2104
2105
2106<style>
2107  .sec-1627628698f9fd4b8f h3.promo-title,
2108  .sec-1627628698f9fd4b8f .homepage-promo .promo-inner p{
2109     text-align: left;
2110  }
2111  .sec-1627628698f9fd4b8f #promo-images .custom-section-title {
2112    text-align: left; 
2113  }
2114    h2.bg-pink.title-id-1627628698f9fd4b8f
2115    {
2116		background: #ffffff;
2117      	color: #004976; 
2118        font-size: 18px;
2119        text-align: left; 
2120       
2121    }
2122
2123  .subheading-id-1627628698f9fd4b8f{
2124  		color: #ffffff;
2125    	text-align: left; 
2126  }
2127  
2128  
2129</style>
2130<script>
2131  jQuery(document).on('shopify:section:load', function(){ view_image_hover_fcn(); });
2132  view_image_hover_fcn();
2133  function view_image_hover_fcn(){
2134     var viewportWidth = $(window).width();
2135     if(parseInt(viewportWidth) > 767){
2136      jQuery('.category-text-list').each(function(){
2137        jQuery(this).hover(function(){
2138         var viewImageID = jQuery(this).find('a').attr('data-section-id'); 
2139         var triggerHover = '#image-view-'+viewImageID;
2140         jQuery('.image-view-hover').hide(); 
2141         jQuery(triggerHover).show();
2142        });
2143      });
2144     }  
2145  }
2146  
2147/*  
2148 var eventhandler = function(e) {
2149   e.preventDefault();      
2150 }
2151
2152  jQuery(window).resize(function() {
2153     jQuery('.category-text-list a').each(function(){
2154      var viewportWidth = $(window).width();
2155       if(parseInt(viewportWidth) < 768){
2156         $(this).bind('click', eventhandler);
2157        } else {
2158         $(this).unbind('click', eventhandler);
2159        }  
2160    });
2161  });
2162*/  
2163  
2164</script>
2164
2165
2166
2167
2168
2169</div><div id="shopify-section-1627645301c135c508" class="shopify-section"><section class="index-section homepage-section homepage-promo homepage-promo-testimonial parallax_scroll no-fouc sec-1627645301c135c508" data-section-id="1627645301c135c508" >
2170  <article class="row">
2171    <style>
2172      section.homepage-promo.sec-1627645301c135c508 { 
2173        background-color: #fefae8;
2174      }   
2175      
2176      section.homepage-promo, section.homepage-promo .caption p { 
2177        font-size: 36px; 
2178        font-weight: bold;
2179      }
2180      .homepage-promo-testimonial .promo-text p{
2181        font-size: 36px; 
2182        line-height: 46px;
2183        color: #004976;
2184        font-weight: bold;
2185      }
2186    </style>
2187    
2188    
2189    
2190    
2191    <div class="pimg homepage-promo desktop-12 tablet-12 mobile-12 promo-" data-wow-duration="2s" >  
2192      <div class="promo-inner">
2193          
2194       <div class="testimonial-slider"> 
2195        <ul class="slides">
2196         
2197         <li>
2198           <div class="promo-block">
2199            <div class="promo-text"><p>I’m obsessed with their rainbow of colorful options 😍 the soaps are gently fragranced, and are vegan, cruelty and palm oil free!</p></div>
2200            
2201              <h4 class="promo-title">@unlicensedtomom</h4>
2202             
2203           </div>
2204         </li>
2205         
2206         <li>
2207           <div class="promo-block">
2208            <div class="promo-text"><p>We switched to bar soap several years ago to reduce our plastic waste. We love Hand in Hand for the lovely scents, the compelling mission 🌎, and the fact that it is palmoil-free!</p></div>
2209            
2210              <h4 class="promo-title">— Heather</h4>
2211             
2212           </div>
2213         </li>
2214         
2215         <li>
2216           <div class="promo-block">
2217            <div class="promo-text"><p>Exquisite soap and packaging with a genuine purpose! I have been spreading the love with giving bars to family and friends to try and telling them about the mission! 😊</p></div>
2218            
2219              <h4 class="promo-title">– Courtney LaMountain</h4>
2220             
2221           </div>
2222         </li>
2223         
2224         <li>
2225           <div class="promo-block">
2226            <div class="promo-text"><p>It's without a doubt my favorite soap. I love the new aluminum bottles that hold the hand soap. They just look beautiful too for your home. They make such great gifts 🎁, especially now! Highly recommend!</p></div>
2227            
2228              <h4 class="promo-title">— Dedra</h4>
2229             
2230           </div>
2231         </li>
2232          
2233        </ul>
2234      </div>
2235      </div>
2236    </div>
2237     
2238      
2239    
2240    
2241    
2242  </article>
2243  
2244</section>
2245
2246
2247<style>
2248  .sec-1627645301c135c508 h3.promo-title,
2249  .sec-1627645301c135c508 .homepage-promo .promo-inner p,
2250  .homepage-promo-testimonial .custom-section-title{
2251     text-align: center;
2252  }
2253  .sec-1627645301c135c508 #promo-images .custom-section-title {
2254    text-align: center; 
2255  }
2256    h2.bg-pink.title-id-1627645301c135c508
2257    {
2258		background: #ffffff;
2259      	color: #004976; 
2260        font-size: 34px;
2261        text-align: center; 
2262       
2263    }
2264
2265  .subheading-id-1627645301c135c508{
2266  		color: #004976;
2267    	text-align: center; 
2268  }
2269  
2270  
2271</style>
2272<script>
2273  $(document).ready(function() {
2274  $('.testimonial-slider').flexslider({
2275    animation: "slide"
2276  });
2277});
2278</script>
2278
2279
2280
2281
2282
2283</div><div id="shopify-section-1627655287ab9a2227" class="shopify-section"><section dsfdsf class="index-section homepage-section homepage-promo image-with-text-LR-section no-fouc sec-1627655287ab9a2227" data-section-id="1627655287ab9a2227" >
2284  <article id="promo-images" class="row">
2285    
2286
2287    <div class="image-text-rl-row  parallax_scroll ">  
2288      
2289
2290  
2291   
2292    
2293    <div class="pimg homepage-promo desktop-7 tablet-4  mobile-3 promo-01d6f44a-5999-494f-a666-01e61bba3cb9 text-lr-section " >  
2294      <div class="promo-inner">
2295        <div class="promo-block center">
2296          
2297            <h3 class="promo-title">It all began with a bar of soap that gives back.</h3>
2298          
2299            <div class="promo-text"><p>Back in 2011, we learned that 5 million children die each year from water-related illnesses that could be prevented with simple hand washing alone. That gave us an idea. And a purpose.</p></div>
2300          
2301           <a href="/pages/story">Our Story</a>
2302          
2303        </div>
2304      </div>      
2305    </div>
2306    
2307        
2308<div class="pimg homepage-promo desktop-5 tablet-2 mobile-3 promo-01d6f44a-5999-494f-a666-01e61bba3cb9 image-lr-section" >  
2309      <div class="promo-inner">
2310        <div class="promo-image center">
2311            
2312            <img class="mobile-hide-new" src="//www.handinhandsoap.com/cdn/shop/files/Mask_Group_1_1200x.png?v=1627652654" alt="promo_homepage" height="auto" width="auto">
2313            
2314            
2315             <img class="mobile-only-new" src="//www.handinhandsoap.com/cdn/shop/files/SupplementaryImage_1200x.png?v=1630393512" alt="mobile_img_homepage" height="auto" width="auto">
2316            
2317        </div>
2318      </div>      
2319    </div>
2320
2321    
2322   
2323    </div>
2324    
2325    <div class="image-text-rl-row  ">  
2326      
2327
2328  
2329   
2330        
2331<div class="pimg homepage-promo desktop-6 tablet-3 mobile-3 promo-1627655287ab9a2227-0 image-lr-section" >  
2332      <div class="promo-inner">
2333        <div class="promo-image center">
2334            
2335            <img class="mobile-hide-new" src="//www.handinhandsoap.com/cdn/shop/files/Layer_1_1200x.png?v=1627655780" alt="promo_homepage" height="auto" width="auto">
2336            
2337            
2338              <img class="mobile-only-new" src="//www.handinhandsoap.com/cdn/shop/files/Layer_1_1200x.png?v=1627655780" alt="mobile_img_homepage" height="auto" width="auto">
2339            
2340        </div>
2341      </div>      
2342    </div>
2343
2344   
2345    
2346    <div class="pimg homepage-promo desktop-6 tablet-3 mobile-3 promo-1627655287ab9a2227-0 text-lr-section parallax_scroll " >  
2347      <div class="promo-inner">
2348        <div class="promo-block center">
2349          
2350            <h3 class="promo-title">Our belief is simple. Soap is power.</h3>
2351          
2352            <div class="promo-text"><p>What if every time we lather or moisturize, it was a chance to do some good in the world? What if soap could fight human rights abuses, plastic pollution and climate change? Hint: It can.</p></div>
2353          
2354           <a href="/pages/impact">Learn More</a>
2355          
2356        </div>
2357      </div>      
2358    </div>
2359    
2360   
2361    </div>
2362    
2363    
2364    <div class="clear"></div>
2365
2366    
2367    
2368    
2369    
2370  </article>
2371  
2372</section>
2373
2374
2375
2376
2377
2378
2379</div><!-- END content_for_index -->
2380</div>
2381
2382<div class="load-wait">
2383  <i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
2384</div><!--LayoutHub-Workspace-End-->
2385      
2386    </div>
2387    
2388    <div id="shopify-section-maestrooo-instagram" class="shopify-section"><section class="ooo-instagram" data-section-id="maestrooo-instagram" data-section-type="app-section-feed" data-section-settings='{
2389  "feed": "default",
2390  "locale": "en",
2391  "layout": "grid",
2392  "imageSize": "medium",
2393  "imageCount": 5,
2394  "showAuthor": false,
2395  "showCaption": true,
2396  "showDate": true,
2397  "clickAction": "open_instagram"
2398}'>
2399<div class="row">
2400  <div class="ooo-instagram-container"><header class="ooo-instagram-header"><h2 class="ooo-instagram-header__title">FOLLOW US ON INSTAGRAM</h2></header><div class="ooo-instagram-feed"><div class="ooo-instagram-feed__list">
2401        <template data-media-template><a href="#" class="ooo-instagram-media" target="_blank" data-instagram-field="permalink"><img class="ooo-instagram-media__image" src="" loading="lazy" height="400" width="400" alt="" data-instagram-field="media_url"><div class="ooo-instagram-media__overlay"><p class="ooo-instagram-media__caption" data-instagram-field="caption"></p><time class="ooo-instagram-media__date" data-instagram-field="timestamp"></time></div></a></template><div data-media-placeholder class="ooo-instagram-media">
2402            <img class="ooo-instagram-media__image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" alt="">
2403          </div><div data-media-placeholder class="ooo-instagram-media">
2404            <img class="ooo-instagram-media__image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" alt="">
2405          </div><div data-media-placeholder class="ooo-instagram-media">
2406            <img class="ooo-instagram-media__image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" alt="">
2407          </div><div data-media-placeholder class="ooo-instagram-media">
2408            <img class="ooo-instagram-media__image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" alt="">
2409          </div><div data-media-placeholder class="ooo-instagram-media">
2410            <img class="ooo-instagram-media__image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" alt="">
2411          </div></div>
2412    </div></div><style>
2413    /*
2414     Our JS have some detection for most popular themes from the theme store, and will replace CSS classes for things
2415     like heading and buttons. In addition, we expose some CSS variables that may be over
2415written in JS to provide an
2416     even closer integration with each theme
2417     */
2418
2419    /* Due to the fact that our app relies on CSS variables, we hide the section on IE11 and below */
2420    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
2421      #shopify-section-maestrooo-instagram {
2422        display: none !important;
2423      }
2424    }
2425
2426    [data-section-id="maestrooo-instagram"] {
2427      --ooo-instagram-section-vertical-margin: 50px;
2428      --ooo-instagram-section-vertical-padding: 0;
2429      --ooo-instagram-container-max-width: 1480px;
2430      --ooo-instagram-external-gutter: 20px;
2431      --ooo-instagram-header-margin-bottom: 10px;
2432      --ooo-instagram-header-text-alignment: center;
2433      --ooo-instagram-grid-gutter: 20px;
2434      --ooo-instagram-footer-margin-top: 20px;
2435    }
2436
2437    @media screen and (min-width: 768px) {
2438      [data-section-id="maestrooo-instagram"] {
2439        --ooo-instagram-section-vertical-margin: 60px;
2440        --ooo-instagram-external-gutter: 40px;
2441      }
2442    }
2443
2444    /* Section and container */
2445    [data-section-id="maestrooo-instagram"] {
2446      margin: var(--ooo-instagram-section-vertical-margin) 0;
2447      padding: var(--ooo-instagram-section-vertical-padding) 0;
2448    }
2449
2450    [data-section-id="maestrooo-instagram"] * {
2451      box-sizing: border-box; /* Some theme do not use this by default */
2452    }[data-section-id="maestrooo-instagram"] .ooo-instagram-container {
2453        max-width: var(--ooo-instagram-container-max-width);
2454        padding: 0 var(--ooo-instagram-external-gutter);
2455        margin-left: auto;
2456        margin-right: auto;
2457      }/* Header */
2458    [data-section-id="maestrooo-instagram"] .ooo-instagram-header {
2459      margin-bottom: var(--ooo-instagram-header-margin-bottom);
2460      padding: 0;
2461      text-align: var(--ooo-instagram-header-text-alignment);
2462    }
2463
2464    [data-section-id="maestrooo-instagram"] .ooo-instagram-header__title {
2465      color: #004976;
2466    }
2467
2468    [data-section-id="maestrooo-instagram"] .ooo-instagram-header__subheading {
2469      color: #004976;
2470    }
2471
2472    [data-section-id="maestrooo-instagram"] .ooo-instagram-header__subheading a {
2473      text-decoration: underline;
2474      text-underline-position: under;
2475    }
2476
2477    [data-section-id="maestrooo-instagram"] .ooo-instagram-feed {
2478      clear: both; /* We do this because some themes float the header and footer */
2479    }
2480
2481    /* Feed (on mobile, we always show as scrollable list) */
2482    [data-section-id="maestrooo-instagram"] .ooo-instagram-feed__list {
2483      padding: var(--ooo-instagram-grid-gutter) var(--ooo-instagram-external-gutter);
2484      white-space: nowrap;
2485      overflow-x: auto;
2486      overflow-y: hidden;
2487      -webkit-overflow-scrolling: touch;
2488      scroll-snap-type: x mandatory;margin: 0 calc(-1 * var(--ooo-instagram-external-gutter));}
2489
2490    [data-section-id="maestrooo-instagram"] .ooo-instagram-feed__list::-webkit-scrollbar {
2491      display: none;
2492    }
2493
2494    [data-section-id="maestrooo-instagram"] .ooo-instagram-media {
2495      position: relative;
2496      display: inline-block;
2497      overflow: hidden;
2498      width: 75%;
2499      vertical-align: top;
2500      white-space: normal;
2501      scroll-snap-align: center;margin: 0 calc(var(--ooo-instagram-grid-gutter) / 2);}
2502
2503    [data-section-id="maestrooo-instagram"] .ooo-instagram-media:first-child {
2504      margin-left: 0;
2505    }
2506
2507    [data-section-id="maestrooo-instagram"] .ooo-instagram-media:last-child {
2508      margin-right: 0;
2509    }
2510
2511    [data-section-id="maestrooo-instagram"] .ooo-instagram-media::before {
2512      content: '';
2513      display: block;
2514      padding-bottom: 100%; /* Force the image to be squared */
2515    }
2516
2517    [data-section-id="maestrooo-instagram"] .ooo-instagram-media__image {
2518      position: absolute;
2519      top: 0;
2520      left: 0;
2521      width: 100%;
2522      height: 100%;
2523      object-fit: cover;
2524      object-position: center;
2525    }
2526
2527    @media screen and (min-width: 450px) {
2528      [data-section-id="maestrooo-instagram"] .ooo-instagram-media {
2529        width: 60%;
2530      }
2531    }
2532
2533    @media screen and (min-width: 600px) {
2534      [data-section-id="maestrooo-instagram"] .ooo-instagram-media {
2535        width: 50%;
2536      }
2537    }
2538
2539    @media screen and (min-width: 750px) {
2540      [data-section-id="maestrooo-instagram"] .ooo-instagram-media {
2541        width: 40%;
2542      }
2543    }
2544
2545    @media screen and (min-width: 900px) {
2546      [data-section-id="maestrooo-instagram"] .ooo-instagram-media {
2547        width: 32%;
2548      }
2549    }@media screen and (min-width: 1000px) {
2550      [data-section-id="maestrooo-instagram"] .ooo-instagram-feed__list {
2551        margin: 0;
2552        padding: var(--ooo-instagram-grid-gutter) 0;grid-gap: var(--ooo-instagram-grid-gutter);
2553          gap: var(--ooo-instagram-grid-gutter);}
2554
2555      [data-section-id="maestrooo-instagram"] .ooo-instagram-media {
2556        display: block;
2557        width: auto;
2558        margin: 0;
2559      }[data-section-id="maestrooo-instagram"] .ooo-instagram-feed__list {
2560          display: grid;
2561          grid-template-columns: repeat(5, 1fr);
2562        }}
2563
2564    /* Overlay */
2565
2566    [data-section-id="maestrooo-instagram"] .ooo-instagram-media__overlay {position: absolute;
2567      display: flex;
2568      flex-direction: column;
2569      top: 0;
2570      left: 0;
2571      width: 100%;
2572      height: 100%;
2573      padding: 14px 20px;
2574      font-size: 0.9em;
2575      background: rgba(0, 0, 0, 0.65);
2576      color: #ffffff;
2577      opacity: 0;
2578      transition: opacity 0.2s ease-in-out;
2579    }
2580
2581    @media (hover: hover) {
2582      [data-section-id="maestrooo-instagram"] .ooo-instagram-media:hover .ooo-instagram-media__overlay {
2583        opacity: 1;
2584      }
2585    }
2586
2587    [data-section-id="maestrooo-instagram"] .ooo-instagram-media__author-container {
2588      display: flex;
2589      align-items: center;
2590      flex-shrink: 0;
2591      margin-bottom: 16px;
2592    }
2593
2594    [data-section-id="maestrooo-instagram"] .ooo-instagram-media__author-icon {
2595      margin-right: 8px;
2596    }
2597
2598    [data-section-id="maestrooo-instagram"] .ooo-instagram-media__caption {
2599      display: -webkit-box;
2600      -webkit-box-orient: vertical;
2601      -webkit-line-clamp: 3;
2602      overflow: hidden;
2603    }
2604
2605    [data-section-id="maestrooo-instagram"] .ooo-instagram-media__caption:first-child {
2606      margin-top: 0;
2607    }
2608
2609    [data-section-id="maestrooo-instagram"] .ooo-instagram-media__date {
2610      margin-top: auto;
2611      text-transform: uppercase;
2612      font-size: 0.9em;
2613      font-weight: 500;
2614      letter-spacing: 0.1em;
2615    }
2616
2617    /* Footer */
2618    [data-section-id="maestrooo-instagram"] .ooo-instagram-footer {
2619      margin-top: var(--ooo-instagram-footer-margin-top);
2620      padding: 0 var(--ooo-instagram-external-gutter);
2621      text-align: center;
2622    }
2623
2624    [data-section-id="maestrooo-instagram"] .ooo-instagram-footer__button {
2625      display: inline-block;
2626      color: #eeeeee;
2627      background: #004876;
2628      padding: 6px 24px;
2629      text-decoration: none;
2630    }
2631  </style>
2632  </div>
2633</section>
2634
2635</div>
2636    <div id="shopify-section-footer" class="shopify-section"><!-- Bottom Notification Bar -->
2637<div class="my-notification-bottom-bar-wrp">
2638  <input type="checkbox" id="toggleBottomNotificationBar" name="toggleBottomNotificationBar" value="toggleBottomNotificationBar" aria-label="toggleBottomNotificationBar">
2639   <div class="my-notification-bottom-bar">
2640     <div class="my-notification-col my-bar-left">
2641      <h4>Buy One.<br> Give Back.</h4>
2642     </div>
2643     <div class="my-notification-col my-bar-right">
2644       <h4><span id="NotificationItemCount">5</span> <span id="NotificationItemText"> Bars will be donated</span></h4>
2645     </div>
2646  </div>
2647</div>
2648<style>
2649  .my-notification-bottom-bar {
2650    position: fixed;
2651    display: grid;
2652    grid-template-columns: 33% 66%;
2653    z-index: 99999;
2654    box-sizing: border-box;
2655    bottom: -100px;
2656    color: #fff;
2657/*     text-align: center; */
2658    transition: bottom 1s;
2659    left: 20px;  
2660  }
2661  #toggleBottomNotificationBar {
2662      display: none;
2663  }
2664  #toggleBottomNotificationBar:checked + .my-notification-bottom-bar {
2665      transition: bottom 1s;
2666      bottom:0px;
2667  }
2668  .my-notification-bottom-bar-wrp .my-notification-bottom-bar {
2669      width: 100%;
2670      max-width: 400px;
2671  }
2672  .my-notification-bottom-bar-wrp h4 {
2673      padding: 0;
2674      margin: 0;
2675  }
2676  .my-notification-col.my-bar-left{
2677    background: #55c5d8;
2678    color: #00487a;
2679  }
2680  .my-notification-col.my-bar-right{
2681    background: #00487a;
2682  }
2683  .my-notification-col.my-bar-right h4 #NotificationItemCount{
2684    color: #55c5d8 !important;
2685    font-size: 160%;
2686  }
2687  .my-notification-col.my-bar-right h4{
2688    color: #ffffff !important;
2689  }
2690  .my-notification-bottom-bar .my-notification-col {
2691    padding: 10px;
2692    display: flex;
2693    align-items: center;
2694    justify-content: center;
2695} 
2696</style>
2697<!-- eND Bottom Notification Bar -->
2698
2699<link href="//www.handinhandsoap.com/cdn/shop/t/76/assets/slick.css?v=99639561323254153231699013839" rel="stylesheet" type="text/css" media="all" />
2700<script>
2701 // Slider 1 
2702 if(jQuery('.slides').hasClass('bestseller-new-slider')){
2703   console.log('found');
2704  jQuery(document).ready(function(){
2705   checkSliderFcn();
2706  });
2707  document.addEventListener("shopify:section:load", function(event) {
2708   checkSliderFcn();
2709  });
2710  window.addEventListener('resize', checkSliderFcn, false);  
2711  function checkSliderFcn(){
2712    $(function () {
2713        $('.bestseller-new-slider').slick({
2714            infinite: false,
2715            dots: true,
2716            arrows:false,
2717            slidesToShow: 4,
2718            slidesToScroll: 4,
2719            responsive: [{
2720                    breakpoint: 991,
2721                    settings: {
2722                        slidesToShow: 3,
2723                        slidesToScroll: 1,
2724                    }
2725                },
2726                {
2727                    breakpoint: 768,
2728                    settings: {
2729                        slidesToShow: 1,
2730                        slidesToScroll: 1
2731                    }
2732                },
2733                {
2734                    breakpoint: 480,
2735                    settings: {
2736                        slidesToShow: 1,
2737                        slidesToScroll: 1
2738                    }
2739                }
2740            ]
2741        });
2742    });
2743   }
2744 } else {
2745   console.log('notfound');
2746 }
2747  
2748 // Slider 2 
2749 if(jQuery('.slides').hasClass('similar-new-slider')){ 
2750  jQuery(document).ready(function(){
2751   checkSimilarSliderFcn();
2752  });
2753  document.addEventListener("shopify:section:load", function(event) {
2754   checkSimilarSliderFcn();
2755  });
2756  window.addEventListener('resize', checkSimilarSliderFcn, false);  
2757  function checkSimilarSliderFcn(){
2758    $(function () {
2759        $('.similar-new-slider').slick({
2760            infinite: false,
2761            dots: true,
2762            arrows:false,
2763            slidesToShow: 3,
2764            slidesToScroll: 1,
2765            responsive: [{
2766                    breakpoint: 991,
2767                    settings: {
2768                        slidesToShow: 3,
2769                        slidesToScroll: 1,
2770                    }
2771                },
2772                {
2773                    breakpoint: 768,
2774                    settings: {
2775                        slidesToShow: 1,
2776                        slidesToScroll: 1
2777                    }
2778                },
2779                {
2780                    breakpoint: 480,
2781                    settings: {
2782                        slidesToShow: 1,
2783                        slidesToScroll: 1
2784                    }
2785                }
2786            ]
2787        });
2788    });
2789   }
2790 } else {
2791   //console.log('notfound');
2792 } 
2793</script>
vendor: 1 bytes, line 2793
2793
2794<script>
2795  setTimeout(function(){
2796   jQuery('.mega-container span a').each(function(){
2797     if(jQuery(this).hasClass('current')){
2798      console.log('hi');
2799     jQuery(this).closest('li').find('.main-link-mega-menu').addClass('current');
2800   }
2801   });
2802  },1000);
2803</script>
vendor: 1 bytes, line 2803
2803
2804<script>
2805 setTimeout(function(){
2806  jQuery('ul.accordion-meag-items').each(function(){
2807    var parentItem = jQuery(this).attr('current-link'); 
2808    jQuery(this).find('li').each(function(){
2809    var getHref = jQuery(this).find('a').attr('href');
2810    var currentHref = '/';
2811    console.log(getHref);
2812    if(getHref == currentHref){
2813     console.log(currentHref);  
2814      jQuery(this).find('a').addClass('current');
2815      jQuery('.'+parentItem).find('a').addClass('current');
2816    }
2817   });
2818  });
2819   
2820    jQuery('.accordion-toggle').each(function(){
2821      jQuery(this).on('click',function(){
2822       if(jQuery(this).hasClass('active-menu')){
2823         jQuery('.accordion-toggle').removeClass('active-menu');
2824       } else {
2825         jQuery('.accordion-toggle').removeClass('active-menu');
2826         jQuery(this).addClass('active-menu');
2827       }
2828      });     
2829    });
2830   },4000);
2831</script>
2831
2832<footer data-section-id="footer">
2833  <div id="footer-wrapper">	
2834    <div id="footer" class="row no-fouc">     
2835      
2836      
2837          
2838      
2839      
2840      
2841         
2842      
2843<div class="desktop-1 tablet-6 mobile-3 footer-logo" style="display:flex; align-items:center; justify-content:space-between;">
2844        
2845         <a href="https://hand-in-hand-soap.myshopify.com/">
2846        
2847            
2848            <img src="//www.handinhandsoap.com/cdn/shop/files/hand_logo_correct_200x.png?v=1654187277" alt="Hand In Hand Logo Mark">
2849            
2850        
2851        </a>
2852        
2853        
2854      </div>
2855      
2856         
2857      
2858      <div class="desktop-2 tablet-2 mobile-3 footer-menu-col">
2859        <h4>About</h4>
2860        <ul >
2861          
2862          <li><a href="/pages/say-hi" title="">Contact Us</a></li>
2863          
2864          <li><a href="/pages/faq-1" title="">FAQ</a></li>
2865          
2866          <li><a href="/pages/bulk-discount" title="">Bulk Discount</a></li>
2867          
2868          <li><a href="/blogs/hand-in-hand" title="">Blog</a></li>
2869          
2870          <li><a href="/pages/privacy-policy" title="">Privacy Policy</a></li>
2871          
2872        </ul>
2873      </div>
2874      
2875         
2876            
2877      <div class="desktop-5 tablet-3 mobile-3  footer-text-col">
2878        <h4>Returns</h4>
2879        <div class="rte"><p>All sales are final. We authorize refund or exchange for items damaged in transit within 30 days of purchase.</p><p>Please email <a href="mailto:[email protected]">[email protected]</a> with any questions.</p></div>
2880      </div>
2881      
2882         
2883      
2884      <div class="desktop-4 tablet-4 mobile-3">
2885        <h4>Connect</h4>
2886        <div id="footer_signup" class="footer-signup">
2887          <p></p>          
2888            <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
2889            
2890            
2891            <input type="hidden" name="contact[tags]" value="prospect, password page">
2892            <input aria-label="mailing list signup" type="email" name="contact[email]" class="footer-signup-input" id="footer-EMAIL" placeholder="Enter Your Email Address">
2893            
2894          <button type="submit" id="footer-subscribe" class="footer-signup-button" value="JOIN OUR MAILING LIST">JOIN OUR MAILING LIST</button>
2895            
2896            </form>            
2897        </div>
2898        <div class="clear"></div>
2899        <ul id="footer-icons" class="desktop-12 tablet-12 mobile-12">
2900          <li><a aria-label="facebook" title="facebook" href="https://facebook.com/handinhandsoap" target="_blank"><i alt="facebook" class="fa fa-facebook fa-2x" aria-hidden="true"></i></a></li>
2901          <li><a aria-label="instagram" title="instagram" href="//instagram.com/handinhandsoap" target="_blank"><i alt="instagram" class="fa fa-instagram fa-2x" aria-hidden="true"></i></a></li>      
2902          <li><a aria-label="twitter" title="twitter" href="https://twitter.com/handinhandsoap" target="_blank"><i alt="twitter" class="fa fa-twitter fa-2x" aria-hidden="true"></i></a></li>
2903          <li><a aria-label="pinterest" title="pinterest" href="https://pinterest.com/handinhandsoap" target="_blank"><i alt="pinterest" class="fa fa-pinterest fa-2x" aria-hidden="true"></i></a></li>
2904          
2905          
2906          
2907          
2908        </ul>      
2909      </div>  
2910      
2911      
2912    </div> 
2913     <div class="clear"></div>
2914      <div class="credit desktop-12 tablet-6 mobile-3 copyright-footer-bar">
2915        
2916        <p>
2917          Copyright &copy; 2026 <a href="/" title="">Hand in Hand Soap</a> 
2918          
2919        </p>
2920     </div>
2921  </div>
2922</footer>
2923<script>
2924  jQuery('.list-add-to-cart').each(function(){
2925    jQuery(this).hover(function(){
2926      jQuery(this).closest('.product').find('.product-info').hide();
2927    }, function(){
2928      jQuery(this).closest('.product').find('.product-info').removeAttr('style');
2929    });
2930  });
2931</script>
vendor: 1 bytes, line 2931
2931
2932<script>
2933  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
2934    anchor.addEventListener('click', function (e) {
2935        e.preventDefault();
2936
2937        document.querySelector(this.getAttribute('href')).scrollIntoView({
2938            behavior: 'smooth'
2939        });
2940    });
2941  });
2942</script>
2942
2943<style>
2944  #footer-wrapper { 
2945    text-align: left;
2946  }
2947
2948  #footer-wrapper h4 {
2949    text-transform: uppercase;
2950    font-size: 14px;
2951    font-weight: 700;
2952  }
2953</style>
2954
2955
2956    
2957      </div>
2958    
2959
2960<div style="display:none">
2961  <div id="subscribe_popup" class="row" style="display:flex; align-items:center">
2962    <div class="left fifty">
2963      
2964<p style="margin-bottom:0px;"><img src="//www.handinhandsoap.com/cdn/shop/files/IMG_0209-3_600x.jpg?v=1613707632" alt="subscribe_popup-img"></p>
2965      
2966    </div>
2967   
2968
2969    <div class="right fifty">
2970      <h3>Delivered right to your inbox! </h3>
2971      <p>Sign up for exclusive news + special offers from Hand in Hand </p>    
2972      <!-- BEGIN #subs-container -->
2973      <div id="subs-container" class="clearfix">
2974        <div id="mc_embed_signup"> 
2975          <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
2976          
2977          
2978          <input type="hidden" name="contact[tags]" value="prospect, password page">
2979          <input type="email" name="contact[email]" id="mce-EMAIL" aria-label="email" placeholder="Enter Your Email Address">
2980          <input type="submit" id="mc-embedded-subscribe" value="JOIN OUR MAILING LIST">
2981          
2982          </form>            
2983        </div>  
2984      </div>
2985      <div class="clear"></div>
2986      <ul id="footer-icons">
2987        <li><a href="https://facebook.com/handinhandsoap" target="_blank" aria-label="facebook" ><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a></li>
2988        <li><a href="//instagram.com/handinhandsoap" target="_blank" aria-label="Instagram"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a></li>      
2989        <li><a href="https://twitter.com/handinhandsoap" target="_blank" aria-label="twitter"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a></li>
2990        <li><a href="https://pinterest.com/handinhandsoap" target="_blank" aria-label="pinterest"><i class="fa fa-pinterest fa-2x" aria-hidden="true"></i></a></li>
2991        
2992        
2993        
2994        
2995        
2996      </ul> 
2997    </div>
2998  </div>
2999</div>
3000
3001
3002 
3003    <div style='display:none'>
3004      <div id='search_popup' style='padding:30px;'>
3005        <!-- BEGIN #subs-container -->
3006        <div id="subs-container" class="clearfix">
3007           <div class="search">
3008            <form action="/search" method="get">
3009              <button name="submit"><svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 26" width="27" height="26">
3010	<title>4Green_4</title>
3011	<style>
3012		tspan { white-space:pre }
3013		.shp0 { fill: none;stroke: #004876;stroke-linecap:round;stroke-width: 2.876 } 
3014	</style>
3015	<g id="4Green_4">
3016		<g id="Group 497">
3017			<g id="Group 496">
3018				<g id="Group 9">
3019					<g id="Group 8">
3020						<path id="Ellipse 4" class="shp0" d="M12.86 22.66C7.24 22.66 2.69 18.11 2.69 12.49C2.69 6.86 7.24 2.31 12.86 2.31C18.49 2.31 23.04 6.86 23.04 12.49C23.04 18.11 18.49 22.66 12.86 22.66ZM24.34 23.96L20.05 19.67" />
3021					</g>
3022				</g>
3023			</g>
3024		</g>
3025	</g>
3026</svg></button>
3027              <input type="text" aria-label="search" name="q" id="q" placeholder="" />
3028            </form>           
3029          </div>
3030        </div>
3031      </div>
3032    </div> 
3033  </div>  
3034  <div id="shopify-section-mobile-navigation" class="shopify-section"><nav class="shifter-navigation no-fouc" data-section-id="mobile-navigation" data-section-type="mobile-navigation">
3035  <div class="mobile-menu-top-section">
3036    <a href="/" title="homepage"><img alt="logo" src="//www.handinhandsoap.com/cdn/shop/files/HIH_Primary_Logo_mobile_400x.png?v=1631676308" itemprop="logo" class="main-logo">
3037    </a>
3038    <div class="close-cart-icon-right">
3039      <span class="close-cart-drawer"><svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" width="23" height="23">
3040	<title>Line 33</title>
3041	<style>
3042		tspan { white-space:pre }
3043		.shp0 { fill: none;stroke: #1a4872;stroke-width: 3 } 
3044	</style>
3045	<path id="Line 25" class="shp0" d="M1.21 1.42L21.5 21.72" />
3046	<path id="Line 33" class="shp0" d="M21.5 1.42L1.21 21.72" />
3047</svg></span>
3048      <a
3049        href="/cart"
3050        
3051          class="site-header__cart-toggle js-drawer-open-right" aria-controls="CartDrawer" aria-expanded="false"
3052        
3053      >
3054        <span class="cart-words"></span>
3055        <svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 21" width="30" height="21">
3056	<title>4Green_4</title>
3057	<style>
3058		tspan { white-space:pre }
3059		.shp0 { fill: #004876 } 
3060	</style>
3061	<g id="4Green_4">
3062		<g id="Group 497">
3063			<g id="Group 496">
3064				<g id="Group 9">
3065					<path id="Path 34" class="shp0" d="M11.18 13.48L20.87 13.48C25.39 13.48 29.05 9.82 29.05 5.3L29.05 0.8L6.78 0.8L1.57 0.8C0.92 0.8 0.38 1.33 0.38 1.99L0.38 1.99C0.38 2.65 0.92 3.18 1.57 3.18L4.92 3.18C5.95 3.18 6.78 4.01 6.78 5.04L6.78 12.26L6.78 19.33C6.78 20.25 7.53 21 8.45 21L8.45 21C9.37 21 10.12 20.25 10.12 19.33L10.12 18.94L25.3 18.94L25.3 19.28C25.3 20.08 25.84 20.8 26.62 20.96C27.7 21.18 28.64 20.36 28.64 19.33L28.64 18.14C28.64 16.74 27.5 15.6 26.1 15.6L11.24 15.6C10.69 15.6 10.18 15.2 10.13 14.65C10.06 14.01 10.56 13.48 11.18 13.48Z" />
3066				</g>
3067			</g>
3068		</g>
3069	</g>
3070</svg>
3071        
3072      </a>
3073    </div>
3074  </div>
3075  <ul id="accordion">
3076    
3077      <!-- If we are dealing with a mega navigation -->
3078
3079      
3080        <li class="accordion-toggle shop-by-product"><a href="#" title="">SHOP BY PRODUCT</a></li>
3081        <div class="accordion-content">
3082          
3083            <!-- Start Megamenu Inner Links -->
3084            
3085              <ul class="accordion-meag-items" current-link="shop-by-product">
3086                  <li class="desktop-2 tablet-hide mm-image center">
3087                    <a href="/collections/liquid-hand-soaps">
3088                      <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Products_HandSoap_200x.jpg?v=1635194077" alt="navigation_pdp-img" >
3089                      
3090                        <h4 class="center">Hand Soap</h4>
3091                      
3092                    </a>
3093                  </li>
3094                
3095
3096                
3097                  <li class="desktop-2 tablet-hide mm-image center">
3098                    <a href="/collections/foaming-hand-soap">
3099                      <img src="//www.handinhandsoap.com/cdn/shop/files/FHS_Menu_400px_200x.png?v=1654358998" alt="navigation_pdp-img2">
3100                      
3101                        <h4 class="center">Foaming Hand Soap</h4>
3102                      
3103                    </a>
3104                  </li>
3105                
3106
3107                
3108                  <li class="desktop-2 tablet-hide mm-image center">
3109                    <a href="/collections/body-lotion">
3110                      <img src="//www.handinhandsoap.com/cdn/shop/files/Navigation_BodyLotion_Thumbnail_2x_6143878c-73c5-453e-bf08-76e1726a827a_200x.jpg?v=1628220337" alt="navigation_pdp-img3">
3111                      
3112                        <h4 class="center">Body Lotion</h4>
3113                      
3114                    </a>
3115                  </li>
3116                
3117
3118                
3119                  <li class="desktop-2 tablet-hide mm-image center">
3120                    <a href="/collections/body-wash">
3121                      <img src="//www.handinhandsoap.com/cdn/shop/files/Navigation_BodyWash_Thumbnail_2x_61829bb8-00a2-4bd8-b70f-aa9d96b3899f_200x.jpg?v=1628220353" alt="navigation_pdp-img4">
3122                      
3123                        <h4 class="center">Body Wash</h4>
3124                      
3125                    </a>
3126                  </li>
3127                
3128
3129                
3130                  <li class="desktop-2 tablet-hide mm-image center">
3131                    <a href="/collections/bar-soap">
3132                      <img src="//www.handinhandsoap.com/cdn/shop/files/Navigation_BarSoap_200x.jpg?v=1631420165" alt="navigation_pdp-img5">
3133                      
3134                        <h4 class="center">Bar Soap</h4>
3135                      
3136                    </a>
3137                  </li>
3138                
3139
3140                
3141                  <li class="desktop-2 tablet-hide mm-image center">
3142                    <a href="/collections/sugar-scrub-collection">
3143                      <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Products_SugarScrub_200x.jpg?v=1635194426" alt="navigation_pdp-img6">
3144                      
3145                        <h4 class="center">Sugar Scrub</h4>
3146                      
3147                    </a>
3148                  </li>
3149                
3150
3151                
3152                  <li class="desktop-2 tablet-hide mm-image center">
3153                    <a href="/collections/combo-packs">
3154                      <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Products_ComboPacks_200x.jpg?v=1635258618"alt="navigation_pdp-img7">
3155                      
3156                        <h4 class="center">Combo Packs</h4>
3157                      
3158                    </a>
3159                  </li>
3160                
3161
3162                
3163
3164                
3165
3166                
3167
3168                
3169
3170                
3171
3172                
3173                  <li class="desktop-2 tablet-hide mm-image center">
3174                    <a href="/collections/shave-cream">
3175                      <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Photo_200x.jpg?v=170659570
31757" alt="navigation_pdp-img13">
3176                      
3177                        <h4 class="center">Shave Cream</h4>
3178                      
3179                    </a>
3180                  </li>
3181                
3182
3183                
3184                  <li class="desktop-2 tablet-hide mm-image center">
3185                    <a href="/collections/candles-1">
3186                      <img src="//www.handinhandsoap.com/cdn/shop/files/Menu_Products_Candles_400x_4ea9e7ff-ca72-4c6e-8609-041863b0cf3e_200x.png?v=1718347031" alt="navigation_pdp-img14">
3187                      
3188                        <h4 class="center">Candles</h4>
3189                      
3190                    </a>
3191                  </li>
3192                
3193              </ul>
3194            
3195            
3196          
3197            <!-- Start Megamenu Inner Links -->
3198            
3199            
3200          
3201            <!-- Start Megamenu Inner Links -->
3202            
3203            
3204          
3205        </div>
3206      
3207    
3208      <!-- If we are dealing with a mega navigation -->
3209
3210      
3211        <li class="accordion-toggle shop-by-fragrance"><a href="#" title="">SHOP BY FRAGRANCE</a></li>
3212        <div class="accordion-content">
3213          
3214            <!-- Start Megamenu Inner Links -->
3215            
3216            
3217          
3218            <!-- Start Megamenu Inner Links -->
3219            
3220              <ul class="accordion-meag-items" current-link="shop-by-fragrance">
3221                  <li class="desktop-2 tablet-hide mm-image center">
3222                    <a href="/collections/cactus-blossom">
3223                      <img src="//www.handinhandsoap.com/cdn/shop/files/Cactus_2074x1794_6cd3b18c-33a6-47c0-b877-fa5ac7f15ad6_200x.jpg?v=1631838777" alt="navigation_pdp-img" >
3224                      
3225                        <h4 class="center">Cactus Blossom</h4>
3226                      
3227                    </a>
3228                  </li>
3229                
3230
3231                
3232                  <li class="desktop-2 tablet-hide mm-image center">
3233                    <a href="/collections/citrus-grove-collection">
3234                      <img src="//www.handinhandsoap.com/cdn/shop/files/Citrus_2074x1794_7bf5d8ae-baa5-499d-b004-90e6c2133041_200x.jpg?v=1631838801" alt="navigation_pdp-img2">
3235                      
3236                        <h4 class="center">Citrus Grove</h4>
3237                      
3238                    </a>
3239                  </li>
3240                
3241
3242                
3243                  <li class="desktop-2 tablet-hide mm-image center">
3244                    <a href="/collections/sea-salt-collection">
3245                      <img src="//www.handinhandsoap.com/cdn/shop/files/SeaSalt_NavModule_200x.jpg?v=1631654794" alt="navigation_pdp-img3">
3246                      
3247                        <h4 class="center">Sea Salt</h4>
3248                      
3249                    </a>
3250                  </li>
3251                
3252
3253                
3254                  <li class="desktop-2 tablet-hide mm-image center">
3255                    <a href="/collections/island-mimosa">
3256                      <img src="//www.handinhandsoap.com/cdn/shop/files/Island_2074x1794_d25ccd2c-fd54-468a-b572-d1d6d3e21ab8_200x.jpg?v=1631838832" alt="navigation_pdp-img4">
3257                      
3258                        <h4 class="center">Island Mimosa</h4>
3259                      
3260                    </a>
3261                  </li>
3262                
3263
3264                
3265
3266                
3267                  <li class="desktop-2 tablet-hide mm-image center">
3268                    <a href="/collections/rosemary-lemon">
3269                      <img src="//www.handinhandsoap.com/cdn/shop/files/Rosemary_2074x1794_2d3b07ad-6686-4e00-bf2b-889ebd787d67_200x.jpg?v=1631838937" alt="navigation_pdp-img6">
3270                      
3271                        <h4 class="center">Rosemary Lemon</h4>
3272                      
3273                    </a>
3274                  </li>
3275                
3276
3277                
3278                  <li class="desktop-2 tablet-hide mm-image center">
3279                    <a href="/collections/lavender-collection">
3280                      <img src="//www.handinhandsoap.com/cdn/shop/files/Lavendar_2074x1794_4b2de5b6-ccb7-48ed-b9ed-a8e7bbb453a1_200x.jpg?v=1631838849"alt="navigation_pdp-img7">
3281                      
3282                        <h4 class="center">Lavender</h4>
3283                      
3284                    </a>
3285                  </li>
3286                
3287
3288                
3289                  <li class="desktop-2 tablet-hide mm-image center">
3290                    <a href="/collections/sweetgrass">
3291                      <img src="//www.handinhandsoap.com/cdn/shop/files/Sweetgrass_2074x1794_c85bd8fd-1621-4fcd-8d82-dc700d09d840_200x.jpg?v=1631838997" alt="navigation_pdp-img8">
3292                      
3293                        <h4 class="center">Sweetgrass</h4>
3294                      
3295                    </a>
3296                  </li>
3297                
3298
3299                
3300                  <li class="desktop-2 tablet-hide mm-image center">
3301                    <a href="/collections/poppy">
3302                      <img src="//www.handinhandsoap.com/cdn/shop/files/Poppy_2074x1794_a1703455-09bd-4b50-8291-f117b5652d69_200x.jpg?v=1631838891" alt="navigation_pdp-img9">
3303                      
3304                        <h4 class="center">Poppy</h4>
3305                      
3306                    </a>
3307                  </li>
3308                
3309
3310                
3311                  <li class="desktop-2 tablet-hide mm-image center">
3312                    <a href="/collections/almond-creme">
3313                      <img src="//www.handinhandsoap.com/cdn/shop/files/Unknown_200x.png?v=1680197003" alt="navigation_pdp-img10">
3314                      
3315                        <h4 class="center">Almond Crème</h4>
3316                      
3317                    </a>
3318                  </li>
3319                
3320
3321                
3322
3323                
3324
3325                
3326
3327                
3328              </ul>
3329            
3330            
3331          
3332            <!-- Start Megamenu Inner Links -->
3333            
3334            
3335          
3336        </div>
3337      
3338    
3339      <!-- If we are dealing with a mega navigation -->
3340
3341      
3342        <!-- If we are not dealing with the mega navigation -->
3343        
3344          <li class=""><a href="/pages/ingredients" title="">INGREDIENTS</a></li>
3345        
3346      
3347    
3348      <!-- If we are dealing with a mega navigation -->
3349
3350      
3351        <li class="accordion-toggle mission"><a href="#" title="">MISSION</a></li>
3352        <div class="accordion-content">
3353          
3354            <!-- Start Megamenu Inner Links -->
3355            
3356            
3357          
3358            <!-- Start Megamenu Inner Links -->
3359            
3360            
3361          
3362            <!-- Start Megamenu Inner Links -->
3363            
3364              <ul class="accordion-meag-items" current-link="mission">
3365                  <li class="desktop-2 tablet-hide mm-image center">
3366                    <a href="/pages/story">
3367                      <img src="//www.handinhandsoap.com/cdn/shop/files/Group_502_58c3c021-69ba-417d-9098-bf08996a3cab_200x.png?v=1627998279" alt="navigation_pdp-img" >
3368                      
3369                        <h4 class="center">Our Story</h4>
3370                      
3371                    </a>
3372                  </li>
3373                
3374
3375                
3376                  <li class="desktop-2 tablet-hide mm-image center">
3377                    <a href="/pages/impact">
3378                      <img src="//www.handinhandsoap.com/cdn/shop/files/Group_5011_200x.png?v=1627998567" alt="navigation_pdp-img2">
3379                      
3380                        <h4 class="center">Our Impact</h4>
3381                      
3382                    </a>
3383                  </li>
3384                
3385
3386                
3387
3388                
3389
3390                
3391
3392                
3393
3394                
3395
3396                
3397
3398                
3399
3400                
3401
3402                
3403
3404                
3405
3406                
3407
3408                
3409              </ul>
3410            
3411            
3412          
3413        </div>
3414      
3415    
3416      <!-- If we are dealing with a mega navigation -->
3417
3418      
3419        <!-- If we are not dealing with the mega navigation -->
3420        
3421          <li class=""><a href="/pages/store-finder" title="">STORE FINDER</a></li>
3422        
3423      
3424    
3425    <li class="account-menu-mobile ">
3426      <a href="/account/login" title="">ACCOUNT</a>
3427    </li>
3428  </ul>
3429  <div class="search">
3430    <form action="/search" method="get">
3431      <button name="submit"><svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 26" width="27" height="26">
3432	<title>4Green_4</title>
3433	<style>
3434		tspan { white-space:pre }
3435		.shp0 { fill: none;stroke: #004876;stroke-linecap:round;stroke-width: 2.876 } 
3436	</style>
3437	<g id="4Green_4">
3438		<g id="Group 497">
3439			<g id="Group 496">
3440				<g id="Group 9">
3441					<g id="Group 8">
3442						<path id="Ellipse 4" class="shp0" d="M12.86 22.66C7.24 22.66 2.69 18.11 2.69 12.49C2.69 6.86 7.24 2.31 12.86 2.31C18.49 2.31 23.04 6.86 23.04 12.49C23.04 18.11 18.49 22.66 12.86 22.66ZM24.34 23.96L20.05 19.67" />
3443					</g>
3444				</g>
3445			</g>
3446		</g>
3447	</g>
3448</svg></button>
3449      <input type="text" aria-label="search" name="q" id="q" placeholder="">
3450    </form>
3451  </div>
3452</nav>
3453
3454<script>
3455  jQuery('.shifter-navigation').css('left', '100%');
3456  jQuery(document).ready(function () {
3457    setTimeout(function () {
3458      jQuery('.shifter-navigation').css('left', '0');
3459    }, 1000);
3460  });
3461
3462  jQuery(document).on('click', '.mobile-menu-icon', function (e) {
3463    e.preventDefault();
3464    var $body = $('body');
3465    //    var $shifts = $(".shifter-header, .shifter-page");
3466    //    var $nav = $(".shifter-navigation");
3467    $body.addClass('shifter-open');
3468    //    $body.off(".shifter-open");
3469    //    $nav.find("input").trigger("blur");
3470  });
3471  jQuery(document).on('click', '.close-cart-drawer', function () {
3472    //jQuery('body').removeClass('shifter-open');
3473    var $body = $('body');
3474    var $shifts = $('.shifter-header, .shifter-page');
3475    var $nav = $('.shifter-navigation');
3476    $body.removeClass('shifter-open');
3477    $shifts.off('.shifter');
3478    $nav.find('input').trigger('blur');
3479  });
3480</script>
3480
3481
3482</div>
3483  
3484  <a href="#" class="scrollup"><i class="fa fa-chevron-up" aria-hidden="true"></i> TOP</a>
3485  <!-- Begin Recently Viewed Products -->
3486  
3486<script type="text/javascript" charset="utf-8">
3487    //<![CDATA[
3488    // Including api.jquery.js conditionnally.
3489    if (typeof Shopify.resizeImage === 'undefined') {
3490      document.write("\u003cscript src=\"\/\/www.handinhandsoap.com\/cdn\/shopifycloud\/storefront\/assets\/themes_support\/api.jquery-7ab1a3a4.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e");
3491    }
3492    //]]>
3493  </script>
3493
3494  
3494<script src="//ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js" type="text/javascript"></script>
3494
3495  
3495<script src="//www.handinhandsoap.com/cdn/shop/t/76/assets/jquery.products.min.js?v=69449650225931047071699013840" type="text/javascript"></script>
3495
3496
3497  <div id="fb-root"></div>
3498  
3498<script>(function(d, s, id) {
3499  var js, fjs = d.getElementsByTagName(s)[0];
3500  if (d.getElementById(id)) return;
3501  js = d.createElement(s); js.id = id;
3502  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=127142210767229";
3503  fjs.parentNode.insertBefore(js, fjs);
3504}(document, 'script', 'facebook-jssdk'));</script>
3504
3505
3506  
3507
3508  
3509  
3509<script src="//www.handinhandsoap.com/cdn/shop/t/76/assets/handlebars.min.js?v=79044469952368397291699013839" type="text/javascript"></script>
3509
3510  <!-- /snippets/ajax-cart-template.liquid -->
3511
3512  
3512<script id="CartTemplate" type="text/template">
3513
3514  
3515    <form action="/cart" method="post" novalidate class="cart ajaxcart">
3516      <div class="ajaxcart__inner">
3517        {{#items}}
3518        <div class="ajaxcart__product">
3519                  
3520          <div class="cart-item--remove">
3521            <a
3522            href="#"
3523            data-line="{{line}}"
3524            class="cart-drawer-item-remove-link">x</a>
3525            </div>
3526          <div class="ajaxcart row" data-line="{{line}}">
3527
3528              <div class="grid__item desktop-3 tablet-2 mobile-1">
3529                <a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt="{{name}}"></a>
3530              </div>
3531              <div class="desktop-9 tablet-4 mobile-2">
3532              <div class="cart-drawer-content">
3533                <p>
3534                  <a href="{{url}}" class="ajaxcart__product-name">{{name}}</a>
3535                </p>
3536                <p class="cart-drawer-content-price"><strong>{{{price}}}</strong></p>
3537                </div> 
3538                <div class="display-table-drawer-qty">
3539                  <div class="display-table-cell">
3540                    <div class="ajaxcart__qty">
3541                      <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus quantity-increment" data-id="{{id}}" data-qty="{{itemMinus}}" data-line="{{line}}">
3542                        <span>&minus;
3542</span>
3543                      </button>
3544                      <span class="ajaxcart__qty-num-view" >{{itemQty}}</span>
3545                      <input type="text" name="updates[]" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{id}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*">
3546                      <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus quantity-increment" data-id="{{id}}" data-line="{{line}}" data-qty="{{itemAdd}}">                        
3547                        <span>+</span>
3548                      </button>
3549                    </div>
3550                  </div>
3551                </div>
3552              </div>
3553
3554          </div>
3555        </div>
3556        {{/items}}
3557
3558        
3559      </div>
3560      
3561      
3562    
3563    
3564
3565
3566</div>
3567      <div class="ajaxcart__footer row">
3568      <div data-tbnadfield='GIFT_PICKER' data-tbnadhide='NO_GIFTS' data-tbnaddefault=''></div>
3569          <div class="desktop-12 tablet-6 mobile-3 subtotal-btn-cart-drawer">
3570            <p class="text-right"><strong>Subtotal: {{{totalPrice}}}</strong></p>
3571          
3572
3573        <!--<p class="text-center">Shipping calculated at check out</p>-->
3574        <button type="submit" class="cart__checkout" name="checkout">
3575          Check Out
3576        </button>
3577        </div>
3578        
3579          <div class="additional_checkout_buttons"><div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:6903177,&quot;merchantName&quot;:&quot;Hand in Hand Soap&quot;,&quot;personalized&quot;:true}},{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;paypal&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:6903177,&quot;countryCode&quot;:&quot;US&quot;,&quot;merchantName&quot;:&quot;Hand in Hand Soap&quot;,&quot;phoneRequired&quot;:false,&quot;companyRequired&quot;:false,&quot;shippingType&quot;:&quot;shipping&quot;,&quot;shopifyPaymentsEnabled&quot;:true,&quot;hasManagedSellingPlanState&quot;:false,&quot;requiresBillingAgreement&quot;:false,&quot;gatewayType&quot;:&quot;MANAGED&quot;,&quot;merchantId&quot;:&quot;F5AHKMZCM6JN4&quot;,&quot;sdkUrl&quot;:&quot;https://www.paypal.com/sdk/js?components=buttons\u0026commit=false\u0026currency=USD\u0026locale=en_US\u0026client-id=AbasDhzlU0HbpiStJiN1KRJ_cNJJ7xYBip7JJoMO0GQpLi8ePNgdbLXkC7_KMeyTg8tnAKW4WKrh9qmf\u0026merchant-id=F5AHKMZCM6JN4\u0026intent=authorize&quot;,&quot;serviceableCountryCodes&quot;:[&quot;US&quot;]}}]" access-token="cddabce58a60cca759dcbcaf4d37d0c1" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="6903177" cart-id="15b814383740f4d85f371d6d565314f6" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> <li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'>&nbsp</div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'>&nbsp</div></li> </ul> </div> </shopify-accelerated-checkout-cart> </div></div>
3580        
3581      </div>
3582    </form>
3583  
3584  </script>
3584
3585  
3585<script id="AjaxQty" type="text/template">
3586  
3587    <div class="ajaxcart__qty">
3588      <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{id}}" data-qty="{{itemMinus}}">
3589        <span class="icon icon-minus" aria-hidden="true"></span>
3590        <span class="fallback-text">&minus;</span>
3591      </button>
3592      <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{id}}" aria-label="quantity" pattern="[0-9]*">
3593      <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{id}}" data-qty="{{itemAdd}}">
3594        <span class="icon icon-plus" aria-hidden="true"></span>
3595        <span class="fallback-text">+</span>
3596      </button>
3597    </div>
3598  
3599  </script>
3599
3600  
3600<script id="JsQty" type="text/template">
3601  
3602    <div class="js-qty">
3603      <button type="button" class="js-qty__adjust js-qty__adjust--minus quantity-increment" data-id="{{id}}" data-qty="{{itemMinus}}">
3604        <span>&minus;</span>
3605      </button>
3606      <input type="text" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{id}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}">
3607      <button type="button" class="js-qty__adjust js-qty__adjust--plus quantity-increment" data-id="{{id}}" data-qty="{{itemAdd}}">
3608        <span>+</span>
3609      </button>
3610    </div>
3611  
3612  </script>
3612
3613
3614
3615
3616  
3616<script src="//www.handinhandsoap.com/cdn/shop/t/76/assets/ajax-cart.js?v=1653664912287817801699013851" type="text/javascript"></script>
3616
3617  
3617<script>
3618    jQuery(function($) {
3619      ajaxCart.init({
3620        formSelector: '#AddToCartForm',
3621        cartContainer: '#CartContainer',
3622        addToCartSelector: '#AddToCart',
3623        cartCountSelector: '.CartCount',
3624        cartCostSelector: '.CartCost',
3625        moneyFormat: "${{amount}}",
3626        onToggleCallback: function(cart) {
3627        Currency.convertAll(shopCurrency, Currency.currentCurrency);
3628        jQuery('.selected-currency').text(Currency.currentCurrency);
3629      }
3630     });
3631    });
3632    jQuery('body').on('ajaxCart.afterCartLoad', function(evt, cart) {
3633      // Bind to 'ajaxCart.afterCartLoad' to run any javascript after the cart has loaded in the DOM
3634      timber.RightDrawer.open();
3635    });      
3636  </script>
3636
3637  
3638  
3639  <!-- AWIN Network Tracking Script -->
3640  
3640<script src="https://www.dwin1.com/15626.js" type="text/javascript"
3641defer="defer"></script>
3641
3642  
3643  <!-- AWIN Source Tracking -->
3644  
3644<script type="text/javascript">
3645    var iCookieLength = 30; // Cookie length in days
3646    var sCookieName = "_aw_channel"; // Name of the first party cookie to utilise for last click referrer de-duplication
3647    var sSourceParameterName = "utm_source"; // The parameter used by networks and other marketing channels to tell you who drove the traffic
3648
3649    var _getQueryStringValue = function (sParameterName) {
3650        var aQueryStringPairs = document.location.search.substring(1).split("&");
3651        for (var i = 0; i < aQueryStringPairs.length; i++) {
3652            var aQueryStringParts = aQueryStringPairs[i].split("=");
3653            if (sParameterName.toLowerCase() == aQueryStringParts[0].toLowerCase()) {
3654                return aQueryStringParts[1];
3655            }
3656        }
3657    };
3658
3659    var _setCookie = function (sCookieName, sCookieContents, iCookieLength) {
3660        var dCookieExpires = new Date();
3661        dCookieExpires.setTime(dCookieExpires.getTime() + (iCookieLength * 24 * 60 * 60 * 1000));
3662        document.cookie = sCookieName + "=" + sCookieContents + "; expires=" + dCookieExpires.toGMTString() + "; path=/;";
3663    };
3664
3665    if (_getQueryStringValue(sSourceParameterName)) {
3666        _setCookie(sCookieName, _getQueryStringValue(sSourceParameterName), iCookieLength);
3667    }
3668  </script>
vendor: 1 bytes, line 3668
3668
3669<script>
3670  var wow = new WOW(
3671  {
3672    boxClass:     'wow',      // animated element css class (default is wow)
3673    animateClass: 'animated', // animation css class (default is animated)
3674    offset:       0,          // distance to the element when triggering the animation (default is 0)
3675    mobile:       true,       // trigger animations on mobile devices (default is true)
3676    live:         true,       // act on asynchronously loaded content (default is true)
3677    callback:     function(box) {
3678      // the callback is fired every time an animation is started
3679      // the argument that is passed in is the DOM node being animated
3680    },
3681    scrollContainer: null // optional scroll container selector, otherwise use window
3682  }
3683);
3684wow.init();
3685  
3686  </script>
3686<!--Content in content_for_footer -->
3687
3688			
3689<!--LH-->
3689<script src="//www.handinhandsoap.com/cdn/shop/t/76/assets/Ribbon_Animation.js?v=74306539488109515071699013834" type="text/javascript"></script>
3689
3690 
3690<script>
3691  if(typeof(Spurit) === 'undefined'){
3692    var Spurit = {};
3693  }
3694  if(!Spurit.CountdownTimer){
3695    Spurit.CountdownTimer = {};
3696  }
3697  if(!Spurit.CountdownTimer.snippet){
3698    Spurit.CountdownTimer.snippet = {};
3699  }
3700  Spurit.CountdownTimer.snippet.shopHash = '2f91750dc1e7a5437e38c717c5efe45d';
3701  Spurit.CountdownTimer.snippet.signature = '28d36c150621d618a6431af46ee2985e';
3702  Spurit.CountdownTimer.snippet.userId = '345589';
3703  Spurit.CountdownTimer.snippet.cacheTimestamp = 1699014248;
3704
3705  
3706  
3707  
3708</script>
3708
3709
3710    
3710<script src="https://amaicdn.com/timer-app/common.js"></script>
3710
3711    <link href="https://amaicdn.com/timer-app/common.css" rel="stylesheet" type="text/css" media="all">
3712
3713<!--Gorgias Chat Widget Start-->
3713<script id="gorgias-chat-widget-install-v2" src="https://config.gorgias.chat/gorgias-chat-bundle-loader.js?applicationId=9603"></script>
vendor: 1 bytes, line 3713
3713
3714<script id="gorgias-chat-shopify-install">!function(_){_.SHOPIFY_PERMANENT_DOMAIN="hand-in-hand-soap.myshopify.com",_.SHOPIFY_CUSTOMER_ID="",_.SHOPIFY_CUSTOMER_EMAIL=""}(window||{});</script>
3714<!--Gorgias Chat Widget End-->
3715<!-- PowerReviews Code Start -->
3716<script src="https://ui.powerreviews.com/stable/4.1/ui.js" async></script>
3716
3717<link href="//www.handinhandsoap.com/cdn/shop/t/76/assets/powerreviews.css?v=50493641124359444861718176351" rel="stylesheet" type="text/css" media="all" />
3718<script>
3719  window.pwr = window.pwr || function () {
3720  	(pwr.q = pwr.q || []).push(arguments);
3721  };// can use https://www.handinhandsoap.com or hardcode
3722
3723  function prRandomNumber() {
3724  	return Math.round((Math.random()*100000000))
3725  };
3726
3727  const pwrCredentials = {
3728  	api_key: "f4079741-9f4e-4685-976e-7d81fc4b8de1",
3729  	locale: "en_US",
3730  	merchant_group_id: "286801778",
3731  	merchant_id: "2007918025"
3732  }
3733  function loadPowerReviews() {
3734
3735  let pwrElements = new Array;
3736  /* PDP Code Start */
3737  if (document.getElementById('pr-reviewdisplay') && !document.getElementById('pr-reviewdisplay').dataset.prMounted) {
3738
3739  	var pdpComponents = {
3740  		ReviewSnippet: "pr-reviewsnippet",
3741  		ReviewDisplay: "pr-reviewdisplay"
3742  	}
3743
3744  	if (document.getElementById('pr-questiondisplay')) {
3745  		pdpComponents.QuestionDisplay = "pr-questiondisplay";
3746  	}
3747
3748   	pwrElements.push({
3749  		...pwrCredentials,
3750  		page_id: '',
3751  		review_wrapper_url: 'https://www.handinhandsoap.com/pages/write-a-review?pr_page_id=',
3752  	/* Feedless Product Code Start */
3753  		product: {
3754  			name: "",
3755  			url: "https://www.handinhandsoap.com",
3756  			image_url: "https://www.handinhandsoap.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12_large.gif",
3757  			description: "",
3758  			category_name:"",
3759  			upc: "",
3760  			brand_name: "",
3761  			price: "",
3762  //			asin: "",
3763  			variants: []
3764  		},
3765
3766  	/* Feedless Product Code End */
3767
3768  	/* Enhanced SEO Code Start */
3769  		subject: {
3770  			"@context": "https://schema.org",
3771  			"@type": "Product",
3772  			name: "",
3773  			"brand": {
3774  				"@type": "Brand",
3775  				"name": ""
3776  			},
3777  			description: "",
3778  			image: [],
3779  			offers: [],
3780  		},
3781
3782  	/* Enhanced SEO Code End */
3783  		components: pdpComponents
3784
3785  	})
3786  };
3787  /* PDP Code End */
3788
3789
3790  /* PLP Code Start */
3791  document.querySelectorAll('[data-pr-component="CategorySnippet"]').forEach(el => {
3792  	if (!el.dataset.prMounted) {
3793  		el.id = 'snippet-' + prRandomNumber();
3794  		pwrElements.push({
3795  			...pwrCredentials,
3796  			page_id: el.dataset.prPageId,
3797  			ENABLE_CLIENT_SIDE_STRUCTURED_DATA: false,
3798  			components: {
3799  				CategorySnippet: el.id
3800  			}
3801  		})
3802  	}
3803
3804  });
3805  /* PLP Code End */
3806
3807
3808  /* WAR Form Code Start */
3809  if (document.getElementById('pr-write') && !document.getElementById('pr-write').dataset.prMounted) {
3810  	pwrElements.push({
3811  		...pwrCredentials,
3812  		page_id: '',
3813  		on_submit:function(config, data){
3814  			window.scrollTo(0,0);
3815  		},
3816  		components: {
3817  			Write: 'pr-write'
3818  		}
3819  	})
3820  }
3821
3822  /* WAR Form Code Start */
3823
3824  if (pwrElements.length > 0) {
3825  	pwr("render",pwrElements);
3826  }
3827
3828  }
3829
3830
3831
3832  loadPowerReviews();
3833</script>
3833
3834<!-- PowerReviews Code End -->
3835
3836<!-- start_review_render_code_js_section -->
3837
3838<script>
3839   window.pwr = window.pwr || function () {
3840     (pwr.q = pwr.q || []).push(arguments);
3841   };
3842   pwr("render", {
3843
3844  page_id: "",
3845  review_wrapper_url: "https://hand-in-hand-soap.myshopify.com/pages/write-a-review/?pr_page_id=",
3846  product: {
3847  	name: "",
3848  	url: "https://hand-in-hand-soap.myshopify.com",
3849  	image_url: "https://www.handinhandsoap.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12_large.gif",
3850  	description: "",
3851  	category_name: "",
3852  	upc: "",
3853  	brand_name: "",
3854  	price: "",
3855  	in_stock: "",
3856                variants: [ 
3857  ]},
3858     subject: {
3859  	"@context": "https://schema.org",
3860  	"@type": "Product",
3861  	name: "",
3862  	description: "",
3863  	offers: {
3864  	"@type": "Offer",
3865  	priceCurrency: "USD",
3866  	price: "",
3867  	availability: "https://schema.org/InStock"
3868  	}
3869  },
3870        components: {
3871           ReviewDisplay: "pr-reviewdisplay",
3872           ReviewSnippet: "pr-reviewsnippet",
3873           QuestionDisplay:'pr-questiondisplay'
3874        }
3875   });
3876</script>
3876
3877<!-- end_review_render_code_js_section -->
3878
3879<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3879
3880</body>
3881</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.