landing-page/thanks.html at master · tupleapp/landing-page · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!doctype html>
<html lang="en">

<head>
    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-120814370-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

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

    <title>Tuple</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="./dist/styles.css">
    <link rel="apple-touch-icon" sizes="180x180" href="src/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="src/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="src/favicon/favicon-16x16.png">
    <link rel="manifest" href="src/favicon/site.webmanifest">
    <link rel="mask-icon" href="src/favicon/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- Twitter JS for their button -->
    <script>window.twttr = (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0],
            t = window.twttr || {};
        if (d.getElementById(id)) return t;
        js = d.createElement(s);
        js.id = id;
        js.src = "https://platform.twitter.com/widgets.js";
        fjs.parentNode.insertBefore(js, fjs);

        t._e = [];
        t.ready = function(f) {
              t._e.push(f);
            };

        return t;
    }(document, "script", "twitter-wjs"));</script>
</head>

<body class="bg-black font-sans antialiased">
    <div class="border-t-8 border-indigo-dark" style="background-image: linear-gradient(-180deg, #FFFFFF 0%, #F4F6F9 100%);">
        <div class="container mx-auto px-6 pt-12 pb-20">
          <a href="index.html">
            <svg class="mb-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 52" width="140" height="52">
                <g>
                    <path fill="#1F2E41" d="M57.2 36V21.93h-4.68v-4.52h15.31v4.52h-4.7V36H57.2zm22.1.34c-5.43 0-8.5-2.7-8.5-8.01V17.41h5.88V28.1c0 2.41.52 3.61 2.63 3.61 2.08 0 2.6-1.2 2.6-3.64V17.41h5.93v10.87c0 5.59-3.33 8.06-8.53 8.06zM91.96 36V17.41h7.41c5.36 0 7.65 2.4 7.65 6.37v.1c0 3.88-2.58 6.06-7.39 6.06h-1.8V36h-5.87zm5.88-10.01h1.22c1.56 0 2.37-.7 2.37-2.08v-.1c0-1.43-.8-2-2.34-2h-1.25v4.18zM110.08 36V17.41h5.9v14.04h6.77V36h-12.67zm16 0V17.41h13.21v4.52h-7.33v2.63h5.82v4.13h-5.82v2.79h7.75V36h-13.63z"></path>
                    <polygon fill="#BFC6F1" points="8 18 32 10 32 52 8 44"></polygon>
                    <polygon fill="#4652AF" points="0 8 24 0 24 42 0 34"></polygon>
                </g>
            </svg>
          </a>
            <div class="w-full lg:w-5/6">
                <div class="mb-8">
                    <h1 class="font-black text-black text-4xl md:text-5xl lg:text-6xl mb-4">Almost done!</h1>
                </div>
                <div class="text-grey-darkest text-base md:text-xl lg:text-xxl leading-normal">
                    <p class="mb-6 lg:mb-8 text-black"><b>You gotta click a link in your email.</b> (Otherwise the spammers win.)</p>

                    <p class="mb-6 lg:mb-8 text-black">Thanks :)</p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>