<!doctype html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="Keywords" content="tasytt, tasyyt, tastyt, tassyt, Obie, Obie Slack, employee onboarding, hrtech, HR Slack bot, e learning bot, training bot, Slack bot, LMS bot, knowledge management,  onboarding software, training and onboarding software, confluence slack integration, google drive slack integration, evernote slack integration, google sites slack integration, Slack Knowledge Management, knowledge sharing, knowledge sharing solution, slack bot, team, knowledge base, slack, Confluence, Evernote, Google Drive, Online Wiki Software, Confluence, slack wiki, wiki knowledge base, ai knowledge base, time wiki, internal wiki, google Obie"/>
    <meta name="Description" content="Obie is a chatbot to help teams access knowledge quicker without leaving Slack. Connect tools you already use like Google Drive, DropBox, Confluence, Evernote and Google Sites."/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://tasytt.com/"/>
    <meta property="og:title" content="Obie | All your teams knowledge at your fingertips in Slack"/>
    <meta property="og:image" content="img/obie-meta.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Obie | All your teams knowledge at your fingertips in Slack">
    <meta name="twitter:description" content="Obie is a chatbot to help teams access knowledge quicker without leaving Slack. Connect tools you already use like Google Drive, DropBox, Confluence, Evernote and Google Sites.">
    <meta name="twitter:image" content="img/obie-meta.png">
    <title>Obie | All your teams knowledge at your fingertips in Slack</title>
	<link rel="canonical" href="http://obie.ai" />
    <!--Favicon-->
    <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon_v-2.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32_v-2.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16_v-2.png">
    <link rel="manifest" href="https://d3hki0oywz682i.cloudfront.net/img/favicon/manifest.json?v=2">
    <link rel="mask-icon" href="https://d3hki0oywz682i.cloudfront.net/img/favicon/safari-pinned-tab.svg?v=2" color="#70a8a8 ">
    <link rel="shortcut icon" href="img/favicon/favicon_v-2.ico">
    <meta name="msapplication-config" content="https://d3hki0oywz682i.cloudfront.net/img/favicon/browserconfig.xml?v=2">
    <meta name="theme-color" content="#70a8a8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-5TGG2T');</script>
    <!-- End Google Tag Manager -->
    <script src="js/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
    <script src="js/jquery.fancybox.pack.js"></script>
    <script src="js/bootstrap.js" type="text/javascript"></script>
    <!-- radio buttons script download from https://github.com/Nilpo/AnimatedCheckboxes/blob/master/index.html -->
    <!-- form script download from https://github.com/codrops/MinimalForm/blob/master/index.html -->
    <!--<script src="js/modernizr.custom.js"></script>
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/component.css" />-->
    <!-- end form script download -->
    <link href="css/jquery.fancybox.css" rel="stylesheet"/>
    <link href="css/bootstrap.css" rel="stylesheet"/>
    <link href="css/landing-page.css" rel="stylesheet"/>
    <link href="font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
    <link href="//fonts.googleapis.com/css?family=Lato:400,300,500" rel="stylesheet" type="text/css">
    <!-- <link href="css/pe-icon-7-stroke.css" rel="stylesheet" /> -->
    <!--Google Analytics-->
    <script>
      (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-55712046-3', 'auto');
      ga('send', 'pageview');
    </script>
    <script src="js/3696138405.js"></script>
    <script type="text/javascript">
    setTimeout(function(){var a=document.createElement("script");
    var b=document.getElementsByTagName("script")[0];
    a.src=document.location.protocol+"pages/scripts/0049/3888.js"+Math.floor(new Date().getTime()/3600000);
    a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 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', '245306082488139');
    fbq('track', "PageView");
    fbq('track', 'ViewContent');</script>
    <noscript><img height="1" width="1" style="display:none" src="tr-id-245306082488139-ev-PageView-noscript-1.jpg"/></noscript>
    <!-- End Facebook Pixel Code -->
    <script>
    (function (w,i,d,g,e,t,s) {w[d] = w[d]||[];t= i.createElement(g);
      t.async=1;t.src=e;s=i.getElementsByTagName(g)[0];s.parentNode.insertBefore(t, s);
    })(window, document, '_gscq','script','66930/script.js');
    </script>
      <script type="text/javascript">
        window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"http://cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
        heap.load("3678409560");
      </script>
</head>
<body class="landing-page">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5TGG2T" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
<script type="text/javascript">
    if (window.location.href.indexOf('?launch') > 0) {
        $.fancybox.open({
            type: 'iframe',
            href: 'slack://',
            afterLoad: function() {
                $.fancybox.close(true);
            }
        });
    }
</script>
<section id="hero">
<nav class="navbar navbar-transparent navbar-top" role="navigation">
    <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button id="menu-toggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar bar1"></span>
        <span class="icon-bar bar2"></span>
        <span class="icon-bar bar3"></span>
      </button>
      <a href="/">
            <div class="logo-container">
               <!--  <div class="logo"></div> -->
                <div class="brand">
                 <img class="white-obie" src="img/obie-white.svg" height="70" width="auto"/>
                 <div class="beta" style="letter-spacing:1px;">BETA</div>
                </div>
            </div>
    </a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="example">
        <ul class="nav navbar-nav navbar-right"> 
            <li>
                <a href="about/features/"><strong>Features</strong></a>
            </li>
<!--             <li>
                <a href="/about/pricing"><strong>Pricing</strong></a>
            </li> -->
            <li>
                <a href="https://tasytt.com/support/"><strong>Getting Started</strong></a>
            </li>
            <li>
                <a class="sign-in-link" href="https://tasytt.com/"><strong>Sign In</strong></a>
            </li>
<!--             <li class="dashboard">
                <a href="http://tasytt.com/account/login"><strong>Dashboard</strong> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 100"><g transform="translate(0,-952.36218)"><path d="M 67.90625 25.96875 A 2.0002 2.0002 0 0 0 66.65625 29.46875 L 86.84375 48 L 8 48 L 7.8125 48 C 6.7651593 48.049 5.8571564 49.04635 5.90625 50.09375 C 5.955344 51.14105 6.9526789 52.0493 8 52 L 86.84375 52 L 66.65625 70.5 A 2.0022756 2.0022756 0 1 0 69.34375 73.46875 L 93.34375 51.46875 A 2.0002 2.0002 0 0 0 93.34375 48.5 L 69.34375 26.5 A 2.0002 2.0002 0 0 0 67.90625 25.96875 z " transform="translate(0,952.36218)"></path></g></svg></a>
            </li> -->
            <li class="dashboard">
                <a class="install-obie-link" href="https://tasytt.com/"><span><strong>Add to slack</strong></span></a>
            </li>
        </ul>
    </div><!-- /.navbar-collapse -->
  </div>
</nav>
    <div class="parallax filter-gradient white" data-color="white">
        <div class="parallax-background">
            <img src="img/obie-hero.png">
        </div>  
        <div class="container"> 
            <div class="row">
                <div class="col-sm-12">
                    <div class="description">
                        <h1 style="padding-top: 1.5em;">All of your team knowledge</br> at your fingertips.</h1>
                        <h2 class="hero-p">Obie is a virtual assistant to help you make faster decisions, be more informed and get shit done without leaving
                        <span style="font-family:'slack-lato';">slack</span>.</h2>
                        <br/>
                    </div>
                    <div class="description" style="padding-top:0;">
                        <a class="install-obie-link" href="https://tasytt.com/">
                            <button class="slack-button"> <img src="img/slack-w-s.png" height="25" width="auto"><span>Add to slack</span></button>
                        </a>
                        <a class="request-demo" href="https://tasytt.com/">See Obie in Action</a>
                        <!-- <div class="collector">
                            <div class="form-1">
                                <h4>Get your invitation to try Obie</h4>
                                <input type="text" name="email" placeholder="Enter your email..."/>
                                <input type="button" value="Notify me"/>
                                <img src="/content/img/loading-icon.gif" class="tasytt-spin"/>
                                <input type="hidden" name="variation" value=""/>
                            </div>
                            <div class="thanks thanks-1">
                                <h4>Thanks!  We'll be in touch very soon.<br/>Share Obie and move up on the waitlist.</h4>
                                <div class="addthis_sharing_toolbox"></div>
                            </div>
                            <script type="text/javascript">
                                function submitForm(form, email, variation) {
                                    if (email !== '') {
                                        $('.collector .form-' + form + ' input[type="button"]').hide();
                                        $('.collector .form-' + form + ' input[name="email"]').hide();
                                        $('.collector .form-' + form + ' .tasytt-spin').css('display', 'inline-block');
                                        var body = {};
                                        body.email = email;
                                        body.variation = variation;
                                        $.post('https://staging.tasytt.com/home/notifyofslackdeploy', body, function(result) {
                                            $('.collector .form-' + form).fadeOut('fast', function() {
                                                $('.collector .thanks-' + form).fadeIn('fast');
                                            });
                                        });
                                    }
                                    else {
                                        $('.collector .form-' + form + ' input[name="email"]').addClass('error');
                                    }
                                }
                                $('.collector .form-1 input[name="email"]').keyup(function(e) {
                                    $(this).removeClass('error');
                                    if (e.which === 13 || e.key === 13) {
                                        e.preventDefault();
                                        var email = $('.collector .form-1 input[name="email"]').val();
                                        var variation = $('.collector .form-1 input[name="variation"]').val();
                                        submitForm('1', email, variation);                                            
                                    }
                                });
                                $('.collector .form-1 input[type="button"]').click(function(e) {
                                    e.preventDefault();
                                    var email = $('.collector .form-1 input[name="email"]').val();
                                    var variation = $('.collector .form-1 input[name="variation"]').val();
                                    submitForm('1', email, variation);
                                });
                            </script>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Tools Section -->
<section>
    <div class="wrapper press-banner">
        <div class="row">
            <h2 style="color:#999999;">The smartest teams trust Obie to improve how they work</h2>
            <ul class="brand-logos">
                <li>
                    <img src="img/siftscience.png"/></a>
                </li>
                <li>
                    <img src="img/disney.png"/></a>
                </li>
                <li>
                    <img src="img/tinder.png"/></a>
                </li>
                <li>
                    <img src="img/salesforce.png"/></a>
                </li>
                <li>
                    <img src="img/wework.png"/>
                </li>
                <li>
                    <img src="img/nasa.png"/></a>
                </li>
                <li class="clearfix"></li>
            </ul>
        </div>
    </div>
</section>
<!--End Tools Section-->
<!--Converse Section-->
<div class="section section-demo">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-5">
                <img class="works-image" src="img/how-it-works1.png"/>
            </div>
            <div class="col-xs-12 col-sm-7 text-col">
                <div class="text-div">
                    <h4 class="header-text">Stay Focused</h4>
                    <p style="margin-top:0;">Simply ask Obie a question, and he'll instantly provide you with the answer. With Obie, all of your team members have access to an expert. Save time by avoiding repetitive questions, shoulder taps, and calls that halt your focus.</p>
                </div>
                <i class="clearfix"></i>
            </div>
        </div>
        <div class="row margin-top">
            <div class="hidden-xs col-sm-7 text-col">
                <div class="text-div">
                    <h4 class="header-text">Powered By Machine Learning</h4>
                    <p style="margin-top:0;">Obie leverages machine learning technology to create a more relevant and personalized experience. The more you use Obie, the smarter he gets. Now you can have an expert that grows and scales with your internal knowledge.</p>
                </div>
            </div>
            <div class="col-xs-12 col-sm-5">
                <img class="works-image" src="img/how-it-works2.png"/>
            </div>
            <div class="col-xs-12 hidden-sm hidden-md hidden-lg hidden-xl text-col">
                <div class="text-div">
                    <h4 class="header-text">Powered By Machine Learning</h4>
                    <p style="margin-top:0;">Obie leverages machine learning technology to create a more relevant and personalized experience. The more you use Obie, the smarter he gets. Now you can have an expert that grows and scales with your internal knowledge.</p>
                </div>
            </div>
        </div>
    </div>
</div>
 <!--END Converse Section-->
 <!--Built On Section -->
    <section>
        <div class="wrapper press-banner tools-section">
            <div class="row">
                    <h2 style="color:#999999;"><strong>Integrations to empower every team</strong></h2>
                    <p style="text-align: center;">Teams change and grow. Obie gives your team access to the tools they need, when they need it, with one simple search.</p>
                    <ul class="brand-logos">
                        <li>
                            <img src="img/dropbox.png"/></a>
                        </li>
                        <li>
                            <img src="img/gsites.png"/></a>
                        </li>
                        <li>
                            <img src="img/evernote.png"/></a>
                        </li>
                        <li>
                            <img src="img/gdrive.png"/>
                        </li>
                        <li>
                            <img src="img/confluence.png"/></a>
                        </li>
                        <li>
                            <img src="img/github.png"/></a>
                        </li>
                        <li>
                            <img src="img/box.png"/></a>
                        </li>
                        <li class="clearfix"></li>
                    </ul>
            </div>
        </div>
    </section>
    <!--End Built On Section-->
        <!--Flows Section-->
          <div class="section section-presentation green-section" style="overflow: visible;">
                <div class="container">
                    <div class="row mobile-row">
                        <div class="col-md-10 col-md-offset-1 col-xs-12">
                            <video class="video-shiz" preload="auto" autoplay loop poster="https://tasytt.com/" style="box-shadow: 0 10px 40px rgba(0, 0, 0, .2)!important; margin-top: -80px;">
                                <source src="content/img/flows.webm" type="video/webm"/>
                                <source src="content/img/flows.mp4" type="video/mp4"/>
                            </video>
                        </div>
                    </div>
                    <div class="row description flows-description">
                        <div class="col-md-4">
                            <h4 class="header-text green-header">Learn quickly</h4>
                            <p>Empower new team members by sharing best practices and procedures. Instead of asking the same questions over and over, your team can spend time with Obie getting up to speed, allowing them to be productive faster.<p>
                        </div>
                         <div class="col-md-4">
                            <h4 class="header-text green-header">Develop new playbooks</h4>
                            <p>Consolidating learnings is as easy as 1, 2, 3. Once you create a Flow, assign it to a member of your team to start streamlining the knowledge process. Your engineers will thank you later.<p>
                        </div>
                         <div class="col-md-4">
                            <h4 class="header-text green-header">Learn together</h4>
                            <p>With Obie you can easily share and curate meaningful knowledge in a centralized place - without stress. Empower each of your reps to share new insights so everyone can be prepared to engage potential customers.<p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="col-md-4 col-xs-12"><a class="install-obie-link" href="https://tasytt.com/"><button class="slack-button-white">Add to slack</button></a></div>
                        <div class="col-md-4"></div>
                    </div>
                </div>
            </div> 
        <!--End Flows Section-->
        <!--Use Case Section-->
        <div class="section section-features section-no-padding">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-4 grayblock2">
                    <div class="card card-blue">
                        <div class="icon continuous">
                            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 89.811 87.898" enable-background="new 0 0 89.811 87.898" xml:space="preserve"><path id="user_1_1_" d="M24.969,58.318c-2.665,0.893-4.459,3.389-4.459,6.207v6.029h50.649v-6.029c0-2.818-1.793-5.314-4.454-6.207l-0.184-0.052c-2.953-0.803-5.121-1.563-6.426-2.069c-4.623-1.776-5.828-3.06-6.134-3.664c-0.438-0.873-0.197-2.213,0.672-3.771c0.382-0.527,0.711-1.009,1.015-1.5l0.225-0.36c0.979-1.626,1.761-3.389,2.335-5.243c0.689-2.229,1.076-4.612,1.153-7.079c0.063-2.02-0.281-3.985-1.012-5.848c-0.702-1.775-1.725-3.368-3.046-4.734c-2.563-2.646-5.917-4.103-9.458-4.118c-3.57,0.018-6.925,1.473-9.479,4.118c-1.327,1.366-2.349,2.958-3.047,4.734c-0.732,1.863-1.073,3.828-1.016,5.848c0.078,2.467,0.462,4.852,1.156,7.079c0.573,1.854,1.354,3.617,2.332,5.243l0.224,0.36c0.31,0.491,0.642,0.973,0.979,1.437c0.905,1.622,1.144,2.962,0.71,3.835c-0.312,0.604-1.513,1.888-6.134,3.671c-1.307,0.499-3.475,1.263-6.4,2.053L24.969,58.318z M32.217,57.88c1.702-0.652,3.127-1.313,4.239-1.958c1.481-0.863,2.416-1.707,2.853-2.58c0.741-1.466,0.479-3.383-0.754-5.555c-0.364-0.494-0.653-0.919-0.932-1.352l-0.083-0.144c-2.148-3.43-3.3-7.391-3.433-11.769c-0.054-1.774,0.243-3.506,0.887-5.129c0.612-1.563,1.511-2.952,2.663-4.148c2.217-2.286,5.114-3.557,8.16-3.563h0.018c3.059,0.006,5.958,1.275,8.178,3.563c1.151,1.196,2.05,2.588,2.666,4.148c0.636,1.623,0.938,3.354,0.883,5.129c-0.135,4.375-1.284,8.338-3.434,11.771L54.05,46.43c-0.278,0.438-0.571,0.859-0.874,1.268c-1.29,2.261-1.554,4.178-0.818,5.644c0.439,0.873,1.375,1.717,2.858,2.58c1.104,0.646,2.531,1.306,4.235,1.958c1.348,0.52,3.582,1.31,6.573,2.118c2.05,0.696,3.331,2.5,3.331,4.527v4.22h-47.04v-4.22c0-2.027,1.279-3.831,3.192-4.488C28.637,59.186,30.867,58.396,32.217,57.88z"/></svg>
                        </div>
                        <div class="text">
                            <h4>New-hire Onboarding</h4>
                            <p>Streamline training and onboarding: notify the team about new hires, policy updates and relevant content changes. <strong> All within slack. </strong></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 grayblock">
                    <div class="card card-blue">
                        <div class="icon continuous">
                            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 89.811 87.898" enable-background="new 0 0 89.811 87.898" xml:space="preserve"><g id="refresh_4_3_"><path d="M64.87,40.34c-0.396,0-0.715,0.323-0.715,0.718v15.661l-36.352-0.01l5.371-5.374c0.136-0.137,0.212-0.315,0.212-0.509c0-0.187-0.076-0.365-0.212-0.504c-0.137-0.136-0.313-0.208-0.505-0.208c-0.19,0-0.375,0.072-0.505,0.208l-6.592,6.596c-0.28,0.277-0.28,0.73,0,1.013l6.592,6.59c0.267,0.27,0.74,0.27,1.01,0c0.282-0.276,0.282-0.73,0-1.015l-5.354-5.354h35.885c1.035,0,1.876-0.846,1.876-1.883V41.057C65.582,40.662,65.265,40.34,64.87,40.34z"/><path d="M26.077,48.883c0.396,0,0.716-0.318,0.716-0.713V32.504l36.346,0.016l-5.367,5.369c-0.279,0.282-0.279,0.735,0,1.015c0.27,0.266,0.742,0.271,1.008,0l6.594-6.592c0.28-0.281,0.28-0.735,0-1.015l-6.594-6.593c-0.266-0.274-0.738-0.274-1.008,0c-0.279,0.28-0.279,0.731,0,1.016l5.357,5.355l-35.888-0.001c-1.035,0-1.879,0.843-1.879,1.885V48.17C25.363,48.564,25.682,48.883,26.077,48.883z"/></g></svg>
                        </div>
                        <h4>Continuous Learning</h4>
                        <p>Finally a learning solution for the new generation. Obie delivers content in an already existing workspace thats relatable, engaging and more effective.</p>
                    </div>
                </div>
                <div class="col-md-4 grayblock2">
                    <div class="card card-blue">
                        <div class="icon">
                            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 89.811 87.898" enable-background="new 0 0 89.811 87.898" xml:space="preserve"><path id="groups_2_" d="M46.261,63.826L65.585,49.98c0.221-0.148,0.348-0.387,0.348-0.64v-0.079c-0.02-0.229-0.145-0.43-0.337-0.561l-5.614-4.027l5.604-4.015c0.221-0.149,0.348-0.388,0.348-0.641v-0.08c-0.02-0.225-0.145-0.431-0.337-0.563l-19.331-13.85c-0.131-0.092-0.28-0.14-0.445-0.147c-0.158,0.007-0.311,0.055-0.437,0.147L26.056,39.373c-0.204,0.137-0.328,0.346-0.345,0.574v0.069c0,0.255,0.126,0.494,0.34,0.636l5.616,4.022l-5.611,4.02c-0.204,0.139-0.328,0.346-0.345,0.574v0.07c0,0.256,0.126,0.494,0.34,0.636l19.332,13.853c0.131,0.097,0.442,0.145,0.442,0.145C45.982,63.97,46.132,63.923,46.261,63.826z M27.618,40.015L45.82,26.968l18.206,13.048L45.82,53.06L27.618,40.015z M27.618,49.338l5.274-3.78l12.49,8.95c0.131,0.089,0.279,0.139,0.437,0.143c0.162-0.004,0.313-0.054,0.441-0.143l12.488-8.95l5.276,3.78L45.82,62.384L27.618,49.338z"/></svg>
                        </div>
                        <h4>Building a Knowledge-asset</h4>
                        <p>Knowledge is hard to create and easy to lose. Build a culture of transparency and knowledge-sharing by starting in Slack.</p>                    
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--End Use Case Section-->
    <!--Testimonials Slider-->
    <div class="container">
      <div class="row">
        <div class="col-md-offset-2 col-md-8 text-center">
        <h4 class="header-text lato-clean">What People Are Saying</h4>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <div class="carousel slide" data-ride="carousel" id="quote-carousel">
            <!-- Bottom Carousel Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#quote-carousel" data-slide-to="0" class="active"></li>
              <li data-target="#quote-carousel" data-slide-to="1"></li>
              <li data-target="#quote-carousel" data-slide-to="2"></li>
            </ol>
            <!-- Carousel Slides / Quotes -->
            <div class="carousel-inner">
              <!-- Quote 1 -->
              <div class="item active">
                <blockquote>
                  <div class="row">
                    <div class="col-sm-3 text-center">
                      <img class="img-circle" src="Content/img/press/thumbs/dayta.png" style="width: 100px;height:100px;">
                      <!--<img class="img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/kolage/128.jpg" style="width: 100px;height:100px;">-->
                    </div>
                    <div class="col-sm-9">
                      <p>Our team had been searching high and low for an LMS that fits our unique model of training. We happened to stumble across Obie while reviewing Slack integrations and were instantly intrigued. The platform almost seemed too good to be true. We signed up for a trial and received impeccable customer service by the team ever since. Any questions we have are addressed nearly immediately and I know our team is valued by the Obie team. By the time our trial was finished, our entire team was sold on the platform. Obie and the dashboard are an integral part of our training and development and we are excited to watch it grow!</p>
                      <small>Danielle Barthelemy - Head of Strategy</br></br></small>
                    </div>
                  </div>
                </blockquote>
              </div>
              <!-- Quote 2 -->
              <div class="item">
                <blockquote>
                  <div class="row">
                    <div class="col-sm-3 text-center">
                      <img class="img-circle" src="Content/img/press/thumbs/sortable.png" style="width: 100px;height:100px;">
                    </div>
                    <div class="col-sm-9">
                      <p>Obie, the slackbot designed by Tasytt, is a game-changer. It is definitely a smarter, more efficient replacement for the traditional LMS. I have to say that the team's response time and willingness to hear user feedback is exceptional. The team is always available to discuss use cases, answer questions and suggest best practices. Every time I message the team, there are some new and useful features they have added to make Obie better. They listen to their users and respond accordingly. The insight into knowledge capture and management that Chris has for organizations is brilliant. The foundation for growing a company is providing value and Chris has that cleverly figured out.</p>
                      <small>Jamie Good - Training Manager</br></br></small>
                    </div>
                  </div>
                </blockquote>
              </div>
              <!-- Quote 3 -->
              <div class="item">
                <blockquote>
                  <div class="row">
                    <div class="col-sm-3 text-center">
                      <img class="img-circle" src="Content/img/press/thumbs/thefeedbackloop.jpg" style="width: 100px;height:100px;">
                    </div>
                    <div class="col-sm-9">
                      <p>Obie and the dashboard are wonderful tools I personally use to handle knowledge management for my team. It's easy, fun to use, and beautifully designed. Obie provides useful knowledge to my team at a moment's notice, as well as providing me with a necessary look at what questions my team has for our mission. The dashboard employs a worthy framework to sort information into collections for my team to learn from and refer back to. All in all, these tools keep my team on the same page. Thank you so much!</p>
                      <small>Johnny Heo - Co-founder & Producer</br></br></small>
                    </div>
                  </div>
                </blockquote>
              </div>
            </div>
            <!-- Carousel Buttons Next/Prev -->
            <!-- <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a>
            <a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right"></i></a> -->
          </div>                          
        </div>
      </div>
    </div>
    <!--End Testimonials Slider-->
    <!-- Testimonials -->
    <!-- <div class="section">
        <div class="container">
            <div class="row mobile-row">
                <div class="col-md-offset-1 col-md-10 col-xs-12 description testi">
                    <h4 class="header-text lato-clean">What People Are Saying</h4>
                    <ul class="testimonial">
                        <li><img src="https://tasytt.com/Content/img/press/thumbs/dayta.png" ></li>
                        <li><p>"Our team had been searching high and low for an LMS that fits our unique model of training. We happened to stumble across Obie while reviewing Slack integrations and were instantly intrigued. The platform almost seemed too good to be true. We signed up for a trial and received impeccable customer service by the team ever since. Any questions we have are addressed nearly immediately and I know our team is valued by the Tasytt team. By the time our trial was finished, our entire team was sold on the platform. Obie and the Tasytt dashboard are an integral part of our training and development and we are excited to watch it grow!"<br/><br/>Head of Strategy (Dayta Marketing)</p></li>
                    </ul>
                    <ul class="testimonial">
                        <li><img src="https://tasytt.com/Content/img/press/thumbs/sortable.png" ></li>
                        <li><p>"Obie, the slackbot designed by Tasytt, is a game-changer. It is definitely a smarter, more efficient replacement for the traditional LMS. I have to say that the team's response time and willingness to hear user feedback is exceptional. The team is always available to discuss use cases, answer questions and suggest best practices. Every time I message the team, there are some new and useful features they have added to make Obie better. They listen to their users and respond accordingly. The insight into knowledge capture and management that Chris has for organizations is brilliant. The foundation for growing a company is providing value and Chris has that cleverly figured out."<br/><br/>Training Manager (Sortable)</p></li>
                    </ul>
                    <ul class="testimonial">
                        <li><img src="https://tasytt.com/Content/img/press/thumbs/thefeedbackloop.jpg" ></li>
                        <li><p>"Obie and Tasytt are wonderful tools I personally use to handle knowledge management for my team. It's easy, fun to use, and beautifully designed. Obie provides useful knowledge to my team at a moment's notice, as well as providing me with a necessary look at what questions my team has for our mission. Tasytt employs a worthy framework to sort information into collections for my team to learn from and refer back to. All in all, these tools keep my team on the same page. Thank you so much!"<br/><br/>Co-founder & Producer (The Feedback Loop)</p></li>
                    </ul> -->
                    <!-- <ul class="testimonial">
                        <li><img src="https://tasytt.com/Content/img/press/thumbs/elevationcorporatehealth.jpg" ></li>
                        <li><p>"Our team is really excited to start using this [Obie], as I am putting it all together for them. I would like to use Obie long term in our company as we grow. I think there is a lot of value in this bot"<br/><br/>Application Developer (Elevation Corporate Health)</p></li>
                    </ul>
                    <ul class="testimonial">
                        <li><img src="https://tasytt.com/Content/img/press/thumbs/whereby.us.png" ></li>
                        <li><p>"AMAZING... when I heard about Obie, I thought "I NEED THIS". Can't wait to take him for a spin. My CEO is so pumped."<br/><br/>Office Manager/Culture Champion (WhereBy.Us)</p></li>
                    </ul> -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Testimonials -->
    <!--Press Section -->
<!--     <section>
        <div class="wrapper press-banner">
            <div class="row">
                <div class="col-xs-12">
                    <h2>As Seen In</h2>
                    <ul class="brand-logos">
                        <li>
                            <img src="https://tasytt.com/Content/img/press/banner/VB-logo.png" /></a>
                        </li>
                        <li>
                            <img src="https://tasytt.com/Content/img/press/banner/betakit-c.png" /></a>
                        </li>
                        <li>
                            <img src="https://tasytt.com/Content/img/press/banner/ent-c.png" /></a>
                        </li>
                        <li>
                            <img src="http://tasytt.com/content/img/press/banner/techcrunch-c.png"/></a>
                        </li>
                        <li>
                            <img src="https://tasytt.com/Content/img/press/banner/cio-c.png" /></a>
                        </li>
                        <li class="clearfix"></li>
                    </ul>
                </div>
            </div>
        </div>
    </section> -->
    <!--End Press Section-->
   <div class="section section-no-padding">
    <div class="full-background filter-gradient gray" style="background-image:url('img/gradedaddy.png')">
        <div class="info">
            <h1>Free to use and hassle free. Get started today.</h1>
            <p></p> 
            <a class="install-obie-link" href="https://tasytt.com/">
                <button class="slack-button"> <img src="img/slack-w-s.png" height="25" width="auto"><span>Add to slack</span></button>
            </a>
            <!-- <ul class="list-inline banner-social-buttons">
                <li>
                    <a href="https://twitter.com/tasytt" class="btn btn-default btn-lg" target="_blank"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
                </li>
                <li>
                    <a href="https://www.facebook.com/tasytt" class="btn btn-default btn-lg" target="_blank"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
                </li>
                <li>
                    <a href="mailto:yourfriends@tasytt.com" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Email</span></a>
                </li>
                <li>
                    <a href="http://tasytt.com/about/press" class="btn btn-default btn-lg"><i class="fa fa-newspaper-o fa-fw"></i> <span class="network-name">Press Kit</span></a>
                </li>
            </ul> -->
         <!--    <script type="text/javascript">
                $('.add-to-slack').click(function(e) {
                    e.preventDefault();
                    $.fancybox.open({
                        content: '<div class="confirm-tos"><p>By installing Obie, you agree to<br/>the Tasytt <a href="https://tasytt.com/" target="_blank">Privacy Policy</a> and <a href="http://tasytt.com/https://tasytt.com/" target="_blank">Terms of Use</a>.</p><p><button class="btn btn-info" data-action="continue">I Agree</button><button class="btn btn-info plain" data-action="cancel">No Thanks</button></p></div>',
                        closeBtn: false,
                        afterShow: function() {
                            $('.confirm-tos button[data-action="continue"]').off().click(function(e) {
                                e.preventDefault();
                                + window.location.host + '/oauth';
                            });
                            $('.confirm-tos button[data-action="cancel"]').off().click(function(e) {
                                e.preventDefault();
                                $.fancybox.close();
                            });
                        }
                    });
                });
            </script> -->
<!--                 <div class="collector">
                <div class="form-2">
                    <h4>Get your invitation to try Obie</h4>
                    <input type="text" name="email" placeholder="Enter your email..."/>
                    <input type="button" value="Notify me"/>
                    <img src="/content/img/loading-icon.gif" class="tasytt-spin"/>
                </div>
                <div class="thanks thanks-2">
                    <h4>Thanks!  We'll be in touch very soon.<br/>Share Obie and move up on the waitlist.</h4>
                    <div class="addthis_sharing_toolbox"></div>
                </div>
                <script type="text/javascript">
                    $('.collector .form-2 input[name="email"]').keyup(function(e) {
                        $(this).removeClass('error');
                        if (e.which === 13 || e.key === 13) {
                            e.preventDefault();
                            var email = $('.collector .form-2 input[name="email"]').val();
                            var variation = $('.collector .form-1 input[name="variation"]').val();
                            submitForm('2', email, variation);                                            
                        }
                    });
                    $('.collector .form-2 input[type="button"]').click(function(e) {
                        e.preventDefault();
                        var email = $('.collector .form-2 input[name="email"]').val();
                        var variation = $('.collector .form-1 input[name="variation"]').val();
                        submitForm('2', email, variation, variation);
                    });
                </script>
            </div> -->
        </div>
    </div>
</div>
<!-- <div class="section " style="overflow: visible; margin: 60px 0 60px;">
    <div class="container">
        <div class="row mobile-row">
            <div class="col-md-offset-1 col-md-10 col-xs-12 description">
                <h4 class="header-text" style="text-align: center;">Made with <i class="fa fa-heart" style="color:#C6524F" aria-hidden="true"></i> by Tasytt</h4>
                <span class="more about-blurb">Tasytt is the company that developed Obie. Tasytt is also the dashboard used to administrate Obie and track progress facilitated within Slack (and soon other platforms). When adding Obie to Slack he will create an account on Tasytt for you to harness the full power of our solution. <br/><br/><a href="https://tasytt.com/support/" target="_new">Frequently Asked Questions</a><br/></span>
            </div>
        </div>
    </div>
</div>  -->
<div class="section section-contact">
    <div class="container text-center">
        <div class="row">
            <div class="col-md-6">
                <h2>Contact Us</h2>
                <p>We want your input: questions, bug reports, complaints, praise, feature requests — every little bit helps. Let us know what we can do to make this experience easy and enjoyable.</p>
                <ul class="list-inline banner-social-buttons">
                    <li>
                        <a href="https://twitter.com/tasytt" class="btn btn-default btn-lg" target="_blank"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
                    </li>
                    <li>
                        <a href="https://blog.obie.ai/" class="btn btn-default btn-lg" target="_blank"><i class="fa fa-medium fa-fw"></i> <span class="network-name">Medium</span></a>
                    </li>
                    <li>
                        <a href="mailto:yourfriends@tasytt.com" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">Email</span></a>
                    </li>
                    <li>
                        <a href="about/press" class="btn btn-default btn-lg"><i class="fa fa-newspaper-o fa-fw"></i> <span class="network-name">Press Kit</span></a>
                    </li>
                </ul>
                <a class="contact-us-sales" href="https://calendly.com/ravtasytt" style="font-size:18px;">Contact Sales</a>
            </div>
            <div class="col-md-6">
                <h2>Made with <i class="fa fa-heart" style="color:#C6524F" aria-hidden="true"></i> by Tasytt</h2>
                <p>It's pronounced <em>tacit</em>, as in tacit knowledge, but we're not picky.  Tasytt is the company that developed Obie.  Read more about the company <a href="https://tasytt.com/">here</a>.<br/><br/><a href="https://tasytt.com/support/">Frequently Asked Questions</a><br/></p>
            </div>
        </div>
    </div>
</div>
    <footer class="footer">
        <div class="container">
            <nav class="pull-left copyright">
                <span class="copyright-year"></span> Tasytt | <a href="https://tasytt.com/">Company</a> | <a href="https://tasytt.com/">Terms of use</a>  |  <a href="https://tasytt.com/">Privacy Policy</a> | <a href="https://tasytt.com/">DMCA</a> | <a href="https://tasytt.com/">Security</a>
            </nav>
           <!--  <div class="social-area pull-right">
                <a href="https://twitter.com/tasytt" class="btn btn-social btn-simple" target="_blank"><i class="fa fa-twitter fa-fw"></i> <span class="network-name"></span></a>
                <a href="https://www.blog.tasytt.com" class="btn btn-social btn-simple" target="_blank"><i class="fa fa-medium fa-fw"></i> <span class="network-name"></span></a>
                <a href="mailto:yourfriends@tasytt.com" class="btn btn-social btn-simple"><i class="fa fa-envelope fa-fw"></i> <span class="network-name"></span></a>
            </div> -->
            <div id="talkto-show-button" class="tawk-tab">
                <span>We're online - Chat with us now</span>
            </div>
        </div>
        </footer>
     <script type="text/javascript">
        $('.copyright-year').html('&copy; ' + new Date().getFullYear());
        var big_image;
        $().ready(function(){
            responsive = $(window).width();
            // $(window).on('scroll', gsdk.checkScrollForTransparentNavbar);
            if (responsive >= 768){
                big_image = $('.parallax-background').find('img');
                console.log(big_image);
                $(window).on('scroll',function(){           
                    parallax();
                });
            }
        });
       var parallax = function() {
            var current_scroll = $(this).scrollTop();
            oVal = ($(window).scrollTop() / 3); 
            big_image.css('top',oVal);
        };
        // Show more / show less
        $(document).ready(function() {
            var showChar = 100;  // How many characters are shown by default
            var ellipsestext = "...";
            var moretext = "Read more";
            var lesstext = "Read less";
            $('.more').each(function() {
                var content = $(this).html();
                if(content.length > showChar) {
                    var c = content.substr(0, showChar);
                    var h = content.substr(showChar, content.length - showChar);
                    var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
                    $(this).html(html);
                }
            });
            $(".morelink").click(function(){
                if($(this).hasClass("less")) {
                    $(this).removeClass("less");
                    $(this).html(moretext);
                } else {
                    $(this).addClass("less");
                    $(this).html(lesstext);
                }
                $(this).parent().prev().toggle();
                $(this).prev().toggle();
                return false;
            });
        });
        // FOR TESTIMONIAL CAROUSEL When the DOM is ready, run this function
        $(document).ready(function() {
          //Set the carousel options
          $('#quote-carousel').carousel({
            pause: true,
            interval: 30000,
          });
        });
    </script>
    <script type="text/javascript" src="js/TawkToWidget.js"></script>
    <script type="text/javascript" src="8fe6587d3c5c474184b803ac51ec336a2a2ce1e4.js"></script>
</body>
</html>