/
CoderKsu
/
Project_1
Обзор
Документация
Войти
/
CoderKsu
/
Project_1
Код
Запросы
1
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
IT-engineer.html
367 строк
22 KB
CoderKsu
fixes
03 авг 2026, 16:24
03 авг 2026, 16:24
48878b4
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script> <script src="main.js" defer></script> <link rel="stylesheet" href="styles.css"> <title>Выезд IT-инженера на объект</title> </head> <body> <header class="header"> <div class="container"> <div class="header_inner"> <a class="logo" href="#" >L8</a> <nav class="main_nav"> <ul class="nav_bar_list"> <li><a class="nav_bar_link" href="#">О компании</a></li> <li><a class="nav_bar_link" href="#">Услуги</a></li> <li><a class="nav_bar_link" href="#">Кейсы</a></li> <li><a class="nav_bar_link" href="#">Блог</a></li> <li><a class="nav_bar_link" href="#">Вакансии</a></li> <li><a class="nav_bar_link" href="#">Контакты</a></li> </ul> <div class="menu_btn"> <i class="fa-solid fa-bars"></i> </div> <div class="dropdown_menu"> <ul> <li class="dropdown_menu_links"><a href="#">О компании</a></li> <li class="dropdown_menu_links"><a href="#">Услуги</a></li> <li class="dropdown_menu_links"><a href="#">Кейсы</a></li> <li class="dropdown_menu_links"><a href="#">Блог</a></li> <li class="dropdown_menu_links"><a href="#">Вакансии</a></li> <li class="dropdown_menu_links"><a href="#">Контакты</a></li> </ul> </div> </nav> <div class="number"> <p>+7 495 128 83 83</p> </div> </div> </div> </header> <main> <section class="service_header"> <div class="container"> <div class="service_header_block"> <p class="part_service">Услуга</p> <h2 class="service_header_title">Выезд IT-инженера на объект</h2> <p class="service_header_text">Оперативный выезд сервисного инженера технической поддержки для решения IT-проблем на вашем объекте в Москве и Московской области. Срочный выездной сервис от 2 часов.</p> <button class="btn service_calculat_btn scroll-to" data-target="calculator">Рассчитать стоимость</button> <button class="btn service_order_btn open-modal-btn" type="button" data-modal-target="modal">Заказать выезд</button> </div> </div> </section> <section class="service_description"> <div class="container"> <div class="block_service_description"> <div class="service_description_text"> <h2 class="service_description_title">Выездной IT-инженер технической поддержки</h2> <p><b>Специализация: </b>комплексное обслуживание IT-инфраструктуры бизнеса с выездом на объект заказчика.</p> <p><b>Принцип работы: </b>оперативное реагирование на запросы, диагностика и решение проблем на месте, профилактическое обслуживание.</p> <p><b>Этапы работы:</b></p> <ol class="service_description_list"> <li>Заявка на выезд IT-инженера</li> <li>Согласование времени и задач</li> <li>Выезд специалиста на объект</li> <li>Диагностика и решение проблем</li> <li>Отчет о выполненной работе</li> <li>Рекомендации по оптимизации</li> </ol> <p>Мы обеспечиваем выезд IT-специалиста в течении 2-4 часов в Москве и МО для срочного решения технических проблем.</p> </div> <div class="service_description_img"> <img class="service_description_img_item" src="img/image-for-service.png" alt=""> </div> </div> </div> </section> <section class="service_calculat" id="calculator"> <div class="container"> <div class="block_service_calculat"> <h2 class="service_calculat_title">Рассчитайте стоимость выезда IT-инженера</h2> <div class="wrapper_range"> <label class="label_range" for="computers">Количество рабочих мест (компьютеров):</label> <div class="range_tooltip"></div> <input class="input_range" type="range" id="computers" name="computers" min="1" max="100" value="1"> <div class="wrapper_numbers_range"> <p class="level_range_text">1</p> <p class="level_range_text">100+</p> </div> </div> <div class="wrapper_range"> <label class="label_range" for="servers">Количество серверов:</label> <div class="range_tooltip"></div> <input class="input_range" type="range" id="servers" name="servers" min="0" max="20" value="0"> <div class="wrapper_numbers_range"> <p class="level_range_text">0</p> <p class="level_range_text">20+</p> </div> </div> <div class="service_calculat_items"> <div class="block_calculat_item"> <h4 class="calculat_item_title">Разовый выезд</h4> <p class="calculat_item_price">9 500 ₽</p> <ul class="calculat_item_list"> <li class="calculat_item">Диагностика на месте</li> <li class="calculat_item">Работа до 4 часов</li> <li class="calculat_item">Отчет о работе</li> </ul> <div class="block_calculat_items_btn"> <button class="btn calculat_items_btn open-modal-btn" type="button" data-modal-target="modal">Заказать</button> </div> </div> <div class="block_calculat_item calculat_items_white"> <h4 class="calculat_item_title">Абонентское обслуживание</h4> <p class="calculat_item_price">от 17 000 ₽/мес</p> <div class="block_calculat_items_btn"> <button class="btn calculat_items_btn open-modal-btn" type="button" data-modal-target="modal">Выбрать</button> </div> </div> <div class="block_calculat_item"> <h4 class="calculat_item_title">Комплексный IT-аутсорсинг</h4> <p class="calculat_item_price">от 32 000 ₽/мес</p> <ul class="calculat_item_list"> <li class="calculat_item">Полное сопровождение</li> <li class="calculat_item">Круглосуточная поддержка</li> <li class="calculat_item">Стратегическое планирование</li> </ul> <div class="block_calculat_items_btn"> <button class="btn calculat_items_btn open-modal-btn" type="button" data-modal-target="modal">Обсудить</button> </div> </div> </div> </div> </div> </section> <section class="service_include"> <div class="container"> <h2 class="service_title">Что включает выезд IT-инженера</h2> <div class="wrapper_items"> <div class="block_include_items"> <h4 class="item_title_green">Диагностика и ремонт</h4> <ul class="include_items_list"> <li class="include_item">Диагностика оборудования</li> <li class="include_item">Ремонт компьютеров и серверов</li> <li class="include_item">Настройка сетевого оборудования</li> <li class="include_item">Устранение неисправностей</li> </ul> </div> <div class="block_include_items"> <h4 class="item_title_green">Установка и настройка</h4> <ul class="include_items_list"> <li class="include_item">Установка ОС и ПО</li> <li class="include_item">Настройка рабочих мест</li> <li class="include_item">Развертывания серверов</li> <li class="include_item">Настройка резервного копирования</li> </ul> </div> <div class="block_include_items"> <h4 class="item_title_green">Сетевая инфраструктура</h4> <ul class="include_items_list"> <li class="include_item">Обслуживание сетевого оборудования</li> <li class="include_item">Настройка Wi-Fi сети</li> <li class="include_item">Оптимизация работы сети</li> <li class="include_item">Монтаж СКС</li> </ul> </div> </div> </div> </section> <section class="service_who-fits"> <div class="container"> <h2 class="service_title">Кому подходит услуга выезда IT-инженера</h2> <div class="wrapper_items"> <div class="block_who-fits_item"> <h4 class="item_title">Малый бизнес</h4> <p class="item_text_global">Офисы до 20 рабочих мест, нуждающиеся в переодическом техническом обслуживании без содержания штатного IT-специалиста.</p> </div> <div class="block_who-fits_item"> <h4 class="item_title">Средний бизнес</h4> <p class="item_text_global">Компания с 20 до 100 компьютеров, имеющие распределенные офисы или производственные площадки, требующие регулярного обслуживания.</p> </div> <div class="block_who-fits_item"> <h4 class="item_title">Крупный бизнес</h4> <p class="item_text_global">Предприятия с разветвленной IT-инфраструктурой, филиалами в регионах, требующие комплексноо сопровождения и аварийного выезда.</p> </div> <div class="block_who-fits_item"> <h4 class="item_title">Производственные компании</h4> <p class="item_text_global">Заводы, склады, производственные площадки с оборудованием, требующим регулярного обслуживания и оперативного реагирования.</p> </div> </div> </div> </section> <section class="service_result"> <div class="container"> <h2 class="service_title">Результат для клиента</h2> <div class="wrapper_result_items"> <div class="block_result_item"> <h4 class="item_title_green">Экономия ресурсов</h4> <p class="item_text_global">Сокращение расходов на содержание штатного IT-специалиста и простоев оборудования.</p> </div> <div class="block_result_item"> <h4 class="item_title_green">Стабильная работа</h4> <p class="item_text_global">Минимизация простоев и сбоев в работе IT-инфраструктуры, повышение отказоустойчивости.</p> </div> <div class="block_result_item"> <h4 class="item_title_green">Экспертная поддержка</h4> <p class="item_text_global"> Доступ к команде сертифицированных специальстов с опытом работы в различных отраслях.</p> </div> </div> </div> </section> <section class="service_advantages"> <div class="container"> <h2 class="service_title">Преимущества выездного обслуживания от LAN8</h2> <div class="wrapper_service_advantages"> <div class="service_advantages_items"> <h4 class="item_title_green">Быстрое реагирование</h4> <p class="item_text_global">Выезд IT-инженера в течение 2-4 часов в Москве и МО при срочных обращениях.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Опытные специалисты</h4> <p class="v">Сертифицированные инженеры с опытом работы от 5 лет в различных отраслях бизнеса.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Комплексный подход</h4> <p class="item_text_global">Полный цикл работ: от диагностики до рекомендаций по оптимизации IT-инфраструктуры.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Гарантия качества</h4> <p class="item_text_global">Гарантия на выполненные работы и предоставляемые рекомендации по обслуживанию.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Прозрачная отчетность</h4> <p class="item_text_global">Детальный отчет о выполненной работе с рекомендациями по предотвращению проблем.</p> </div> <div class="service_advantages_items"> <h4 class="item_title_green">Гибкие тарифы</h4> <p class="item_text_global">Возможность разового выезда или абонентского обслуживания в зависимости от потребностей.</p> </div> </div> </div> </section> <section class="service_projects"> <div class="container"> <h2 class="service_title">Реализованные проекты по выездному обслуживанию</h2> <div class="wrapper_items"> <div class="block_items"> <h4 class="item_title">Обслуживание сети аптек</h4> <p class="item_text_global">Регулярное обслуживание 35 аптек в Москве и области, включая выезды для настройки оборудования и решения срочных проблем.</p> <a class="link_read_more" href="#">Подробнее о кейсе →</a> </div> <div class="block_items"> <h4 class="item_title">IT-поддержка производственного предприятия</h4> <p class="item_text_global">Выездное обслуживание завода с 200+ компьютерами и промышленным оборудованием, требующим регулярного обслуживания.</p> <a class="link_read_more" href="#">Подробнее о кейсе →</a> </div> <div class="block_items"> <h4 class="item_title">Сопровождение сети офисов</h4> <p class="item_text_global">Комплексное обслуживание 8 офисов финансовой компании с распределенной IT-инфраструктурой и регулярными выездами.</p> <a class="link_read_more" href="#">Подробнее о кейсе →</a> </div> </div> </div> </section> <section class="service_associated"> <div class="container"> <h2 class="service_title">Связанные услуги</h2> <div class="wrapper_items"> <div class="block_items block_items_center"> <h4 class="item_title_green">Аутсорсинг IT-услуг</h4> <p class="item_text_global">Полное сопровождение IT-инфраструктуры вашей компаниии</p> </div> <div class="block_items block_items_center"> <h4 class="item_title_green">Обслуживание серверов</h4> <p class="item_text_global">Настройка, мониторинг и администрирование серверного оборудования</p> </div> <div class="block_items block_items_center"> <h4 class="item_title_green">Настройка сетей</h4> <p class="item_text_global">Проектирование, монтаж и настройка локальных сетей</p> </div> </div> </div> </section> <section class="service_questions"> <div class="container"> <h2 class="service_title">Часто задаваемые вопросы</h2> <div class="wrapper_service_questions"> <div class="block_questions_item"> <h4 class="item_title service_item_title_questions">Сколько стоит выезд IT-инженера?</h4> <p class="item_text_global">Стоимость разового выезда начинается от 5 000 рублей и зависит от объема работ и срочности. При абонентском обслуживании выезда входят в стоимость пакета.</p> </div> <div class="block_questions_item"> <h4 class="item_title service_item_title_questions">Как быстро приедет инженер?</h4> <p class="item_text_global">При срочном выезде в Москве и ближайшем Подмосковье - в течении 2-4 часов. В отдаленные районы МО - до 6 часов.</p> </div> <div class="block_questions_item"> <h4 class="item_title service_item_title_questions">Какие проблемы решает выездной инженер?</h4> <p class="item_text_global">Диагностика и ремонт оборудования, настройка компьютеров и серверов, решение проблем с сетью, установка ПО, настройка периферии и другое.</p> </div> <div class="block_questions_item"> <h4 class="item_title service_item_title_questions">Работаете ли вы с юридическими лицами?</h4> <p class="item_text_global">Да, мы работаем по договору с юридическими лицами, предоставляем все закрывающие документы для бухгалтерии.</p> </div> <div class="block_questions_item block_questions_withoutborder"> <h4 class="item_title service_item_title_questions">Можно ли заказать выезд в нерабочее время?</h4> <p class="item_text_global">Да, мы предоставляем услуги выезда IT-инженера в выходные и праздничные дня, а также в ночное время по отдельному тарифу.</p> </div> </div> </div> </section> <section class="form_second"> <div class="container"> <div class="container_form_second"> <h2 class="form_second_title">Нужна поддержка или консультация по IT-инфраструктуре?</h2> <p class="form_second_text">Оставте заявку, и наш специалист свяжется с вами в течении 15 минут для согласования деталей выезда IT-инженера.</p> <form action="" method="get"> <label class="form__main form_label" for="username">Имя</label> <input class="form__main form_input" type="text" id="username"> <label class="form__main form_label" for="phone">Телефон</label> <input class="form__main form_input" type="text" id="phone"> <label class="form__main form_label" for="task">Кратко опишите задачу</label> <textarea class="form__main form_textarea auto-resize" id="task" rows="3"></textarea> <input class="btn input_btn_second" type="submit" value="Отправить заявку на выезд инженера"> </form> <p class="form_text_second">Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности</p> </div> </div> </section> </main> <footer class="footer_second"> <div class="container"> <nav class="footer_nav"> <ul class="footer_list_second"> <li class="footer_list_item"> <h3 class="footer_title_second">L8</h3> </li> <li class="footer_list_item">Комплексное IT-обслуживание бизнеса в Москве и области с 2010 года.</li> </ul> <ul class="footer_list_second"> <li class="footer_list_item"> <h3 class="footer_title_second">Контакты</h3> </li> <li class="footer_list_item">Телефон: <a class="footer_link_second" href="#">+7 495 128 83 83</a></li> <li class="footer_list_item">Email: <a class="footer_link_second" href="#">info@lan8.ru</a></li> <li class="footer_list_item">Адрес: Москва, ул. Примерная, д. 1</li> </ul> <ul class="footer_list_second"> <li class="footer_list_item"> <h3 class="footer_title_second">Услуги</h3> </li> <li class="footer_list_item"><a class="footer_link_second" href="#">Аутсорсинг IT</a></li> <li class="footer_list_item"><a class="footer_link_second" href="#">Выезд инженера</a></li> <li class="footer_list_item"><a class="footer_link_second" href="#">Обслуживание серверов</a></li> </ul> </nav> <p class="footer_copy">©2023 LAN8. Все права защищены.</p> </div> </footer> </body> </html>