index.html

--- 
layout: "custom"
class: "home-github"
---

<div class="section section-smartlook bg-primary text-light text-center">
  <div class="container grid-lg">
    <h2>{{ site.pr_name }}</h2>
    <div class="columns">
      <div class="column col-12 col-sm-12">
      <p>First live chat with video recording of visitors. Your customers are on your website right now. Chat with them and see what they do.</p>
      </div>
      <div class="column col-12 col-sm-12">
        <a href="{{ site.pr_url }}" target="_blank" class="btn btn-primary btn-lg btn-white">Learn more</a>
      </div>
    </div>
  </div>
</div>
<!-- section -->

<div class="section section-docs bg-gray text-center">
  <div class="container grid-lg">
    <h2>Help</h2>
    <div class="columns">
      <div class="column col-12 col-sm-12">
        <p>Discover tutorials for 50+ integrations and install in your CMS, e-commerce solution or website.</p>
      </div>
      <div class="column col-12 col-sm-12">
        <a href="{{ site.pr_url }}help/" target="_blank" class="btn btn-primary btn-lg">Tutorials</a>
      </div>
    </div>
  </div>
</div>
<!-- section -->

<div class="section section-help bg-white text-center">
  <div class="container grid-lg">
    <h2>{{ site.pa_docs }}</h2>
    <div class="columns">
      <div class="column col-12 col-sm-12">
        <p>JavaScript API offers a number of extra features to make your recordings even better.</p>
      </div>
      <div class="column col-12 col-sm-12">
        <a href="{{ site.url_docs_root }}" target="_blank" class="btn btn-primary btn-lg">Read API</a>
      </div>
    </div>
  </div>
</div>
<!-- section -->

<div class="section section-plugins bg-gray text-center">
  <div class="container grid-lg">
    <h2>Plugins</h2>
    <div class="columns">
      <div class="column col-12 col-sm-12">
        <p>We have plugins for common CMS like WordPress, PrestaShop, Magento, OpenCart and Joomla.</p>
      </div>
      <div class="column col-12 col-sm-12">
        <a href="https://github.com/smartsupp?utf8=%E2%9C%93&q=plugin&type=&language=" class="btn btn-primary btn-lg">Downloads</a>
      </div>
    </div>
  </div>
</div>
<!-- section -->

<div class="section section-github bg-white text-center">
  <div class="container grid-lg">
    <h2>GitHub</h2>
    <div class="columns">
      <div class="column col-12 col-sm-12">
        <p>Have a look at our company GitHub and feel free to browse our code.</p>
      </div>
      <div class="column col-12 col-sm-12">
        <a href="https://github.com/{{ site.pr_name | downcase }}" class="btn btn-primary btn-lg">Browse</a>
      </div>
    </div>
  </div>
</div>
<!-- section -->