selfprivacy-frontend/index.html

<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta property="og:title" content="">
  <meta property="og:type" content="">
  <meta property="og:url" content="">
  <meta property="og:image" content="">

  <!-- Place favicon.ico in the root directory -->
  <link rel="stylesheet" href="font/stylesheet.css">
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="icon" type="image/png" href="favicon.png" />

  <meta name="theme-color" content="#fafafa">
</head>

<body>

  <!-- Add your site or application content here -->


  <div class="nav">
    <div class="flex-box-wrap max-width">
      <div class="w-25">
        <div class="nav-logo-box">
          <img src="img/Logo.png" alt="">
        </div>
      </div>
      <div class="w-50">
        <div>
          <a class="telegram-btn" href="https://t.me/selfprivacy">
            Telegram
          </a>
        </div>
      </div>
      <div class="w-25">
        <div class="flex-box-wrap jc-fe">
          <a href="https://selfprivacy.org/en/index.html">en</a>
          <a href="https://selfprivacy.org/">ru</a>
          <a class="nav-yellow-link" href="https://social.selfprivacy.org">
            <img src="img/Twitter%20Logo.svg" alt="">
          </a>
          <a class="nav-yellow-link" href="https://git.selfprivacy.org">
            <img src="img/Vector.svg" alt="">
          </a>
        </div>
      </div>
    </div>
  </div>


  <div class="hero">
    <div class="max-width">
      <div class="flex-box-wrap flex-wrap">

        <div class="hero-first-block ">
          <div class="hero-img-box">
            <img src="img/Illustration.svg" alt="">
          </div>
        </div>

        <div class="hero-second-block">
          <p class="paragraph">
            Платформа на хостинге пользователя для разворачивания приватных сервисов, управляемых мобильным приложением.
          </p>
          <div class="img-box-slider">
            <div class="side-screens">
              <img src="img/screenshot1.png" alt="img">
            </div>
            <div>
              <img src="img/screenshot2.png" alt="img">
            </div>
            <div>
              <video autoplay loop width=100%>
                <source src="https://selfprivacy.org/img/SFPresentation.mp4" type=video/mp4>
              </video>
            </div>
            <div>
              <img src="img/screenshot4.png" alt="img">
            </div>
            <div class="side-screens">
              <img src="img/screenshot5.png" alt="img">
            </div>
          </div>
        </div>

        <div class="hero-third-block">
          <a class="download-btn" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/">Скачать из F-Droid (Alpha)</a>
          <a class="download-btn color-grey" href="second.html">Подробная инструкция</a>
          <p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org">Открытый код в
              git-репозитории</a><br />http://git.selfprivacy.org</p>
        </div>
      </div>
    </div>

  </div>


  <div class="margin-16 boxes">
    <div class="max-width">
      <h2>
        Ваши личные сервисы
      </h2>
      <div class="flex-box-wrap flex-wrap jc-sb">

        <div class="text-box">
          <p class="top-p">
            Электронная почта
          </p>
          <p class="bottom-p">
            Для семьи или компании, неограниченное количество почтовых ящиков.
          </p>
        </div>


<!--Comment1-->


        <div class="text-box">
          <p class="top-p">
            Мессенджер
          </p>
          <p class="bottom-p">
            Самый приватный мессенджер
            — это тот, у которого серверная часть располагается на вашем личном сервер. Это делает DeltaChat приватнее
            Telegram и Signal.
          </p>
        </div>


        <div class="text-box">
          <p class="top-p">
            Менеджер паролей
          </p>
          <p class="bottom-p">
            Пароли больше не нужно запоминать, копировать между устройствами, придумывать, вводить вручную.
            <br>
            <br>
            Bitwarden — надежный менеджер паролей для всех устройств.
          </p>
        </div>

        <div class="text-box">
          <p class="top-p">
            Файловое облако
          </p>
          <p class="bottom-p">
            Nextcloud — приватная
            и функциональная замена
            Dropbox и G-drive.
          </p>
        </div>

        <div class="text-box">
          <p class="top-p">
            Видеконференция
          </p>
          <p class="bottom-p">
            Zoom и Google-meet больше не нужен, когда есть Jitsi-meet. Очень простое и удобное решение для
            видео-конференций.
          </p>
        </div>

        <div class="text-box">
          <p class="top-p">
            Git-репозиторий
          </p>
          <p class="bottom-p">
            Gitea — отличный аналог Github, который пренадлежит вам,
            а не Microsoft.
          </p>
        </div>

        <div class="text-box">
          <p class="top-p custom-p">
            VPN для всех устройств друзей и близких
          </p>
          <p class="bottom-p">
            Ни один публичный VPN
            не может быть приватным,
            только тот, что расположенна вашем сервере.
            OpenConnect
            — подключайте неограниченное количество устройств.
          </p>
        </div>

        <div class="text-box">
          <p class="top-p">
            Децентрализованная социальная сеть
          </p>
          <p class="bottom-p">
            Pleroma — социальная сеть в которой вы решаете кого забанить, что постить. Никакой больше рекламы и слежки.
          </p>
        </div>


      </div>
    </div>
  </div>


  <div class="margin-16 ">
    <div class="max-width">
      <h2 class="second">Преимущества</h2>
      <div class="flex-box-wrap flex-wrap jc-sb">


        <div class="big-box">

          <div class="blue-box">

            <div>
              <p>
                Нулевое доверие
              </p>
              <p>
                SelfPrivacy разработан по принципу "нулевого доверия", даже к самим разработчикам SelfPrivacy. Это
                значит, что вы единственный владелец своих данных.
              </p>
            </div>

            <div>
              <p>
                Простота
              </p>
              <p>
                Это просто работает. Без консоли, сложных инструкций, мониторинга и привлечения специалистов.
              </p>
            </div>

            <div>
              <p>
                Функционал
              </p>
              <p>
                Ваши данные никуда не пропадут благодаря регулярному автоматическому резервному копированию в отдельный
                датацентр.
              </p>
            </div>

          </div>

        </div>

        <div class="big-box">

          <div class="text-image-box">
            <img src="img/cd-icon.png" alt="icon">

            <p class="top-p">
              Контроль данных
            </p>

            <p class="bottom-p">
              Почему корпорациям так нужны ваши данные?
              Чтобы больше покупали, чтобы вы голосовали как им нужно.
              В SelfPrivacy ваши данные остаются только у вас.
            </p>
          </div>

          <div class="text-image-box">
            <img src="img/shield-icon.png" alt="icon">

            <p class="top-p">
              Безопасность
            </p>

            <p class="bottom-p">
              Отрытый код. Вознаграждение $1000 за RCE-уязвимость значительно повышает безопасность в сравнении с
              обычными self-hosted решениями.
            </p>
          </div>

        </div>

        <div class="big-box">

          <div class="text-image-box">
            <img src="img/list-icon.png" alt="icon">

            <p class="top-p">
              Без лицензионных соглашений
            </p>

            <p class="bottom-p">
              Что написано в лицензионных соглашениях, которые вы принимаете не читая?
              Там написано, что с вашими данными можно делать что угодно.
              В SelfPrivacy нет лицензионных соглашений.
            </p>
          </div>


          <div class="text-image-box">
            <img src="img/like-icon.png" alt="icon">

            <p class="top-p">
              Экономия&nbsp;времени, денег&nbsp;и&nbsp;сил
            </p>

            <p class="bottom-p">
              Как сэкономить $500 или две недели жизни?
              Столько понадобится времени и денег специалисту, чтобы настроить все самому с нуля?
              <br><br>
              Команда SelfPrivacy непрерывно работает, чтобы ускорить и упростить этот процесс до нескольких кликов.
              <br><br>
              Теперь создание личного датацентра будет под силу любому желающему.
            </p>
          </div>

        </div>

        <div class="big-box">

          <div class="text-image-box">
            <img src="img/ind-icon.png" alt="icon">

            <p class="top-p">
              Независимость
            </p>

            <p class="bottom-p">
              Ваши коммуникации в интеренете не зависят от Google, Facebook, Amazon и прочих мегакорпораций.
              <br><br>
              Ваши сервисы — ваши правила!
              Вас не забанят, не отключат, случайно или по какой бы то ни было причине. Ваша инфраструктура и данные
              всегда останется с вами.
            </p>
          </div>


          <div class="text-image-box">
            <img src="img/eye-icon.png" alt="icon">

            <p class="top-p">
              Приватность
            </p>

            <p class="bottom-p">
              Без регистрации, куков, телеметрии, логов, гугл аналитики, облаков.
            </p>
          </div>


        </div>

      </div>
    </div>
  </div>


  <footer>
    <a href="https://social.selfprivacy.org">
      <img src="img/Twitter-Logo.svg" alt="">
    </a>
    <a href="https://t.me/selfprivacy">
      <img src="img/Telegram%20Logo.svg" alt="">
    </a>
    <a href="https://git.selfprivacy.org">
      <img src="img/GitHub%20Logo.svg" alt="">
    </a>
  </footer>


  <!--<script src="js/vendor/modernizr-3.11.2.min.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>
-->
  <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
  <!--<script>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
  </script>
  <script src="https://www.google-analytics.com/analytics.js" async></script>-->
</body>

</html>