<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="index, follow" name="robots">
<meta content="" name="description">
<meta content="" name="keywords">
<meta content="@gumbah" name="author">
<title>
3 gratitudes - Become happier by using a free gratitude journal
</title>
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,800|Roboto:400,500,700" rel="stylesheet">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-2077103326892343",
enable_page_level_ads: true
});
</script>
<!-- Global site tag (gtag.js) - Google Ads: 728626404 -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-728626404">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'AW-728626404');
</script>
<script>
"use strict";
!function() {
var t = window.driftt = window.drift = window.driftt || [];
if (!t.init) {
if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
t.invoked = !0, t.methods = ["identify","config","track","reset","debug","show","ping","page","hide","off","on"], t.factory = function(e) {
return function() {
var n = Array.prototype.slice.call(arguments);
return n.unshift(e), t.push(n), t;
};
}, t.methods.forEach(function(e) {
t[e] = t.factory(e);
}), t.load = function(t) {
var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
var i = document.getElementsByTagName("script")[0];
i.parentNode.insertBefore(o, i);
};
}
}();
drift.SNIPPET_VERSION = '0.3.1';
drift.load('te2hr3ac4ib9');
</script>
<link href="/static/min/css/24101a6f485e.css" rel="stylesheet" type="text/css">
<!-- Favicon -->
<link href="/static/images/favicon.png" rel="icon" type="image/png">
</head>
<body>
<!-- MAIN WRAPPER -->
<div class="body-wrap">
<div class="st-container" id="st-container">
<div class="st-pusher">
<div class="st-content">
<div class="st-content-inner">
<!-- Header -->
<div class="header">
<!-- Top Bar -->
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar--bold navbar-transparent navbar-inverse bg-dark">
<div class="container navbar-container">
<!-- Brand/Logo -->
<a class="navbar-brand" href="/">
<img alt="3 Gratitudes" class="d-none d-lg-inline-block" src="/static/images/logo/3gratitudes-logo.svg" style="max-width: 400px;">
<img alt="3 Gratitudes" class="d-lg-none" src="/static/images/logo/3gratitudes-logo.svg" style="max-width: 400px; width: 100%;">
</a>
<div class="d-inline-block">
<!-- Navbar toggler -->
<button aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler hamburger hamburger-js hamburger--spring" data-target="#navbar_main" data-toggle="collapse" type="button">
<span class="hamburger-box">
<span class="hamburger-inner">
</span>
</span>
</button>
</div>
<div class="collapse navbar-collapse align-items-center justify-content-end" id="navbar_main">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link" href="/faq/">
Faq
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="/about/#contact-us">
Contact
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/account/login/">
Login
</a>
</li>
</ul>
</div>
<div class="pl-4 d-none d-lg-inline-block">
<a class="btn btn-styled btn-sm btn-base-5 text-uppercase btn-circle" href="/account/signup/">
Signup now
<span class="badge badge-pill bg-base-1">
It's free!
</span>
</a>
</div>
</div>
</nav>
</div>
<section class="swiper-js-container background-image-holder">
<div class="swiper-container" data-swiper-autoplay="true" data-swiper-effect="slide" data-swiper-items="1" data-swiper-space-between="0">
<div class="swiper-wrapper">
<!-- Slide -->
<div class="swiper-slide" data-swiper-autoplay="8000">
<div class="slice--offset-top holder-item holder-item-light has-bg-cover bg-size-cover" style="background-image: url('/static/images/backgrounds/slide-6.jpg'); background-position: center center; padding-bottom: 344px;">
<span class="mask mask-base-2--style-1">
</span>
<div class="container d-flex align-items-center">
<div class="col px-0">
<div class="row">
<div class="col-lg-6">
<h2 class="heading heading-xl strong-600 text-normal line-height-1_2" data-animation-delay="200" data-animation-in="fadeInDownBig" style="margin-top: 50px;">
Become happier
</h2>
<p class="lead mt-5 line-height-1_8" data-animation-delay="200" data-animation-in="fadeInUpBig">
A simple ingredient for a happier life: gratitude.
</p>
<a class="btn btn-styled btn-lg btn-base-5 btn-outline btn-circle mt-5 animated" data-animation-delay="800" data-animation-in="fadeInUpBig" href="/account/signup/">
Signup for free
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shape-container" data-shape-fill="primary" data-shape-position="bottom" data-shape-style="opaque_waves_1" style="height: 350px;">
<svg class="shape-item animated" data-animation-delay="1000" data-animation-in="fadeInUpBig" fill="" preserveAspectRatio="none" viewBox="0 0 1000 300" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 199.889 C 0 199.889 68.44 210.183 100.221 199.889 C 139.453 187.181 159.358 130.919 200.443 127.353 C 256.282 122.507 296.131 209.003 351.606 200.997 C 380.053 196.892 386.632 145.149 415.282 142.857 C 448.502 140.199 465.627 199.674 498.893 197.674 C 569.496 193.429 590.634 66.663 661.13 60.908 C 693.467 58.268 712.362 108.664 744.74 110.742 C 837.299 116.681 1000 0 1000 0 L 1000 299.558 L 0.55 299.558 L 0 199.889 Z">
</path>
<path d="M 0 224.847 C 0 224.847 35.071 229.348 49.834 224.494 C 75.195 216.156 112.674 210.262 141.196 210.845 C 168.064 211.395 174.03 172.3 200 176.723 C 256.788 186.394 272.039 226.641 330.454 230.818 C 373.387 233.887 415.483 167.224 443.521 200 C 480.494 243.221 528.216 250.778 600 150.131 C 645.951 85.705 769.607 186.072 848.837 184.29 C 942.877 182.174 1000 108.415 1000 108.415 L 1000 300 L 0.554 300 L 0 224.847 Z">
</path>
<path d="M 0 232.927 C 0 232.927 35.071 236.944 49.834 232.612 C 75.195 225.171 112.674 219.911 141.196 220.431 C 168.064 220.922 174.03 186.03 200 189.978 C 256.788 198.609 272.039 234.528 330.454 238.256 C 373.387 240.995 415.483 181.5 443.521 210.752 C 480.494 249.326 528.216 256.07 600 166.245 C 645.951 108.746 769.607 198.321 848.837 196.731 C 942.877 194.842 1000 129.014 1000 129.014 L 1000 300 L 0.554 300 L 0 232.927 Z">
</path>
</svg>
</div>
</div>
</section>
<section class="slice-xl pt-5 bg-base-1" id="sct_what_we_do">
<div class="container sct-inner">
<div class="section-title section-title-inverse section-title--style-1 text-center mb-2 animate-on-scroll fadeInDown">
<h3 class="section-title-inner text-normal heading-1 strong-400">
<span>
Reasons to start keeping a gratitude journal
</span>
</h3>
<span class="section-title-delimiter clearfix d-none">
</span>
</div>
<span class="clearfix">
</span>
<div class="fluid-paragraph fluid-paragraph-sm c-white alpha-8 strong-300 text-center animate-on-scroll fadeInDown" data-wow-delay="0.3s">
Write down 3 things you are grateful for, three things that make you happy, three good
things, three things that make you laugh or otherwise make you feel good. If you write
those 3 things down every day for three weeks. We guarentee you, you will sleep better,
feel happier, more motivated, more grateful and generally feel better than when you
started.
</div>
<span class="space-xs-xl">
</span>
<div class="row cols-xs-space cols-sm-space cols-md-space">
<div class="col-12 col-lg-4 animate-on-scroll fadeInDown">
<div class="icon-block icon-block--style-1-v5 text-center px-2">
<div class="block-icon block-icon-lg block-icon-circle sct-color-3">
<i class="icon-basic-heart">
</i>
</div>
<div class="block-content pt-3">
<h3 class="heading heading-3 c-white strong-400 text-capitalize">
Become
happier
</h3>
<p class="c-white text-lg alpha-6">
Keeping a gratitude journals has been proven to help you to become
happier, more optimistic, healthier and more relaxed.
</p>
</div>
</div>
</div>
<div class="col-12 col-lg-4 animate-on-scroll fadeInDown">
<div class="icon-block icon-block--style-1-v5 text-center px-2">
<div class="block-icon block-icon-lg block-icon-circle">
<i class="icon-basic-laptop">
</i>
</div>
<div class="block-content pt-3">
<h3 class="heading heading-3 c-white strong-400 text-capitalize">
Simple to
use
</h3>
<p class="c-white text-lg alpha-6">
You can even use your favorite e-mail program to keep the journal if you
want.
</p>
</div>
</div>
</div>
<div class="col-12 col-lg-4 animate-on-scroll fadeInDown">
<div class="icon-block icon-block--style-1-v5 text-center px-2">
<div class="block-icon block-icon-lg block-icon-circle">
<i class="icon-basic-star">
</i>
</div>
<div class="block-content pt-3">
<h3 class="heading heading-3 c-white strong-400 text-capitalize">
Totally
free
</h3>
<p class="c-white text-lg alpha-6">
3gratitudes.com is totally free. Supported by subtle ads. That you can
turn off if you want.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="slice-lg sct-color-1">
<div class="container">
<div class="section-title section-title--style-1 text-center">
<h3 class="section-title-inner text-normal strong-500">
<span>
Here are some stats
</span>
</h3>
<span class="section-title-delimiter clearfix d-none">
</span>
</div>
<div class="row align-items-md-center cols-xs-space cols-md-space cols-lg-space">
<div class="col-lg-4">
<div class="icon-block icon-block--style-1-v5 text-center">
<div class="block-content px-5">
<h3 class="heading heading-xxl c-gray-dark">
97
<sup>
%
</sup>
</h3>
<h3 class="heading heading-5 strong-500">
Percent of users recommend us to
friends and family
</h3>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="icon-block icon-block--style-1-v5 text-center">
<div class="block-content px-5">
<h3 class="heading heading-xxl c-gray-dark">
256
</h3>
<h3 class="heading heading-5 strong-500">
Users are using our service
daily
</h3>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="icon-block icon-block--style-1-v5 text-center">
<div class="block-content px-5">
<h3 class="heading heading-xxl c-gray-dark">
12.000
<sup>
+
</sup>
</h3>
<h3 class="heading heading-5 strong-500">
Gratitudes processed
</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="slice-xl sct-color-3" style="padding-top: 80px;">
<div class="shape-container" data-shape-position="top" data-shape-style="opaque_waves_1" style="height: 80px;">
<svg class="shape-item" fill="#ffffff" preserveAspectRatio="none" viewBox="0 0 1000 100" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 0 c 0 0 200 50 500 50 s 500 -50 500 -50 v 101 h -1000 v -100 z">
</path>
</svg>
</div>
<div class="container">
<div class="cta-container cta-container-overlay">
<div class="cta-block cta-block-overlay bg-base-1 z-depth-5 text-center">
<h2 class="heading heading-inverse heading-2 strong-500">
Start your free gratitude journal today. For free.
</h2>
<a class="btn btn-styled btn-lg btn-white btn-outline btn-circle mt-5" href="/account/signup/">
Signup
now
</a>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer sct-color-3" id="footer">
<div class="footer-top">
<div class="container">
<div class="row cols-xs-space cols-sm-space cols-md-space">
<div class="col-lg-6">
<div class="col">
<img alt="3 gratitudes" src="/static/images/logo/3gratitudes-logo.svg" style="max-width: 225px;" width="">
<span class="clearfix">
</span>
<span class="heading heading-sm c-gray-light strong-400">
Become happier. 3 gratitudes a day.
</span>
<p class="mt-3">
3gratitudes.com is a free and easy to use gratitude journal.
Keeping a gratitude journals has been proven to help you to become happier, more optimistic, healthier and more relaxed.
</p>
<div class="copyright mt-4">
<p>
Copyright © 2018
<a href="https://solid.cool" target="_blank">
<strong>
solid.cool
</strong>
</a>
-
All rights reserved
</p>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="col">
<h4 class="heading heading-xs strong-600 text-uppercase mb-1">
More by us
</h4>
<ul class="footer-links">
<li>
<a href="https://temp.cool" title="Free temporary messages">
temp.cool
</a>
</li>
<li>
<a href="https://temporary-email.com/" title="Free temporary email addresses">
temporary-email.com
</a>
</li>
<li>
<a href="https://solid.cool/" title="Idea factory">
solid.cool
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3">
<div class="col">
<h4 class="heading heading-xs strong-600 text-uppercase mb-1">
Company
</h4>
<ul class="footer-links">
<li>
<a href="/about/" title="About us">
About us
</a>
</li>
<li>
<a href="/about/#other-services" title="Services">
Other Services
</a>
</li>
<li>
<a href="/about/#contact-us" title="Contact">
Contact
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
</div>
<!-- END: st-pusher -->
</div>
<!-- END: st-container -->
</div>
<!-- END: body-wrap -->
<!-- SCRIPTS -->
<a class="back-to-top btn-back-to-top2" href="#">
</a>
<script src="/static/min/js/37eb6ee85d75.js" type="text/javascript">
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-16255884-52">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-16255884-52', {
'anonymize_ip': true
});
</script>
</body>
</html>