<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Connect</title>
    <!-- Meta Information-->
    <meta name="description" content="Connect: get together in real life. Because there’s nothing more important than time with your favorite people.">
   <meta name="keywords" content="connect, contacts, social, capture, inspiration, friends, location, social map, map friends, plans.">
   <meta name="author" content="Connect">
   <meta property="og:site_name" content="Connect"/>
   <meta property="og:image" content="http://connect.com/assets/img/connect-share.jpg" />
   <meta property="og:title" content="Connect: Get together in real life." />
   <meta property="og:description" content="Because there’s nothing more important than time with your favorite people. Connect helps you capture all your ideas for things to do, people to see and places to go — and seamlessly turn them into amazing experiences.">
   <meta property="og:url" content="http://connect.com" />
    <!--Stylesheets-->
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0">
    <link rel='shortcut icon' type='image/x-icon' href='/assets/img/favicon.png'/>
    <link rel='stylesheet' href='/assets/stylesheets/css/home.css'/>
    <link rel="stylesheet" type="text/css" href="/bower_components/sweetalert/dist/sweetalert.css">
    <script src="/bower_components/sweetalert/dist/sweetalert.min.js"></script>
    <!--Google Analytics tracking Code-->
    <script>
      (function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;)c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);b[n]=h}})(window,document,"script","branch",function(b,r){b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},"addListener applyCode banner closeBanner creditHistory credits data deepview deepviewCta first getCode init link logout redeem referrals removeListener sendSMS setBranchViewData setIdentity track validateCode".split(" "), 0);
branch.init('key_live_mhbZT76aGXVJWBdgr4KNPipdwFlXU11w');
            function sendSMS(form) {
                var phone = form.phone.value;
                var linkData = {
                    tags: [],
                    channel: 'Website',
                    feature: 'TextMeTheApp',
                    data: {
                        'foo': 'bar'
                    }
                };
                var options = {};
                var callback = function(err, result) {
                    if (err) {
                        swal("Uh-oh! I don't think that's a valid number! 🤔");
                    }
                    else {
                        swal("SMS sent!");
                    }
                };
                branch.sendSMS(phone, linkData, options, callback);
                form.phone.value = "";
            }

      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-43854936-1', 'auto');
      ga('send', 'pageview');
    </script>
</head>
<body>
    <section id="hero" class="hero">
            <div class="nav">
                <div class="logo"></div>
                    <div class="rightLinks">
                        <a target="_blank" href="http://blog.connect.com"><h3 class="joinTeam">Blog</h3></a>
                        <a target="_blank" href="https://jobs.lever.co/connect"><h3 class="joinTeam">Team</h3></a>
                    </div>
                </div>
            </div>
            <div class="container-hero">
                <div class="row-header" style="text-align: center">
                    <div class="col-1">
                        <h1 class="smsHeaderText">Make #<span class="recycle">life</span> happen.</h1>
                        <h3 class="whiteText">Get the download link on your phone!</h3>
                    </div>
                </div>
                <div class="row-signup" style="text-align: center">
                    <form autocomplete="off" onsubmit="sendSMS(this); return false;">
                        <div id="smsInput">
                            <input id="phone" name="phone" type="tel" placeholder="(555) 555-5555" />
                        </div>
                        <div id="smsButton">
                            <button class="sms-button" type="submit">Get the app</button>
                        </div>
                    </form>
                </div>
                <img class="Absolute-Center" alt="" height="24" width src="/assets/img/down.svg"/>
            </div>
    </section>

    <section class="product">
        <div class="row-footer container" style="text-align: center;">
            <h2>One place for all your real life experiences.</h2>
            <img class="productShot" src="/assets/img/product.png"/>
    </section>
    <section class="footer">
        <div class="row-footer container">
            <h4>Make Life Happen.</h4>
                <div class="row-signup">
                    <div class="col-2 center">
                        <a data-scroll data-options='{ "easing": "easeInOutQuad" }' href="#hero"><button>I want the app</button></a>
                    </div>
                </div>
            <i class="center twa twa-3x twa-wave"></i>
            <span class="center"> Copyright ©2016 Connect. All Rights Reserved</span>
            <h3 class="center"><a href="http://blog.connect.com" target="_blank"> Blog</a> | <a href="https://jobs.lever.co/connect" target="_blank">Team</a> | <a href="http://www.connect.com/tos" target="_blank"> TOS</a> <!-- | <a href="" target="_blank">Support</a> --></h3>
        </div>
    </section>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="/assets/js/typed.js"></script>
<script src="/assets/js/smooth-scroll.js"></script>
<script>
  $(function(){
      $(".recycle").typed({
        strings: ["parties", "potlucks","date nights","skinny dips", "camping", "night hikes", "coffee dates"],
        typeSpeed: 150,
        // time before typing starts
        startDelay: 3000,
        // backspacing speed
        backSpeed: 30,
         // time before backspacing
        backDelay: 1800,
        //infinite
        loop: true
      });
  smoothScroll.init();
  });
</script>
<script src="/assets/js/jquery.modal.min.js"></script>
</body>
</html>