<?php

  // Namespace
  namespace Inisev\Subs;

  // Disallow direct access
  if (!defined('ABSPATH')) exit;

?>

<img src="<?php $this->_asset('/projects/fit/imgs/background-bottom-left.svg'); ?>" class="ci-background-bottom-left">
<img src="<?php $this->_asset('/projects/fit/imgs/background-top-left.svg'); ?>" class="ci-background-top-left">
<div class="ci-left-part ci-install-state">
  <div class="ci-project-logo">
    <a href="https://follow.it" target="_blank">
      <img src="<?php $this->_asset('/projects/fit/imgs/big-colored-logo.png'); ?>">
    </a>
  </div>
  <div class="ci-install-column">
    <ul class="ci-checkmark-list ci-checkmark-list-type-1">
      <li>Alert your website visitors about new posts automatically</li>
      <li>Make them come back & increase your traffic</li>
      <li><b>Free</b> <span class="ci-light-font">(<a href="http://follow.it/features-and-pricing" target="_blank">basic plan</a>)</span></li>
    </ul>
    <div class="ci-install-button">
      <a href="https://follow.it/intro" target="_blank" class="ci-button-link ci-round-button">Check it out</a>
    </div>
  </div>
</div>
<div class="ci-right-part">
  <img src="<?php $this->_asset('/projects/fit/imgs/background-top-right.svg'); ?>" class="ci-background-top-right">
  <img src="<?php $this->_asset('/projects/fit/imgs/background-bottom-right.svg'); ?>" class="ci-background-bottom-right">
  <img src="<?php $this->_asset('/projects/fit/imgs/face1.png'); ?>" class="ci-face-image-1">
  <img src="<?php $this->_asset('/projects/fit/imgs/face2.png'); ?>" class="ci-face-image-2">
  <img src="<?php $this->_asset('/projects/fit/imgs/face3.png'); ?>" class="ci-face-image-3">
  <img src="<?php $this->_asset('/projects/fit/imgs/face4.png'); ?>" class="ci-face-image-4">
</div>
