//= 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 mb-8">
  <div class="row">
    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-bbs.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Студийный свет</a>
          <a href="#" class="brand-item__category">Светодиодные светильники</a> 
          <a href="#" class="brand-item__category">Автономный свет</a>
          <a href="#" class="brand-item__category">Комплекты репортажного света</a> 
          <a href="#" class="brand-item__category">Накамерный свет</a>
          <a href="#" class="brand-item__category">Электропитание для камер</a> 
          <a href="#" class="brand-item__category">Операторские краны, пьедесталы, рельсовые системы</a>
        </div>
      </div>
    </div>

    <!-- #region Для массовки -->
    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-birddog.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Электропитание для камер</a> 
          <a href="#" class="brand-item__category">Операторские краны, пьедесталы, рельсовые системы</a>
        </div>
      </div>
    </div>

    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-logocam.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Студийный свет</a>
          <a href="#" class="brand-item__category">Светодиодные светильники</a> 
          <a href="#" class="brand-item__category">Электропитание для камер</a> 
          <a href="#" class="brand-item__category">Операторские краны, пьедесталы, рельсовые системы</a>
        </div>
      </div>
    </div>

    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-logovision.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Автономный свет</a>
          <a href="#" class="brand-item__category">Комплекты репортажного света</a> 
          <a href="#" class="brand-item__category">Накамерный свет</a>
          <a href="#" class="brand-item__category">Электропитание для камер</a>
        </div>
      </div>
    </div>

    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-logocam.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Студийный свет</a>
          <a href="#" class="brand-item__category">Светодиодные светильники</a> 
          <a href="#" class="brand-item__category">Электропитание для камер</a> 
          <a href="#" class="brand-item__category">Операторские краны, пьедесталы, рельсовые системы</a>
        </div>
      </div>
    </div>

    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-logovision.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Автономный свет</a>
          <a href="#" class="brand-item__category">Комплекты репортажного света</a> 
          <a href="#" class="brand-item__category">Накамерный свет</a>
          <a href="#" class="brand-item__category">Электропитание для камер</a>
        </div>
      </div>
    </div>

    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-bbs.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Студийный свет</a>
          <a href="#" class="brand-item__category">Светодиодные светильники</a> 
          <a href="#" class="brand-item__category">Автономный свет</a>
          <a href="#" class="brand-item__category">Комплекты репортажного света</a> 
          <a href="#" class="brand-item__category">Накамерный свет</a>
          <a href="#" class="brand-item__category">Электропитание для камер</a> 
          <a href="#" class="brand-item__category">Операторские краны, пьедесталы, рельсовые системы</a>
        </div>
      </div>
    </div>

    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-birddog.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Электропитание для камер</a> 
          <a href="#" class="brand-item__category">Операторские краны, пьедесталы, рельсовые системы</a>
        </div>
      </div>
    </div>

    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-logovision.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Автономный свет</a>
          <a href="#" class="brand-item__category">Комплекты репортажного света</a> 
          <a href="#" class="brand-item__category">Накамерный свет</a>
          <a href="#" class="brand-item__category">Электропитание для камер</a>
        </div>
      </div>
    </div>

    <div class="col-xxl-3 col-lg-4 col-md-6 sm-12 mb-4">
      <div class="brand-item text-center h-100">
        <a href="#" class="brand-item__logo" style="background-image: url('images/brand-logocam.png');"></a>
        <a href="#" class="brand-item__title"><h4>BB&amp;S Lighting</h4></a>
        <div class="brand-item__inner">
          <a href="#" class="brand-item__category">Студийный свет</a>
          <a href="#" class="brand-item__category">Светодиодные светильники</a> 
          <a href="#" class="brand-item__category">Электропитание для камер</a> 
          <a href="#" class="brand-item__category">Операторские краны, пьедесталы, рельсовые системы</a>
        </div>
      </div>
    </div>
    <!-- #endregion Для массовки -->

  </div>
</div>

//= footer.html