Галерея перфорированных панелей

<div class="col-xs-12 gallery-cat-links">

  <a href="galereya-penopoliuretanovyh-3d-paneley-dlya-sten"><span>Пенополиуретановые панели</span></a>

  <span class="current-link">Мягкие 3D панели</span>

  <a href="galereya-derevyannyh-3d-paneley-dlya-sten"><span>Деревянные 3D панели</span></a>

  <a href="galereya-reznyh-3d-paneley-dlya-sten"><span>Резные 3D панели</span></a>

  <a href="galereya-parametricheskih-3d-paneley-dlya-sten"><span>Параметрические 3D панели</span></a>

  <a href="galereya-decorativnyh-3d-elementov-dlya-sten"><span>Декоративные 3D элементы</span></a>

  <a href="galereya-zerkalnyh-3d-paneley-dlya-sten"><span>Зеркальные 3D панели</span></a>

</div>



<script>

$(function () {

$('.cat-menu>li>a').each(function () {

var location = window.location.href;

var link = this.href;

$('.current-cat-label').show();

if(location === link){

$(this).addClass('current-cat');

$(this).removeAttr("href");

$(this).parent().addClass('current-cat-label')

}

});

$('.cat-menu>li:first-child').click(function() {

$('.cat-submenu').toggle('1000');

});

});

</script>

<div class="text-box col-xs-12" id="ppu-gallery">

  <div class="row">

    <div class="col-xs-12 col-md-6 gal_text">

      <h1 class="text-center">МЯГКИЕ ЗАЩИТНЫЕ ПАНЕЛИ ИЗ ПЕНОПОЛИУРЕТАНА</h1>

      <p>Мягкие защитные стеновые панели, это особая линейка нашей продукции. Панели носят защитно-декоративный характер, поскольку созданы из мягкого пенополиуретана, который в свою очередь обладает упругостью и тягучестью. Панели имеют широкий круг сбыта к нему относится не только частный сектор, но и детские магазины, спорткомплексы, рестораны и другие коммерческие объекты.</p>

    </div>

    <div class="col-xs-12 col-md-6 gal_img_back" style="height: 0px;">

      <img class="img-responsive gal_img gal_img1" src="/images/galereya1.jpg">

      <img class="img-responsive gal_img gal_img2" src="/images/galereya2.jpg">

      <img class="img-responsive gal_img gal_img3" src="/images/galereya3.jpg">

      <img class="img-responsive gal_img gal_img4" src="/images/galereya4.jpg">

    </div>

  </div>

  <div class="col-xs-12 d-flex">

    <a class="col-xs-6 design-image" href="images/design-interiera-064-sentinel-fb.jpg" data-fancybox="images">

      <img src="images/design-interiera-064-sentinel-fb.jpg" class="hover-shadow" style="width:100%; height:auto;">

    </a>

    <a class="col-xs-6 design-image" href="images/design-interiera-062-bus-fg.jpg" data-fancybox="images">

      <img src="images/design-interiera-062-bus-fg.jpg" class="hover-shadow" style="width:100%; height:auto;">

    </a>

    <a class="col-xs-6 design-image" href="images/design-interiera-069-castle-cy.jpg" data-fancybox="images">

      <img src="images/design-interiera-069-castle-cy.jpg" class="hover-shadow" style="width:100%; height:auto;">

    </a>

    <a class="col-xs-6 design-image" href="images/design-interiera-065-home-fy.jpg" data-fancybox="images">

      <img src="images/design-interiera-065-home-fy.jpg" class="hover-shadow" style="width:100%; height:auto;">

    </a>

    <a class="col-xs-6 design-image" href="images/design-interiera-066-penсil-f.jpg" data-fancybox="images">

      <img src="images/design-interiera-066-penсil-f.jpg" class="hover-shadow" style="width:100%; height:auto;">

    </a>

    <a class="col-xs-6 design-image" href="images/design-interiera-068-yard-co.jpg" data-fancybox="images">

      <img src="images/design-interiera-068-yard-co.jpg" class="hover-shadow" style="width:100%; height:auto;">

    </a>

    <a class="col-xs-6 design-image" href="images/design-interiera-063-stove-fr.jpg" data-fancybox="images">

      <img src="images/design-interiera-063-stove-fr.jpg" class="hover-shadow" style="width:100%; height:auto;">

    </a>

    <a class="col-xs-6 design-image" href="images/design-interiera-067-telephone-fb.jpg" data-fancybox="images">

      <img src="images/design-interiera-067-telephone-fb.jpg" class="hover-shadow" style="width:100%; height:auto;">

    </a>

  </div>

</div>

<script>

$(function() {

var height = $( '.gal_text' ).height();

$( '.gal_img_back' ).height(height);

});

</script>