<?php

declare(strict_types=1);

$this->title = 'SkillParts';
?>

<link href="/css/hotline.css" rel="stylesheet">

<div id="page_index" class="mb-auto">
    <section class="info_panel unselectable">
        <div class="container h-100 d-flex flex-column justify-content-center">
            <h1 class="mb-4 ml-0 gilroy">Проблема с подбором запчастей?</h1>
            <p class="ml-0 d-flex">
                <span class="p-2 px-3 button_call_icon d-flex"><i class="fas fa-phone-alt my-auto text-white"></i></span>
                <a class="btn text-white button_clean button_blue button_call" href="/call" role="button">Связаться с менеджером</a>
            </p>
        </div>
        <div class="h-100 d-flex flex-column justify-content-end">
            <img class="img-fluid" src="/img/photos/compressed/963K_cutted.webp" alt="Связаться с менеджером">
        </div>
    </section>

    <section id="hotline" class="py-4 hotline unselectable" data-hotline="true" data-hotline-step="1">
        <article><img src="/img/logos/h32px/compressed/cummins.png" alt="Cummins"></article>
        <article><img src="/img/logos/h32px/compressed/iveco.png" alt="Iveco"></article>
        <article><img src="/img/logos/h32px/compressed/komatsu.png" alt="Komatsu"></article>
        <article><img src="/img/logos/h32px/compressed/case.png" alt="Case"></article>
        <article><img src="/img/logos/h32px/compressed/isuzu.png" alt="Isuzu"></article>
        <article><img src="/img/logos/h32px/compressed/new_holland.png" alt="New Holland"></article>
        <article><img src="/img/logos/h32px/compressed/perkins.png" alt="Perkins"></article>
        <article><img src="/img/logos/h32px/compressed/john_deere.png" alt="John Deere"></article>
        <article><img src="/img/logos/h32px/compressed/caterpillar.png" alt="Caterpillar"></article>
        <article><img src="/img/logos/h32px/compressed/shantui.png" alt="Shantui"></article>
        <article><img src="/img/logos/h32px/compressed/xcmg.png" alt="XCMG"></article>
        <article><img src="/img/logos/h32px/compressed/kobelco.png" alt="Kobelco"></article>
        <article><img src="/img/logos/h32px/compressed/shehwa.png" alt="SHEHWA"></article>
        <article><img src="/img/logos/h32px/compressed/bomag.png" alt="BOMAG"></article>
        <article><img src="/img/logos/h32px/compressed/hitachi.png" alt="Hitachi"></article>
    </section>

    <section class="container mb-4">
        <div class="row mb-5 mb-md-0 px-3 px-md-0 unselectable">
            <div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0 py-0 d-flex flex-column">
                <div class="px-3 px-xl-4 pt-3 d-inline-block category_block_title">
                    <h4 class="m-0">Масла, смазки</h4>
                </div>
                <div class="p-3 px-md-4 category_block">
                    <dl class="mb-0">
                        <dd><a onclick="return writeInDevelopment(this);" type="button">Масла моторные</a></dd>
                        <dd><a onclick="return writeInDevelopment(this);" type="button">Масла трансмиссионные</a></dd>
                        <dd><a onclick="return writeInDevelopment(this);" type="button">Масла гидравлические</a></dd>
                        <dd><a onclick="return writeInDevelopment(this);" type="button">Смазки</a></dd>
                    </dl>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0 py-0 d-flex flex-column">
                <div class="px-3 px-xl-4 pt-3 d-inline-block category_block_title">
                    <h4 class="m-0">Электрооборудование</h4>
                </div>
                <div class="p-3 px-md-4 category_block">
                    <dl class="mb-0">
                        <dd><a onclick="return writeInDevelopment(this);" type="button">Фары и свет</a></dd>
                    </dl>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0 py-0 d-flex flex-column">
                <div class="px-3 px-xl-4 pt-3 d-inline-block category_block_title">
                    <h4 class="m-0">Инструмент</h4>
                </div>
                <div class="p-3 px-md-4 category_block">
                    <dl class="mb-0">
                        <dd><a onclick="return writeInDevelopment(this);" type="button">Шприцы для смазки</a></dd>
                        <dd><a onclick="return writeInDevelopment(this);" type="button">Ключи, съёмники</a></dd>
                        <dd><a onclick="return writeInDevelopment(this);" type="button">Наборы инструментов</a></dd>
                    </dl>
                </div>
            </div>
        </div>
    </section>
</div>

<script src="/js/hotline.js" defer></script>
<script src="/js/text.js" defer></script>
<script>
     document.addEventListener('hotline.loaded', function(e) {
    // Загружена программа: "бегущая строка"

        // Обработка HTML-документа и генерация бегущих строк
        e.detail.hotline.preprocessing();
    });
</script>
