Index.html

<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="ru">
<!--<![endif]-->

<head>
    <title></title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    <link rel="shortcut icon" href="icon.ico">

    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet'
        type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <!-- Global CSS -->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">

    <!-- github calendar css -->
    <!-- <link rel="stylesheet" href="assets/plugins/github-calendar/dist/github-calendar.css"
/> -->
    <!-- github acitivity css -->
    <link rel="stylesheet" href="assets/plugins/github-activity/src/github-activity.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">

    <!-- Theme CSS -->
    <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
    <link id="theme-style" rel="stylesheet" href="assets/css/jquery.paginate.css">
    <link id="theme-style" rel="stylesheet" href="assets/css/chief-slider.min.css">
    <link id="theme-style" rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- ******HEADER****** -->
    <header class="header">
        <div class="container">
            <img class="profile-image img-responsive pull-left" src="assets/images/profile.jpg" alt="Tatarnykov Andrey"
                style="width:200px; height:200px" />
            <div class="profile-content pull-left">
                <h1 class="name">Татарников Андрей</h1>
                <h2 class="desc">PHP Backend/CMS Developer</h2>
                <ul class="social list-inline">
                    <li><a href="https://www.instagram.com/it_khishchnik/"><i class="fa fa-instagram"></i></a></li>
                    <li><a href="https://www.youtube.com/channel/UCGSetX84b8DJsJhxa5vdphw"><i
                                class="fa fa-youtube"></i></a></li>
                    <li><a
                            href="https://www.linkedin.com/in/%D0%B0%D0%BD%D0%B4%D1%80%D1%96%D0%B9-%D1%82%D0%B0%D1%82%D0%B0%D1%80%D0%BD%D0%B8%D0%BA%D0%BE%D0%B2-b9a363206/">
                            <i class="fa fa-linkedin"></i>
                        </a>
                    </li>
                    <li><a href="https://github.com/Prroffessorr"><i class="fa fa-github"></i></a></li>
                    <li><a href="https://gist.github.com/Prroffessorr"><i class="fa fa-github-alt"></i></a></li>
                    <li class="last-item"><a href="https://coderwall.com/Mad%20Scientist"><i class="fa fa-code"></i></a>
                    </li>
                    <li class="last-item"><a href="https://www.behance.net/madscientist4"><i
                                class="fa fa-behance"></i></a></li>
                    <li class="last-item"><a href="https://pin.it/4llusqe"><i class="fa fa-pinterest-p"></i></a></li>

                </ul>
            </div>
            <!--//profile-->
            <a hidden href="https://iplogger.com" target="_blank"><img src="https://iplogger.org/1wzXc7.gif"></a>
            <select style="margin-left:5%;" class="btn btn-cta-primary pull-right select-country"
                placeholder="Выберите язык" id="options">
                <!-- <option value="profile">Ru</option>
                <option value="word">En</option>
                <option value="hashtag">De</option>  -->
            </select>

            <a class="pulse-button btn btn-cta-primary pull-right" href="https://t.me/tatarnykov_agency_bot" target="_blank"><i
                    class="fa fa-paper-plane"></i>Связаться со мной</a>
        </div>
        <!--//container-->
    </header>
    <!--//header-->

    <div class="container sections-wrapper">
        <div class="row">
            <div class="primary col-md-8 col-sm-12 col-xs-12">
                <section class="about section">
                    <div class="section-inner">
                        <h2 class="heading">Обо мне</h2>
                        <div class="content">
                            <p>
                                Добрый день, меня зовут Татарников Андрей, я являюсь PHP/CMS/Framework Backend
                                разработчиком с более чем 2-х летним опытом разработки.
                                Занимаюсь созданием сайтов на основе WordPress, OpenCart и других CMS.
                                Добавляю нужный функционал в уже существующие проекты (оптимизация работы сайта,
                                изменение и кастомизация существующего функционала, настройка и установка базового SEO)
                                Более подробно с моими работами вы можете ознакомиться в разделе <a href="#latest">"Мои
                                    проекты"</a>.
                                Также я работаю с Photoshop, Adobe Illustrator, HTML5, CSS3, JS тд.
                            </p>

                            <p>
                                Имею большой опыт в разработке уникальных компонентов для сайта.
                                А именно: функционала с нуля, усовершенствование и оптимизация уже готовых решений,
                                разработка отдельных функциональных модулей и плагинов.
                                Сроки выполнения зависят напрямую от сложности проекта. Landing page (одностраничник)
                                разработаю за время от 8 часов. Многостраничный сайт, блог, интернет магазин: 1-3
                                недели.
                                При необходимости окажу полную поддержку и помощь по выбору домена и размещению на
                                указанном Вами хостинге, обучу Вас владением вашего ресурса.
                                Также возможно мое личное администрирование (по договоренности).
                            </p>

                            <p>
                                Являюсь активным участником научных конференций и практических презентаций.
                                Более детально со списком пройдённых мною курсов вы можете ознакомиться в разделе <a
                                    href="#conferences">"Курсы и сертификаты"</a>
                            </p>

                            <p>
                                При разработке использую: FrontEnd(HTML, JS, CSS, jQuery, Bootstrap), Backend(PHP,
                                WordPress, OpenCart, Laravel, MySQL, NoSQL, SQLite), GIT, AJAX.
                            </p>
                            
                            <br>
                            <a 
                                style="width: 100%;" class="btn btn-cta-secondary" 
                                href="assets\files\CV.pdf" target="_blank">
                                Скачать мое резюме
                            </a>
                            
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </section>
                <!--//section-->

                <section id="latest" class="latest section">
                    <div class="section-inner">
                        <h2 class="heading">Мои проекты</h2>
                        <div class="content">

                            <div class="item featured text-center">
                                <h3 class="title"><a href="https://schooleducation.online/" target="_blank">
                                        Первая лицензированная гимназия в онлайн-формате</a>
                                </h3>
                                <p class="summary">Полнофункциональный сайт для онлайн гимназии</p>

                                <div class="slider">
                                    <div class="slider__container">
                                        <div class="slider__wrapper">
                                            <div class="slider__items">

                                                <div class="slider__item">
                                                    <!-- Контент 1 слайда -->
                                                    <div class="featured-image">
                                                        <a href="assets/images/projects/gimnazium/gimnazium.png"
                                                            data-fancybox="gallery">
                                                            <img class="img-responsive project-image"
                                                                src="assets/images/projects/gimnazium/gimnazium.png"
                                                                alt="project name" />
                                                        </a>
                                                        <div class="ribbon">
                                                            <div class="text">Новинка</div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="slider__item">
                                                    <!-- Контент 2 слайда -->
                                                    <div class="featured-image">
                                                        <a href="assets/images/projects/gimnazium/gimnazium-2.png"
                                                            data-fancybox="gallery">
                                                            <img class="img-responsive project-image"
                                                                src="assets/images/projects/gimnazium/gimnazium-2.png"
                                                                alt="project name" />
                                                        </a>
                                                        <div class="ribbon">
                                                            <div class="text">Новинка</div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="slider__item">
                                                    <!-- Контент 3 слайда -->
                                                    <div class="featured-image">
                                                        <a href="assets/images/projects/gimnazium/gimnazium-3.png"
                                                            data-fancybox="gallery">
                                                            <img class="img-responsive project-image"
                                                                src="assets/images/projects/gimnazium/gimnazium-3.png"
                                                                alt="project name" />
                                                        </a>
                                                        <div class="ribbon">
                                                            <div class="text">Новинка</div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="slider__item">
                                                    <!-- Контент 4 слайда -->
                                                    <div class="featured-image">
                                                        <a href="assets/images/projects/gimnazium/gimnazium-4.png"
                                                            data-fancybox="gallery">
                                                            <img class="img-responsive project-image"
                                                                src="assets/images/projects/gimnazium/gimnazium-4.png"
                                                                alt="project name" />
                                                        </a>
                                                        <div class="ribbon">
                                                            <div class="text">Новинка</div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="slider__item">
                                                    <!-- Контент 5 слайда -->
                                                    <div class="featured-image">
                                                        <a href="assets/images/projects/gimnazium/gimnazium-5.png"
                                                            data-fancybox="gallery">
                                                            <img class="img-responsive project-image"
                                                                src="assets/images/projects/gimnazium/gimnazium-5.png"
                                                                alt="project name" />
                                                        </a>
                                                        <div class="ribbon">
                                                            <div class="text">Новинка</div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <a href="#" class="slider__control" data-slide="prev"></a>
                                    <a href="#" class="slider__control" data-slide="next"></a>
                                </div>

                                <div class="desc text-left">
                                    <p><strong>Сайт создан на основе CMS WordPress.</strong>
                                        Основной задачей сайта является предоставление в удобном онлайн-формате
                                        информации об поступлении, образовании, программах обучения гимназии
                                        для абитуриентов, школьников и родителей,
                                        которые хотят дать своим детям лучшее онлайн-образование.
                                        Для реализации данной глобальной концепции
                                        были разработаны специализированные дополнения как к установленным плагинам так
                                        и собственной разработки.
                                        Реализована своя уникальная система таксономий и организована удобная работа с
                                        ними.
                                    </p>
                                    <p>Также по просьбе заказчика, в админ панели реализована,
                                        на уровне решений, которые предоставляют конструкторы,
                                        полная настройка содержимого, и его отображения на станицах.
                                    </p>
                                    <p>
                                        <a class="more-link" href="https://schooleducation.online/" target="_blank">
                                            <i class="fa fa-external-link"></i> Подробнее
                                        </a>
                                    </p>

                                </div>
                                <!--//desc-->
                                <!-- <a class="btn btn-cta-secondary" href="https://themes.3rdwavemedia.com/website-templates/responsive-bootstrap-theme-for-products-velocity/" target="_blank"><i class="fa fa-thumbs-o-up"></i> Back my project</a> -->
                            </div>

                            <!--//item-->
                            <hr class="divider" />

                            <div class="content" id="all_projects">
                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://fortfamily.ru" target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/latest_proj.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://fortfamily.ru" target="_blank">Форт Боярд -
                                                квест по мотивам всемирного телешоу</a>
                                        </h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Сайт создан на основе CMS WordPress, с использованием технологии WordPress
                                            Multisitе.
                                            В связи с расширением компании данная технология позволила создавать
                                            отдельные комплексы для новых партнеров при этом не меняя основной домен.
                                            А благодаря использованию большого количества разнообразных плагинов и
                                            вручную написанных дополнений, сайт теперь имеет очень широкий ассортимент
                                            возможностей и доступных функций.
                                        </p>
                                        <p><a class="more-link" href="https://fortfamily.ru" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://inmost.pro/" target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/Inmost.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://inmost.pro/" target="_blank">Inmost</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Разработка Backend функционала сайта для компании программного обеспечения
                                            на заказ. Разработка, проектирование и реализация уникальной системы
                                            фильтрации постов на страницах. Сама система основана на разработанном для
                                            данного сайта методе выбора постов, в котором используются возможности
                                            Carbon Fields и WP_Query. Возможность сохранения выбора в фильтре, даже
                                            после выхода с сайта, обеспечивается благодаря адоптивной системе основанной
                                            на использовании $_COOKIES Самостоятельное проектирование, специально под
                                            нужды клиента, уникальной системы отображения похожих постов. Которая
                                            совмещает в себе функционал блока "Похожие записи" и полностью адаптивной,
                                            основанной на Carbon Fields, настройки каждого отдельного поста в этом
                                            блоке.
                                        </p>
                                        <p><a class="more-link" href="https://inmost.pro/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://biorich.com/" target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/biorich.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://biorich.com/" target="_blank">Biorich</a>
                                        </h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Разработка Backend функционала для интернет магазина продающего пищевые
                                            добавки.
                                            Проектирование и реализация, под нужды клиента, уникальной системы
                                            оформления заказа на сайте,
                                            которая включает в себя модернизацию API доставок Boxberry, CDEK и доставки
                                            с помощью почты России.
                                            Для решения данной задачи был проведен комплексный рефакторинг исходного
                                            кода плагинов доставки,
                                            под нужды клиента с возможностью адаптивной настройки методов и их
                                            возможностей.

                                            Разработана уникальная система скидок, основе которой использование
                                            дополнительно созданных кастомизируемых типов записей.
                                            А благодаря интеграции возможностей плагина Carbon fields удалось достигнуть
                                            максимального уровня адаптивности содержимого блоков на странице.

                                            В дополнение по желанию клиента была спроектирована собственная система
                                            поиска статей, повторяющая возможности Фреймворка предыдущего сайта.
                                            ​В основе алгоритма лежит использование AJAX запроса с получением нужных
                                            записей в зависимости от выбранной метки (статьи, отзывы, посты).
                                            Для этого был использован параметризованный запрос WP_Query, в который
                                            вносились основная информация про искомый пост.
                                        </p>
                                        <p><a class="more-link" href="https://biorich.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://travel.c.ua/" target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/ctravel.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://travel.c.ua/" target="_blank">Cactus
                                                Travel</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Подготовка и внедрение на сайт уникальной системы регистрации, авторизации и
                                            сброса пароля, реализованная с помощью
                                            технологии AJAX и функций защиты данных от взлома (sanitize_text_field,
                                            sanitize_email и тд).
                                            Создание и внедрение на сайте уникального функционала многоуровневого меню.
                                            Интеграция уникальной системы фильтрации для путевок, отображения списка
                                            различных туров и тд.
                                            Создание универсальной системы настройки контента на страницах сайта с
                                            помощью плагина ACF и реализация многоязычности контента
                                            для функций данного плагина, в особенности модернизация функций создания
                                            шорткодов.
                                        </p>
                                        <p><a class="more-link" href="https://travel.c.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://agrotehkom.ua/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/agrotehcom.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://agrotehkom.ua/"
                                                target="_blank">АГРОТЕХКОМ</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Подготовка и реализация "натяжки" сайта с верстки для компании промышленного
                                            оборудования.
                                            Адаптивность настройки каждого из элементов страницы была произведена
                                            конкретно под требования клиента.
                                            Для самой настройки и отображения полей использовались возможности плагина
                                            Carbon Fields.
                                            Была произведена настройка корректного отображения вложенности на страницах
                                            категорий (WooCommerce).
                                            Подготовка и настройка отображения на страницах товаров специальных 3D
                                            моделей оных.
                                            Установка и настройка сайта непосредственно на хостинге клиента.
                                        </p>
                                        <p><a class="more-link" href="https://agrotehkom.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://irishotel.com.ua/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/iris_hotel.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://irishotel.com.ua/" target="_blank">Iris Art
                                                Hotel</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Подготовка и реализация "натяжки" сайта с верстки для Харьковского отеля
                                            Iris.
                                            Перенос и "натяжка" страниц с Tilda на движок WordPress.
                                            Настройка и доработка плагина бронирования номеров (Исправление ошибок
                                            бронирования, добавление отдельной галереи для каждого из номеров и тд).
                                            Реализация многоязычности для содержимого всех страниц.
                                            Натяжка <a href="https://irishotel.com.ua/to_go" target="_blank">страницы
                                                доставки еды</a> и ее полная адаптивность.
                                            Установка и настройка сайта непосредственно на хостинге клиента.
                                        </p>
                                        <p><a class="more-link" href="https://irishotel.com.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://uasport.info/" target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/uasport.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://uasport.info/" target="_blank">UASPORT</a>
                                        </h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Подготовка и реализация "натяжки" сайта с верстки для компании uasport.
                                            Полная адаптивность элементов страниц, конкретно под требования клиента.
                                            Реализация системы настройки Клубов и Мероприятий, с помощью отдельных
                                            таксономий.
                                            Своя система фильтрации по множественным входным параметрам (Тип активности,
                                            город, район, возрастные группы, цены и т.д.).
                                            Уникальные формы обратной связи с клиентами. Есть возможность сообщить о
                                            найденных ошибках как в информации об мероприятии так и в описании клуба.
                                            Уникальные формы регистрации новых мероприятий и клубов (Включают
                                            множественные текстовые поля и формы вставки файлов).
                                            Установка и настройка сайта непосредственно на хостинге клиента.
                                            Работа всех фильтров и форм реализована с помощью технологии AJAX.
                                        </p>
                                        <p><a class="more-link" href="https://uasport.info/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://aprofi-group.com/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/aprofi.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://aprofi-group.com/" target="_blank">APROFI</a>
                                        </h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Подготовка и реализация "натяжки" сайта с верстки для компании производящей
                                            биодобавки и комплектующие для их производства.
                                            Полная адаптивность элементов страниц, конкретно под требования клиента.
                                            Настройка роботы фильтра товаров для стандартных категорий WooCommerce так и
                                            для "кастомных" таксономий.
                                            Адаптивность и настройка элементов сайта произведена конкретно под
                                            требования клиента.
                                            Для самой настройки и отображения полей использовались возможности плагина
                                            Carbon Fields.
                                            Установка и настройка сайта непосредственно на хостинге клиента.
                                        </p>
                                        <p><a class="more-link" href="https://aprofi-group.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://kronoplast.ua/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/kronoplast.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://kronoplast.ua/"
                                                target="_blank">Kronoplast</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Подготовка и реализация "натяжки" сайта с верстки для компании производителя
                                            сантехники.
                                            Реализация стандартного функционала интернет магазина с помощью WooCommerce.
                                            Настройка отображения категорий и товаров на страницах.
                                            Доработка плагина YITH WooCommerce Wishlist, конкретно под требования
                                            клиента.
                                            Для самой настройки и отображения полей использовались возможности плагина
                                            Advanced Custom Fields (ACF).
                                            Установка и настройка сайта непосредственно на хостинге клиента.
                                        </p>
                                        <p><a class="more-link" href="https://kronoplast.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://ukom.org.ua/" target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/ukom.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://ukom.org.ua/"
                                                target="_blank">Производственно-строительная компания Юком</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Разработка нового дизайна, верстка, и полная сборка на движок WordPress
                                            сайта для производственно-строительной компании ЮКОМ.
                                            Произведено исправление всех ошибок и багов оставленных прошлыми
                                            разработчиками.
                                            Проведение рефакторинга кода на всех страницах, и оптимизация менеджмента
                                            плагинов.
                                            Организация взаимодействия макетов и блоков сайта на уровне конструктора.
                                            Для этого были использованы возможности плагина Advanced Custom Fields.
                                            Отдельно была проведена оптимизация сайта, под стандарты Google.
                                            Повышение производительности, после итоговой сборки, составило >70%.
                                            Всего этого удалось достигнуть благодаря использованию современных подходов
                                            оптимизации веб-сайтов.
                                        </p>
                                        <p><a class="more-link" href="https://ukom.org.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://www.zhuky.kharkiv.ua/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/zhuki_kh.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://www.zhuky.kharkiv.ua/" target="_blank">Театр
                                                на жуках</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Подготовка и реализация "натяжки" сайта с верстки для Харьковского театра
                                            "Театр на Жуках".
                                            Реализация адаптивности и настройки каждого элемента страниц, под требования
                                            клиента с помощью возможностей плагина Carbon Fields.
                                            Адаптация отображения содержимого постов в зависимости от содержимого.
                                            Установка и настройка сайта непосредственно на хостинге клиента.
                                        </p>
                                        <p><a class="more-link" href="https://www.zhuky.kharkiv.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://imk02.ru/ " target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/project-1.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://imk02.ru/ " target="_blank">ООО "Ишимбайская
                                                Машиностроительная Компания"</a></h3>
                                        <p> <strong>WordPress.</strong>
                                            Настройка удобной работы с товарами, возможность быстрой
                                            настройки и управления каталогами, реализация уникального метода отображения
                                            товаров в зависимости от выбранного каталога (WooCommerce).
                                            Установка и настройка сайта непосредственно на хостинге клиента, реализация
                                            адаптивной настройки всех текстовых полей и изображений на странице (Carbon
                                            Fields).</p>
                                        <p><a class="more-link" href="https://imk02.ru/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://custvoice.pro/ "
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/project-7.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://custvoice.pro/ "
                                                target="_blank">CustVoice</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Полная натяжка сайта с верстки. Настройка отображения содержимого сайта
                                            организована конкретно под клиента.
                                            Для настройки и отображения полей использовались возможности плагина
                                            Advanced Custom
                                            Fields.
                                            Реализация собственного метода переключения языка сайта, без использования
                                            дополнительных плагинов для этого.
                                            Написание собственной почтовой рассылки и ее настройка под нужды клиента.
                                            Для этого использовалась технология AJAX for WordPress.
                                            Установка и настройка сайта непосредственно на хостинге клиента.
                                        </p>
                                        <p><a class="more-link" href="https://custvoice.pro/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->


                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://www.stm-fencing.com/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/stm.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://www.stm-fencing.com/"
                                                target="_blank">STM-FENCING</a></h3>
                                        <p>
                                            <strong>WordPress</strong>
                                            Совместная работа с еще одним Backend разработчиком.
                                            Натяжка, настройка и заполнение большей части страниц.
                                            Подготовка и реализация мультиязычности всего содержимого сайта.
                                            Реализации отдельной формы заказа с сохранение внесенных в нее данных
                                            ($_SESSION).
                                            Исправление ошибок Frontend разработчика, с которыми приходилось
                                            сталкиваться по ходу работы.
                                        </p>
                                        <p><a class="more-link" href="https://www.stm-fencing.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->


                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://cosmedoc.net/ "
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/cosmedoc.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://cosmedoc.net/ " target="_blank">COSMEDOC
                                                SHOP</a></h3>
                                        <p>
                                            <strong>WordPress</strong>
                                            Доработка сайта израильской косметической компании.
                                            Изменение функционала плагина YITH WooCommerce Points and Rewards.
                                            А именно реализация отдельной бонусной системы в виде кешбека, который
                                            зависит от
                                            количества покупок, на покупки в магазине.
                                            Исправление ошибок отображения товаров и отдельных элементов на страницах.
                                            Доработка корзины и системы оплаты с помощью PayPal.
                                        </p>
                                        <p><a class="more-link" href="https://cosmedoc.net/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://waterpro.com.ua/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/waterpro.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://waterpro.com.ua/"
                                                target="_blank">WATERPRO</a></h3>
                                        <p>
                                            <strong>OpenCart</strong>
                                            Доработка сайта для технологической компании.
                                            Написание собственного алгоритма отложеной загрузки видео на страницах.
                                            А именно оптимизация скорости работы загрузки самого видео при нажатии на
                                            превью.
                                            Оптимизация работы под современные стандарты Google.
                                            Удалось достигнуть троекратного ускорения в сравнении с предыдущей верисией.
                                            А именно с 31 до 90+ баллов в PageSpeed Insights.
                                        </p>
                                        <p><a class="more-link" href="https://waterpro.com.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://exp-print.com.ua/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/exprint.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://exp-print.com.ua/" target="_blank">ПЕРВАЯ
                                                ЭКСПЕРИМЕНТАЛЬНАЯ ТИПОГРАФИЯ</a></h3>
                                        <p>
                                            <strong>WordPress</strong>
                                            Проведение рефакторинга сайта после компании ArtLemon.
                                            Полное изменение вывода всей информации на сайте, перенастройка елементов
                                            админ панелли,
                                            исправление несоответсвий современным стандартам качества кода и переделка
                                            всего сайта под действующий стандарт MCV.
                                            Проведение оптимизации работы сайта до приемлемого уровня.
                                        </p>
                                        <p><a class="more-link" href="https://exp-print.com.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://www.twin.org.ua/ "
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/twig.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://www.twin.org.ua/ " target="_blank">Театральне
                                                вікно до Європи</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Перенос сайта на новый хостинг с последующей настройкой корректного
                                            отображения всех елементов на странице.
                                        </p>
                                        <p><a class="more-link" href="https://www.twin.org.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://cote-jeunot.com/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/cot-enot.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://cote-jeunot.com/" target="_blank">Côte &
                                                Jeunot</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Доработка сайта ювелирной компании.
                                            Подготовка страниц к переводам,
                                            а именно установка и настройка плагина WP Multilang.
                                            Исправление ошибок отображения и загрузки товаров на странице магазина.
                                            Настройка полей и содержимого товаров.
                                        </p>
                                        <p><a class="more-link" href="https://cote-jeunot.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->


                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href=" https://kele.ru/" target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/project-6.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href=" https://kele.ru/" target="_blank">Kele - Скидки
                                                твоего города</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Реализация функционала приобретения купонов на скидку.
                                            Исправление ошибок, после других разработчиков, связанных с добавлением
                                            нового купона, его оформлением
                                            и подтверждением оплаты. Исправление некорректного отображения
                                            элементов и функциональных блоков на страницах. Настройка поисковой системы
                                            и исправление ошибок старой версии. </p>
                                        <p><a class="more-link" href=" https://kele.ru/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://fizio.ua/" target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/fizio.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://fizio.ua/" target="_blank">Fizio</a>
                                        </h3>
                                        <p> <strong>WordPress</strong>
                                            Настройка содержимого страниц сайта после взлома.
                                            Исправление отображения отдельных элементов на страницах
                                            Заполнение новым контентом страниц.</p>
                                        <p><a class="more-link" href="https://fizio.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://assutadoctors.com/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/project-2.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://assutadoctors.com/" target="_blank">Assuta -
                                                raising health standards</a></h3>
                                        <p> <strong>Drupal.</strong> Перенос сайта на новый хостинг с последующей
                                            настройкой
                                            содержимого страниц.
                                            Исправление ошибок, связанных с некорректным отображением элементов на
                                            страницах.
                                            Настройка и отладка системы отправки сообщений на почту. Исправление ошибок
                                            связанных с авторизацией пользователей.
                                        </p>
                                        <p><a class="more-link" href="https://assutadoctors.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                                <div class="item row">
                                    <a class="col-md-4 col-sm-4 col-xs-12" href="https://www.switzspb.ru/"
                                        target="_blank">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/projects/project-4.png" alt="project name" />
                                    </a>
                                    <div class="desc col-md-8 col-sm-8 col-xs-12">
                                        <h3 class="title"><a href="https://www.switzspb.ru/" target="_blank">ЖК
                                                Маленькая Швейцария</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Исправление ошибок системы рассылки сообщений на почту.
                                            Исправление существующих ошибок связанных с отправкой сообщений и обработкой
                                            запросов.
                                            Настройка и исправление внешнего вида сайта. </p>
                                        <p><a class="more-link" href="https://www.switzspb.ru/" target="_blank"><i
                                                    class="fa fa-external-link"></i> Подробнее</a></p>
                                    </div>
                                    <!--//desc-->
                                </div>
                                <!--//item-->

                            </div>
                            <!--//content-->
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </section>
                <!--//section-->

                <section class="projects section" id="my_proj">
                    <div class="section-inner">
                        <h2 class="heading">Собственные разработки и др:</h2>
                        <div class="content" id="another_projects">
                            <div class="item">
                                <h3 class="title"><a
                                        href="https://github.com/Prroffessorr/Travelling-Salesman-Problem-TSP-">Travelling
                                        Salesman Problem (TSP)</a>
                                    <span class="label label-theme">Open Source</span></h3>
                                <p class="summary">C# Реализация решение задачи коммивояжёра с возможностью обработки
                                    файлов kml и дальнейшее построение кратчайшего пути в Google Earth.</p>
                                <p><a class="more-link"
                                        href="https://github.com/Prroffessorr/Travelling-Salesman-Problem-TSP-"
                                        target="_blank"><i class="fa fa-external-link"></i> Подробнее на GitHub</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a href="https://github.com/Prroffessorr/VK-API-example-">VK API
                                        example WordPress (<span class="title-red">GitHub Arctic Code Vault
                                            award</span>)</a>
                                    <span class="label label-theme">Open Source</span></h3>
                                <p class="summary">PHP - Отправка фото в альбом группы и постинг на стену группы с
                                    возможностью отправки нескольких фото одновременно, реализовано благодаря
                                    использованию VK API.
                                    Данный проект был удостоен награды GitHub Arctic Code Vault.</p>
                                <p><a class="more-link" href="https://github.com/Prroffessorr/VK-API-example-"
                                        target="_blank"><i class="fa fa-external-link"></i> Подробнее на GitHub</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a
                                        href="https://github.com/Prroffessorr/WebSocketClientServerExample-C-sharp-Client-">#1
                                        Node.js + C# - Tutorials (Клиентская часть на C#)</a> <span
                                        class="label label-theme">Open Source</span></h3>
                                <p class="summary">Реализация C# клиента для серии видео уроков посвященных созданию
                                    клиент-серверного ПО с использованием технологии WebSocket. </p>
                                <p><a class="more-link"
                                        href="https://github.com/Prroffessorr/WebSocketClientServerExample-C-sharp-Client-"
                                        target="_blank"><i class="fa fa-external-link"></i> Подробнее на GitHub</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a
                                        href="https://github.com/Prroffessorr/WebSocketClientServerExample-Nodejs-Server-">#2
                                        Node.js + C# - Tutorials (Серверная часть на Node.js)</a> <span
                                        class="label label-theme">Open Source</span></h3>
                                <p class="summary">Реализация Node.js сервера для серии видео уроков посвященных
                                    созданию клиент-серверного ПО с использованием технологии WebSocket. </p>
                                <p><a class="more-link"
                                        href="https://github.com/Prroffessorr/WebSocketClientServerExample-Nodejs-Server-"
                                        target="_blank"><i class="fa fa-external-link"></i> Подробнее на GitHub</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a
                                        href="https://github.com/Prroffessorr/Carbon_Fields_Tutorials">Carbon Fields -
                                        Tutorials</a> <span class="label label-theme">Open Source</span></h3>
                                <p class="summary">Материалы к моим видео урокам посвященным работе с плагином Carbon
                                    Fields.
                                </p>
                                <p><a class="more-link" href="https://github.com/Prroffessorr/Carbon_Fields_Tutorials"
                                        target="_blank"><i class="fa fa-external-link"></i> Подробнее на GitHub</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a
                                        href="https://github.com/Prroffessorr/Carbon_Fields_Tutorials">Customize Login
                                        Form - WordPress plugin</a> <span class="label label-theme">Open Source</span>
                                </h3>
                                <p class="summary">Плагин WordPress, для настройки формы входа в админ-панель сайта.
                                </p>
                                <p><a class="more-link" href="https://github.com/Prroffessorr/ChangeLoginFormPlagin"
                                        target="_blank"><i class="fa fa-external-link"></i> Подробнее на GitHub</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a
                                        href="https://firecom.pro/stati-v-razdele-poleznoe/otlichie-i-raznitca-mezhdu-banei-i-saunoi">Joomla
                                        - изменения функционала плагина Widgetkit, под нужды клиента.</a></h3>
                                <p class="summary">Усовершенствование уже существующего функционала плагина Widgetkit и
                                    адаптация его фунционала под необходимые нужды.</p>
                                <p><a class="more-link"
                                        href="https://firecom.pro/stati-v-razdele-poleznoe/otlichie-i-raznitca-mezhdu-banei-i-saunoi"
                                        target="_blank"><i class="fa fa-external-link"></i> Подробнее</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a href="https://www.isma.lv/">Issma anno</a></h3>
                                <p class="summary">Joomla - создание новых курсов, настройка содержимого статей,
                                    исправление ошибок отображения.</p>
                                <p><a class="more-link" href="https://www.isma.lv/" target="_blank"><i
                                            class="fa fa-external-link"></i> Подробнее</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a href="https://university.socialhammer.com/">Socialhammer</a></h3>
                                <p class="summary">WordPress - Усовершенствование системы регистрации/авторизации.
                                    Добавление двухфакторной аутентификации пользователей,
                                    (плагин wp-recall). Настройка доступа к разделам в зависимости от возможностей
                                    пользователя. </p>
                                <p><a class="more-link" href="https://university.socialhammer.com/" target="_blank"><i
                                            class="fa fa-external-link"></i> Подробнее</a></p>
                            </div>
                            <!--//item-->

                        </div>
                        <!--//content-->
                        <div class="show_more_project">
                            <a style="margin-left: 10px;" class="btn btn-cta-secondary"
                                href="https://coderwall.com/Mad%20Scientist" target="_blank">
                                <i class="fa fa-code"></i>CoderWall <i class="fa fa-chevron-right"></i></a>

                            <a style="margin-left: 10px;" class="btn btn-cta-secondary"
                                href="https://github.com/Prroffessorr" target="_blank">
                                <i class="fa fa-github"></i>GitHub <i class="fa fa-chevron-right"></i></a>

                            <a style="margin-left: 10px;" class="btn btn-cta-secondary"
                                href="https://gist.github.com/Prroffessorr" target="_blank">
                                <i class="fa fa-github-alt"></i></i>GitHub Gist<i class="fa fa-chevron-right"></i></a>
                        </div>
                    </div>
                    <!--//section-inner-->
                </section>
                <!--//section-->

                <section class="experience section">
                    <div class="section-inner">
                        <h2 class="heading">Опыт работы:</h2>
                        <div class="content">
                            <div class="item">
                                <h3 class="title">PHP Backend/CMS developer <span class="place"><span> FiveForDog
                                        </span></span> <span class="year">(01.02.2021 - НАСТОЯЩЕЕ ВРЕМЯ)</span></h3>
                                <p>
                                    Работаю в данной компании с начала 2021 года на должности PHP Backend/CMS
                                    разработчик.
                                    Занимаюсь разработкой и поддержкой проектов реализованных на CMS WordPress.
                                    Доработка, в зависимости от пожеланий клиента, отдельных плагинов на сайте.
                                    Исправление ошибок и оптимизация уже работающих сайтов.
                                    Реализация функционала любой сложности сайта конкретно под клиента,
                                    начиная от создания самописных фильтров для товаров и таксономий, заканчивая работой
                                    с различными API.
                                </p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title">PHP/CMS Backend, JS/HTML/CSS Frontend developer<span
                                        class="place"><span> SMO
                                            UTC</span></span> <span class="year">(01.02.2021 - 01.06.2021)</span></h3>
                                <p>Работал с данной компанией на основе проектного сотрудничества. Выполнял задачи с
                                    которыми не справлялись штатные разработчики компании. Проводил обучение front-end
                                    разработчиков и давал консультации по реализации back-end составляющей сайтов.
                                    Исправлял ошибки связанные с неопытностью разработчиков и доводил сайты до
                                    приемлемого уровня (как чистота кода так и удобство использования для пользователя).
                                    Реализовывал отдельные функциональные модули для сайта (в основном под WooCommerce).
                                    Занимался оптимизацией уже существующих сайтов в соответствии с современными
                                    стандартами php 7.</p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title">PHP Backend/CMS developer + JS Frontend <span class="place"><span>
                                            NetLab - Creative
                                            studio</span></span> <span class="year">(2019 - 2020)</span></h3>
                                <p> В данной компании занимался разработкой backend составляющей для сайтов
                                    реализованных на разных CMS (WordPress, Joomla).
                                    Занимался написанием дополнений к плагинам WooCommerce и подобным.
                                    Разрабатывал решения на основе различных API под конкретные требования клиентов.
                                    В мои обязанности также входила разработка Frontend составляющей сайта. Начиная от
                                    разработки js скриптов
                                    для интерактивности отдельных элементов и заканчивая полной доработкой и доводкой до
                                    нужного уровня всего внешнего вида сайта,
                                    перед его окончательной передачей клиенту.
                                    Начиная от исправления ошибок адаптивности и заканчивая самостоятельным написанием
                                    верстки отдельных страниц.
                                </p>
                            </div>
                            <!--//item-->
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </section>
                <!--//section-->
                <section class="github section">
                    <div class="section-inner">
                        <h2 class="heading">Активность на GitHub</h2>
                        <div id="ghfeed" class="ghfeed">
                        </div>
                        <!--//ghfeed-->

                    </div>
                    <!--//secton-inner-->
                </section>
                <!--//section-->
            </div>
            <!--//primary-->
            <div class="secondary col-md-4 col-sm-12 col-xs-12">
                <aside class="info aside section">
                    <div class="section-inner">
                        <h2 class="animate-p">
                            <a target="_blank" href="http://tatarnykov.agency.tilda.ws/">
                                <span class="card" style="display:block;">
                                    <p>Визитная</p>
                                    <p>карточка</p>
                                </span>
                            </a>
                        </h2>
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//aside-->

                <aside class="info aside section">
                    <div class="section-inner">
                        <h2 class="heading">Общая информация:</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li><i class="fa fa-map-marker"></i><span class="sr-only">Место жительства:</span>г.
                                    Харьков,
                                    Украина</li>
                                <li><i class="fa fa-envelope-o"></i><span class="sr-only">Email:</span><a
                                        href="mailto:andrii.tatarnykov@nure.ua">andrii.tatarnykov@nure.ua</a></li>
                            </ul>
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//aside-->

                <aside class="skills aside section">
                    <div class="section-inner">
                        <h2 class="heading">Мои навыки:</h2>
                        <div class="content">
                            <!-- <p class="intro">
                                
                               </p> -->

                            <div class="skillset">

                                <div class="item">
                                    <h3 class="level-title">CMS (WordPress, OpenCart)<span class="level-label"
                                            data-toggle="tooltip" data-placement="left" data-animation="true"
                                            title="You can use the tooltip to add more info..."></span></h3>
                                    <div class="level-bar">
                                        <div class="level-bar-inner" data-level="96%">
                                        </div>
                                    </div>
                                    <!--//level-bar-->
                                </div>
                                <!--//item-->

                                <div class="item">
                                    <h3 class="level-title">Frameworks (Laravel)<span class="level-label"
                                            data-toggle="tooltip" data-placement="left" data-animation="true"
                                            title="You can use the tooltip to add more info..."></span></h3>
                                    <div class="level-bar">
                                        <div class="level-bar-inner" data-level="50%">
                                        </div>
                                    </div>
                                    <!--//level-bar-->
                                </div>
                                <!--//item-->

                                <div class="item">
                                    <h3 class="level-title">PHP<span class="level-label" data-toggle="tooltip"
                                            data-placement="left" data-animation="true"
                                            title="You can use the tooltip to add more info..."></span></h3>
                                    <div class="level-bar">
                                        <div class="level-bar-inner" data-level="90%">
                                        </div>
                                    </div>
                                    <!--//level-bar-->
                                </div>
                                <!--//item-->

                                <div class="item">
                                    <h3 class="level-title">Знание баз данных (SQL&amp;NoSQL)<span class="level-label"
                                            data-toggle="tooltip" data-placement="left" data-animation="true"
                                            title="You can use the tooltip to add more info..."></span></h3>
                                    <div class="level-bar">
                                        <div class="level-bar-inner" data-level="80%">
                                        </div>
                                    </div>
                                    <!--//level-bar-->
                                </div>
                                <!--//item-->

                                <div class="item">
                                    <h3 class="level-title">RegExp (PHP &amp; JavaScript)<span class="level-label"
                                            data-toggle="tooltip" data-placement="left" data-animation="true"
                                            title="You can use the tooltip to add more info..."></span></h3>
                                    <div class="level-bar">
                                        <div class="level-bar-inner" data-level="75%">
                                        </div>
                                    </div>
                                    <!--//level-bar-->
                                </div>
                                <!--//item-->

                                <div class="item">
                                    <h3 class="level-title">Javascript &amp; jQuery &amp; AJAX <span
                                            class="level-label"></span></h3>
                                    <div class="level-bar">
                                        <div class="level-bar-inner" data-level="85%">
                                        </div>
                                    </div>
                                    <!--//level-bar-->
                                </div>
                                <!--//item-->

                                <div class="item">
                                    <h3 class="level-title">HTML5, CSS3 <span class="level-label"></span></h3>
                                    <div class="level-bar">
                                        <div class="level-bar-inner" data-level="75%">
                                        </div>
                                    </div>
                                    <!--//level-bar-->
                                </div>
                                <!--//item-->

                                <div class="item">
                                    <h3 class="level-title">GIT<span class="level-label" data-toggle="tooltip"
                                            data-placement="left" data-animation="true"
                                            title="You can use the tooltip to add more info..."></span></h3>
                                    <div class="level-bar">
                                        <div class="level-bar-inner" data-level="80%">
                                        </div>
                                    </div>
                                    <!--//level-bar-->
                                </div>
                                <!--//item-->

                                <div class="item">
                                    <h3 class="level-title">Photoshop &amp; Adobe Illustrator <span
                                            class="level-label"></span></h3>
                                    <div class="level-bar">
                                        <div class="level-bar-inner" data-level="75%">
                                        </div>
                                    </div>
                                    <!--//level-bar-->
                                </div>
                                <!--//item-->

                                <p><a class="more-link" href="https://coderwall.com/Mad%20Scientist" target="_blank"><i
                                            class="fa fa-external-link"></i> Больше на Coderwall</a></p>
                            </div>
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//section-->

                <aside class="testimonials aside section">
                    <div class="section-inner">
                        <h2 class="heading">Последние отзывы:</h2>
                        <div class="content" id="testimonials">

                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>
                                        Спасибо большое за хорошую работу! 🙂
                                        Мы долго ждали этого релиза. 🙂
                                    </p>
                                </blockquote>
                                <p class="source"><span class="name">Dmitry Savin</span><br />
                                    <span class="title">Inmost</span>
                                </p>
                            </div>
                            <!--//item-->

                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>
                                        Cупер, спасибо!
                                    </p>
                                </blockquote>
                                <p class="source"><span class="name">Yuliia S</span><br />
                                    <span class="title">Inmost</span>
                                </p>
                            </div>
                            <!--//item-->

                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>Все отлично, быстро и четко!</p>
                                </blockquote>
                                <p class="source"><span class="name">Максим Прошутинский</span><br />
                                    <span class="title">Freelancehunt</span>
                                </p>
                            </div>
                            <!--//item-->

                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>Очень Круто! Думаю заказчик заценит!</p>
                                </blockquote>
                                <p class="source"><span class="name">Anton</span><br />
                                    <span class="title">ХНУРЭ</span>
                                </p>
                            </div>
                            <!--//item-->

                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>Тебе удалось. Оно и правда заработало!</p>
                                </blockquote>
                                <p class="source"><span class="name">Oleksandr Kobziev</span><br />
                                    <span class="title">Частное предприятие "СМО ЮСТ" </span>
                                </p>
                            </div>
                            <!--//item-->

                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>Все отлично</p>
                                </blockquote>
                                <p class="source"><span class="name">Boris V.</span><br /></p>
                            </div>
                            <!--//item-->

                            <!-- <p><a class="more-link" href="#"><i class="fa fa-external-link"></i> More on Linkedin</a></p>  -->

                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//section-->

                <aside class="education aside section">
                    <div class="section-inner">
                        <h2 class="heading">Высшее образование:</h2>
                        <div class="content">
                            <div class="item">
                                <h3 class="title"><i class="fa fa-graduation-cap"></i> ХНУРЭ </h3>
                                <h4 class="university">Степень Бакалавра <span class="year">(2016 - 2020)</span></h4>
                                <h4 class="university">Степень Магистра <span class="year">(2020 - Сегодняшний
                                        день)</span></h4>
                            </div>
                            <!--//item-->
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//section-->

                <aside class="languages aside section">
                    <div class="section-inner">
                        <h2 class="heading">Знание языков</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li class="item">
                                    <span class="title"><strong>Украинский:</strong></span>
                                    <span class="level">Native speaker <br class="visible-sm visible-xs" /><i
                                            class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                            class="fa fa-star"></i> <i class="fa fa-star"></i><i
                                            class="fa fa-star"></i></span>
                                </li>

                                <li class="item">
                                    <span class="title"><strong>Русский:</strong></span>
                                    <span class="level">Native speaker <br class="visible-sm visible-xs" /><i
                                            class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                            class="fa fa-star"></i> <i class="fa fa-star"></i><i
                                            class="fa fa-star"></i></span>
                                </li>

                                <li class="item">
                                    <span class="title"><strong>Английский:</strong></span>
                                    <span class="level">Upper intermediate <br class="visible-sm visible-xs" /><i
                                            class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                            class="fa fa-star"></i> </i></span>
                                </li>
                                <!--//item-->
                            </ul>
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//section-->

                <aside class="blog aside section">
                    <div class="section-inner">
                        <h2 class="heading">Общественная деятельность
                            (YouTube канал)</h2>
                        <div id="rss-feeds" class="content">
                            <div>
                                <iframe max-width="100%" src="https://www.youtube.com/embed/mTar85mkIog"
                                    srcdoc="
                                <style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}
                                    img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}
                                    span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}
                                </style>
                                <a href=https://www.youtube.com/embed/mTar85mkIog?autoplay=1><img src=https://img.youtube.com/vi/mTar85mkIog/hqdefault.jpg 
                                alt='Node.js+C# Создание клиент-серверного приложения. Часть 2-Реализация серверной части программы.'><span>▶</span></a>" frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen
                                    title="Node.js+C# Создание клиент-серверного приложения. Часть 2-Реализация серверной части программы."></iframe>
                                <p>Node.js+C# Создание клиент-серверного приложения. Часть 2-Реализация серверной части
                                    программы.</p>
                                <a class="more-link" href="https://youtu.be/mTar85mkIog" target="_blank"><i
                                        class="fa fa-external-link"></i>Подробнее</a>
                            </div>
                            <br>
                            <div>
                                <iframe max-width="100%" src="https://www.youtube.com/embed/36q1pi7s-OM"
                                    srcdoc="
                                <style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}
                                    img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}
                                    span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}
                                </style>
                                <a href=https://www.youtube.com/embed/36q1pi7s-OM?autoplay=1><img src=https://img.youtube.com/vi/36q1pi7s-OM/hqdefault.jpg 
                                alt='Node.js + C# Создание клиент-серверного приложения. Часть 1-Реализация клиентской части с помощью C#'><span>▶</span></a>" frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen
                                    title="Node.js + C# Создание клиент-серверного приложения. Часть 1-Реализация клиентской части с помощью C#"></iframe>
                                <p>Node.js + C# Создание клиент-серверного приложения. Часть 1-Реализация клиентской
                                    части с помощью C#</p>
                                <a class="more-link" href="https://youtu.be/36q1pi7s-OM" target="_blank"><i
                                        class="fa fa-external-link"></i>Подробнее</a>
                            </div>
                            <br>
                            <div>
                                <iframe max-width="100%" src="https://www.youtube.com/embed/_51Ev3EE-C4"
                                    srcdoc="
                                <style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}
                                    img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}
                                    span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}
                                </style>
                                <a href=https://www.youtube.com/embed/_51Ev3EE-C4?autoplay=1><img src=https://img.youtube.com/vi/_51Ev3EE-C4/hqdefault.jpg 
                                alt='Быстрый старт FileZilla: Разбор интерфейса , работа файлами, как узнать пароль от ftp сервера и тд.'><span>▶</span></a>" frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen
                                    title="Быстрый старт FileZilla: Разбор интерфейса , работа файлами, как узнать пароль от ftp сервера и тд."></iframe>
                                <p>Быстрый старт FileZilla: Разбор интерфейса , работа с файлами, как узнать пароль от
                                    ftp
                                    сервера и тд.</p>
                                <a class="more-link" href="https://youtu.be/_51Ev3EE-C4" target="_blank"><i
                                        class="fa fa-external-link"></i>Подробнее</a>
                            </div>
                            <br>
                            <div>
                                <iframe max-width="100%" src="https://www.youtube.com/embed/MWsuMUuux60"
                                    srcdoc="
                                <style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}
                                    img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}
                                    span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}
                                </style>
                                <a href=https://www.youtube.com/embed/MWsuMUuux60?autoplay=1><img src=https://img.youtube.com/vi/MWsuMUuux60/hqdefault.jpg 
                                alt='WordPress #1 Создание копии и перенос (на хостинг) сайта с помощью плагина Duplicator.'><span>▶</span></a>" frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen
                                    title="WordPress #1 Создание копии и перенос (на хостинг) сайта с помощью плагина Duplicator."></iframe>
                                <p>WordPress #1 Создание копии и перенос (на хостинг) сайта с помощью плагина
                                    Duplicator.</p>
                                <a class="more-link" href="https://youtu.be/MWsuMUuux60" target="_blank"><i
                                        class="fa fa-external-link"></i>Подробнее</a>
                                <h2> </h2>
                            </div>
                            <a class="btn btn-cta-secondary"
                                href="https://www.youtube.com/channel/UCGSetX84b8DJsJhxa5vdphw" target="_blank">
                                <i class="fa fa-youtube-play"></i>Больше на YouTube
                                <i class="fa fa-chevron-right"></i></a>
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//section-->

                <aside class="list music aside section">
                    <div class="section-inner">
                        <h2 class="heading">Любимая музыка для работы:</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li><i class="fa fa-headphones"></i> <a href="https://youtu.be/NfbbRODCWqs"
                                        target="_blank">Konrad Celiński - Cruising</a></li>
                                <li><i class="fa fa-headphones"></i> <a href="https://youtu.be/gIqWBCjJBrk"
                                        target="_blank">Eustass Kid - Be Close To Night</a></li>
                                <li><i class="fa fa-headphones"></i> <a href="https://youtu.be/bl2Fxo75TfQ"
                                        target="_blank">El Tigr3 - Huntress</a></li>
                                <li><i class="fa fa-headphones"></i> <a href="https://youtu.be/YEwXiLo1n-I"
                                        target="_blank">Robert Parker - Power</a></li>
                            </ul>
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//section-->

                <aside class="list conferences aside section" id="conferences">
                    <div class="section-inner">
                        <h2 class="heading">Курсы и сертификаты:</h2>
                        <div class="content">
                            <ul class="list-unstyled" id="sertificates">
                                <li>
                                    <a href="assets/images/sertificates/teem_lead.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/teem_lead.jpg" alt="teem_lead" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Software_path_two.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Software_path_two.jpg"
                                            alt="Software_path_two" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Design_path_one.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Design_path_one.jpg"
                                            alt="Design_path_one" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Dart.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Dart.jpg" alt="Dart" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/mntk_08_11.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/mntk_08_11.jpg" alt="mntk_08_11" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Art.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Art.jpg" alt="Art" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/mnl_25_10.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/mnl_25_10.jpg" alt="mnl_25_10" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Lviv_forum.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Lviv_forum.jpg" alt="Lviv_forum" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Composition.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Composition.jpg" alt="Composition" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Coursera.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Coursera.jpg" alt="Coursera" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/mnl_05_11.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/mnl_05_11.jpg" alt="mnl_05_11" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Typography.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Typography.jpg" alt="Typography" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Forum_in_mol.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Forum_in_mol.jpg" alt="Forum_in_mol" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Forum_in_mcnd.png" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Forum_in_mcnd.png"
                                            alt="Forum_in_mcnd" />
                                    </a>
                                </li>
                                <li>
                                    <a href="assets/images/sertificates/Intuit.jpg" data-fancybox="images">
                                        <img class="img-responsive project-image lazy"
                                            src="assets/images/ajax-loader.gif"
                                            data-src="assets/images/sertificates/Intuit.jpg" alt="Intuit" />
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//section-->

                <aside class="list conferences aside section" id="aside">
                    <div class="section-inner">
                        <h2 class="heading">Научные работы, конференции и диссертации:</h2>
                        <div class="content">
                            <ul class="list-unstyled list-loadmore" id="list-loadmore">
                                <li><i class="fa fa-calendar"></i> <a
                                        href="https://lviv-forum.inf.ua/save/2021/10-11.06.2021/%D1%87%D0%B0%D1%81%D1%82%D0%B8%D0%BD%D0%B0%202.pdf">
                                        Участие в III Международной научно-практической конференции "Актуальные проблемы
                                        современной науки и образования". 10-11 июня 2021 года.
                                    </a>(Львов)</li>

                                <li><i class="fa fa-calendar"></i> <a
                                        href="https://ojs.ukrlogos.in.ua/index.php/liga/issue/view/21.05.2021"> Участие
                                        в
                                        I Международной студенческо-научной конференции "Приоритетные направления и
                                        векторы
                                        РАЗВИТИЯ МИРОВОЙ НАУКИ". 21 мая 2021 года.
                                    </a>(Николаев)</li>

                                <li><i class="fa fa-calendar"></i> <a
                                        href="https://nure.ua/ru/konferencii-workshops/mezhdunarodnyj-molodezhnyj-forum-radiojelektronika-i-molodezh-v-hhi-veke/xxv-mezhdunarodnyj-molodezhnyj-forum-radiojelektronika-i-molodezh-v-hhi-veke">
                                        Участие в 25-м Международном молодежном форуме "Радиоэлектроника и молодежь в ХХ
                                        ВЕКЕ". Секция 5. 20 апреля 2021 года.
                                    </a>(Харьков)</li>

                                <li><i class="fa fa-calendar"></i> Участие во Всеукраинском конкурсе студенческих
                                    научных работ по естественным, техническим и гуманитарным наукам. 25 февраля 2021
                                    года.
                                    (Киев)</li>

                                <li><i class="fa fa-calendar"></i>Десятая международная научно-техническая конференция
                                    "Современные направления развития информационно-коммуникационных технологий и
                                    средств управления". (Харьков)</li>

                                <li><i class="fa fa-calendar"></i> Участие в международной научно-техническая
                                    конференции:
                                    Компьютерные системы и сети управления и обработки данных.
                                    Секция 5. Методы и средства обработки данных в гетерокомпонентних компьютерных
                                    системах
                                    сетях. (Харьков)</li>

                                <li><i class="fa fa-calendar"></i> <a href="https://meics.dnure.dp.ua/"> Участие в V
                                        Всеукраинской научно-практической конференции
                                        студентов, аспирантов и молодых ученых "Перспективные направления современной
                                        электроники, информационных и компьютерных систем".
                                        25-27 ноября 2020 года.
                                    </a>(Днепр)</li>

                                <li><i class="fa fa-calendar"></i> <a
                                        href="https://rmn.knu.ua/v%D1%96%D1%96-%D0%B2%D1%81%D0%B5%D1%83%D0%BA%D1%80%D0%B0%D1%97%D0%BD%D1%81%D1%8C%D0%BA%D0%B0-%D0%BD%D0%B0%D1%83%D0%BA%D0%BE%D0%B2%D0%BE-%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D1%87%D0%BD%D0%B0-%D0%BA/">
                                        Участие в VII Международной научно-практической конференции студентов,
                                        аспирантов
                                        и молодых
                                        ученых "Объединенные наукой: перспективы междисциплинарных исследований". 12-13
                                        ноября 2020 года.
                                    </a>(Киев)</li>
                            </ul>
                        </div>
                        <!--//content-->
                        <div class="more"><b>Показать еще</b><i class="fa fa-chevron-right"></i></div>
                        <div class="less"><b>Скрыть</b><i class="fa fa-times"></i></div>
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//section-->

                <!-- <aside class="credits aside section">
                    <div class="section-inner">
                        <h2 class="heading">Credits</h2>
                    </div>//section-inner
                </aside>//section -->

            </div>
            <!--//secondary-->
        </div>
        <!--//row-->
    </div>
    <!--//masonry-->

    <!-- ******FOOTER****** -->
    <!-- <footer class="footer">
        <div class="container text-center">
                /* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can check out other license options via our website: themes.3rdwavemedia.com */
                <small class="copyright">Designed with <i class="fa fa-heart"></i> by <a href="https://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a> for developers</small>
        </div>//container
    </footer>//footer -->

    <!--Slider-->
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const slider = new ChiefSlider('.slider', {
                loop: true,
                interval: 2000
            });
        });
    </script>
    <!--Pagination-->
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="assets/js/jquery.paginate.js"></script>
    <script>
        //call paginate
        $('#testimonials').paginate({
            perPage: 3
        });
    </script>
    <script>
        //call paginate
        $('#sertificates').paginate({
            perPage: 3
        });
    </script>
    <script>
        //call paginate
        $('#another_projects').paginate();
    </script>
    <script>
        //call paginate
        $('#all_projects').paginate();
    </script>
    <!-- Javascript -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
    <script type="text/javascript" src="assets/js/lazyload.js"></script>

    <script type="text/javascript" src="assets/plugins/jquery-1.11.3.min.js"></script>
    <script async type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script async type="text/javascript" src="assets/plugins/jquery-rss/dist/jquery.rss.min.js"></script>

    <script async type="text/javascript" src="assets/js/chief-slider.min.js"></script>
    <!-- github calendar plugin -->
    <script async type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/3.0.2/es6-promise.min.js"></script>
    <script async type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fetch/0.10.1/fetch.min.js">
    </script>
    <!-- <script type="text/javascript" src="assets/plugins/github-calendar/dist/github-calendar.min.js"></script> -->
    <!-- github activity plugin -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js">
    </script>
    <script type="text/javascript" src="assets/plugins/github-activity/src/github-activity.js"></script>

    <script async type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>

    <!-- custom js -->

</body>

</html>