[html]<style>
.tabs__content {display: none;}
.tabs__content.active {display: block;}
.tabs {width: 490px; margin: auto!important; height: 400px; position: relative; top: 60px;}
ul.tabs__caption {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; position: relative;    justify-content: center; align-items: center; padding-bottom: 10px; padding: 0px 0px 10px 0px!important;}
.tabs__caption li {padding: 9px 15px; margin: 1px 0 0 5px!important; background: rgb(var(--coloracc)); color: rgb(var(--lightpun)); position: relative; border-radius: 15px; text-align: center;}
.tabs__caption .active {background: rgb(var(--pun_c)); color: rgb(var(--link2)); border: 1px solid rgb(var(--coloracc));}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
(function($) {
$(function() {
 
  $('ul.tabs__caption').on('click', 'li:not(.active)', function() {
    $(this)
      .addClass('active').siblings().removeClass('active')
      .closest('div.tabs').find('div.tabs__content').removeClass('active').eq($(this).index()).addClass('active');
  });
 
});
})(jQuery);
</script>

<div class="shop">

<div class="shop_shapka">

<name>Магазин</name>

<div class="shop_flex">

<ico style="background:url(https://i.imgur.com/HKER5Lb.jpg);"></ico>

<rules>Хочешь порадовать себя или друга? Хочешь подчеркнуть свою индивидуальность? Наш магазин к вашим услугам!<br>
Здесь ты можешь купить иконку или плашку для себя или в подарок, заказать любую услугу.<br>
Для совершения покупки нужно лишь заполнить простенький шаблон.</rules>

</div>

<div class="tabs">
 
  <ul class="tabs__caption">
    <li class="active">плашки</li>
    <li class="">иконки</li>
<li class="">хедеры</li>
  </ul>
 
  <div class="tabs__content active">

    <div class="shop_plashki">

<a href=""><div class="l_pl" style="background:url(https://i.imgur.com/dhYZcsa.jpg);"> <up>Frankly, my dear, </up> <down>I don’t give a damn.</down> </div></a>

<a href=""><div class="l_pl" style="background:url(https://i.imgur.com/dhYZcsa.jpg);"> <up>Frankly, my dear, </up> <down>I don’t give a damn.</down> </div></a>

<a href=""><div class="l_pl" style="background:url(https://i.imgur.com/dhYZcsa.jpg);"> <up>Frankly, my dear, </up> <down>I don’t give a damn.</down> </div></a>

<a href=""><div class="l_pl" style="background:url(https://i.imgur.com/dhYZcsa.jpg);"> <up>Frankly, my dear, </up> <down>I don’t give a damn.</down> </div></a>

</div>

  </div>
 
  <div class="tabs__content">
    <div class="shop_icons">

<cate>halloween</cate>
<img src="https://i.imgur.com/8pFIFrY.png">
<img src="https://i.imgur.com/lFwwrhV.png">
<img src="https://i.imgur.com/YApCQCQ.png">
<img src="https://i.imgur.com/2FAAEO9.png">
<img src="https://i.imgur.com/MLp1SRb.png">
<img src="https://i.imgur.com/LJspbV9.png">
<img src="https://i.imgur.com/yY6NN4H.png">
<img src="https://i.imgur.com/HbytCli.png">
<img src="https://i.imgur.com/adToff6.png">
<img src="https://i.imgur.com/YIfDsWo.png">
<img src="https://i.imgur.com/RMaQc7R.png">
<img src="https://i.imgur.com/jCRbWaw.png">
<img src="https://i.imgur.com/EPDGzQx.png">
<img src="https://i.imgur.com/BbyZGXi.png">
<img src="https://i.imgur.com/xJ5KKZS.png">
<img src="https://i.imgur.com/bz6xWAI.png">
<img src="https://i.imgur.com/IDfQMhh.png">
<img src="https://i.imgur.com/dX1Hls2.png">
<img src="https://i.imgur.com/EpAP7iO.png">
<img src="https://i.imgur.com/kf6KKrx.png">
<img src="https://i.imgur.com/H5gF6kO.png">

</div>
  </div>

  <div class="tabs__content">
    <div class="shop_icons">
<img src="https://i.imgur.com/trtgSAo.png"> <img src="https://i.imgur.com/K6p6uEz.png"> <img src="https://i.imgur.com/zXY8A02.png"> <img src="https://i.imgur.com/L0eO69s.png"> <img src="https://i.imgur.com/9vganbW.png">

<img src="https://i.imgur.com/wx7QelP.png"> <img src="https://i.imgur.com/33JUKDL.png"> <img src="https://i.imgur.com/OhVR6nB.png"> <img src="https://i.imgur.com/rWA6dWm.png">

<img src="https://i.imgur.com/trtgSAo.png"> <img src="https://i.imgur.com/K6p6uEz.png"> <img src="https://i.imgur.com/zXY8A02.png"> <img src="https://i.imgur.com/L0eO69s.png"> <img src="https://i.imgur.com/9vganbW.png">

<img src="https://i.imgur.com/wx7QelP.png"> <img src="https://i.imgur.com/33JUKDL.png"> <img src="https://i.imgur.com/OhVR6nB.png"> <img src="https://i.imgur.com/rWA6dWm.png">

<img src="https://i.imgur.com/trtgSAo.png"> <img src="https://i.imgur.com/K6p6uEz.png"> <img src="https://i.imgur.com/zXY8A02.png"> <img src="https://i.imgur.com/L0eO69s.png"> <img src="https://i.imgur.com/9vganbW.png">

<img src="https://i.imgur.com/wx7QelP.png"> <img src="https://i.imgur.com/33JUKDL.png"> <img src="https://i.imgur.com/OhVR6nB.png"> <img src="https://i.imgur.com/rWA6dWm.png"> </div>
  </div> 

</div><!-- .tabs-->

</div></div>[/html]