<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Document Title -->
    <title>A1 VPN</title>

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



    <!-- CSS Files -->
    <link href="https://fonts.googleapis.com/css?family=Cabin:400,400i,500i,700%7CRoboto:400,500,700" rel="stylesheet">
    <link rel="stylesheet" href="assets/components/home/css/pricing-style.css">
    <link rel="stylesheet" href="assets/components/home/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/components/home/plugins/swiper/swiper.min.css">
    <link rel="stylesheet" href="assets/components/home/plugins/magnific-popup/magnific-popup.min.css">
    <link rel="stylesheet" href="assets/components/home/css/style.css">
    <link rel="stylesheet" href="assets/components/home/css/responsive.css">
    <link rel="stylesheet" href="assets/components/home/css/colors/theme-color-1.css">
    <link rel="stylesheet" href="assets/components/home/css/custom.css">
    
    
</head>

<body>
    <!-- Preloader -->
    <div class="preLoader"></div>

    <!-- Main header -->
    <header class="header">
        <div class="header-top bg-primary" data-animate="fadeInDown" data-delay=".5">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-9">
                        <!-- Header info -->
                        <ul class="header-info list-inline text-white mb-md-0" style="min-height: 40px;"> 
                          

                        </ul>
                    </div>
                    <!--<div class="col-md-3 d-none d-md-block">
                         Header social icons
                        <ul class="social-icons text-right list-inline m-0">
                            <li><a href="https://www.facebook.com/A1Tele" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="https://twitter.com/SKMTelecom" target="_blank"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="https://www.instagram.com/a1call.me/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            <li><a href="https://www.linkedin.com/company/a-1-telecom" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                        </ul>
                    </div> -->
                </div>
            </div>
        </div>

              <div class="main-header">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-2 col-md-3 col-sm-3 col-9">
                        <!-- Logo -->
                        <div class="logo" data-animate="fadeInUp" data-delay=".7">
                            <a href="">
                                <img src="assets/components/home/img/logo.svg" alt="VPN">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-5 col-sm-3 col-3">
                        <nav data-animate="fadeInUp" data-delay=".9">
                            <!-- Header-menu -->
                            <div class="header-menu">
                                <ul>
                                    <li class="active"><a href="">Ваш персональный VPN</a></li>
                                    <li>
                                        <a id="ol" style="cursor: pointer;">Возможности VPN</a>
                                    </li>
                                    <li><a id="al" style="cursor: pointer;">Тарифы</a></li>
                                    <li><a id="el" style="cursor: pointer;">Контакты</a></li>
                                </ul>
                            </div>
                            <!-- End of Header-menu -->
                        </nav>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 d-sm-block">
                        <!-- Client area -->
                        <ul class="client-area text-right list-inline m-0" data-animate="fadeInUp" data-delay="1.1">
                            <li class="dropdown">
                                <a href="" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Мой Аккаунт <i class="fas fa-caret-down"></i></a>
                                <ul class="dropdown-menu dropdown-menu-right client-links " aria-labelledby="dropdownMenuLink">
                                    <li><a href="[[~31]]">Авторизация</a></li>
                                    <li><a href="[[~29]]">Регистрация</a></li>
                                </ul>
                            </li>
                           
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        
        
                <div class="header-top bg-primary" data-animate="fadeInDown" data-delay=".5">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-9">
                        <!-- Header info -->
                        <ul class="header-info list-inline text-white mb-md-0"> 
                            <li>Your IP: [[!+ip]]</li>
                            <li>Your Location  : [[!+strana]], [[!+region]]</li>
                            <li>Browser : <span>[[!browser]]</span></li>
                            <li>Proxy : <span>[[!proxy]]</span></li>
                            <li>Data protection (VPN) : <span> Absent</span></li>
                        </ul>
                    </div>
                    <!--<div class="col-md-3 d-none d-md-block">
                         Header social icons
                        <ul class="social-icons text-right list-inline m-0">
                            <li><a href="https://www.facebook.com/A1Tele" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="https://twitter.com/SKMTelecom" target="_blank"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="https://www.instagram.com/a1call.me/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            <li><a href="https://www.linkedin.com/company/a-1-telecom" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                        </ul>
                    </div> -->
                </div>
            </div>
        </div>
        
    </header>
    <!-- End of Main header -->

    <!-- Banner -->
    <section class="position-relative bg-light pt-4 pb-4" style="background-image: url('assets/components/home/img/home.jpg');background-position: 80% 60%;background-size: cover;">
        <div id="particles_js"></div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-8">
                    <!-- Banner content -->
                    <div class="banner-content">
                        <h1 data-animate="fadeInUp" style="color:#ffffff;" data-delay="1.2">Ваш персональный VPN</h1>
                        <h2 data-animate="fadeInUp" data-delay="1.3" style="color:#ffffff;"><span class="typed"></span></h2>
                        <ul class="list-inline" data-animate="fadeInUp" data-delay="1.4">
                            <li><a id="ul" style="cursor: pointer; color:#ffffff;" class="btn btn-primary">Узнать больше</a></li>
                            <li></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 d-none d-lg-block">
                    <!-- Banner image -->
                    <div class="banner-image" style="min-height: 570px;">
                        <!--<img src="assets/components/home/img/slide.png" alt="" data-animate="fadeInUp" data-delay="1.5" data-depth="0.2">-->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Banner -->

    <!-- Features -->
    <section class="pt-7 pb-5-5 screentwo">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="single-feature text-center" data-animate="fadeInUp" data-delay=".1">
                        <img src="assets/components/home/img/icons/vpn.svg" alt="" alt="" data-no-retina class="svg">
                        <h3>Высокая скорость работы через VPN</h3>
                        <p>На наших серверах используется самый скоростной VPN протокол из существующих в мире – WireGuard.</p>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="single-feature text-center" data-animate="fadeInUp" data-delay=".5">
                        <img src="assets/components/home/img/icons/enterprise.svg" data-no-retina class="svg" alt="">
                        <h3 style="margin-bottom: 0.6em;">Гарантия конфиденциальности и контроль персонала</h3>
                        <p>Просмотр логов будет доступен Только Вам в личном кабинете защищенным двухфакторной идентификацией.</p>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="single-feature text-center" data-animate="fadeInUp" data-delay=".3">
                        <img src="assets/components/home/img/icons/general-query.svg" data-no-retina class="svg" alt="">
                        <h3>Живая техническая поддержка</h3>
                        <p>Никаких тикетов на почту! Звоните или пишите в мессенджер – мы живые люди и работаем для Вас круглосуточно.</p>
                    </div>
                </div>


            </div>
        </div>
    </section>
    <!-- End of Features -->

    <!-- Our services -->
    <section>
        <div class="services-title position-relative pt-7 vpn" data-bg-img="assets/components/home/img/buildings.jpg">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-6 col-lg-8">
                        <!-- Section title -->
                        <div class="section-title text-center">
                            <h2 class="text-white" data-animate="fadeInUp" data-delay=".1">Возможности Услуги VPN</h2>
                            <p class="text-white" data-animate="fadeInUp" data-delay=".3">Высокая скорость работы в сети, стабильность работы.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="services-wrap bg-white position-relative pt-5 pb-5">
            <div class="container">
                <!-- All services -->
                <div class="row" style="justify-content: center;">
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-service" data-animate="fadeInUp" data-delay=".05">
                            <img src="assets/components/home/img/icons/security.svg" alt="" alt="" data-no-retina class="svg">
                            <h4>Защита ваших данных</h4>
                            <span>Используем современную криптографию: Noise protocol framework, Curve25519, ChaCha20, Poly1305, BLAKE2, SipHash24, HKDF , 256-битное шифрование Advanced Encryption Standard (AES).</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-service" data-animate="fadeInUp" data-delay=".1">
                            <img src="assets/components/home/img/icons/speed.svg" alt="" alt="" data-no-retina class="svg">
                            <h4>Новейший протокол VPN</h4>
                            <span>WireGuard – последняя независимая разработка в сфере VPN протоколов.</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-service" data-animate="fadeInUp" data-delay=".15">
                            <img src="assets/components/home/img/icons/device.svg" alt="" alt="" data-no-retina class="svg">
                            <h4>Мультиплатформенный VPN</h4>
                            <span>Windows (7, 8.1, 10, 11), macOS, Android, iOS, Linux, Роутер – компьютеры, ноутбуки, планшеты, телефоны и роутеры.</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-service" data-animate="fadeInUp" data-delay=".2">
                            <img src="assets/components/home/img/icons/network.svg" alt="" alt="" data-no-retina class="svg">
                            <h4>Безопасность в общественных сетях</h4>
                            <span>Возможность полностью безопасно работать через точки общественного доступа к сети.</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-service" data-animate="fadeInUp" data-delay=".3">
                            <img src="assets/components/home/img/icons/settings.svg" alt="" alt="" data-no-retina class="svg">
                            <h4>Удобство подключения</h4>
                            <span>Простое и легкое подключение.</span>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-service" data-animate="fadeInUp" data-delay=".35">
                            <img src="assets/components/home/img/icons/bandwidth.svg" alt="" alt="" data-no-retina class="svg">
                            <h4>Сервера</h4>
                            <span>Сервис предоставляется на базе современных серверов со скоростью подключения к сети до 10 Гбит/сек.</span>
                        </div>
                    </div>
                </div>

                <!-- Service contact info -->
                <div class="roboto text-center font-weight-medium" data-animate="fadeInUp" data-delay=".65">
                    <p>Если у вас остались какие-либо вопросы напишите нам <a>"телеграмм"</a></p>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Our services -->

    <!-- Pricing plans -->
    <section class="pricing-plans pt-7 pb-7 tarif">
        <div class="container">
            <div class="row" style="justify-content: center;">
                <div class="col-lg-5">
                    <!-- Section title -->
                    <div class="section-title" style="text-align: center;">
                        <h2 data-animate="fadeInUp" data-delay=".1">Тарифы</h2>
                        <p data-animate="fadeInUp" data-delay=".3">Выберите для себя оптимальный тарифный план:</p>
                    </div>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="pricing-2">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <div class="block block-pricing block-plain">
                            <div class="table">
                                <h6 class="category"><span class="mobile-display">Параметры</span>&nbsp;</h6>
                                <h1 class="block-caption first">&nbsp;</h1>
                                <ul style="margin-top: 24px;">
                                    <li>Протоколы</li>
                                    <li>Скорость</li>
                                    <li>Мультиплатформенность</li>
                                    <li>Отсутствие логов</li>
                                    <li>IP-адрес</li>
                                    <li>double-triple-VPN</li>
                                    <li>Подписка</li>
                                    <li>Стоимость</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="block block-pricing block-raised">
                            <div class="table table-info">
                                <h6 class="category">Базовый</h6>
                                <h1 class="block-caption"><small>$</small>20<small>/мес</small></h1>
                                <ul>
                                    <li>WireGuard</li>
                                    <li>До 10 мбит/сек</li>
                                    <li>да</li>
                                    <li>да</li>
                                    <li>динамический</li>
                                    <li>нет</li>
                                    <li>Месяц</li>
                                    <li>20 $/мес</li>
                                </ul> <a href="[[~31]]" class="btn btn-white btn-raise btn-round">Купить</a> </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="block block-pricing block-plain">
                            <div class="table">
                                <h6 class="category">Премиум</h6>
                                <h1 class="block-caption"><small>$</small>35<small>мес</small></h1>
                                <ul>
                                    <li>WireGuard, OpenVPN</li>
                                    <li>До 100 мбит/сек</li>
                                    <li>да</li>
                                    <li>да</li>
                                    <li>динамический /статический</li>
                                    <li>нет</li>
                                    <li>Месяц/Год</li>
                                    <li>35 $/мес / 399 $/год</li>
                                </ul> <a href="[[~31]]" class="btn btn-info btn-round">Купить</a> </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="block block-pricing block-plain">
                            <div class="table">
                                <h6 class="category">Премиум+</h6>
                                <h1 class="block-caption"><small style="line-height: 2.6em;">По запросу</small></h1>
                                <ul>
                                    <li>WireGuard, OpenVPN, SSTP</li>
                                    <li>До 10 гбит\сек</li>
                                    <li>да</li>
                                    <li>По запросу</li>
                                    <li>Индивидуальный</li>
                                    <li>Да</li>
                                    <li>По запросу</li>
                                    <li>По запросу</li>
                                </ul> <a href="[[~31]]" class="btn btn-info btn-round">Купить</a> </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
                    <!-- Pricing slider -->
                    <!--<div class="pricing-slides text-center">
                        <div class="swiper-container pricing-slider">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide single-pricing-slide">
                                    <div class="single-pricing-plan" style="max-height:460px;">
                                        <img src="assets/components/home/img/icons/startup.svg" alt="" alt="" data-no-retina class="svg">
                                        <h4>Стартовый</h4>
                                        <span class="time roboto" style="margin-bottom: 3.2rem;">План на один Месяц</span>
                                        <strong class="roboto">$40 <sub>/mec.</sub></strong>
                                        <p>14-дневная гарантия возврата денег.</p>
                                        <a onclick="showNextelButton()" style="cursor: pointer;color:#ffffff;" class="btn btn-primary">«Оставить заявку»</a>
                                    </div>
                                </div>
                                
                                <div class="swiper-slide single-pricing-slide">
                                    <div class="single-pricing-plan" style="max-height:460px;">
                                        <img src="assets/components/home/img/icons/bandwidth.svg" alt="" alt="" data-no-retina class="svg">
                                        <h4>Стандарт</h4>
                                        <span class="time roboto" >План на один ГОД<br>«1 месяц экономии»</span>
                                        <strong class="roboto">$440 <sub>/год.</sub></strong>
                                        <p>14-дневная гарантия возврата денег.</p>
                                        <p></p>
                                        <a onclick="showNextelButton()" style="cursor: pointer;color:#ffffff;" class="btn btn-primary">«Оставить заявку»</a>
                                    </div>
                                </div>
                                
                                <div class="swiper-slide single-pricing-slide">
                                    <div class="single-pricing-plan" style="max-height:460px;">
                                        <img src="assets/components/home/img/icons/enterprise.svg" alt="" alt="" data-no-retina class="svg">
                                        <h4>Индивидуальный</h4>
                                        <span class="time roboto" >План на один ГОД</span>
                                        <strong class="roboto"><sub>стоимость по запросу</sub></strong>
                                        <p>Возможности: double-triple-VPN, сервер в любой стране, любое кол-во статик IP адресов и т.д.</p>
                                        <a onclick="showNextelButton()" style="cursor: pointer;color:#ffffff;" class="btn btn-primary">«Оставить заявку»</a>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="swiper-pagination pricing-pagination position-static"></div>
                    </div>-->
                    <!-- End of Pricing slider -->
                </div>
            </div>
        </div>
    </section>
    <!-- End of Pricing plans -->

    <!-- Reviews 
    <section class="pt-7 pb-7 bg-light">
        <div class="container">
            <div class="section-title text-center">
                <h2 data-animate="fadeInUp" data-delay=".1">Что говорят клиенты о компании А1 Телеком</h2>
            </div>
            <div class="swiper-container review-slider">
                <div class="swiper-wrapper">
                    <div class="swiper-slide single-review-slide">
                        <h4>Игорь Долженков
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </h4>
                        <span>Колл Центр Кампана, Украина</span>
                        <p>Качество на высоком уровне. Менеджерский и технический состав компании охотно идёт на контакт, быстро решаются любые вопросы. Всё подключается и масштабируется быстро и недорого. В общем можем советовать всем оператора A1Telecom.</p>
                    </div>
                    
                    <div class="swiper-slide single-review-slide">
                        <h4>Ольга Карпенко
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </h4>
                        <span>Колл Центр Dott Pro, Украина</span>
                        <p>Наш колл центр работает круглосуточно, поэтому очень важно, чтобы саппорт был всегда на связи, и вечером и на выходных. У данного оператора на это можно рассчитывать. Работать приятно, охотно идут навстречу, в том числе и в финансовых вопросах. Смело рекомендуем оператора A1Telecom нашим партнёрам и коллегам.</p>
                    </div>
                    
                    <div class="swiper-slide single-review-slide">
                        <h4>Игорь Чупыра
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </h4>
                        <span>Маркетинговая платформа LEELOO.AI, Украина</span>
                        <p>Нашей компании важна качественная и надёжная связь. Уже длительное время являемся клиентом оператора A1Telecom и на это есть веские причины. Лояльность и гибкость в финансовом плане. Оперативность реагирования технической поддержки. Удобство способов оплаты. С уверенностью могу назвать оператора клиентоориентированым.</p>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>-->
    <!-- End of Reviews -->

<section class="pt-7 pb-7">
   <div class="container">
      <div class="row align-items-top">
          <div class="col-lg-12 col-md-12">
          <h2 style="text-align: center;" data-animate="fadeInUp" data-delay=".1" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.1s;">Скачайте приложения для Ваших устройств</h2>
                   </div>
         <div class="col-lg-6 col-md-6" style="margin-top: 5vh;">
             
            <div class="app-info">
               <p data-animate="fadeInUp" data-delay=".3" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.3s;margin-left: 12vw;">Для телефонов и планшетов</p>
               <ul class="apps-list list-inline" style="margin-left: 8vw;">
                  <li data-animate="fadeInUp" data-delay=".5" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.5s;"><a target="_blank" href="https://play.google.com/store/apps/details?id=com.wireguard.android"><img src="assets/components/home/img/play-store.png" alt=""></a></li>
                  <li data-animate="fadeInUp" data-delay=".6" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.6s;"><a target="_blank" href="https://itunes.apple.com/us/app/wireguard/id1441195209?ls=1&mt=8"><img src="assets/components/home/img/app-store.png" alt=""></a></li>
               </ul>
            </div>
            <!--<div class="app-info">
             <p data-animate="fadeInUp" data-delay=".3" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.3s;text-align: center;">Для роутеров</p>
             <div class="text-center animated fadeInUp" data-animate="fadeInUp" data-delay=".1" style="animation-duration: 0.6s; animation-delay: 0.1s;"><a href="#"style="display: flex;justify-content: center;"><img src="assets/components/home/img/router.png" style="height: 55px;" alt=""><p data-animate="fadeInUp" data-delay=".3" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.3s;margin: 15px;">Скачать клиент для роутеров</p></a></div>
             </div>-->
         </div>
         <div class="col-lg-6 col-md-6" style="margin-top: 5vh;">
             <div class="app-info">
             <p data-animate="fadeInUp" data-delay=".3" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.3s;margin-left: 12vw;text-align: left;">Для компьютеров и ноутбуков</p>
            <div class="text-center animated fadeInUp" data-animate="fadeInUp" data-delay=".1" style="animation-duration: 0.6s; animation-delay: 0.1s;"><a href="https://vpn.a1call.me/windows-client/wireguard-installer.exe" id="download-windows" target="_blank" style="display: flex;justify-content: center;"><img src="assets/components/home/img/windows.png" style="height: 55px;" alt=""><p data-animate="fadeInUp" data-delay=".3" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.3s;margin: 15px;min-width: 18vw;text-align: left;">Скачать клиент для Windows</p></a><br><br/><a href="https://apps.apple.com/us/app/wireguard/id1451685025" target="_blank" style="display: flex;justify-content: center;"><img src="assets/components/home/img/macosx.png" style="height: 60px;" alt=""><p data-animate="fadeInUp" data-delay=".3" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.3s;margin: 15px;min-width: 18vw;text-align: left;">Скачать клиент для MacOS</p></a><br><br/><a href="https://www.wireguard.com/install/#ubuntu-module-tools" target="_blank" style="display: flex;justify-content: center;"><img src="assets/components/home/img/linux.png" style="height: 55px;" alt=""><p data-animate="fadeInUp" data-delay=".3" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.3s;margin: 15px;min-width: 18vw;text-align: left;">Скачать клиент для Linux</p></a></div>
          </div>
         </div>
      </div>
   </div>
</section>

    <!-- Contact page content 
    <section class="pt-7 pb-7 conts" >
        <div class="container">
            <div class="row align-items-lg-end">
                <div class="col-lg-8 col-md-7">
                    <div class="section-title">
                        <h2 data-animate="fadeInUp" data-delay=".1">Select your queries & write to our experts.</h2>
                        <p data-animate="fadeInUp" data-delay=".2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consectetur numquam.</p>
                    </div>
                    <div class="queries-wrap">
                        <div class="row">
                            <div class="col-lg-6 col-md-12">
                                <div class="single-query d-flex align-items-center" data-animate="fadeInUp" data-delay=".05">
                                    <div class="query-icon">
                                        <img src="assets/components/home/img/icons/general-query.svg" alt="" alt="" data-no-retina class="svg">
                                    </div>
                                    <div class="query-info">
                                        <h4>Basic or General Queries</h4>
                                        <span>At vero eos et accusamus et iusto oissimos bland very voluptatum.</span>
                                        <a href="mailto:general@example.com">general@example.com</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <div class="single-query d-flex align-items-center" data-animate="fadeInUp" data-delay=".15">
                                    <div class="query-icon">
                                        <img src="assets/components/home/img/icons/support-query.svg" alt="" alt="" data-no-retina class="svg">
                                    </div>
                                    <div class="query-info">
                                        <h4>Techninal Support Queries</h4>
                                        <span>At vero eos et accusamus et iusto oissimos bland very voluptatum.</span>
                                        <a href="mailto:technical@example.com">technical@example.com</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <div class="single-query d-flex align-items-center" data-animate="fadeInUp" data-delay=".25">
                                    <div class="query-icon">
                                        <img src="assets/components/home/img/icons/a-query.svg" alt="" alt="" data-no-retina class="svg">
                                    </div>
                                    <div class="query-info">
                                        <h4>Advertisement Queries</h4>
                                        <span>At vero eos et accusamus et iusto oissimos bland very voluptatum.</span>
                                        <a href="mailto:adv@example.com">adv@example.com</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <div class="single-query d-flex align-items-center" data-animate="fadeInUp" data-delay=".35">
                                    <div class="query-icon">
                                        <img src="assets/components/home/img/icons/business-query.svg" alt="" alt="" data-no-retina class="svg">
                                    </div>
                                    <div class="query-info">
                                        <h4>Business Development Queries</h4>
                                        <span>At vero eos et accusamus et iusto oissimos bland very voluptatum.</span>
                                        <a href="mailto:business@example.com">business@example.com</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <div class="single-query d-flex align-items-center" data-animate="fadeInUp" data-delay=".45">
                                    <div class="query-icon">
                                        <img src="assets/components/home/img/icons/affiliate-query.svg" alt="" alt="" data-no-retina class="svg">
                                    </div>
                                    <div class="query-info">
                                        <h4>Affiliate Program Queries</h4>
                                        <span>At vero eos et accusamus et iusto oissimos bland very voluptatum.</span>
                                        <a href="mailto:affiliate@example.com">affiliate@example.com</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-12">
                                <div class="single-query d-flex align-items-center" data-animate="fadeInUp" data-delay=".55">
                                    <div class="query-icon">
                                        <img src="assets/components/home/img/icons/press-query.svg" alt="" alt="" data-no-retina class="svg">
                                    </div>
                                    <div class="query-info">
                                        <h4>Press Area Queries</h4>
                                        <span>At vero eos et accusamus et iusto oissimos bland very voluptatum.</span>
                                        <a href="mailto:press@example.com">press@example.com</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-5">
                    <div class="contact-form-wrap">
                        <div class="text-center">
                            <h2 data-animate="fadeInUp" data-delay=".1">Contact Form</h2>
                            <p data-animate="fadeInUp" data-delay=".2">Fill up the form. Your e-mail will not be published. Required fields are marked by <span class="text-danger font-weight-bold">*</span></p>
                        </div>
                        <form class="contact-form" action="sendmail.php" method="post">
                            <div class="position-relative" data-animate="fadeInUp" data-delay=".3">
                                <input type="text" name="name" placeholder="Name*" required class="form-control">
                            </div>
                            <div class="position-relative" data-animate="fadeInUp" data-delay=".4">
                                <input type="email" name="email" placeholder="E-mail*" required class="form-control">
                            </div>
                            <div class="position-relative" data-animate="fadeInUp" data-delay=".5">
                                <input type="text" name="telephone" placeholder="Telephone*" data-parsley-pattern="^[\d\+\-\.\(\)\/\s]*$" data-parsley-minlength="10" data-parsley-minlength-message="Minimum 10 characters." required class="form-control">
                            </div>
                            <div class="position-relative" data-animate="fadeInUp" data-delay=".6">
                                <input type="url" name="website" placeholder="Website" class="form-control">
                            </div>
                            <div class="position-relative" data-animate="fadeInUp" data-delay=".7">
                                <textarea name="message" placeholder="Write message*" required class="form-control"></textarea>
                            </div>
                            <button class="btn btn-primary btn-square btn-block" data-animate="fadeInUp" data-delay=".8">Send message</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    End of Contact page content -->

    <!-- Servers -->
    <section class="servers pt-7 bg-light">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-5">
                    <div class="section-title">
                        <h2 data-animate="fadeInUp" data-delay=".1">Сервера в 6-ти Странах уже развернуты!</h2>
                        <p data-animate="fadeInUp" data-delay=".2">И Любое количество серверов в Любых странах мира – развернем по запросу для тарифа Экслюзивный.</p>
                    </div>
                    <ul class="data-centers list-unstyled list-item clearfix">
                        <li data-animate="fadeInUp" data-delay=".1"><i class="fas fa-caret-right"></i>Голландия</li>
                        <li data-animate="fadeInUp" data-delay=".2"><i class="fas fa-caret-right"></i>Греция</li>
                        <li data-animate="fadeInUp" data-delay=".4"><i class="fas fa-caret-right"></i>Англия</li>
                        <li data-animate="fadeInUp" data-delay=".1"><i class="fas fa-caret-right"></i>Австралия</li>
                        <li data-animate="fadeInUp" data-delay=".2"><i class="fas fa-caret-right"></i>Украина</li>
                        <li data-animate="fadeInUp" data-delay=".4"><i class="fas fa-caret-right"></i>Финлядия</li>
                    </ul>
                    <p data-animate="fadeInUp" data-delay=".2">Сеть постоянно расширяется.</p>
                </div>
                <div class="col-xl-8 col-lg-7 d-none d-lg-block">
                    <div class="server-map">
                        <img src="assets/components/home/img/servers.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Servers -->

    <!-- Footer -->
    <footer class="main-footer bg-primary pt-4">
        <div class="container">
            <div class="row pb-3">
                <!-- Footer info -->
               <!-- <div class="col-md-6">
                    <div class="footer-info">
                        <h3 class="text-white" data-animate="fadeInUp" data-delay="0">О нас</h3>
                        <p data-animate="fadeInUp" data-delay=".05">A1 Телеком — это команда профессиональных телефонистов, инженеров связи и программистов, объединившая на своей платформе все инструменты для обеспечения качественной инфраструктурой связи любые сферы бизнеса.</p>
                    </div>
                </div> -->
                <!-- End of Footer info -->

                <!-- Footer posts -->
                <!--<div class="col-md-4">
                    <div class="footer-posts">
                        <h3 class="text-white" data-animate="fadeInUp" data-delay=".5">Latest News/Blogs</h3>
                        <div class="single-footer-post clearfix" data-animate="fadeInUp" data-delay=".55">
                            <a href="#" class="float-left">
                                <img src="assets/components/home/img/posts/post-t.png" alt="">
                            </a>
                            <span>Posted on <a href="#">Jan 19, 2017</a></span>
                            <h4 class="cabin font-weight-normal"><a href="#">In major hiring push web hosting</a></h4>
                            <p>Expand its civil service aviations web hosting powerhouse go daddy.</p>
                        </div>

                        <div class="single-footer-post clearfix" data-animate="fadeInUp" data-delay=".6">
                            <a href="#" class="float-left">
                                <img src="assets/components/home/img/posts/post-t2.png" alt="">
                            </a>
                            <span>Posted on <a href="#">Jan 19, 2017</a></span>
                            <h4 class="cabin font-weight-normal"><a href="#">Lorem ipsum dolor sit consectetur.</a></h4>
                            <p>Expand its civil service aviations web hosting powerhouse go daddy.</p>
                        </div>
                        <a href="blog.html" class="roboto text-uppercase" data-animate="fadeInUp" data-delay=".65">View All Blog Posts <i class="fas fa-caret-right"></i></a>
                    </div>
                </div>-->
                <!-- End of Footer posts -->
                
                <!-- Footer newsletter -->
                <div class="col-md-12">
                    <div class="footer-newsletter">
                        
<ul class="footer-contacts list-unstyled row">
    <h3 class="col-md-3 text-white" data-animate="fadeInUp" data-delay=".65">Контакты</h3>
                            <li class="col-md-3"  data-animate="fadeInUp" data-delay=".1">
                                <i class="fas fa-phone"></i>
                                <a href="tel:+380442997060">+380(44) 299-70-60</a>, 
                                <a href="tel:+380930021133">+380(93) 002-11-33</a>
                            </li>
                            <li class="col-md-3" data-animate="fadeInUp" data-delay=".15">
                                <i class="fas fa-envelope"></i>
                                <a href="mailto:info.VPN@yourmail.com">info.VPN@yourmail.com</a>
                            </li>
                            <li class="col-md-3" data-animate="fadeInUp" data-delay=".15">
                                <i class="fab fa-telegram"></i>
                                <a href="tg://resolve?domain=@Danila_One">a1call.me</a>
                            </li>
                            <!--<li data-animate="fadeInUp" data-delay=".2">
                                <i class="fas fa-map-marker-alt"></i>
                                <span>4749 West Street, Stadium Para, Maijdee Court, Noakhali-3800, Bangladesh</span>
                            </li>-->
                        </ul>
                    </div>
                </div>
                <!-- End of Footer newsletter -->
            </div>
            
            <div class="bottom-footer">
                <div class="row" style="justify-content: right;">
                    <!-- Copyright 
                    <div class="col-md-5 order-last order-md-first">
                        <p class="copyright" data-animate="fadeInDown" data-delay=".85">&copy; ООО «<a href="https://a1call.me">A1 Телеком</a>», <script type="text/javascript">var mdate = new Date(); document.write(mdate.getFullYear());</script></p>
                    </div>-->

                    <!-- Footer menu -->
                    <div class="col-md-7 order-first order-md-last">
                        <ul class="footer-menu list-inline text-md-right mb-md-0" data-animate="fadeInDown" data-delay=".95">
                            <li><a href="https://a1call.me/ru/privacy-policy">Политика конфиденциальности</a></li>
                           <!--  <li>|</li>
                            <li><a href="https://www.facebook.com/A1Tele" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="https://twitter.com/SKMTelecom" target="_blank"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="https://www.instagram.com/a1call.me/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                            <li><a href="https://www.linkedin.com/company/a-1-telecom" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>-->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- End of Footer -->

    <!-- Back to top -->
    <div class="back-to-top">
        <a href="#"> <i class="fas fa-arrow-up"></i></a>
    </div>

    <!-- JS Files -->
    <script src="assets/components/home/js/jquery-3.2.1.min.js"></script>
    <script src="assets/components/home/js/fontawesome-all.min.js"></script>
    <script src="assets/components/home/js/bootstrap.bundle.min.js"></script>
    <script src="assets/components/home/plugins/typed.js/typed.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/shortcuts/sticky.min.js"></script>
    <script src="assets/components/home/plugins/swiper/swiper.min.js"></script>
    <script src="assets/components/home/plugins/particles.js/particles.min.js"></script>
    <script src="assets/components/home/plugins/particles.js/particles.settings.js"></script>
    <script src="assets/components/home/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/components/home/plugins/parsley/parsley.min.js"></script>
    <script src="assets/components/home/plugins/parallax/parallax.min.js"></script>
    <script src="assets/components/home/plugins/retinajs/retina.min.js"></script>
    <script src="assets/components/home/js/menu.min.js"></script>
    <script src="assets/components/home/js/scripts.js"></script>
    <script src="assets/components/home/js/custom.js"></script>
    <script async src="https://cstat.nextel.com.ua:8443/tracking/script/845/423"></script>
     <script src=
"https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js">
   </script>
   
[[!ajaxDownload]]
<script>
$(document).on('click','#download-windows',function(e){
    e.preventDefault();
	$.post(document.location.href, {
      action: 'download',
      dataType: 'json',
    }, function(data) {
        let obj = $.parseJSON(data)
        console.log(obj);
        download(obj.message)
    })
    function download(url) {
                  axios({
                        url: url,
                        method: 'GET',
                        responseType: 'blob'
                  })
                        .then((response) => {
                              const url = window.URL
                                    .createObjectURL(new Blob([response.data]));
                              const link = document.createElement('a');
                              link.href = url;
                              link.setAttribute('download', 'wireguard-installer.exe');
                              document.body.appendChild(link);
                              link.click();
                              document.body.removeChild(link);
                        })
    }
     
        return false;
});
$("#el").click(function() { // ID откуда кливаем
    $('html, body').animate({
        scrollTop: $(".main-footer").offset().top  // класс объекта к которому приезжаем
    }, 1000); // Скорость прокрутки
});
$("#ul").click(function() { // ID откуда кливаем
    $('html, body').animate({
        scrollTop: $(".screentwo").offset().top  // класс объекта к которому приезжаем
    }, 1000); // Скорость прокрутки
});
$("#al").click(function() { // ID откуда кливаем
    $('html, body').animate({
        scrollTop: $(".tarif").offset().top  // класс объекта к которому приезжаем
    }, 1000); // Скорость прокрутки
});
$("#ol").click(function() { // ID откуда кливаем
    $('html, body').animate({
        scrollTop: $(".vpn").offset().top  // класс объекта к которому приезжаем
    }, 1000); // Скорость прокрутки
});
</script>
</body>
</html>