/home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua/contacts.html
<!DOCTYPE html>
<html lang="uk">
  <head>
    <meta charset="utf-8" />

    <title>bill_line - Контакти</title>

    <meta
      name="title"
      content="Контактна інформація bill_line: телефон, месенджери"
    />
    <meta
      name="description"
      content="bill_line завжди на зв'язку зі своїми клієнтами у зручному форматі - як телефоном або електронною поштою, так і в месенджерах: telegram, skype та ін."
    />

    <!-- TODO: Delete noindex on production -->
    <meta name="robots" content="noindex" />
    <meta name="googlebot" content="noindex" />

    <!-- Mobile -->
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
    />
    <meta name="format-detection" content="telephone=no" />

    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="css/compose.css" />

    <!-- Favicon  -->
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="images/favicon/apple-touch-icon.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="images/favicon/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="images/favicon/favicon-16x16.png"
    />
    <!--    <link rel="manifest" href="images/favicon/site.webmanifest" />-->
    <link
      rel="mask-icon"
      href="images/favicon/safari-pinned-tab.svg"
      color="#9680ff"
    />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="theme-color" content="#ffffff" />

    <!-- Opengraph -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta property="og:type" content="website" />
    <meta property="og:image:type" content="images/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:url" content="https://billline.net" />
    <meta property="og:site_name" content="bill_line" />
    <meta
      property="og:title"
      content="Контактна інформація bill_line: телефон, месенджери"
    />
    <meta
      property="og:description"
      content="bill_line завжди на зв'язку зі своїми клієнтами у зручному форматі - як телефоном або електронною поштою, так і в месенджерах: telegram, skype та ін."
    />
    <meta property="og:image" content="images/opengraph.png" />

    <style>
      .preloader {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 50;
        background-color: var(--white);
        overflow: hidden;
      }

      .preloader.-visible {
        display: block;
      }

      .preloader video,
      .preloader img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      @media screen and (max-width: 759px) {
        .preloader video,
        .preloader img {
          -webkit-transform: scale(2);
          transform: scale(2);
        }
      }
    </style>
  </head>
  <body>
    <div class="preloader">
      <video src="images/preloader.mp4" muted autoplay playsinline></video>
    </div>

    <script>
      // Allow animations if JS support is enabled

      document.body.classList.add("-allow-animations");

      // Don't show preloader again if the page was visited

      let preloader = document.querySelector(".preloader");

      let fullPageUrl = window.location.href;
      let visitedPages = window.localStorage.getItem("visited-pages");
      let visitedPagesArr = visitedPages ? visitedPages.split(" ") : "";

      let isPreloaderLoaded = visitedPagesArr.length;

      if (preloader && isPreloaderLoaded) {
        preloader.remove();
      } else if (preloader) {
        preloader.classList.add("-visible");

        window.addEventListener("load", function () {
          window.localStorage.setItem(
            "visited-pages",
            visitedPages + " " + fullPageUrl
          );
        });
      }
    </script>

    <header class="header">
      <div class="container">
        <div class="header-container">
          <a href="/" class="header__logo">
            <img src="images/logo-text.svg" alt="billline.net" />
          </a>

          <div class="header__menu">
            <div
              class="
                localization-dropdown
                --dropdown
                text-2
                --medium-text
                --caps-text
              "
            >
              <div class="--dropdown__value">
                <span
                  class="
                    localization-dropdown__icon
                    --mask-item
                    --gradient-hover
                  "
                  style="
                    -webkit-mask-image: url(images/icons/globe.svg);
                    mask-image: url(images/icons/globe.svg);
                  "
                ></span>
                <p class="--gradient-hover">Укр</p>
                <span
                  class="
                    localization-dropdown__arrow
                    --mask-item
                    --gradient-hover
                  "
                  style="
                    -webkit-mask-image: url(images/icons/caret-down.svg);
                    mask-image: url(images/icons/caret-down.svg);
                  "
                ></span>
              </div>
              <div class="--dropdown__list">
                <a
                  href="#"
                  class="--dropdown__list-item --gradient-hover -active"
                >
                  Укр
                </a>
                <a
                  href="/ru/contacts"
                  class="--dropdown__list-item --gradient-hover"
                >
                  Рус
                </a>
                <a
                  href="/en/contacts"
                  class="--dropdown__list-item --gradient-hover"
                >
                  Eng
                </a>
              </div>
            </div>
            <nav class="header__menu-nav text-2 --medium-text">
              <a class="header__nav --gradient-hover" href="/product">
                Продукт
              </a>
              <a class="header__nav --gradient-hover" href="/connect">
                Підключення
              </a>
              <a class="header__nav --gradient-hover" href="/api"> API </a>
              <a class="header__nav --gradient-hover" href="/about">
                Про компанію
              </a>
              <a class="header__nav --gradient-hover -current" href="/contacts">
                Контакти
              </a>
            </nav>
            <div class="header__button-box">
              <a
                href="https://cabinet.billline.net/login"
                target="_blank"
                class="default-button -small"
              >
                <p data-hover-text="Увійти">Увійти</p>
              </a>
              <a
                href="https://cabinet.billline.net/register"
                target="_blank"
                class="default-button -small -shadow -black"
              >
                <p>Реєстрація</p>
                <span class="default-button__arrow"></span>
              </a>
            </div>
          </div>

          <button
            class="
              header__open-menu-button
              -small
              default-button
              -shadow
              -white
            "
          >
            <div></div>
            <div></div>
            <div></div>
          </button>
        </div>
      </div>
    </header>

    <main>
      <section class="contacts-main-section --margin-bottom-120">
        <div class="container">
          <div class="contacts-main-container --content-container-M">
            <h1 class="contacts-main__title title-1 mob-title-1 --bold-text">
              Давайте будемо на зв’язку
            </h1>
            <p class="contacts-main__text text-1 mob-text-2">
              В нашій команді — професіонали з багаторічним досвідом роботи в
              фінансових продуктах. Ми добре розуміємо потреби партнерів і
              тенденції розвитку індустрії.
            </p>
            <a
              href="mailto:info@billine.net"
              target="_blank"
              class="contacts-main__button default-button -shadow -black"
            >
              <span
                class="default-button__icon --mask-item"
                style="
                  -webkit-mask-image: url(images/icons/envelope.svg);
                  mask-image: url(images/icons/envelope.svg);
                "
              ></span>
              <p>info@billine.net</p>
            </a>
          </div>
        </div>
      </section>

      <article class="contacts-section --margin-top-120 --margin-bottom-120">
        <div class="container">
          <div class="info-card-grid --content-container-M">
            <div class="default-info-card">
              <div class="info-card__icon" style="background-color: #e8ebf8">
                <span
                  class="--mask-item"
                  style="
                    background-color: #8d9adb;
                    -webkit-mask-image: url(images/icons/headset.svg);
                    mask-image: url(images/icons/headset.svg);
                  "
                ></span>
              </div>

              <h4 class="info-card__title title-5 mob-title-5 --bold-text">
                Технічна підтримка
              </h4>

              <div class="info-card__text text-2 mob-text-2">
                <p>
                  Допоможемо з підключенням продукту або вирішимо технічну
                  проблему
                </p>

                <a
                  href="mailto:support@billline.net"
                  target="_blank"
                  class="default-link --gradient-hover"
                >
                  support@billline.net
                </a>

                <a
                  href="https://t.me/TechSupportDepartment"
                  target="_blank"
                  class="default-link --gradient-hover"
                >
                  Telegram
                </a>

                <a
                  href="skype:live:.cid.53e06d1efdd35213"
                  target="_blank"
                  class="default-link --gradient-hover"
                >
                  Skype
                </a>
              </div>
            </div>
            <div class="default-info-card">
              <div class="info-card__icon" style="background-color: #e7f4e1">
                <span
                  class="--mask-item"
                  style="
                    background-color: #7ac668;
                    -webkit-mask-image: url(images/icons/chat-text.svg);
                    mask-image: url(images/icons/chat-text.svg);
                  "
                ></span>
              </div>

              <h4 class="info-card__title title-5 mob-title-5 --bold-text">
                Загальні <br />запити
              </h4>

              <div class="info-card__text text-2 mob-text-2">
                <p>Дамо відповідь на загальні запитання та запити преси</p>

                <a
                  href="mailto:pr@billline.net"
                  target="_blank"
                  class="default-link --gradient-hover"
                >
                  pr@billline.net
                </a>

                <a
                  href="https://t.me/TechSupportDepartment"
                  target="_blank"
                  class="default-link --gradient-hover"
                >
                  Telegram
                </a>

                <a
                  href="skype:live:.cid.53e06d1efdd35213"
                  target="_blank"
                  class="default-link --gradient-hover"
                >
                  Skype
                </a>
              </div>
            </div>
            <div class="default-info-card">
              <div class="info-card__icon" style="background-color: #e8ebf8">
                <span
                  class="--mask-item"
                  style="
                    background-color: #8d9adb;
                    -webkit-mask-image: url(images/icons/headset.svg);
                    mask-image: url(images/icons/headset.svg);
                  "
                ></span>
              </div>

              <h4 class="info-card__title title-5 mob-title-5 --bold-text">
                Відділ продажу і&nbsp;партнерства
              </h4>

              <div class="info-card__text text-2 mob-text-2">
                <p>Обговоримо співпрацю та формати роботи з нами</p>

                <a
                  href="mailto:sales@billline.net"
                  target="_blank"
                  class="default-link --gradient-hover"
                >
                  sales@billline.net
                </a>

                <a
                  href="https://t.me/PartnershipBL"
                  target="_blank"
                  class="default-link --gradient-hover"
                >
                  Telegram
                </a>

                <a
                  href="skype:live:.cid.6f2273fd9a035c85"
                  target="_blank"
                  class="default-link --gradient-hover"
                >
                  Skype
                </a>
              </div>
            </div>
          </div>
        </div>
      </article>

      <script>
        function initMap() {
          // The location of Uluru
          const uluru = { lat: 50.43764221302074, lng: 30.527350955969958 };
          // The map, centered at Uluru
          const map = new google.maps.Map(document.getElementById("map"), {
            zoom: 13,
            center: uluru,
            mapId: "8bb6fb9d0a49c96c",

            zoomControl: false,
            mapTypeControl: false,
            scaleControl: false,
            streetViewControl: false,
            rotateControl: false,
            fullscreenControl: false,
          });
          // The marker, positioned at Uluru

          const image = "images/marker.svg";

          const marker = new google.maps.Marker({
            position: uluru,
            map: map,
            icon: image,
          });

          marker.setMap(map);
        }

        window.initMap = initMap;
      </script>

      <section class="contacts-address-section">
        <div class="container" data-animate="swim-top">
          <div class="info-block -reverse --content-container-M">
            <div class="info-block__text-box">
              <div class="info-block__editor">
                <h2>Наш офіс</h2>
                <p>
                  <strong>Україна, м. Київ</strong> <br />

                  <a
                    href="https://goo.gl/maps/zvNHA4LSazctXRaW7"
                    target="_blank"
                    class="--gradient-hover"
                  >
                    вул.&nbsp;Мечникова, 2, Київ, 02000
                  </a>
                </p>
                <p>
                  <strong>Телефон</strong> <br />

                  <a
                    href="tel:+380443550185"
                    target="_blank"
                    class="--gradient-hover"
                  >
                    +38&nbsp;(044)&nbsp;355&nbsp;01&nbsp;85
                  </a>
                </p>
              </div>
            </div>
            <div class="info-block__image" id="map"></div>
          </div>
        </div>
      </section>
    </main>

    <footer class="footer">
      <div class="container">
        <div class="footer__top">
          <div class="footer__top-left">
            <div class="footer__logo">
              <img
                class="-lazyload"
                srcset="images/lazyload.png"
                src="images/logo.svg"
                alt="billline.net"
              />
            </div>

            <div class="footer__socials">
              <a
                href="https://www.facebook.com/billline.net"
                target="_blank"
                class="default-button -shadow -white -social"
              >
                <span
                  class="default-button__icon --mask-item"
                  style="
                    -webkit-mask-image: url(images/icons/facebook.svg);
                    mask-image: url(images/icons/facebook.svg);
                  "
                ></span>
              </a>
              <a
                href="https://www.instagram.com/bill_line.payments/"
                target="_blank"
                class="default-button -shadow -white -social"
              >
                <span
                  class="default-button__icon --mask-item"
                  style="
                    -webkit-mask-image: url(images/icons/instagram.svg);
                    mask-image: url(images/icons/instagram.svg);
                  "
                ></span>
              </a>
              <a
                href="https://www.linkedin.com/company/billline"
                target="_blank"
                class="default-button -shadow -white -social"
              >
                <span
                  class="default-button__icon --mask-item"
                  style="
                    -webkit-mask-image: url(images/icons/linkedin.svg);
                    mask-image: url(images/icons/linkedin.svg);
                  "
                ></span>
              </a>
            </div>
          </div>

          <div class="footer__top-right text-2 --medium-text">
            <nav class="footer__nav-list">
              <a class="footer__nav --gradient-hover" href="/product">
                Продукт
              </a>
              <a class="footer__nav --gradient-hover" href="/connect">
                Підключення
              </a>
              <a class="footer__nav --gradient-hover" href="/about">
                Про компанію
              </a>
              <a class="footer__nav --gradient-hover" href="/contacts">
                Контакти
              </a>
              <a class="footer__nav --gradient-hover" href="/api"> API </a>
            </nav>

            <nav class="footer__nav-list">
              <a
                class="footer__nav --gradient-hover"
                href="files/Вимоги%20(UA).pdf"
                target="_blank"
              >
                Вимоги
              </a>
              <a
                class="footer__nav --gradient-hover"
                href="files/Політика%20конфіденційності%20%20(UA).pdf"
                target="_blank"
              >
                Полiтика конфiденцiйностi
              </a>
              <a
                class="footer__nav --gradient-hover"
                href="files/Полiтика%20cookie%20%20(UA).pdf"
                target="_blank"
              >
                Полiтика Cookie
              </a>
              <a
                class="footer__nav --gradient-hover"
                href="files/Полiтика%20AML%20(UA).pdf"
                target="_blank"
              >
                Полiтика AML
              </a>
            </nav>
          </div>
        </div>

        <div class="footer__bot">
          <div class="footer__partners">
            <img
              class="-lazyload"
              srcset="images/lazyload.png"
              src="images/partners/pci-dss.svg"
              alt="PCI DSS - billline.net"
            />
            <img
              class="-lazyload"
              srcset="images/lazyload.png"
              src="images/partners/visa.svg"
              alt="VISA - billline.net"
            />
            <img
              class="-lazyload"
              srcset="images/lazyload.png"
              src="images/partners/mastercard.svg"
              alt="Mastercard - billline.net"
            />
          </div>

          <p class="footer__copyright text-2 --medium-text">© bill_line 2022</p>
        </div>
      </div>
    </footer>

    <div class="cookie-block">
      <div class="container">
        <div class="cookie" data-animate="swim-top">
          <p class="text-2 mob-text-2 --white-text">
            Цей сайт використовує файли cookie. Використовуючи наш сайт, ви
            погоджуєтесь з нашою
            <a
              href="files/Полiтика%20cookie%20%20(UA).pdf"
              target="_blank"
              class="default-link"
              >Політикою Cookie</a
            >.
          </p>
          <button
            class="
              cookie__button
              default-button
              -small
              -shadow
              -white
              text-2
              --medium-text
            "
          >
            Приймаю
          </button>
        </div>
      </div>
    </div>

    <script
      async
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBTIGCdcgkM6i5UBQ5qlpqrgey4Zkwma1g&callback=initMap"
    ></script>

    <script src="js/lib/jquery-3.6.0.min.js"></script>
    <script src="js/lib/jquery.cookie.js"></script>
    <script src="js/lib/jquery.inputmask.min.js"></script>

    <script src="js/custom-solutions.js"></script>
    <script src="js/scroll-animation.js"></script>
    <script src="js/form.js"></script>
    <script src="js/script.js"></script>
  </body>
</html>
Path: home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua