<!DOCTYPE html>
  <html itemscope itemtype="http://schema.org/WebPage" lang="en">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />

      <link rel="dns-prefetch" href="https://static.web-repository.com">
      <link rel="preconnect" href="https://static.web-repository.com">
      <link rel="dns-prefetch" href="https://content.app-sources.com/">
      <link rel="preconnect" href="https://content.app-sources.com/">
      <link rel="preload" as="script" href="https://static.web-repository.com/scripts/platform.client.min.js?v=843" />

      <link rel="icon" href="https://content.app-sources.com/s/945141180982723/uploads/Images/favicon-32x32-6204563.png" />

      <title>Gratitude Journal App</title>

      <link rel="canonical" href="https://carlawhite.org/gratitude" />
      <meta property="og:url" content="https://carlawhite.org/gratitude"/>
      <meta itemprop="url" content="https://carlawhite.org/gratitude"/>
      <meta name="twitter:url" content="https://carlawhite.org/gratitude"/>
      <meta name="description" content="The number one Gratitude app featured in Oprah, NY Times and Forbes, Gratitude Journal has been downloaded over 1M times and has helped thousands reclaim their life. The only completely private Gratitude Journal on the App Store." />
      <meta property="og:site_name" content="Carla White " />
      <meta property="og:title" content="Gratitude Journal App"/>
      <meta property="og:type" content="website"/>
      <meta property="og:description" content="The number one Gratitude app featured in Oprah, NY Times and Forbes, Gratitude Journal has been downloaded over 1M times and has helped thousands reclaim their life. The only completely private Gratitude Journal on the App Store."/>
      <meta itemprop="name" content="Gratitude Journal App"/>
      <meta itemprop="description" content="The number one Gratitude app featured in Oprah, NY Times and Forbes, Gratitude Journal has been downloaded over 1M times and has helped thousands reclaim their life. The only completely private Gratitude Journal on the App Store."/>
      <meta name="twitter:title" content="Gratitude Journal App"/>
      <meta name="twitter:card" content="summary"/>
      <meta name="twitter:description" content="The number one Gratitude app featured in Oprah, NY Times and Forbes, Gratitude Journal has been downloaded over 1M times and has helped thousands reclaim their life. The only completely private Gratitude Journal on the App Store."/>
      <script type="text/javascript">
        var WebPlatform = window.WebPlatform || {};

        WebPlatform.cookiesDisclaimer = ''.trim();
        WebPlatform.cookiesInfoBtn = "".trim();
        WebPlatform.cookiesInfoBtnLink = "".trim();
        WebPlatform.cookiesAcceptBtnText = "".trim() || 'OK';
        WebPlatform.ipCountryCode = "US";

        WebPlatform.dateFormat = 'dd/mm/yy';
        if (!WebPlatform.onReady) {
          WebPlatform.documentReadyRequests = [];
          WebPlatform.onReady = function (request) {
            if (WebPlatform.documentReadyRequests === null)
              request();
            else
              WebPlatform.documentReadyRequests.push(request);
          };
        }

        if (!WebPlatform.merge) {
          WebPlatform.merge = function (target, source) {
            for (var key in source)
              if ((typeof target[key] === "undefined") || target[key] === '')
                target[key] = source[key];
            return target;
          };
        }
      </script>
      <link href="https://static.web-repository.com/styles/platform.client.min.css?v=843" type="text/css" rel="stylesheet"/>
        <link rel="preload stylesheet" as="style"
            href="https://static.web-repository.com/t/theme25/css/trunk.min.css?v=843" id="style-default" class="stylesheet" />

      <link rel="preload stylesheet" as="style" media="(max-width: 1024px)"
            href="https://static.web-repository.com/t/theme25/css/trunk-1024.min.css?v=843" id="style-1024" class="stylesheet" />

      <link rel="preload stylesheet" as="style" media="(max-width: 768px)"
            href="https://static.web-repository.com/t/theme25/css/trunk-768.min.css?v=843" id="style-768" class="stylesheet" />

      <link rel="preload stylesheet" as="style" media="(max-width: 480px)"
            href="https://static.web-repository.com/t/theme25/css/trunk-480.min.css?v=843" id="style-480" class="stylesheet"/>

      <meta property="og:image" content="https://content.app-sources.com/s/945141180982723/uploads/Images/iphone-xs-max-mockup-of-a-girl-in-a-dark-room-25817-6636343.png" />
        <meta itemprop="image" content="https://content.app-sources.com/s/945141180982723/uploads/Images/iphone-xs-max-mockup-of-a-girl-in-a-dark-room-25817-6636343.png" />
        <meta name="twitter:image" content="https://content.app-sources.com/s/945141180982723/uploads/Images/iphone-xs-max-mockup-of-a-girl-in-a-dark-room-25817-6636343.png"/>
      <!--[if lt IE 9]>
      <script type="text/javascript" src="https://static.web-repository.com/scripts/common/html5shiv.min.js"></script>
      <![endif]-->
      <style type="text/css" id="global-styles">
  

  :root {
    --color-primary: rgba(255, 45, 112, 1);
    --color-secondary1: #028090;
    --color-secondary2: #00A896;
    --color-secondary3: #02C39A;
    --color-secondary4: #F0F3BD;
  }

  
    .theme .color-primary, .color-primary {
      color: rgba(255, 45, 112, 1);
    }
    .theme .bg-color-primary, .bg-color-primary {
      background-color: rgba(255, 45, 112, 1);
    }
    .theme .border-color-primary, .border-color-primary {
      border-color: rgba(255, 45, 112, 1);
    }
    .theme .fill-color-primary, .fill-color-primary {
      fill: rgba(255, 45, 112, 1);
    }
  
    .theme .color-secondary1, .color-secondary1 {
      color: #028090;
    }
    .theme .bg-color-secondary1, .bg-color-secondary1 {
      background-color: #028090;
    }
    .theme .border-color-secondary1, .border-color-secondary1 {
      border-color: #028090;
    }
    .theme .fill-color-secondary1, .fill-color-secondary1 {
      fill: #028090;
    }
  
    .theme .color-secondary2, .color-secondary2 {
      color: #00A896;
    }
    .theme .bg-color-secondary2, .bg-color-secondary2 {
      background-color: #00A896;
    }
    .theme .border-color-secondary2, .border-color-secondary2 {
      border-color: #00A896;
    }
    .theme .fill-color-secondary2, .fill-color-secondary2 {
      fill: #00A896;
    }
  
    .theme .color-secondary3, .color-secondary3 {
      color: #02C39A;
    }
    .theme .bg-color-secondary3, .bg-color-secondary3 {
      background-color: #02C39A;
    }
    .theme .border-color-secondary3, .border-color-secondary3 {
      border-color: #02C39A;
    }
    .theme .fill-color-secondary3, .fill-color-secondary3 {
      fill: #02C39A;
    }
  
    .theme .color-secondary4, .color-secondary4 {
      color: #F0F3BD;
    }
    .theme .bg-color-secondary4, .bg-color-secondary4 {
      background-color: #F0F3BD;
    }
    .theme .border-color-secondary4, .border-color-secondary4 {
      border-color: #F0F3BD;
    }
    .theme .fill-color-secondary4, .fill-color-secondary4 {
      fill: #F0F3BD;
    }
  
    .note-editable.panel-body h1, 
    .text-widget-content h1,
    .post-description h1 {
      font-family: Helvetica, arial;
      line-height: 1em;
      font-size: 72px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h2, 
    .text-widget-content h2,
    .post-description h2 {
      font-family: Helvetica, arial;
      line-height: 1em;
      font-size: 42px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h3, 
    .text-widget-content h3,
    .post-description h3 {
      font-family: Helvetica, arial;
      line-height: 1em;
      font-size: 32px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h4, 
    .text-widget-content h4,
    .post-description h4 {
      font-family: Helvetica, arial;
      line-height: 1em;
      font-size: 24px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h5, 
    .text-widget-content h5,
    .post-description h5 {
      font-family: Helvetica, arial;
      line-height: 1em;
      font-size: 18px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    .note-editable.panel-body h6, 
    .text-widget-content h6,
    .post-description h6 {
      font-family: Open Sans, arial;
      line-height: 1em;
      font-size: 15px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
        .note-editable.panel-body li, 
        .text-widget-content li, 
      
    .note-editable.panel-body p, 
    .text-widget-content p,
    .post-description p {
      font-family: Open Sans, arial;
      line-height: 1.6em;
      font-size: 15px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
        .note-editable.panel-body blockquote > p,
        .text-widget-content blockquote > p,
      
    .note-editable.panel-body blockquote, 
    .text-widget-content blockquote,
    .post-description blockquote {
      font-family: Open Sans, arial;
      line-height: 1.6em;
      font-size: 15px;
      color: #3e3e3e;
      
          letter-spacing: normal;
        
    }
  
    body {}
    @media screen and (max-width: 768px) {
     .note-editable.panel-body h1, 
       .text-widget-content h1 {
        font-family: Open Sans;
        line-height: 1em;
        font-size: 48px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h2, 
       .text-widget-content h2 {
        font-family: Open Sans;
        line-height: 1em;
        font-size: 32px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h3, 
       .text-widget-content h3 {
        font-family: Open Sans;
        line-height: 1em;
        font-size: 26px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h4, 
       .text-widget-content h4 {
        font-family: Open Sans;
        line-height: 1em;
        font-size: 22px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h5, 
       .text-widget-content h5 {
        font-family: Open Sans;
        line-height: 1em;
        font-size: 18px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body h6, 
       .text-widget-content h6 {
        font-family: Open Sans;
        line-height: 1em;
        font-size: 14px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body li, 
           .text-widget-content li,    
         .note-editable.panel-body p, 
       .text-widget-content p {
        font-family: Open Sans;
        line-height: 1.6em;
        font-size: 14px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

     .note-editable.panel-body blockquote > p,
           .text-widget-content blockquote > p,
         .note-editable.panel-body blockquote, 
       .text-widget-content blockquote {
        font-family: Open Sans;
        line-height: 1.6em;
        font-size: 14px !important;
        color: #3e3e3e;
        
            letter-spacing: normal;
          
      }

    
      body {}
    }
  

  .page-layout:not(.style-boxed-layout) .grid-content,
  .theme .page-layout:not(.style-boxed-layout) .container,
  .page-layout.header-layout-floating:not(.style-boxed-layout) .main-header-wrapper,
  .page-layout.fixed-header-layout-floating:not(.style-boxed-layout) .fixed-header-wrapper,
  .mega-menu-inner, .megamenu-settings-wrapper {
    max-width: 1220px;
  }

  .style-boxed-layout.page-layout,
  .theme .style-boxed-layout .fixed-header-wrapper, 
  .theme .style-boxed-layout .fixed-header-wrapper.visible,
  #website.theme .fixed-header-layout-floating .fixed-header-wrapper, 
  #website.theme .fixed-header-layout-floating .fixed-header-wrapper.visible
  {
    width: 1220px;
  }
  /*
    #website.theme .header-layout-floating .fixed-header-wrapper, 
    #website.theme .header-layout-floating .fixed-header-wrapper.visible {
      width: 1220px;
    }*/
  /*
    #website.theme .fixed-header-layout-floating .fixed-header-wrapper, 
    #website.theme .fixed-header-layout-floating .fixed-header-wrapper.visible {
      width: calc(1220px - 130px) !important;
  }
  */
  .style-boxed-layout .grid-content,
  .style-boxed-layout .container,
  .style-boxed-layout.header-layout-floating .main-header-wrapper,
  .style-boxed-layout.fixed-header-layout-floating .fixed-header-wrapper {
    max-width: 90%;
  }

  .note-editable.panel-body a,
  .text-widget-content a {
    color: rgba(255, 45, 112, 1);
    text-decoration: none;
  }

  .note-editable.panel-body a:hover,
  .text-widget-content a:hover {
    color: rgba(62, 62, 62, 1);
    text-decoration: none;
  }

  .theme .page-layout {
    background: #ffffff;
  }

  .theme .primaryColor,
  .theme .highlightColor:hover,
  .theme .smaller .highlightColor:hover,
  .theme .highlightColor.active,
  .portfolio-filter ul li.active a, 
  .portfolio-filter ul li a:hover,
  .portfolio-list-wrapper .image-overlay a:hover,
  .portfolio-widget-item .primaryColor-bg2:hover,
  .tmdp-pagination [data-role]:hover i, .blog-back-btn:hover i,
  .products-filter-style-1 ul li.active a,
  .products-filter-style-1 ul li a:hover,
  .side-filter .products-filter section > ul > li.active > a,
  .side-filter .products-filter section > ul > li:hover > a,
  .side-filter .products-filter section ul li li:hover > a,
  .side-filter .products-filter section ul li li.active > a,
  .has-subcategories div:hover:before,
  .store6 .product-item-description .product-item-price,
  .post-category a,
  .login-question a,
  .promo-code-toggle-btn
  {
    color: rgba(255, 45, 112, 1) !important;
  }

  .cart-table.style-2 .fake-checkbox.checked {
    border: 2px solid rgba(255, 45, 112, 1);
  }

  .theme .active > .website-nav-link {
    color: rgba(255, 45, 112, 1);
  }

  .theme .primaryColor-bg:hover,
  .tmdp-pagination [data-role="0"],
  .theme .active .primaryColor-bg {
    background-color: rgba(255, 45, 112, 1);
    border-color: rgba(255, 45, 112, 1);
  }

  .theme .active .primaryColor-bg,
  .theme .primaryColor-bg:hover,
  .theme .smaller .primaryColor-bg:hover,
  .theme .smaller .active .primaryColor-bg {
    color: #fff !important;
  }

  .theme .signin-button:hover svg,
  .theme .cart-button:hover svg,
  .theme .signin-button.active svg,
  .theme .cart-button.active svg,
  .theme .smaller .signin-button:hover svg,
  .theme .smaller .cart-button:hover svg,
  .theme .smaller .signin-button.active svg,
  .theme .smaller .cart-button.active svg,
  .booking-final-step .booking-name svg {
    fill: rgba(255, 45, 112, 1);
  }

  .theme .primaryColor-bg2, 
  .top-bar .social-media i,
  .theme .read-more,
  .blog-comment-form a:hover,
  .theme .buttons-wrapper-outer .primaryColor-bg2,
  .product-main-photo.has-badge:after,
  .live-theme .ui-widget-header,
  nav li a:before,
  .store2 .product-item .product-badge,
  .theme .profile-sidebar li a:after,
  .vertical-menu-styling.design-4 li:after,
  .live-theme-message a,
  .next-step-popup svg,
  .form-field .custom-checkbox input[type=checkbox]:checked + .custom-checkbox-label:before,
  .form-field .custom-checkbox input[type=radio]:checked + .custom-checkbox-label:before,
  .elite-widget ul li.active a:after,
  .elite-tab-call-to-action,
  .widget-checkout .checkout-info h3:after, .widget-checkout .checkout-summary h3:after, .cart-title:after
  {
    background-color: rgba(255, 45, 112, 1);
  }

  .theme .border-color,
  article blockquote,
  .theme nav li ul,
  .theme .primaryColor-border, 
  blockquote,
  .portfolio-filter ul li.active a,
  .tmdp-pagination [data-role]:hover, .blog-back-btn:hover,
  .theme .profile-sidebar li a.active,
  .products-filter-style-1 ul li.active a,
  .pagination-wrapper li a:hover, .pagination-wrapper li.active a,
  .products-filter-style-2 li.active a,
  .vertical-menu-styling.design-2 li:hover,
  .vertical-menu-styling.design-2 li.active,
  .vertical-menu-styling.design-3 li:hover,
  .vertical-menu-styling.design-3 li.active,
  .form-field .custom-checkbox input[type=checkbox]:checked + .custom-checkbox-label:before,
  .form-field .custom-checkbox input[type=radio]:checked + .custom-checkbox-label:before
  /*.select-wrapper.style-1 ul li a.active,
  .select-wrapper.style-1 ul li a:hover,
  .select-wrapper.style-2 ul li a.active,
  .select-wrapper.style-2 ul li a:hover,
  .select-wrapper.style-3 ul li a.active,
  .select-wrapper.style-3 ul li a:hover,
  .select-wrapper.style-1 ul li a.active:before,
  .select-wrapper.style-2 ul li a.active:before,
  .select-wrapper.style-3 ul li a.active:before,*/

  {
    border-color: rgba(255, 45, 112, 1);
  }

  .theme .header-side-style-1 nav ul li.website-nav-link-highlighted > a,
  .theme .header-side-style-1a nav ul li.website-nav-link-highlighted >a {
    border-color: rgba(255, 45, 112, 1);
  }

  .checkout-spinner {
    border-color: rgba(255, 45, 112, 1);
    border-top-color: rgba(0, 0, 0, .2);
    border-right-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
  }

  .tmdp-slides-loading,
  #client-ajax-message,
  #portfolio-popup-content.active-loading, 
  #tmdp-simple-lightbox-content.active-loading,
  .loader.active-loading {
    border-left-color: rgba(255, 45, 112, 1);
  }

  .posts-list-wrapper .post-title a,
  article .post-meta a, 
  article .post-meta p,
  .portfolio-filter li a,
  .product-item-description h3,
  .product-item-description .product-item-price,
  .breadcrumb li a, .breadcrumb li span,
  .product-body-container h2,
  .product-page-style-image-top .product-price span,
  article .post-meta span,
  .theme .post-title,
  .comments-list h3,
  .blog-tag-cloud a,
  .post-categories,
  .checkout-wrapper h2,
  .checkout-wrapper .cart-labels span,
  .checkout-wrapper .product-info a,
  .checkout-wrapper .cart-container .qty, 
  .checkout-wrapper .cart-container .row-total,
  .checkout-wrapper .subtotal-wrapper span,
  .live-theme .checkout-wrapper .promo-code-toggle-btn,
  .checkout-wrapper .cart-container .row-delete i,
  .product-price span,
  .products-showing span,
  .filter-lane label,
  .products-filter-style-2 li a,
  .product-body-container h1,
  .checkout-wrapper h1,
  .no-items-text
  {
    color: #3e3e3e;
  }

  .tmdp-bullets .tmdp-bullet:hover, 
  .tmdp-bullets .tmdp-bullet.active,
  .side-filter .products-filter ul li a:hover:before,
  .side-filter .products-filter ul li.active a:before {
    background: rgba(255, 45, 112, 1) !important;
    border-color: rgba(255, 45, 112, 1) !important;
  }

  .theme .highlightBg:hover {
    background: rgba(255, 45, 112, 1);
    color: #fff !important;
  }

  .theme .theme18 .navigation-wrapper .active > .website-nav-link {
    background: rgba(255, 45, 112, 1);
    color: #fff;
  }

  .theme .theme18 .navigation-wrapper .active>a:hover {
    color: #fff !important;
  }

  </style><style type="text/css">
  </style>

<link  rel="preload stylesheet" as="style" href='//fonts.googleapis.com/css?display=swap&family=Open+Sans%7COpen+Sans:regular%7CPlayfair+Display:italic%7CRoboto:300%7CHammersmith+One:regular'>
  
      <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-43348716-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-43348716-1');
</script>

<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '341558509881686');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=341558509881686&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

<meta name="p:domain_verify" content="95bf6e1c78ac95bff23484b01dc310da"/><!-- /><div></div> */ /**/ <!-- -->
        
      <!-- Facebook Pixel Code -->
      <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '341558509881686');
        fbq('track', 'PageView');
      </script>
      <noscript>
        <img height="1" width="1" style="display:none" 
             src="https://www.facebook.com/tr?id=341558509881686&ev=PageView&noscript=1"/>
      </noscript>
      <!-- End Facebook Pixel Code -->
      </head>
    <body class="theme live-theme " data-resources="https://static.web-repository.com" data-content="https://content.app-sources.com/" data-locale="en" data-ver="843" data-minor="843.4289" >
      <div 
      
          class="style-full-width-layout page-layout theme25 clearfix ">
          <div class="header-wrapper main-header-wrapper horizontal-header-wrapper ">
          <div class="header-row  header-row-main"
                   style="background-color: rgba(255, 255, 255, 1);">
                <div class="header-row-space top" style="height: 16px"></div>
                <div class="flex flex-row align-center flex-header container relative">
                  <div class="flex-1 header-widget-container flex flex-row">
                    <div class="header-widget-space" style="width: 0px"></div>
                        <div class="header-widget" id="header-widget-1534279582290"
         data-type="headers/Logo">
      <div class="theme-logo" data-role="logo">
          <a href="//carlawhite.org" rel="home">
          <span>
            <img src="https://content.app-sources.com/s/945141180982723/uploads/Images/flat-75px-6639370.png" alt="Carla White " style="max-height: 60px;" />
              </span>
        </a>
      </div>
    </div>
  </div>
                  <div class="flex-none header-widget-container flex flex-row">
                    </div>
                  <div class="flex-1 header-widget-container flex flex-row justify-flex-end">
                    



  
    <div class="header-widget" id="header-widget-1534279582291"
         data-type="headers/Menu">
      

      <style type="text/css">
        #header-widget-1534279582291 nav > ul > li > a.website-nav-link {
          padding: 20px;
        }

        #header-widget-1534279582291  ul li a.website-nav-link {
          font-size: 15px;
          font-family: Arial;
          color: rgba(35, 35, 35, 0.9);
          text-transform: uppercase;
        }

        #header-widget-1534279582291 .before, 
        #header-widget-1534279582291 .after, 
        #header-widget-1534279582291 .middle {
          background: #3e3e3e;
        }

        #header-widget-1534279582291 .burger-menu-visible .before, 
        #header-widget-1534279582291 .burger-menu-visible .after, 
        #header-widget-1534279582291 .burger-menu-visible .middle {
          background: rgba(35, 35, 35, 0.9);
        }

        #header-widget-1534279582291 nav > ul > li:hover a.website-nav-link,
        #header-widget-1534279582291 nav > ul > li.active a.website-nav-link,
        #header-widget-1534279582291 .overlay nav li:hover > div > ul li a.website-nav-link:hover {
          color: rgba(255, 255, 255, 1);
        }

        #header-widget-1534279582291 .with-background nav > ul > li:hover > a, 
        #header-widget-1534279582291 .with-background nav > ul > li.active > a {
          background-color: rgba(0, 0, 0, 1);
          border-radius: 40px;
        }

        #header-widget-1534279582291 .with-border li:hover:before,
        #header-widget-1534279582291 .with-border li.active:before,
        #header-widget-1534279582291 .border-below li:hover a.website-nav-link:after, 
        #header-widget-1534279582291 .border-below li.active a.website-nav-link:after {
          background: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291 .border-at-left nav > ul > li.active,
        #header-widget-1534279582291 .border-at-left nav > ul > li:hover {
          border-color: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291 .border-below nav > ul > li:after.active,
        #header-widget-1534279582291 .border-below nav > ul > li:after:hover {
          background: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291 nav li:hover > div > ul.with-border {
          border: 1px solid #3e3e3e;
          background-color: rgba(255, 255, 255, 1);
        }

        #header-widget-1534279582291 nav li:hover > div > ul,
        #header-widget-1534279582291 nav li.visible > div > ul {
          background-color: rgba(255, 255, 255, 1);
        }

        #header-widget-1534279582291 nav li:hover > div > ul li a.website-nav-link,
        #header-widget-1534279582291 nav li.visible > div > ul li a.website-nav-link {
          color: #363636;
        }

        #header-widget-1534279582291 nav li:hover > div > ul li a.website-nav-link:hover {
          color: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291 .vertical-menu-styling.design-1 nav > ul > li,
        #header-widget-1534279582291 .vertical-menu-styling.design-3 nav > ul > li {
          border-color: #3e3e3e;
        }

        #header-widget-1534279582291 .vertical-menu-styling.border-below.left li:after {
          background-color: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291 .overlay nav li > div > ul > li > a.website-nav-link {
          color: rgba(35, 35, 35, 0.9);
        }

        #header-widget-1534279582291 .horizontal-menu-styling.with-divider nav > ul > li:after {
          background-color: #CCCCCC;
        }
      </style>

      <div class=" right-submenu menu-widget with-background   
           
             left mobile-column horizontal-menu-styling"
           style="background: transparent">

        
          <nav class="mobile-headerBackgroundColor">
            <ul class="clearfix">
              
                
                
                
                
                <li  class=" ">
                  
                  <a class="website-nav-link" rel="tab" href="/home"
                     >
                    Welcome
                    
                  </a>

                  
                  
                  
                </li>
              
                
                
                
                
                <li  class=" ">
                  
                  <a class="website-nav-link" rel="tab" href="https://21daymindsetreset.com"
                      target="_blank">
                    21 Day Mindset Reset
                    
                  </a>

                  
                  
                  
                </li>
              
                
                
                
                
                <li  class=" ">
                  
                  <a class="website-nav-link" rel="tab" href="https://gratitude.plus/press-kit/"
                      target="_blank">
                    press kit
                    
                  </a>

                  
                  
                  
                </li>
              
                
                
                
                
                <li  class=" ">
                  
                  <a class="website-nav-link" rel="tab" href="/get-in-touch"
                      target="_blank">
                    Get in touch
                    
                  </a>

                  
                  
                  
                </li>
              
            </ul>
          </nav>
          
      </div> 
    </div>
  
<div class="header-widget-space" style="width: 0px"></div>
                        <div class="header-widget" id="header-widget-1571350049725"
         data-type="headers/Button">
      <div class="main-widget-content">
        <style type="text/css">
            #header-widget-1571350049725 .hvr-sweep-to-right:before, 
            #header-widget-1571350049725 .hvr-fade:hover, #header-widget-1571350049725 .hvr-fade:focus, #header-widget-1571350049725 .hvr-fade:active, 
            #header-widget-1571350049725 .hvr-rectangle-out:before {
              background: #333333 !important;
              border-color: #333333 !important;
            }

            #header-widget-1571350049725 .hvr-sweep-to-right:hover, #header-widget-1571350049725 .hvr-sweep-to-right:focus, #header-widget-1571350049725 .hvr-sweep-to-right:active, 
            #header-widget-1571350049725 .hvr-fade:hover, #header-widget-1571350049725 .hvr-fade:focus, #header-widget-1571350049725 .hvr-fade:active, 
            #header-widget-1571350049725 .hvr-rectangle-out:hover, #header-widget-1571350049725 .hvr-rectangle-out:focus, #header-widget-1571350049725 .hvr-rectangle-out:active {
              color: #ffffff !important;
            }
          </style>
        <a href="http://thegratitudeapp.com" target="_blank"  class="theme-button hvr-sweep-to-right   " 
           style="font-size: 14px; 
           color:rgba(255, 255, 255, 1);font-family:'Arial';background-color: rgba(235, 107, 86, 1);border-color: #333333;letter-spacing:0px;border-width: 0px;
           padding: 15px 30px;
           width: auto;
           
           border-radius: 39px;">

          <div class="col20 flex align-center button-icon-wrapper ">
              <i class="fa fa-apple"></i>
            <span class="bold">
                  DOWNLOAD</span>
              </div>
          </a>
      </div>
    </div>
  <div class="header-widget-space" style="width: 0px"></div>
                        </div>
                </div>
                <div class="header-row-space bottom" style="height: 16px"></div>
              </div>
            </div>
      <div class="mobile-header-overlay"></div>
  <div class="mobile-menu "
       style="background: rgba(255, 255, 255, 1)">
    <ul class="navToggle burger slide mobile-burger">
        <li class="before"></li>
        <li class="middle"></li>
        <li class="after"></li> 
      </ul>
    <div class="mobile-menu-logo">
      <div class="header-widget" id="header-widget-1534279582290-mobile"
         data-type="headers/Logo">
      <div class="theme-logo" data-role="logo">
          <a href="//carlawhite.org" rel="home">
          <span>
            <img src="https://content.app-sources.com/s/945141180982723/uploads/Images/flat-75px-6639370.png" alt="Carla White " style="max-height: 60px;" />
              </span>
        </a>
      </div>
    </div>
  </div>

    <style type="text/css">
            @media screen and (max-width: 768px) {
              .mobile-menu .header-widget > .text-widget-content span,
              .mobile-menu .header-widget > .text-widget-content p,
              .mobile-menu .header-widget > .text-widget-content a,
              .mobile-menu .header-widget > .text-widget-content blockquote,
              .mobile-menu .header-widget > .text-widget-content h1,
              .mobile-menu .header-widget > .text-widget-content h2,
              .mobile-menu .header-widget > .text-widget-content h3,
              .mobile-menu .header-widget > .text-widget-content h4,
              .mobile-menu .header-widget > .text-widget-content h5,
              .mobile-menu .header-widget > .text-widget-content h6 {
                color: rgba(35, 35, 35, 0.9) !important;
              }
            }
          </style>
        <div class="mobile-header-wrapper " style="background: rgba(255, 255, 255, 1)">
        



  
    <div class="header-widget" id="header-widget-1534279582291-mobile"
         data-type="headers/Menu">
      

      <style type="text/css">
        #header-widget-1534279582291-mobile nav > ul > li > a.website-nav-link {
          padding: 20px;
        }

        #header-widget-1534279582291-mobile  ul li a.website-nav-link {
          font-size: 15px;
          font-family: Arial;
          color: rgba(35, 35, 35, 0.9);
          text-transform: uppercase;
        }

        #header-widget-1534279582291-mobile .before, 
        #header-widget-1534279582291-mobile .after, 
        #header-widget-1534279582291-mobile .middle {
          background: #3e3e3e;
        }

        #header-widget-1534279582291-mobile .burger-menu-visible .before, 
        #header-widget-1534279582291-mobile .burger-menu-visible .after, 
        #header-widget-1534279582291-mobile .burger-menu-visible .middle {
          background: rgba(35, 35, 35, 0.9);
        }

        #header-widget-1534279582291-mobile nav > ul > li:hover a.website-nav-link,
        #header-widget-1534279582291-mobile nav > ul > li.active a.website-nav-link,
        #header-widget-1534279582291-mobile .overlay nav li:hover > div > ul li a.website-nav-link:hover {
          color: rgba(255, 255, 255, 1);
        }

        #header-widget-1534279582291-mobile .with-background nav > ul > li:hover > a, 
        #header-widget-1534279582291-mobile .with-background nav > ul > li.active > a {
          background-color: rgba(0, 0, 0, 1);
          border-radius: 40px;
        }

        #header-widget-1534279582291-mobile .with-border li:hover:before,
        #header-widget-1534279582291-mobile .with-border li.active:before,
        #header-widget-1534279582291-mobile .border-below li:hover a.website-nav-link:after, 
        #header-widget-1534279582291-mobile .border-below li.active a.website-nav-link:after {
          background: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291-mobile .border-at-left nav > ul > li.active,
        #header-widget-1534279582291-mobile .border-at-left nav > ul > li:hover {
          border-color: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291-mobile .border-below nav > ul > li:after.active,
        #header-widget-1534279582291-mobile .border-below nav > ul > li:after:hover {
          background: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291-mobile nav li:hover > div > ul.with-border {
          border: 1px solid #3e3e3e;
          background-color: rgba(255, 255, 255, 1);
        }

        #header-widget-1534279582291-mobile nav li:hover > div > ul,
        #header-widget-1534279582291-mobile nav li.visible > div > ul {
          background-color: rgba(255, 255, 255, 1);
        }

        #header-widget-1534279582291-mobile nav li:hover > div > ul li a.website-nav-link,
        #header-widget-1534279582291-mobile nav li.visible > div > ul li a.website-nav-link {
          color: #363636;
        }

        #header-widget-1534279582291-mobile nav li:hover > div > ul li a.website-nav-link:hover {
          color: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291-mobile .vertical-menu-styling.design-1 nav > ul > li,
        #header-widget-1534279582291-mobile .vertical-menu-styling.design-3 nav > ul > li {
          border-color: #3e3e3e;
        }

        #header-widget-1534279582291-mobile .vertical-menu-styling.border-below.left li:after {
          background-color: rgba(255, 45, 112, 1);
        }

        #header-widget-1534279582291-mobile .overlay nav li > div > ul > li > a.website-nav-link {
          color: rgba(35, 35, 35, 0.9);
        }

        #header-widget-1534279582291-mobile .horizontal-menu-styling.with-divider nav > ul > li:after {
          background-color: #CCCCCC;
        }
      </style>

      <div class=" right-submenu menu-widget with-background   
           
           design-4 center mobile-column vertical-menu-styling"
           style="background: transparent">

        
          <nav class="mobile-headerBackgroundColor">
            <ul class="clearfix">
              
                
                
                
                
                <li  class=" ">
                  
                  <a class="website-nav-link" rel="tab" href="/home"
                     >
                    Welcome
                    
                  </a>

                  
                  
                  
                </li>
              
                
                
                
                
                <li  class=" ">
                  
                  <a class="website-nav-link" rel="tab" href="https://21daymindsetreset.com"
                      target="_blank">
                    21 Day Mindset Reset
                    
                  </a>

                  
                  
                  
                </li>
              
                
                
                
                
                <li  class=" ">
                  
                  <a class="website-nav-link" rel="tab" href="https://gratitude.plus/press-kit/"
                      target="_blank">
                    press kit
                    
                  </a>

                  
                  
                  
                </li>
              
                
                
                
                
                <li  class=" ">
                  
                  <a class="website-nav-link" rel="tab" href="/get-in-touch"
                      target="_blank">
                    Get in touch
                    
                  </a>

                  
                  
                  
                </li>
              
            </ul>
          </nav>
          
      </div> 
    </div>
  
<div class="header-widget" id="header-widget-1571350049725-mobile"
         data-type="headers/Button">
      <div class="main-widget-content">
        <style type="text/css">
            #header-widget-1571350049725-mobile .hvr-sweep-to-right:before, 
            #header-widget-1571350049725-mobile .hvr-fade:hover, #header-widget-1571350049725-mobile .hvr-fade:focus, #header-widget-1571350049725-mobile .hvr-fade:active, 
            #header-widget-1571350049725-mobile .hvr-rectangle-out:before {
              background: #333333 !important;
              border-color: #333333 !important;
            }

            #header-widget-1571350049725-mobile .hvr-sweep-to-right:hover, #header-widget-1571350049725-mobile .hvr-sweep-to-right:focus, #header-widget-1571350049725-mobile .hvr-sweep-to-right:active, 
            #header-widget-1571350049725-mobile .hvr-fade:hover, #header-widget-1571350049725-mobile .hvr-fade:focus, #header-widget-1571350049725-mobile .hvr-fade:active, 
            #header-widget-1571350049725-mobile .hvr-rectangle-out:hover, #header-widget-1571350049725-mobile .hvr-rectangle-out:focus, #header-widget-1571350049725-mobile .hvr-rectangle-out:active {
              color: #ffffff !important;
            }
          </style>
        <a href="http://thegratitudeapp.com" target="_blank"  class="theme-button hvr-sweep-to-right   " 
           style="font-size: 14px; 
           color:rgba(255, 255, 255, 1);font-family:'Arial';background-color: rgba(235, 107, 86, 1);border-color: #333333;letter-spacing:0px;border-width: 0px;
           padding: 15px 30px;
           width: auto;
           
           border-radius: 39px;">

          <div class="col20 flex align-center button-icon-wrapper ">
              <i class="fa fa-apple"></i>
            <span class="bold">
                  DOWNLOAD</span>
              </div>
          </a>
      </div>
    </div>
  </div>
    <ul class="shopping-cart shopping-cart-mobile  none ">
      <li class="cart-button">
        <a href="/store/cart" class="website-nav-link" title="Cart">
          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
               viewBox="0 0 32 32" style="height:24px; width: 24px; float:left;" xml:space="preserve">
          <path d="M27.996,8.91C27.949,8.395,27.519,8,27,8h-5V6c0-3.309-2.69-6-6-6c-3.309,0-6,2.691-6,6v2H5
                C4.482,8,4.051,8.395,4.004,8.91l-2,22c-0.025,0.279,0.068,0.557,0.258,0.764C2.451,31.882,2.719,32,3,32h26
                c0.281,0,0.549-0.118,0.738-0.326c0.188-0.207,0.283-0.484,0.258-0.764L27.996,8.91z M12,6c0-2.206,1.795-4,4-4s4,1.794,4,4v2h-8
                V6z M4.096,30l1.817-20H10v2.277C9.404,12.624,9,13.262,9,14c0,1.104,0.896,2,2,2s2-0.896,2-2c0-0.738-0.404-1.376-1-1.723V10h8
                v2.277c-0.596,0.347-1,0.984-1,1.723c0,1.104,0.896,2,2,2c1.104,0,2-0.896,2-2c0-0.738-0.403-1.376-1-1.723V10h4.087l1.817,20
                H4.096z"/>
          </svg>
          <span class="cart-items-number primaryColor-bg2"></span>
        </a>
      </li>
    </ul>
  </div>
<a class="scrollToTop transition-all fa fa-angle-up" title="Scroll To Top"></a>

      <div class="content slide">
        <div class="content-wrapper">
      <div class="content">
        <div 
      
      id="container-widget-1541082723516"
      
      data-type="Container"
      class="grid-row 
       column-reverse stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:1.84255%;
      padding-top: 2.51256%; padding-left: 0;
      background-color: rgba(255, 255, 255, 1);
        background-position: center center;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 47%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
         anim-delayed-item widgetResponsive textWidget headingWidget col20" id="heading-widget-1586564492508"
         data-type="HeadingWidget" 
         data-delay=""
         data-animation-duration="1100"
         data-animation-delay="0"
         data-animation="lazyAnimation-fadeInUp"
         style="margin-top: 24.7818%; margin-left: 0px;">
      <div class="text-widget-content"><h2 style="text-align: left; line-height: 1.6;"><span style="font-weight: bold; font-size: 90px;"><span style="font-family: Tahoma;">LIVE YOUR BEST LIFE</span><span class="color-primary" style="font-family: Roboto;">.</span></span></h2></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
         anim-delayed-item widgetResponsive col9" id="separator-widget-1586564492506"
         data-type="Separator" 
         data-delay=""
         data-animation-duration="1100"
         data-animation-delay="0"
         data-animation="lazyAnimation-fadeInUp"
         style="margin-top: 0px; margin-left: 0px;">
      <div>
          <div class="hr-title fullwidth-separator" style="text-align: left;"> 
          <span class="border-color-primary"</span> 
        </div> 
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
         anim-delayed-item widgetResponsive textWidget col20" id="text-widget-1586564492505"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration="1100"
         data-animation-delay="0"
         data-animation="lazyAnimation-fadeInUp"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="text-widget-content"><p><span style="font-size: 20px;">The only Gratitude app that comes with free coaching, community and rewards.</span></p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
         anim-delayed-item widgetResponsive imageWidget col9" id="image-widget-1586564492504"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration="1100"
         data-animation-delay="0"
         data-animation="lazyAnimation-fadeInUp"
         style="margin-top: 8.726%; margin-left: 0px;">

      <div class="image-box  scale-on-hover image-position-left" 
           style="max-width: 258px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 28.294573643410853%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Gratitude_Journal/Download-on-the-App-Store-button-6611021.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
                 href="http://thegratitudeapp.com" target="_blank" 
               >
              <img src="https://content.app-sources.com/s/945141180982723/thumbnails/640x480/Gratitude_Journal/Download-on-the-App-Store-button-6611021.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 53%;
                 padding-left:3%;padding-right:3%;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
         anim-delayed-item widgetResponsive imageWidget col20" id="image-widget-1586564492507"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration="1100"
         data-animation-delay="0"
         data-animation="lazyAnimation-fadeInRight"
         style="margin-top: 0px; margin-left: 0px;">

      <div class="image-box  image-position-default" 
           style="max-width: 573px;">
        <div class="widget-preserving-ratio-outer with-restricted-height" 
             style="padding-bottom: 154.9738219895288%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Gratitude_Journal/gratitude-app-6610769.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Gratitude_Journal/gratitude-app-6610769.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586564492503"
      
      data-type="Container"
      class="grid-row 
       non-stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:0%;
      padding-top: 0%; padding-left: 0;
      background-color: rgba(232, 236, 240, 1);
        background-position: center center;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column  justify-center  " 
                 style="width: 20%;
                 padding-left:0px;padding-right:0px;background-color: transparent;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive imageWidget col14" id="image-widget-1586564492502"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">

      <div class="image-box  image-position-center" 
           style="max-width: 170px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 52.352941176470594%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/nyt-logo-5759001.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Images/nyt-logo-5759001.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 20%;
                 padding-left:2%;padding-right:2%;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive imageWidget col13" id="image-widget-1586564492501"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">

      <div class="image-box  image-position-center" 
           style="max-width: 127px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 77.95275590551181%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/logo-8-1-150x137-5759212.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Images/logo-8-1-150x137-5759212.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 20%;
                 padding-left:2%;padding-right:2%;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive imageWidget col15" id="image-widget-1586564492500"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">

      <div class="image-box  image-position-center" 
           style="max-width: 147px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 74.82993197278913%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/logo-3-1-150x137-5759212.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Images/logo-3-1-150x137-5759212.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 20%;
                 padding-left:2%;padding-right:2%;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive imageWidget col12" id="image-widget-1586564492499"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">

      <div class="image-box  image-position-center" 
           style="max-width: 117px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 76.92307692307693%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/logo-7-1-150x137-5759212.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Images/logo-7-1-150x137-5759212.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 20%;
                 padding-left:2%;padding-right:2%;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive imageWidget col14" id="image-widget-1586564492498"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">

      <div class="image-box  image-position-center" 
           style="max-width: 137px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 81.02189781021897%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/logo-6-1-150x137-5759212.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Images/logo-6-1-150x137-5759212.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586611353414"
      
      data-type="Container"
      class="grid-row 
       stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:2.96089%;
      padding-top: 2.93132%; padding-left: 0;
      background-color: rgba(255, 255, 255, 1);
        background-position: center center;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 50%;
                 padding-left:0px;padding-right:0px;background-color: transparent;
                 background-image: none;
                 
                   background-size: auto;
                   background-repeat: no-repeat;
                   background-position: left center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
         anim-delayed-item widgetResponsive imageWidget col20" id="image-widget-1586611353413"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration="1100"
         data-animation-delay="0"
         data-animation="lazyAnimation-fadeInLeft"
         style="margin-top: 7.86885%; margin-left: 0px;">

      <div class="image-box  image-position-default" 
           style="max-width: 610px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 99.672131147541%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/iphonex-gratitude-5759667.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Images/iphonex-gratitude-5759667.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div><div class="grid-column  justify-center  " 
                 style="width: 50%;
                 padding-left:4%;padding-right:4%;background-color: transparent;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive iconSection col2" id="icon-widget-1586564492497"
         data-type="Icon"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0%;">
      <div class="type1 icon-widget"> 
        <div class="icon">
              <i class="fa fa-stethoscope color-primary"
                 style=" font-size: 30px;"></i>
            </div>
          </div>
    </div>
  <div class="widget 
          widgetResponsive textWidget headingWidget col12" id="heading-widget-1586611353411"
         data-type="HeadingWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0%;">
      <div class="text-widget-content"><h2 style="text-align: left;"><span style="font-family: Tahoma; font-size: 28px; font-weight: bold;">&nbsp; IMPROVES HEALTH</span></h2></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586611353410"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0px;">
      <div class="text-widget-content"><p>A five-minute a day gratitude journal can increase your long-term well-being by more than 10%. That’s the same impact as doubling your income!</p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive iconSection col2" id="icon-widget-1586564492495"
         data-type="Icon"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 2.92969%; margin-left: 0%;">
      <div class="type1 icon-widget"> 
        <div class="icon">
              <i class="fa fa-heart color-primary"
                 style=" font-size: 30px;"></i>
            </div>
          </div>
    </div>
  <div class="widget 
          widgetResponsive textWidget headingWidget col12" id="heading-widget-1586564492496"
         data-type="HeadingWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 3.51562%; margin-left: 0%;">
      <div class="text-widget-content"><h2 style="text-align: left;"><span style="font-family: Tahoma; font-size: 28px; font-weight: bold;">&nbsp; IMPROVES SLEEP</span></h2></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586564492494"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="text-widget-content"><p>Gratitude increases sleep quality, reduces the time required to fall asleep, and increases sleep duration. In other words, gratitude can help with insomnia.</p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive iconSection col2" id="icon-widget-1586564492492"
         data-type="Icon"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="type1 icon-widget"> 
        <div class="icon">
              <i class="fa fa-child color-primary"
                 style=" font-size: 30px;"></i>
            </div>
          </div>
    </div>
  <div class="widget 
          widgetResponsive textWidget headingWidget col17" id="heading-widget-1586564492493"
         data-type="HeadingWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0%;">
      <div class="text-widget-content"><h2 style="text-align: left;"><span style="font-family: Tahoma; font-size: 28px; font-weight: bold;">&nbsp; EMOTIONAL STRENGTH</span></h2></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586564492491"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="text-widget-content"><p>Gratitude improves your optimism and optimism in turn makes you happier, improves your health, and increases your lifespan.</p></div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586564492490"
      
        data-video="https://www.youtube.com/watch?v=wFmsCG5Dv5w&feature=youtu.be"
        data-video-start="0"
        data-video-end=""
        data-video-volume="0"
      
      data-type="Container"
      class="grid-row 
       phone-hidden stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:3%;
      padding-top: 3%; padding-left: 0;
      background-color: transparent;
        background-position: center center;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 100%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586564492489"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 22.213114754098363% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586564492488"
      
      data-type="Container"
      class="grid-row 
       stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:3%;
      padding-top: 5.02513%; padding-left: 0;
      background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 100%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive textWidget headingWidget col12" id="heading-widget-1586564492488"
         data-type="HeadingWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0%;">
      <div class="text-widget-content"><h2 style="text-align: left;"><span style="font-family: Tahoma; font-size: 36px; font-weight: bold;">WHAT PEOPLE ARE SAYING</span><span style="font-size: 48px; font-weight: bold; font-family: &quot;Open Sans&quot;;" class="color-primary">.</span></h2></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive col2" id="separator-widget-1586564492486"
         data-type="Separator" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div>
          <div class="hr-title fullwidth-separator" style="text-align: left;"> 
          <span class="border-color-primary"</span> 
        </div> 
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586564492487"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="text-widget-content"><p><span style="font-size: 20px; color: rgb(0, 0, 0);">Gratitude has helped hundreds of thousands around the world.</span></p></div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586617201444"
      
      data-type="Container"
      class="grid-row 
       stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:6.14525%;
      padding-top: 0%; padding-left: 0;
      background-color: transparent;
        background-position: center center;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 32%;
                 padding-left:5%;padding-right:5%;background-color: transparent;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586617201443"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 12.7764%; margin-left: 0px;">

      <div class="image-box  image-position-default" 
           style="max-width: 268px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 29.47761194029851%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/testimonials/roz-5840234.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/thumbnails/640x480/testimonials/roz-5840234.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586617201442"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 5.15971%; margin-left: 0%;">
      <div class="text-widget-content"><p style="text-align: center; line-height: 1.6;"><span style="font-weight: bold; font-size: 22px; font-family: Tahoma; color: rgb(0, 0, 0);">ROZ SAVAGE</span></p></div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586564492485"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0px;">
      <div class="text-widget-content"><p style="text-align: center; "><span style="color: rgb(106, 106, 106);">Rowed 3 Oceans Solo</span></p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586617201441"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 4.85075%; margin-left: 0px;">

      <div class="image-box  image-position-default" 
           style="max-width: 268px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 9.701492537313433%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/24444282803329/uploads/A1/stars-5654717.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/24444282803329/uploads/A1/stars-5654717.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586617201440"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 5%; margin-left: 0%;">
      <div class="text-widget-content"><p style="text-align: center; line-height: 1.6;"><span style="color: rgb(0, 0, 0); font-size: 16px;">Rowing across the Pacific, the Gratitude app helped me through the toughest days and still practice it daily for my mental strength.</span></p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586617201439"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 20.149253731343283% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div><div class="grid-column  grid-column-no-widgets   " 
                 style="width: 2%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  </div>
              </div><div class="grid-column     has-bg-color" 
                 style="width: 32%;
                 padding-left:5%;padding-right:5%;background-color: rgba(255, 255, 255, 1);
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586617201438"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 13.1313%; margin-left: 0px;">

      <div class="image-box  image-position-default" 
           style="max-width: 268px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 29.47761194029851%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/testimonials/brandon-b-6617477.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/thumbnails/640x480/testimonials/brandon-b-6617477.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586617201437"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 5.30303%; margin-left: 0px;">
      <div class="text-widget-content"><p style="text-align: center; line-height: 1.6;"><span style="font-size: 22px; font-weight: 700; font-family: Tahoma;">BRANDON BLOCK</span></p></div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586564492484"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="text-widget-content"><p style="text-align: center; "><span style="color: rgb(106, 106, 106);">World Famous DJ</span></p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586617201436"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 4.85075%; margin-left: 0px;">

      <div class="image-box  image-position-default" 
           style="max-width: 268px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 9.701492537313433%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/24444282803329/uploads/A1/stars-5654717.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/24444282803329/uploads/A1/stars-5654717.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586617201435"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 5%; margin-left: 0%;">
      <div class="text-widget-content"><p style="text-align: center; line-height: 1.6;"><span style="color: rgb(36, 36, 36); font-size: 16px;">I was keeping a gratitude journal for years, then started using the Gratitude app because it's so easy. It's a real game change. Love it.</span></p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586617201434"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 21.26865671641791% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div><div class="grid-column  grid-column-no-widgets   " 
                 style="width: 2%;
                 padding-left:0%;padding-right:0%;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  </div>
              </div><div class="grid-column     has-bg-color" 
                 style="width: 32%;
                 padding-left:5%;padding-right:5%;background-color: rgba(255, 255, 255, 1);
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586617201433"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 13.2231%; margin-left: 0px;">

      <div class="image-box  image-position-default" 
           style="max-width: 268px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 30.223880597014922%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/testimonials/gina-d-6617615.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/thumbnails/640x480/testimonials/gina-d-6617615.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586617201432"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 5.3719%; margin-left: 0px;">
      <div class="text-widget-content"><p style="text-align: center; line-height: 1.6;"><span style="font-size: 22px; font-weight: 700; font-family: Tahoma;">GINA DIN</span></p></div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586564492483"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="text-widget-content"><p style="text-align: center; "><span style="color: rgb(106, 106, 106);">Award Winning Executive</span></p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586617201431"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 4.85075%; margin-left: 0px;">

      <div class="image-box  image-position-default" 
           style="max-width: 268px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 9.701492537313433%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/24444282803329/uploads/A1/stars-5654717.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/24444282803329/uploads/A1/stars-5654717.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1586617201430"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 5%; margin-left: 0%;">
      <div class="text-widget-content"><p style="text-align: center; line-height: 1.6;"><span style="color: rgb(36, 36, 36); font-size: 16px;">Living in Kenya, life changes quickly. Gratitude has been my foundation for years, reminding me that all change is good.</span></p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586617201429"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 30.597014925373134% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586564492482"
      
      data-type="Container"
      class="grid-row 
       stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:3%;
      padding-top: 3%; padding-left: 0;
      background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 100%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive textWidget headingWidget col12" id="heading-widget-1586564492482"
         data-type="HeadingWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0%;">
      <div class="text-widget-content"><h2 style="text-align: left;"><span style="font-family: Tahoma; font-size: 36px; font-weight: bold;">THE GRATITUDE COMMUNITY</span><span style="font-size: 48px; font-weight: bold; font-family: &quot;Open Sans&quot;;" class="color-primary">.</span></h2></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive col2" id="separator-widget-1586564492481"
         data-type="Separator" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div>
          <div class="hr-title fullwidth-separator" style="text-align: left;"> 
          <span class="border-color-primary"</span> 
        </div> 
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive textWidget col12" id="text-widget-1586564492480"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="text-widget-content"><p><span style="font-size: 20px; color: rgb(0, 0, 0);">When you get Gratitude, you also receive access to an incredible community of uplifters helping you achieve your goals faster.</span></p></div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586635181265"
      
      data-type="Container"
      class="grid-row 
       stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:0%;
      padding-top: 4%; padding-left: 0;
      background-color: #ffffff;
        background-position: left top;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 100%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586635181262"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 5.983606557377049% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive gallery col20" id="gallery-widget-1586635181261"
         data-type="Gallery" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0%;">

      <div class="col20 f-left gallery-widget-content">
        <div class="inline-gallery none" data-rel="lightbox"
                 data-autoplay="true" data-timeout="86400000"
                 data-pauseonhover="true" 
                 data-arrows="true"
                 data-pagination="false"
                 data-items="3"
                 >

              <div class="render-crisp" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/facebook-group1-6630154.png"
                     style="background: url('https://content.app-sources.com/s/945141180982723/uploads/Images/facebook-group1-6630154.png') no-repeat center center;
                     height: 0;
                     background-size: cover;
                     
                     width: 98.0%;
                     padding-top: 73.5%;">
                </div>
              <div class="render-crisp" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/kelly-6635324.jpg"
                     style="background: url('https://content.app-sources.com/s/945141180982723/uploads/Images/kelly-6635324.jpg') no-repeat center center;
                     height: 0;
                     background-size: cover;
                     
                     width: 98.0%;
                     padding-top: 73.5%;">
                </div>
              <div class="render-crisp" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/5amtribe-2-5762687.jpg"
                     style="background: url('https://content.app-sources.com/s/945141180982723/uploads/Images/5amtribe-2-5762687.jpg') no-repeat center center;
                     height: 0;
                     background-size: cover;
                     
                     width: 98.0%;
                     padding-top: 73.5%;">
                </div>
              </div>
          </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586635181260"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 10.0% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1541082723499"
      
      data-type="Container"
      class="grid-row 
       stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:0%;
      padding-top: 7.08661%; padding-left: 0;
      background-color: rgba(255, 255, 255, 1);
        background-position: center center;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 100%;
                 padding-left:0px;padding-right:0px;background-color: transparent;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget headingWidget col20" id="heading-widget-1541082723498"
         data-type="HeadingWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="text-widget-content"><h2 style="text-align: center; line-height: 1.2;"><span style="font-size: 42px;"><span style="font-family: Tahoma; font-weight: bold; font-size: 36px;">MORE THAN JUST AN APP</span><span style="font-family: &quot;Open Sans&quot;; font-size: 54px;" class="color-primary">.</span></span></h2></div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive col4" id="separator-widget-1586564492477"
         data-type="Separator" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div>
          <div class="hr-title fullwidth-separator" style="text-align: center;"> 
          <span class="border-color-primary"</span> 
        </div> 
      </div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1541082723496"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0px;">
      <div class="text-widget-content"><p style="text-align: center; "><span style="font-size: 20px;">Created by a woman who truly knows the value of gratitude.</span></p></div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586635468626"
      
      data-type="Container"
      class="grid-row 
       stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:0%;
      padding-top: 5%; padding-left: 0;
      background-color: rgb(255, 255, 255);
        background-position: left top;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 29.9636%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586635468625"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 16.666666666666664% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive iconSection col20" id="iconsection-widget-1586635468624"
         data-type="IconSection" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0.546448%; margin-left: 0px;">
      <div class="type1 icon-section " 
           style="background: transparent; padding: 0px;">
        <div class="icon-header-wrapper">
          <div class="icon " 
               style="border-color:#3a3a3a;">
            <i class="icon-section-icon fa fa-user-md" 
               style="color:#3a3a3a;"></i>
          </div>
          <header>
            <div class="icon-title text-widget-content"><h4><span style="font-family: Tahoma;">Scientifically Proven</span></h4></div>
          </header>
        </div>
        <div class="icon-content">
                <div class="text-widget-content">
                <p style="line-height: 1.6;font-size:14px;color: #6a6a6a;">Research shows that daily writing in the Gratitude app will rewire the synapsis in your mind, lowering stress and increasing confidence.</p></div>
              </div>
            </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive iconSection col20" id="iconsection-widget-1586635468623"
         data-type="IconSection" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 7%; margin-left: 0%;">
      <div class="type1 icon-section " 
           style="background: transparent; padding: 0px;">
        <div class="icon-header-wrapper">
          <div class="icon " 
               style="border-color:#3a3a3a;">
            <i class="icon-section-icon fa fa-bell" 
               style="color:#3a3a3a;"></i>
          </div>
          <header>
            <div class="icon-title text-widget-content"><h4><span style="font-family: Tahoma;">Daily Reminders</span></h4></div>
          </header>
        </div>
        <div class="icon-content">
                <div class="text-widget-content">
                <p style="line-height: 1.6;font-size:14px;color: #6a6a6a;">Fun reminders that prompt you to write when you need them most, easily making it a&nbsp; habit.</p></div>
              </div>
            </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive iconSection col20" id="iconsection-widget-1586635468622"
         data-type="IconSection" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 8%; margin-left: 0%;">
      <div class="type1 icon-section " 
           style="background: transparent; padding: 0px;">
        <div class="icon-header-wrapper">
          <div class="icon " 
               style="border-color:#3a3a3a;">
            <i class="icon-section-icon fa fa-photo" 
               style="color:#3a3a3a;"></i>
          </div>
          <header>
            <div class="icon-title text-widget-content"><h4>Add Photos</h4></div>
          </header>
        </div>
        <div class="icon-content">
                <div class="text-widget-content">
                <p style="line-height: 1.6;font-size:14px;color: #6a6a6a;">Seeing the best moments of your day as well as writing about them gets you results even faster.</p></div>
              </div>
            </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 39.9818%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
         anim-delayed-item widgetResponsive imageWidget col18" id="image-widget-1586635468621"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-6"
         style="margin-top: 0%; margin-left: 5%;">

      <div class="image-box  image-position-default" 
           style="max-width: 439px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 141.6856492027335%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Gratitude_Journal/gratitude-app-6610769.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Gratitude_Journal/gratitude-app-6610769.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586635468620"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 22.74590163934426% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 30.0546%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586635468619"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 16.62125340599455% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive iconSection col20" id="iconsection-widget-1586635468618"
         data-type="IconSection" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="type1 icon-section " 
           style="background: transparent; padding: 0px;">
        <div class="icon-header-wrapper">
          <div class="icon " 
               style="border-color:#3a3a3a;">
            <i class="icon-section-icon fa fa-calendar-times-o" 
               style="color:#3a3a3a;"></i>
          </div>
          <header>
            <div class="icon-title text-widget-content"><h4>On This Day</h4></div>
          </header>
        </div>
        <div class="icon-content">
                <div class="text-widget-content">
                <p style="line-height: 1.6;font-size:14px;color: #6a6a6a;">See what you wrote about a week ago, a year ago or four years ago.&nbsp;</p></div>
              </div>
            </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive iconSection col20" id="iconsection-widget-1586635468617"
         data-type="IconSection" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 7%; margin-left: 0%;">
      <div class="type1 icon-section " 
           style="background: transparent; padding: 0px;">
        <div class="icon-header-wrapper">
          <div class="icon " 
               style="border-color:#3a3a3a;">
            <i class="icon-section-icon fa fa-send" 
               style="color:#3a3a3a;"></i>
          </div>
          <header>
            <div class="icon-title text-widget-content"><h4>Export Entries</h4></div>
          </header>
        </div>
        <div class="icon-content">
                <div class="text-widget-content">
                <p style="line-height: 1.6;font-size:14px;color: #6a6a6a;">Create a PDF file of all your entries to create a memoir of your life's best moments.</p></div>
              </div>
            </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive iconSection col20" id="iconsection-widget-1586635468616"
         data-type="IconSection" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 7%; margin-left: 0%;">
      <div class="type1 icon-section " 
           style="background: transparent; padding: 0px;">
        <div class="icon-header-wrapper">
          <div class="icon " 
               style="border-color:#3a3a3a;">
            <i class="icon-section-icon fa fa-lock" 
               style="color:#3a3a3a;"></i>
          </div>
          <header>
            <div class="icon-title text-widget-content"><h4>100% Private</h4></div>
          </header>
        </div>
        <div class="icon-content">
                <div class="text-widget-content">
                <p style="line-height: 1.6;font-size:14px;color: #6a6a6a;">Your data is 100% private. We don't sell it, use it to market to you, or share it in any way at all.&nbsp;</p></div>
              </div>
            </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586635468615"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 35.42234332425068% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586636283501"
      
      data-type="Container"
      class="grid-row 
       stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:0%;
      padding-top: 4%; padding-left: 0;
      background-color: #ffffff;
        background-position: center center;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 30%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586636283500"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-0"
         style="margin-top: 0px; margin-left: 0px;">

      <div class="image-box  scale-on-hover image-position-default" 
           >
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 72.6775956284153%"  data-rel="lightbox">

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/iphone-8-mockup-held-by-someone-wearing-hot-pink-socks-22086-6635324.png">
            <a class="lazyImage flex flex-col
                image-bigger image-cover-width image-cover"
               
                 style=""
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/thumbnails/640x480/Images/iphone-8-mockup-held-by-someone-wearing-hot-pink-socks-22086-6635324.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586636283499"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-0"
         style="margin-top: 5%; margin-left: 0%;">

      <div class="image-box  scale-on-hover image-position-default" 
           >
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 73.49726775956285%"  data-rel="lightbox">

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/iphone-xs-max-mockup-of-a-girl-in-a-dark-room-25817-6636343.png">
            <a class="lazyImage flex flex-col
                image-bigger image-cover-width image-cover"
               
                 style=""
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/thumbnails/640x480/Images/iphone-xs-max-mockup-of-a-girl-in-a-dark-room-25817-6636343.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586636283498"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 30.327868852459016% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 40%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col18" id="image-widget-1586636283497"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-0"
         style="margin-top: 0%; margin-left: 5%;">

      <div class="image-box  scale-on-hover image-position-default" 
           >
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 125.68181818181819%"  data-rel="lightbox">

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/mockup-featuring-two-iphones-x-floating-against-a-solid-color-background-28764-5845228.png">
            <a class="lazyImage flex flex-col
                image-bigger image-cover-height image-cover"
               
                 style=""
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Images/mockup-featuring-two-iphones-x-floating-against-a-solid-color-background-28764-5845228.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586636283496"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 22.74590163934426% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 30%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586636283495"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-0"
         style="margin-top: 0px; margin-left: 0px;">

      <div class="image-box  scale-on-hover image-position-default" 
           >
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 72.6775956284153%"  data-rel="lightbox">

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/iphone-mockup-in-portrait-position-of-a-tattooed-woman-with-a-kitten-12804-6636488.png">
            <a class="lazyImage flex flex-col
                image-bigger image-cover-width image-cover"
               
                 style=""
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/thumbnails/640x480/Images/iphone-mockup-in-portrait-position-of-a-tattooed-woman-with-a-kitten-12804-6636488.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col20" id="image-widget-1586636283494"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-0"
         style="margin-top: 5%; margin-left: 0%;">

      <div class="image-box  scale-on-hover image-position-default" 
           >
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 73.49726775956285%"  data-rel="lightbox">

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Images/iphone-8-plus-mockup-featuring-a-man-wearing-a-hat-backwards-and-leaning-his-forehead-into-the-iphone-22083-6636383.png">
            <a class="lazyImage flex flex-col
                image-bigger image-cover-width image-cover"
               
                 style=""
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/thumbnails/640x480/Images/iphone-8-plus-mockup-featuring-a-man-wearing-a-hat-backwards-and-leaning-his-forehead-into-the-iphone-22083-6636383.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          
         widgetResponsive spacer col20" id="spacer-widget-1586636283493"
         data-type="Spacer" 
         style="margin-top: 0px; margin-left: 0px;">
      <div class="widget-preserving-ratio-outer" style="padding-bottom: 30.327868852459016% ">
        <div class="widget-preserving-ratio-inner"></div>
      </div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1586638774269"
      
      data-type="Container"
      class="grid-row 
       column-reverse stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:6.42458%;
      padding-top: 5.97765%; padding-left: 0;
      background-color: rgba(255, 255, 255, 1);
        background-position: center center;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column  justify-center  " 
                 style="width: 50%;
                 padding-left:0%;padding-right:0%;background-color: transparent;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive textWidget headingWidget col17" id="heading-widget-1586638774267"
         data-type="HeadingWidget" 
         data-delay=""
         data-animation-duration="1100"
         data-animation-delay="0"
         data-animation="lazyAnimation-0"
         style="margin-top: 1.40693%; margin-left: 0px;">
      <div class="text-widget-content"><h2 style="text-align: left;"><span style="font-weight: bold;"><span style="font-family: Tahoma;">START TODAY</span><span style="font-family: Roboto; font-size: 54px;" class="color-primary">.</span></span></h2></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive col6" id="separator-widget-1586638774266"
         data-type="Separator" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 2.54545%; margin-left: 0px;">
      <div>
          <div class="hr-title fullwidth-separator" style="text-align: left;"> 
          <span class="border-color-primary"</span> 
        </div> 
      </div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive textWidget col16" id="text-widget-1586638774265"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 2.72727%; margin-left: 0px;">
      <div class="text-widget-content"><p><span style="font-size: 18px;">In as little as 7 days, your life will change.&nbsp;</span><span style="font-family: &quot;Open Sans&quot;; font-size: 18px; background-color: rgba(255, 255, 255, 0);">Don't waste another minute.&nbsp;</span><span style="font-family: &quot;Open Sans&quot;; font-size: 18px; background-color: rgba(255, 255, 255, 0); font-weight: bold;">Get Gratitude Now!</span></p></div>
    </div>
  </div>
              <div class="widget-row ">
                  <div class="widget 
          widgetResponsive imageWidget col7" id="image-widget-1586564492476"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 8.19672%; margin-left: 0px;">

      <div class="image-box  scale-on-hover image-position-default" 
           style="max-width: 214px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 46.728971962616825%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Gratitude_Journal/Download-on-the-App-Store-button-6611021.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
                 href="http://thegratitudeapp.com" target="_blank" 
               >
              <img src="https://content.app-sources.com/s/945141180982723/thumbnails/640x480/Gratitude_Journal/Download-on-the-App-Store-button-6611021.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div><div class="grid-column    " 
                 style="width: 50%;
                 padding-left:2%;padding-right:2%;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row ">
                  <div class="widget 
         anim-delayed-item widgetResponsive imageWidget col20" id="image-widget-1586638774263"
         data-type="ImageWidget"
         data-delay=""
         data-animation-duration="1100"
         data-animation-delay="0"
         data-animation="lazyAnimation-fadeInRight"
         style="margin-top: 0px; margin-left: 0px;">

      <div class="image-box  image-position-default" 
           style="max-width: 561px;">
        <div class="widget-preserving-ratio-outer " 
             style="padding-bottom: 144.3850267379679%" >

          <div class="widget-preserving-ratio-inner" data-slide="https://content.app-sources.com/s/945141180982723/uploads/Gratitude_Journal/gratitude-app-best-6638915.png">
            <a class="lazyImage flex flex-col
                image-fit"
               
               >
              <img src="https://content.app-sources.com/s/945141180982723/uploads/Gratitude_Journal/gratitude-app-best-6638915.png" class="flex-none" alt="" style="" loading="lazy" />
            </a>
            </div>
        </div>
      </div>
    </div>
  </div>
              </div></div>
      </div>
  <div 
      
      id="container-widget-1541086499671"
      
      data-type="Container"
      class="grid-row 
       stretched-mobile stretched-tablet"
      data-delay=""
      style="padding-bottom:4.21822%;
      padding-top: 4.49944%; padding-left: 0;
      background-color: rgba(247, 247, 247, 1);
        background-position: center center;
        background-repeat: repeat;
        background-size: auto;
      
      background-image: none;">
      <div class="grid-content ">
          <div class="grid-column    " 
                 style="width: 100%;
                 padding-left:0px;padding-right:0px;
                 background-image: none;
                 
                   background-size: cover;
                   background-repeat: no-repeat;
                   background-position: center center;
                 
                 top: 0px;
                 
                 ">

              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1541086499670"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0px;">
      <div class="text-widget-content"><p style="text-align: center; "><span style="color: rgba(255, 255, 255, 0.69);">All rights reserved.&nbsp;</span></p></div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1541086499669"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0px; margin-left: 0px;">
      <div class="text-widget-content"><p style="text-align: center; ">O U R&nbsp; G I F T&nbsp; T O&nbsp; Y O U</p></div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget headingWidget col17" id="heading-widget-1541086499668"
         data-type="HeadingWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 0%; margin-left: 0px;">
      <div class="text-widget-content"><h2 style="text-align: center; line-height: 1;"><span style="font-family: Tahoma; font-size: 32px; font-weight: bold;">GET OUR FREE GRATITUDE KIT</span><span style="font-family: &quot;Open Sans&quot;; font-size: 54px;" class="color-primary">.</span></h2></div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          subscribeWidget widgetResponsive col11"  id="subscribe-widget-1541086499666"
         data-type="SubscribeWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 1.90909%; margin-left: 0px;">
      <div data-role="form" class="widget-form widget-form-dark 
           widget-layout-lined subscribeWidget-fields-count-2 form-left"
           data-on-submit="message" 
           data-on-submit-page=""
           data-pass-values="false">

        <input type="hidden" class="none" name="formid" value="2vwn1AOA3kmrXJ7/ywN6UabOW3Csph8SxgSSOhWuUs3u3QHBW2eq/YwPom/giSpVaGdui+ysA7+U083QdVtjvtw39rjPt3dMnCbW2hNo+gQtuEQJUoSEU2p9u0YiFB6UcyltkdxsZmtWxDcdE5thGr5Eau3UToLT7phE0nHEOHLyA6KVThPjloeVB8IM/nULBpoK7pMJfemz3DrZEkGOE5S/VOZcL1ZmcrRGPaY8+uJh6lW/HPobSf+IArlmVGl6ZBN1Qc2FYwh7psFzmOIbwbndRk1Hq8nKjKWa3nNdH4oPEvh0dQswHVkwaWvHY3xrx8PjHkYmnFXOSsdORApsz3lS70ReLNoQ+YFJjQLTR/YLEt25vNkie/IcMsyPZpjjZ1lSX3z2D6mk9ImKwUYgG+oJ/ewqj4ZbPegTmjuAbFFQORBDkVco6Cpbo133s1NiJoOayU3RN2jmoBwHYZUtBZzkpXDw9vYK4LXdMV2N/IhTEZ+53mclGQBJ3lKlN/4l7SMig47sl6n855p0xF/q5clYiuyM7mB/Og/cC2bufYBzPEzIzoJh3o8Tchts2i2s3H2EzzMly4+n3YSgSnozzWVqTTQF8lUm9gwiuerM5lAS+ggmTj6/fAOlNlByaEUWd18lLkulX87u7KNZfQPgl+/wa8yJV1rGgm3hwO/c2e4Nk0JkDcVDz2NIAms3RUFBoYnQAE2Qe1kcRgEwcq7b+yJofgHocBx2L03VNVAWPUsBpAR92rw1ACzKrcc3kLQgz9A/aV0m2nspZ+wi0ABvC12NW4TxYWUC7YR/1Uu39tvtUke9RLfOh+px3BMKABV7N1q7bF113+hckYbPB2bae9zQD54muJSldrg+mY5vnfaZ4ZH1jwT3fH8TzRmpuOWRKO4VRCUy+c5ChlIGau2xv0KBgqxT+lyHmjCneynqyLomvKBSBvgM5bwWyCVIaD+4J1Uc4cX7QaOwJeMrIF1GM6UDyz74nxxJ9Hhqzs9yiY5/ys5ozXi9bA/KqrF/wpUm+fC03w7CGxoYPzkCzCmKRFtn43wk1YNdWLf87eOdsX4sgT4p7G8XgrEypii1PR9+OzeAZ9dysOyJLyY777bcr4ONSG9zUZLp8azgM9EQDiGJYQPBM1NjUhngTU+FMdbQXo8VYcBe+rEm+vV8Bai+wALRuWr5IfrlhmWCkJ5vB5rp+iy/w6qnEP4NSXYQ6AgaPW/77i6FvOmn+tUi4k97xFsxgghn95rG9q+DrKB1tlu/ALeU6qyLaZs4e7ydlvDx6MSFsGR7QOHgShTnARaA1bv4Z5AUPBMBqVEpZj7MWCD6Dq9iDSc5W6lW0B7auFpnR7k6DRbSII3sun43SlLdWm+cC2Ei/ZMieL4WBOjDH75HPRj/5KuGU20eVw0HqPmsgshuXwtUG/cBA0Nl8XrJccLk0sqo+O+YLtB3FD+u/pV4kOObEiyUwAdWYjui1Qfqpe1Ztzljo6XsebVPAE03ymLKXscyl8c793OXuckYSEJV6ZF7AUe9oBeljI5GTuVD8IhVLAnvADeKninOut00MimYjMCK0j6+lb7Xkab/0SP/V3sAvCMtpS+iAMOQtmXCH7mn/xcZlVkPREItvh/RrWUDpIuJkFn7DAXvJrB5nZrDePwrrV5Pquz+W30KCQL3KZiMwIrSPr6VvteRpv/RIy1RlOlsE3ggmS8RLmkBHlQAkhry1I8RMj/vS3mRpnEHV+JnWHnsMR2FKwlxjRU744fpysLzGl+CYe1xtWfRmBfzTdF8t9h2m5rVIRitzgdWvZ5kliFvI9s8cMyaFY6PaUuzWdksljnEhk0fWmXaQJGIl95r6BPaDPqu8uWigDSjXzMm1dr5S7rPXvvN2t8Cq2clq7M5k3xXvGiUTeA/5qiVCjODVDbNVQtJFr7oWkrnY8UkCXs1B73z5AvvP4yYOscFZDXwEXMufZPc73+w5tL5n5+VptRq79G3ljP69rz/8rcaxLO9sB1aQ5cnzBBx4wCxzIInskSV00sTAlbPhOqmdM+qqpE4Ez/Zsv92bAk1t/J/mxjVczP1OSIbZB52dEBtz6Nmzg6n7nvrBRSNhmbmwzAUJhs04SurGBROMPQKd3twUJFcviuYvpkBhs0lF7RzjJDdxBEH1NorucYOpLA=" />
        <div class="widget-form-inner-wrapper">

          <div class="form-field " data-type="text">
  <span class="title  " style="
               color:#444444;
               
               font-family:Open Sans;">
      Name</span>
    <span class="field-error">Required field!</span>
    <input class=" 
                
                " style="
               color:#666666;
               font-family:Open Sans;
               border-radius: 0px;
               background-color: #ffffff;
               border-color: #e1e1e1;" data-name="Name" aria-label="Name"
               type="text" data-type="" name="field0" placeholder="Name">
      </div><div class="form-field  required-field" data-type="text">
  <span class="title  " style="
               color:#444444;
               
               font-family:Open Sans;">
      Email<span class="required">*</span></span>
    <span class="field-error">Required field!</span>
    <input class=" 
                
                " style="
               color:#666666;
               font-family:Open Sans;
               border-radius: 0px;
               background-color: #ffffff;
               border-color: #e1e1e1;" data-name="Email" aria-label="Email"
               type="text" data-type="email" name="field1" placeholder="Email">
      </div><div class="widget-form-button-wrapper" style="text-align: center">
            <a data-role="submit" class="theme-button no-hover   " 
               style="
               font-size: 14px;background-color: #000000;border-color: #000000;color:#ffffff;font-family:'Open Sans';letter-spacing:0px;border-width: 0px;
               padding: 15px 30px;
               width: auto;
               
               border-radius: 60px;">S I G N   U P</a>
          </div>
        </div>
      </div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive socialMediaWidget col20"
         data-type="SocialMediaWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 5.63636%; margin-left: 0px;"  id="socialmedia-widget-1541086499664">
      <style type="text/css">
          #socialmedia-widget-1541086499664 .social-media-button i {
          background: rgba(255, 255, 255, 1);color: rgba(33, 33, 33, 1);
          font-size: 15px;
          height: 15px;
          width: 15px;
          line-height: 15px;
          border-radius: 46px;
        }

        #socialmedia-widget-1541086499664 .social-media-button:hover i {
          background: ;
        }
      </style>
      <div class="col20 f-left" style="text-align: center">
        <a class="social-media-button slow-transition-bg" href="https://facebook.com/thegratitudeapp" target="_blank">
                <i class="fa fa-facebook"></i>
              </a>
            <a class="social-media-button slow-transition-bg" href="https://twitter.com/thegratitudeapp" target="_blank">
                <i class="fa fa-twitter"></i>
              </a>
            <a class="social-media-button slow-transition-bg" href="https://instagram.com/thegratitudeapp" target="_blank">
                <i class="fa fa-instagram"></i>
              </a>
            </div>
    </div>
  </div>
              <div class="widget-row with-centered-content">
                  <div class="widget 
          widgetResponsive textWidget col20" id="text-widget-1541086499663"
         data-type="TextWidget" 
         data-delay=""
         data-animation-duration=""
         data-animation-delay=""
         data-animation="lazyAnimation-"
         style="margin-top: 1.45455%; margin-left: 0px;">
      <div class="text-widget-content"><p style="text-align: center; "><span style="color: rgb(137, 137, 137); font-size: 15px; font-family: Helvetica;">All rights reserved. Gratitude Labs LLC</span></p></div>
    </div>
  </div>
              </div></div>
      </div>
  </div>
      </div>
  </div>

      </div>

    <div class="popup-wrapper at-center none" id="analyticsSettings">
        <div class="popup-overlay" style="background: rgba(0, 0, 0, 0.7);">
        </div>
        <div class="wrapping-table">
          <div class="popup-container cookies-popup">
            <a class="close-btn"></a>
            <span class="f-left col20 cookies-popup-title">Visitor Information Reporting</span>
            <input id="analyticsTracking" class="css-label modify" type="checkbox" name="analyticsTracking" />
            <label for="analyticsTracking" class="css-label2 button-tooltip">Allow this website to collect visitor and device info for statistical purposes.</label>
            <div class="f-left col20"><button class="save-changes at-middle">Save Changes</button></div>
          </div>
        </div>
      </div>

      <!-- Quick View -->
      <div class="quick-view-overlay">
        <div class="quick-view-wrapper">
          <a data-role="close" class="close-btn"></a>
          <div class="quick-view-inner-wrapper custom-scroll">
            <div class="product-photo-container custom-scroll" data-role="images" data-trigger=".product-main-photo" data-manual-trigger="true"></div>
            <div class="product-body-container custom-scroll">
              <span class="quick-view-title"><a data-role="title" data-add="url"></a></span>
                <div class="product-price">
                <span class="current-price" data-role="currentPrice"></span>
                <span class="old-price" data-role="oldPrice"></span>
                <span data-role="subPeriod" style="font-size: 16px"></span>
              </div>
              <a class="view-details-btn" data-add="url">View Details</a>
              <div class="product-variations" data-role="variations"></div>
              <div class="addtocart-wrapper">
                <div class="qty-wrapper">
                  <label>Quantity</label>
                  <input class="quantity" name="orderQuantity" type="number" size="4" value="1" step="1" max="9999" min="1" aria-label="Quantity" />
                </div>
                <div class="add-to-wrapper">
                  <a data-role="addToCart" data-process="cart" class="primaryColor-bg2 add-to-cart"></a>
                  <div class="sold-out-btn none" data-role="soldOut">Sold Out</div>
                </div>
              </div>
              <div class="product-description none"></div>
            </div>
          </div>
        </div>
      </div>  

      





<script type="text/javascript">
  window.WebPlatform = window.WebPlatform || {};
  WebPlatform.Phrases = (WebPlatform.merge || window.mergeUnique)({
    'client.by': "by",
    'client.on': "on",
    'client.in': "in",
    'client.comment': "Comment",
    'client.comments': "Comments",
    'client.read_more': "Read More",
    'client.load_more': "Load More",
    'label.view': "View",
    'label.years': "Years",
    'label.months': "Months",
    'label.days': "Days",
    'label.minutes': "Minutes",
    'label.hours': "Hours",
    'label.seconds': "Seconds",
    'card.number': "Card Number",
    'card.cvc': "CVC",
    'card.mm': "MM",
    'card.yyyy': "YYYY",
    'card.invalid_data': "Please verify your credit/debit card details and try again.",
    'card.invalid_number': "The card number is not a valid credit or debit card number.",
    'card.invalid_month': "Your card's expiration month is invalid.",
    'card.invalid_year': "Your card's expiration year is invalid.",
    'card.invalid_cvc': "Your card's security code is invalid.",
    'card.unknown_error': "Please verify your payment details and try again.",
    'label.shipping_address': "Shipping Address",
    'label.billing_address': "Billing Address",
    'label.january': "January",
    'label.february': "February",
    'label.march': "March",
    'label.april': "April",
    'label.may': "May",
    'label.june': "June",
    'label.july': "July",
    'label.august': "August",
    'label.september': "September",
    'label.october': "October",
    'label.november': "November",
    'label.december': "December",
    'label.jan': "Jan",
    'label.feb': "Feb",
    'label.mar': "Mar",
    'label.apr': "Apr",
    'label.may_short': "May",
    'label.jun': "Jun",
    'label.jul': "Jul",
    'label.aug': "Aug",
    'label.sep': "Sep",
    'label.oct': "Oct",
    'label.nov': "Nov",
    'label.dec': "Dec",
    'label.add_to_cart': "Add To Cart",
    'label.buy_now': "Buy Now",
    'label.update': "Update",
    'label.change': "Change",
    'label.month': "month",
    'label.year': "year",
    'label.months_lower': "months",
    'label.years_lower': "years",
    'label.week_lower': "week",
    'label.weeks_lower': "weeks",
    'label.saving': "Saving",
    'label.checkout_now': "Checkout Now",
    'label.view_cart': "View Cart",
    'label.select_product_variant': "Select variant",
    'err.select_product_variants': "Select variation for each item in your order",
    'label.cod': "Pay on delivery",
    'label.bank': "Bank Transfer",
    'label.yes': "YES",
    'label.no': "NO",
    'label.enter_delivery_address': "Please enter your shipping details",
    'label.no_delivery_offices': "No offices available",
    'label.select_speedy_office': "Select Speedy office",
    'label.no_shipping_services': "Please enter address",
    'label.select_delivery_type': "Select delivery type",
    'label.monday_min': "Mo",
    'label.tuesday_min': "Tu",
    'label.wednesday_min': "We",
    'label.thursday_min': "Th",
    'label.friday_min': "Fr",
    'label.saturday_min': "Sa",
    'label.sunday_min': "Su",
    'label.monday_short': "Mon",
    'label.tuesday_short': "Tue",
    'label.wednesday_short': "Wed",
    'label.thursday_short': "Thu",
    'label.friday_short': "Fri",
    'label.saturday_short': "Sat",
    'label.sunday_short': "Sun",
    'label.contact_booked_error': "You already booked a spot in this group event",
    'label.already_booked_time_error': "The selected time is not available, please select a different time",
    'label.booking_notice_error': "Booking is too close to the current time, please reload the page",
    'label.slots_left': "slots left"
  }, WebPlatform.Phrases || {});
</script><script type="text/javascript">
          WebPlatform.Store = WebPlatform.Store || {};
        
          WebPlatform.merge(WebPlatform.Store, {
            hideUnavailableVariations: false,
            notEnoughQuantityMessage: "Not enough available quantity for some of the products!",
            currencySymbol: "$",
            currencySymbolAtLeft: true,
            currency: 'USD',
            country: 'US',
            baseUrl: '/store',
                productAddedToCart: 'Product was added to your cart',
                fbPxId: '341558509881686'
              });
        

              WebPlatform.clientData = null;
              WebPlatform.visitorEmail = '';
              WebPlatform.visitorName = '';
      </script>

      <script type="text/javascript" src="https://static.web-repository.com/scripts/platform.client.min.js?v=843"></script>
        









<!-- */ <!-- -->

      </body>
  </html>
