//= header.html

<div class="container">
  <div class="row">
    <div class="col page-title">
        <div class="breadcrumbs">
          <span class="breadcrumbs__item"><a href="#">Главная</a></span>
          <span class="breadcrumbs__arrow">&gt;</span>
          <span class="breadcrumbs__item">Реализованные проекты</span>
        </div>
        <h1 class="page-title__title">Реализованные проекты</h1>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">

    <div class="col-xxl-6 col-xl-8 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image: url('images/cases-item-1.jpg');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">Ненецкая телерадиовещательная компания</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

    <div class="col-xxl-3 col-xl-4 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image: url('images/cases-item-2.jpg');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">Законодательное собрание Красноярского края</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

    <div class="col-xxl-3 col-xl-4 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image: url('images/cases-item-1.jpg');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">Дворец спорта «Юбилейный», Орск</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

    <div class="col-xxl-3 col-xl-4 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image: url('images/cases-item-2.jpg');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">Мультимедийный информационный комплекс ИТАР-ТАСС, Санкт-Петербург</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

    <!-- TODO: Для постов, где картинка не загружена, к ссылке добавляется класс cases-item_color -->
    <div class="col-xxl-3 col-xl-4 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item cases-item_color text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image:url('');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">ГТРК Ингушетия</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

    <div class="col-xxl-6 col-xl-8 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image: url('images/cases-item-2.jpg');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">Общественная палата Российской Федерации</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

    <div class="col-xxl-3 col-xl-4 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image: url('images/cases-item-2.jpg');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">Телекомпания 21TV «МКР-Медиа- Армения»</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

    <div class="col-xxl-3 col-xl-4 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image: url('images/cases-item-1.jpg');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">РГУ физической культуры, спорта и&nbsp;туризма</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

    <div class="col-xxl-3 col-xl-4 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image: url('images/cases-item-2.jpg');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">Ненецкая телерадиовещательная компания</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

    <div class="col-xxl-3 col-xl-4 col-md-6 col-sm-12 mb-4">
      <a href="#" class="cases-item text-left d-flex align-items-end">
        <div class="cases-item__image" style="background-image: url('images/cases-item-1.jpg');"></div>
        <div class="cases-item__inner">
          <h5 class="cases-item__subtitle">Свет, видео</h5>
          <h3 class="cases-item__title">Псковский ОРТПЦ</h3>
          <p class="cases-item__description">Модернизация сетевой инфраструктуры, построение системы хранения данных, установка станций нелинейного монтажа, модернизация центральной аппаратной и&nbsp;АСБ, поставка оборудования, пуско-наладка комплекса, обучение персонала.</p>
        </div>
      </a>
    </div>

  </div>
  
  <div class="row">
    <div class="col">
      <!-- Пагинация классическая -->
      <div class="pagination pagination_classic">
        <span class="pagination__button pagination__button_disabled pagination__button_prev d-none d-md-block"><i class="icon icon-pagination-left"></i> Назад</span>
        <div class="pagination__pages">
          <a href="#" class="pagination__button pagination__button_page pagination__button_active">1</a>
          <a href="#" class="pagination__button pagination__button_page">2</a>
          <span href="#" class="pagination__dots">...</span>
          <a href="#" class="pagination__button pagination__button_page">5</a>
        </div>
        <span class="pagination__button pagination__button_next d-none d-md-block">Вперёд <i class="icon icon-pagination-right"></i></span>
      </div>
      <!-- конец пагинации -->
    </div>
  </div>
</div>

<section class="promotion-section bg-white mt-10">
  <div class="container">
    <div class="row section_independent">
      <div class="col-xl">
        <div class="headline-block headline-block_margin">
          <h5 class="headline-block__subtitle">Услуги</h5>
          <h1 class="headline-block__title">Рассчитаем ваш проект!</h1>
          <p class="headline-block__description">Заполните экспресс-форму и&nbsp;получите бесплатный расчет стоимости своего проекта.</p>
          <a href="#" class="button button_primary headline-block__button"><span>Узнать больше</span></a>
        </div>
      </div>
      <div class="col-xl">
        <img src="images/magazine.png" alt="" class="promotion-section__image">
      </div>
      <div class="col-xl">
        <div class="promotion-section__advice promotion-section__advice_upper">
          <p class="promotion-section__number promotion-section__number_upper">01</p>
          <p class="promotion-section__description promotion-section__description_upper">Вам не&nbsp;придется тратить время на&nbsp;самостоятельный <span>подбор конкретных наименований.</span></p>
        </div>
        <div class="promotion-section__advice promotion-section__advice_lower">
          <p class="promotion-section__number promotion-section__number_lower">02</p>
          <p class="promotion-section__description promotion-section__description_lower">Вы&nbsp;увидите оптимальную подборку оборудования, <span>отвечающую требованиям конкретного проекта.</span></p>
        </div>
      </div>
    </div>
  </div>
</section>

//= footer.html