Index-en.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="en">
<!--<![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">Tatarnykov Andrey</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="Select lang" 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>Contact with me</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">About me</h2>
                        <div class="content">
                            <p>
                                Good afternoon, my name is Andrei Tatarnikov, I am a PHP/CMS/Framework Backend developer with over 2 years of development experience.
                                I am engaged in the creation of sites based on WordPress, OpenCart and other CMS.
                                I add the necessary functionality to existing projects (optimization of the site, changing and customizing existing functionality, setting up and installing basic SEO)
                                You can find more details about my work in the section <a href="#latest">"My projects"</a>.
                                I also work with Photoshop, Adobe Illustrator, HTML5, CSS3, JS etc.
                            </p>
                                        
                            <p>
                                I have extensive experience in developing unique components for the site.
                                Namely: functionality from scratch, improvement and optimization of ready-made solutions, development of individual functional modules and plugins.
                                Deadlines depend directly on the complexity of the project. Landing page (one-page) will be developed in 8 hours. Multi-page website, blog, online store: 1-3 weeks.
                                If necessary, I will provide full support and assistance in choosing a domain and placing it on the hosting you specified, I will teach you how to own your resource.
                                My personal administration is also possible (by agreement).
                            </p>
                                        
                            <p>
                                I am an active participant of scientific conferences and practical presentations.
                                You can find a more detailed list of the courses I have taken in the section <a href="#conferences">"Courses and certificates"</a>
                            </p>
                                        
                            <p>
                                When developing, I use: 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">
                                Download my CV
                            </a>
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </section>
                <!--//section-->

                <section id="latest" class="latest section">
                    <div class="section-inner">
                        <h2 class="heading">My projects</h2>
                        <div class="content">

                            <div class="item featured text-center">
                                <h3 class="title"><a href="https://schooleducation.online/" target="_blank">The first
                                    licensed gymnasium in online format</a></h3>
                                <p class="summary">Full-featured website for an online gymnasium</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">New</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">New</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">New</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">New</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">New</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> Site created on the basis of CMS WordPress. </strong>
                                        The main task of the site is to provide in a convenient online format
                                        information about admission, education, training programs for the gymnasium
                                        for applicants, schoolchildren and parents,
                                        who want to give their kids the best online education.
                                        To implement this global vision
                                        specialized add-ons have been developed both for the installed plugins and of our own design.
                                        Implemented its own unique system of taxonomies and organized convenient work with them.
                                    </p>
                                    <p>Also, at the request of the customer, implemented in the admin panel,
                                        at the level of solutions provided by designers,
                                        full customization of the content, and its display on the pages.
                                    </p>

                                    <p>
                                        <a class="more-link" href="https://schooleducation.online/" target="_blank">
                                            <i class="fa fa-external-link"></i> More details
                                        </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">Fort Boyard - quest based on the world TV show</a>
                                        </h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Site created on the basis of CMS WordPress, using WordPress technology
                                            Multisite.
                                            Due to the expansion of the company, this technology made it possible to create
                                            separate complexes for new partners without changing the main domain.
                                            And thanks to the use of a large variety of plugins and
                                            hand-written add-ons, the site now has a very wide range of
                                            features and available functions.
                                        </p>
                                        <p><a class="more-link" href="https://fortfamily.ru"
                                                target="_blank"><i class="fa fa-external-link"></i> More details</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>
                                            Development of Backend site functionality for a custom software company.
                                            Implementation of a unique filtering system for finished projects based on the use of WP_Query and child categories.
                                            Based on Carbon Fields, a system for customizing the output of specific posts, which combines the functionality of the usual "Similar Posts" block,
                                            on the page of the finished project. Full adaptability of each individual element of the site has been implemented specifically for the requirements of the client.
                                            Installation and configuration of the site directly on the client hosting.
                                        </p>
                                        <p><a class="more-link" href="https://inmost.pro/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Development of Backend functionality for an online store selling food supplements.
                                            Design and implementation, according to the needs of the client, a unique ordering system on the site,
                                            which includes the modernization of the API for Boxberry deliveries, CDEK and delivery via Russian Post.
                                            To solve this problem, a comprehensive refactoring of the source code of the delivery plugins was carried out,
                                            to the needs of the client with the ability to adapt the methods and their capabilities.

                                            A unique system of discounts has been developed, based on the use of additionally created custom post types.
                                            And thanks to the integration of the capabilities of the Carbon fields plugin, it was possible to achieve the maximum level of adaptability of the content of the blocks on the page.

                                            In addition, at the request of the client, our own article search system was designed, repeating the capabilities of the previous site's Framework.
                                            The algorithm is based on the use of an AJAX request to obtain the necessary records, depending on the selected label (articles, reviews, posts).
                                            For this, a parameterized query WP_Query was used, in which basic information about the desired post was entered.
                                        </p>
                                        <p><a class="more-link" href="https://biorich.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Preparation and implementation of a unique registration, authorization and password reset system on the site, implemented using
                                            AJAX technologies and data protection functions from hacking (sanitize_text_field, sanitize_email, etc.).
                                            Creation and implementation of a unique multi-level menu functionality on the site.
                                            Integration of a unique filtering system for tours, displaying a list of various tours, etc.
                                            Creation of a universal system for setting content on site pages using the ACF plugin and implementation of multilingual content
                                            for the functions of this plugin, in particular the modernization of the functions for creating shortcodes.
                                        </p>
                                        <p><a class="more-link" href="https://travel.c.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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">AGROTECHKOM</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Preparation and implementation of a "stretch" of a site with a layout for an industrial company
                                            equipment.
                                            The adaptability of the settings for each of the page elements was made
                                            specifically for the client's requirements.
                                            For the very setup and display of the fields, we used the plugin
                                            Carbon Fields.
                                            The correct display of nesting on pages has been adjusted
                                            categories (WooCommerce).
                                            Preparation and customization of displaying special 3D on product pages
                                            models thereof.
                                            Installation and configuration of the site directly on the client's hosting.
                                        </p>
                                        <p><a class="more-link" href="https://agrotehkom.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Preparation and implementation of "stretch" of the site from the layout for the Kharkiv hotel
                                            Iris.
                                            Transferring and "stretching" pages from Tilda to the WordPress engine.
                                            Configuring and finalizing the room booking plugin (Bug fixes
                                            booking, adding a separate gallery for each room, etc.).
                                            Implementation of multilingualism for the content of all pages.
                                            Stretching <a href="https://irishotel.com.ua/to_go" target="_blank"> pages
                                                food delivery </a> and its full adaptability.
                                            Installation and configuration of the site directly on the client's hosting.
                                        </p>
                                        <p><a class="more-link" href="https://irishotel.com.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Preparation and implementation of "stretching" the site from the layout for the uasport company.
                                            Full adaptability of page elements, specifically for the requirements of the client.
                                            Implementation of a system for setting up Clubs and Events, using separate
                                            taxonomies.
                                            Own filtering system by multiple input parameters (Activity type,
                                            city, district, age groups, prices, etc.).
                                            Unique customer feedback forms. There is an opportunity to report
                                            errors found both in the information about the event and in the description of the club.
                                            Unique registration forms for new events and clubs (Includes
                                            multiple text fields and file insertion forms).
                                            Installation and configuration of the site directly on the client's hosting.
                                            All filters and forms work using AJAX technology.
                                        </p>
                                        <p><a class="more-link" href="https://uasport.info/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Preparation and implementation of "stretching" the site from the layout for the company producing
                                            supplements and components for their production.
                                            Full adaptability of page elements, specifically for the requirements of the client.
                                            Setting up product filter robots for standard WooCommerce categories and
                                            for "custom" taxonomies.
                                            The adaptability and customization of the site elements is made specifically for
                                            customer requirements.
                                            For the very setup and display of the fields, we used the plugin
                                            Carbon Fields.
                                            Installation and configuration of the site directly on the client's hosting.
                                        </p>
                                        <p><a class="more-link" href="https://aprofi-group.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Preparation and implementation of "stretching" the site from the layout for the manufacturer's company
                                            plumbing.
                                            Implementation of the standard functionality of an online store using WooCommerce.
                                            Setting up the display of categories and products on the pages.
                                            Refinement of the YITH WooCommerce Wishlist plugin, specifically for the requirements
                                            client.
                                            For the very setup and display of the fields, we used the plugin
                                            Advanced Custom Fields (ACF).
                                            Installation and configuration of the site directly on the client's hosting.
                                        </p>
                                        <p><a class="more-link" href="https://kronoplast.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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">Production and construction company Ukom</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Development of a new design, layout, and complete assembly on the WordPress site engine for the production and construction company Yukom.
                                            Fixed all bugs and bugs left by previous developers.
                                            Code refactoring on all pages, and optimization of plugin management.
                                            Organization of interaction of layouts and blocks of a site at the level of the designer. The capabilities of the Advanced Custom Fields plugin were used for this purpose.
                                            The site was optimized separately, according to Google standards.
                                            The increase in productivity, after the final assembly, was> 70%.
                                            All this has been achieved through the use of modern approaches to website optimization.
                                        </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">Theatre
                                            on beetles</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Preparation and implementation of a "stretch" of the site from the layout for the Kharkov theater "Theater on Zhukah".
                                            Implementation of adaptability and customization of each element of the pages, according to the requirements
                                            client using the capabilities of the Carbon Fields plugin.
                                            Adaptation of the display of the content of posts depending on the content.
                                            Installation and configuration of the site directly on the client's hosting.
                                        </p>
                                        <p><a class="more-link" href="https://www.zhuky.kharkiv.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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">Ishimbayskaya LLC
                                            Engineering Company "</a></h3>
                                        <p> <strong>WordPress.</strong>
                                            Setting up convenient work with goods, the ability to quickly
                                            setting and managing directories, implementing a unique display method
                                            products depending on the selected catalog (WooCommerce).
                                            Installation and configuration of the site directly on the client's hosting, implementation
                                            responsive setting of all text fields and images on the page (Carbon
                                            Fields).</p>
                                        <p><a class="more-link" href="https://imk02.ru/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Full stretch of the site from the layout. Setting up the display of site content is organized specifically for the client.
                                            To customize and display fields, the capabilities of the Advanced Custom plugin were used
                                            Fields.
                                            Implementation of your own method for switching the site language, without using
                                            additional plugins for this.
                                            Writing your own mailing list and customizing it for the needs of the client.
                                            For this, the AJAX for WordPress technology was used.
                                            Installation and configuration of the site directly on the client's hosting.
                                        </p>
                                        <p><a class="more-link" href="https://custvoice.pro/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Collaboration with another Backend developer.
                                            Stretching, setting and filling most of the pages.
                                            Preparation and implementation of multilingualism of all site content.
                                            Implementation of a separate order form with saving the data entered into it ($ _SESSION).
                                            Correction of Frontend developer errors, which had to be encountered along the way.
                                        </p>
                                        <p><a class="more-link" href="https://www.stm-fencing.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Finalization of the site of an Israeli cosmetics company.
                                            Changes to the functionality of the YITH WooCommerce Points and Rewards plugin.
                                            Namely, the implementation of a separate bonus system in the form of cashback, which depends on
                                            the number of purchases for purchases in the store.
                                            Correction of errors in displaying products and individual elements on the pages.
                                            Refinement of the basket and payment system using PayPal.
                                        </p>
                                        <p><a class="more-link" href="https://cosmedoc.net/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Website revision for a technology company.
                                            Writing your own algorithm for lazy loading video on pages.
                                            Namely, optimization of the download speed of the video itself when you click on the preview.
                                            Optimization of work for modern Google standards.
                                            It was possible to achieve a threefold acceleration in comparison with the previous version.
                                            Namely, from 31 to 90+ points in PageSpeed Insights.
                                        </p>
                                        <p><a class="more-link" href="https://waterpro.com.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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">FIRST EXPERIMENTAL PRINTING</a></h3>
                                        <p>
                                            <strong>WordPress</strong>
                                            Refactoring the site after the ArtLemon company.
                                            Complete change in the display of all information on the site, reconfiguration of the admin panel elements,
                                            correction of inconsistencies with modern code quality standards and alteration of the entire site under the current MCV standard.
                                            Optimization of the site to an acceptable level.
                                        </p>
                                        <p><a class="more-link" href="https://exp-print.com.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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">Teatralne vіkno to Europe</a></h3>
                                        <p>
                                            <strong>WordPress.</strong>
                                            Transferring the site to a new hosting, followed by setting up the correct display of all elements on the page.
                                        </p>
                                        <p><a class="more-link" href="https://www.twin.org.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Refinement of the website of the jewelry company.
                                            Preparing pages for translations,
                                            namely installing and configuring the WP Multilang plugin.
                                            Correction of errors in displaying and loading products on the store page.
                                            Setting up fields and product content.
                                        </p>
                                        <p><a class="more-link" href="https://cote-jeunot.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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 - Discounts
                                            your city</a></h3>
                                        <p> 
                                            <strong>WordPress.</strong>
                                            Implementation of the functionality of purchasing discount coupons.
                                            Correction of errors, after other developers, related to the addition of a new coupon, its design
                                            and confirmation of payment. Correction of incorrect display
                                            elements and functional blocks on pages. Search engine setup
                                            and bug fixes for the old version.</p>
                                        <p><a class="more-link" href=" https://kele.ru/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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>
                                            Configuring the content of site pages after hacking.
                                             Fix display of individual elements on pages
                                             Filling the pages with new content.</p>
                                        <p><a class="more-link" href="https://fizio.ua/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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> Transferring a site to a new hosting with subsequent configuration
                                            content of pages.
                                            Bug fixes related to incorrect display of elements on pages.
                                            Configuring and debugging the system for sending messages to mail. Error correction
                                            related to user authorization.
                                        </p>
                                        <p><a class="more-link" href="https://assutadoctors.com/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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">Little Switzerland</a></h3>
                                        <p> 
                                            <strong>WordPress.</strong>
                                            Correction of errors in the system of sending messages to mail.
                                            Correction of existing errors related to sending messages and processing requests.
                                            Setting up and fixing the appearance of the site.</p>
                                        <p><a class="more-link" href="https://www.switzspb.ru/" target="_blank"><i
                                                    class="fa fa-external-link"></i> More details</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">Own developments, etc:</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# Implementation of the solution to the traveling salesman problem with the ability to process kml files and further construction of the shortest path in 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> More on 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 - Sending photos to the group's album and posting to the group's wall with the ability to send several photos at the same time, implemented using the VK API.
                                        This project was honored with the GitHub Arctic Code Vault award.</p>
                                <p><a class="more-link"
                                        href="https://github.com/Prroffessorr/VK-API-example-"
                                        target="_blank"><i class="fa fa-external-link"></i> More on 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 (Client part on C#)</a> <span
                                        class="label label-theme">Open Source</span></h3>
                                <p class="summary">Implementing a C # client for a series of video tutorials on creating
                                        client-server software using WebSocket technology.</p>
                                <p><a class="more-link"
                                        href="https://github.com/Prroffessorr/WebSocketClientServerExample-C-sharp-Client-"
                                        target="_blank"><i class="fa fa-external-link"></i> More on 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 (Server part on Node.js)</a> <span
                                        class="label label-theme">Open Source</span></h3>
                                <p class="summary">Implementing a Node.js Server for a Series of Video Tutorials
                                        creation of client-server software using WebSocket technology. </p>
                                <p><a class="more-link"
                                        href="https://github.com/Prroffessorr/WebSocketClientServerExample-Nodejs-Server-"
                                        target="_blank"><i class="fa fa-external-link"></i> More on 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">Materials for my video tutorials on working with the Carbon Fields plugin.
                                    </p>
                                    <p><a class="more-link" href="https://github.com/Prroffessorr/Carbon_Fields_Tutorials"
                                            target="_blank"><i class="fa fa-external-link"></i>More on 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 plugin for customizing the login form in the admin panel of the site. </p>
                                <p><a class="more-link" href="https://github.com/Prroffessorr/ChangeLoginFormPlagin"
                                        target="_blank"><i class="fa fa-external-link"></i> More on 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
                                        - Changes to the functionality of the Widgetkit plugin, according to the needs of the client.</a></h3>
                                <p class="summary">Improvements to the existing functionality of the Widgetkit plugin and
                                        adaptation of its functionality to the necessary needs.</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> More details</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a href="https://www.isma.lv/">Issma anno</a></h3>
                                <p class="summary">Joomla - creating new courses, customizing the content of articles, fixing display errors.</p>
                                <p><a class="more-link" href="https://www.isma.lv/" target="_blank"><i
                                            class="fa fa-external-link"></i> More details</a></p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <h3 class="title"><a href="https://university.socialhammer.com/">Socialhammer</a></h3>
                                <p class="summary">WordPress - Improvement of the registration / authorization system. Adding two-factor user authentication,
                                        (plugin wp-recall). Configuring access to sections depending on the capabilities
                                        user.</p>
                                <p><a class="more-link" href="https://university.socialhammer.com/" target="_blank"><i
                                            class="fa fa-external-link"></i> More details</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">work experience:</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 - PRESENT TIME)</span></h3>
                                <p>
                                    I have been working in this company since the beginning of 2021 as a PHP Backend / CMS developer.
                                    I am engaged in the development and support of projects implemented on the CMS WordPress.
                                    Completion, depending on the wishes of the client, individual plugins on the site.
                                    Bug fixes and optimization of already working sites.
                                    Implementation of functionality of any complexity of the site specifically for the client,
                                    ranging from creating self-written filters for products and taxonomies, ending with working with various APIs.
                                </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> Worked with this company on the basis of project cooperation. Completed tasks with
                                    which the in-house developers of the company could not cope with. Provided front-end training
                                    developers and gave advice on the implementation of the back-end component of the sites.
                                    Fixed errors related to inexperience of developers and brought sites to
                                    acceptable level (both cleanliness of the code and usability for the user).
                                    Implemented separate functional modules for the site (mainly for WooCommerce).
                                    Was engaged in the optimization of existing sites in accordance with modern
                                    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> In this company, he was engaged in the development of a backend component for sites
                                    implemented on different CMS (WordPress, Joomla).
                                    Was writing add-ons for WooCommerce plugins and the like.
                                    Developed solutions based on various APIs for specific client requirements.
                                    My responsibilities also included the development of the Frontend component of the site. Starting from js script development
                                    for the interactivity of individual elements and ending with a complete revision and fine-tuning to the desired level of the entire appearance of the site,
                                    before its final transfer to the client.
                                    Starting from correcting adaptability errors and ending with self-writing the layout of individual pages.
                                </p>
                            </div>
                            <!--//item-->
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </section>
                <!--//section-->
                <section class="github section">
                    <div class="section-inner">
                        <h2 class="heading">Activity on 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="https://tatarnykov.agency.tilda.ws/">
                                <span class="card" style="display:block;"><p>Business</p><p>card</p></span>
                            </a>
                        </h2> 
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//aside-->

                <aside class="info aside section">
                    <div class="section-inner">
                        <h2 class="heading sr-only">General information:</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li><i class="fa fa-map-marker"></i><span class="sr-only">Place of residence: </span> Kharkov,
                                    Ukraine </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">My skills:</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">Latest reviews:</h2>
                        <div class="content" id="testimonials">
                            
                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>
                                        Thank you very much for a good job! 🙂
                                        We have been waiting for this release for a long time. 🙂
                                    </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>
                                        Great, thank you!
                                    </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>Everything is fine, fast and clear!</p>
                                </blockquote>
                                <p class="source"><span class="name">Maxim Proshutinsky</span><br />
                                    <span class="title">Freelancehunt</span>
                                </p>
                            </div>
                            <!--//item-->

                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>Very cool! I think the customer will check it out!</p>
                                </blockquote>
                                <p class="source"><span class="name">Anton</span><br />
                                    <span class="title">KNURE</span>
                                </p>
                            </div>
                            <!--//item-->

                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>You did it. It really worked!</p>
                                </blockquote>
                                <p class="source"><span class="name">Oleksandr Kobziev</span><br />
                                    <span class="title">Private Enterprise "SMO YUST" </span>
                                </p>
                            </div>
                            <!--//item-->
                            <div class="item">
                                <blockquote class="quote">
                                    <p><i class="fa fa-quote-left"></i>All perfectly</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">Higher education:</h2>
                        <div class="content">
                            <div class="item">
                                <h3 class="title"><i class="fa fa-graduation-cap"></i> KNURE </h3>
                                <h4 class="university">Bachelors degree <span class="year">(2016 - 2020)</span></h4>
                                <h4 class="university">Master's degree <span class="year">(2020 - Present day)</span></h4>
                            </div>
                            <!--//item-->
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//section-->

                <aside class="languages aside section">
                    <div class="section-inner">
                        <h2 class="heading">Knowledge of languages</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li class="item">
                                    <span class="title"><strong>Ukrainian:</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>Russian:</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>English:</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">Social activity
                                (YouTube channel)</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 # Building a client-server application. Part 2 - Implementing the Server Side
                                programs.'><span>▶</span></a>" frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen
                                    title="Node.js + C # Building a client-server application. Part 2 - Implementing the Server Side
                                    programs."></iframe>
                                <p>Node.js + C # Building a client-server application. Part 2 - Implementing the Server Side
                                        programs.</p>
                                <a class="more-link" href="https://youtu.be/mTar85mkIog" target="_blank"><i
                                        class="fa fa-external-link"></i>More details</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 # Building a client-server application. Part 1 - Implementing the client
                                parts using C #'><span>▶</span></a>" frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen
                                    title="Node.js + C # Building a client-server application. Part 1 - Implementing the client
                                    parts using C #"></iframe>
                                <p>Node.js + C # Building a client-server application. Part 1 - Implementing the client
                                        parts using C #</p>
                                <a class="more-link" href="https://youtu.be/36q1pi7s-OM" target="_blank"><i
                                        class="fa fa-external-link"></i>More details</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='Quick start FileZilla: Parsing the interface, working with files, how to find out the password from ftp
                                servers, etc.'><span>▶</span></a>" frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen
                                    title="Quick start FileZilla: Parsing the interface, working with files, how to find out the password from ftp
                                    servers, etc."></iframe>
                                <p>Quick start FileZilla: Parsing the interface, working with files, how to find out the password from ftp
                                        servers, etc.</p>
                                <a class="more-link" href="https://youtu.be/_51Ev3EE-C4" target="_blank"><i
                                        class="fa fa-external-link"></i>More details</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 Create a copy and transfer (to hosting) a site using a plugin
                                Duplicator.'><span>▶</span></a>" frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen
                                    title="WordPress # 1 Create a copy and transfer (to hosting) a site using a plugin
                                    Duplicator."></iframe>
                                <p>WordPress # 1 Create a copy and transfer (to hosting) a site using a plugin
                                        Duplicator.</p>
                                <a class="more-link" href="https://youtu.be/MWsuMUuux60" target="_blank"><i
                                        class="fa fa-external-link"></i>More details</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>More on 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">Favorite music for work:</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">Courses and certificates:</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">Scientific works, conferences and dissertations:</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">
                                    Participation in the III International scientific-practical conference "Actual problems
                                    modern science and education. "June 10-11, 2021.
                                    </a>(Lviv)</li>

                                <li><i class="fa fa-calendar"></i> <a
                                    href="https://ojs.ukrlogos.in.ua/index.php/liga/issue/view/21.05.2021"> Participation in
                                    I International student-scientific conference "Priority directions and vectors
                                    WORLD SCIENCE DEVELOPMENT ". May 21, 2021.
                                    </a>(Nikolaev)</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">
                                    Participation in the 25th International Youth Forum "Radio Electronics and Youth in the XX
                                    CENTURY ". Section 5. April 20, 2021.
                                    </a>(Kharkov)</li>

                                <li><i class="fa fa-calendar"></i> Participation in the All-Ukrainian competition of student
                                    scientific works in natural, technical and humanitarian sciences. February 25, 2021.
                                    (Kiev)</li>

                                <li><i class="fa fa-calendar"></i>Tenth International Scientific and Technical Conference
                                    "Modern directions of development of information and communication technologies and
                                    controls ". (Kharkiv)</li>

                                <li><i class="fa fa-calendar"></i> Participation in an international scientific and technical conference:
                                    Computer systems and networks for control and data processing.
                                    Section 5. Methods and tools for data processing in heterocomponent computer systems
                                    networks. (Kharkov)</li>

                                <li><i class="fa fa-calendar"></i> <a href="https://meics.dnure.dp.ua/"> Participation in V
                                    All-Ukrainian scientific and practical conference
                                    students, graduate students and young scientists "Promising directions of modern
                                    electronics, information and computer systems ".
                                    November 25-27, 2020.
                                    </a>(Dnieper)</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/">
                                    Participation in the VII International Scientific and Practical Conference of Students, Postgraduates
                                    and young
                                    Scientists "United by Science: Prospects for Interdisciplinary Research". 12-13
                                    November 2020.
                                    </a>(Kiev)</li>
                            </ul>
                        </div>
                        <!--//content-->
                        <div class="more"><b>Show more</b><i class="fa fa-chevron-right"></i></div>
                        <div class="less"><b>Hide</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>
    <!-- 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>