templates/application/katalogi/index.html.twig line 1

Open in your IDE?
  1. {% extends 'application/layout.html.twig' %}
  3. {% block content %}
  4.     <main class="main">
  5.         <div class="breadcrumb">
  6.             <div class="container">
  7.                 <ol class="breadcrumb__list">
  8.                     <li class="breadcrumb__item"><a href="{{ path('home') }}" class="breadcrumb__link">Главная</a></li>
  9.                     <li class="breadcrumb__item active" aria-current="page">{{ page.name(app.request.locale) }}</li>
  10.                 </ol>
  11.             </div>
  12.         </div>
  14.         <div class="page">
  15.             <div class="container">
  16.                 <div class="page__header">
  17.                     <h1 class="page__title">Список каталогов</h1>
  18.                 </div>
  20.                 <div class="magazine__row">
  21.                     
  23.                     <div class="magazine__column">
  24.                         <div class="item item--magazine">                            
  25.                             <div class="item__photo">
  26.                                 <picture>
  27.                                     <source type="image/webp" srcset="/img/magazine/001@1x.webp 1x, /img/magazine/001@2x.webp 2x">
  28.                                     <img src="/img/magazine/001@1x.jpg" srcset="/img/001@2x.jpg 2x" alt="" width="279" height="374">
  29.                                 </picture>
  30.                             </div>
  31.                             <div class="item__title">
  32.                                 <a href="/img/magazine/1. Каталог акустических панелей Decostore.pdf" target="_blank">
  33.                                     <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>
  34.                                     <span class="item__text">Каталог акустических панелей Decostore 2024</span>
  35.                                 </a>
  36.                             </div>
  37.                             <div class="item__note">6,2 мб (PDF)</div>
  38.                             <div class="item__btn"><a href="/img/magazine/1. Каталог акустических панелей Decostore.pdf" class="btn btn--outline btn--wide-sm" download>Скачать</a></div>
  39.                         </div>
  40.                     </div>                    
  41.                     
  42.                     
  43.                     
  44.                     
  45.                     
  46.                     
  47.                     <div class="magazine__column">
  48.                         <div class="item item--magazine">                            
  49.                             <div class="item__photo">
  50.                                 <picture>
  51.                                     <source type="image/webp" srcset="/img/magazine/01@1x.webp 1x, /img/magazine/01@2x.webp 2x">
  52.                                     <img src="/img/magazine/01@1x.jpg" srcset="/img/magazine/01@2x.jpg 2x" alt="" width="279" height="374">
  53.                                 </picture>
  54. {#                                <div class="item__photo-title">Каталог <strong>2023</strong></div>#}
  55. {#                                <div class="item__photo-brand"><img src="/img/cosca.svg" width="147" height="52" alt=""></div>#}
  56.                             </div>
  57.                             <div class="item__title">
  58.                                 <a href="/img/magazine/2. Каталог белого лепного декора из экополимера.pdf" target="_blank">
  59.                                     <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>
  60.                                     <span class="item__text">Каталог экополимерных материалов Decostore 2024</span>
  61.                                 </a>
  62.                             </div>
  63.                             <div class="item__note">5,6 мб (PDF)</div>
  64.                             <div class="item__btn"><a href="/img/magazine/2. Каталог белого лепного декора из экополимера.pdf" class="btn btn--outline btn--wide-sm" download>Скачать</a></div>
  65.                         </div>
  66.                     </div>
  67.                     <div class="magazine__column">
  68.                         <div class="item item--magazine">
  69.                             <div class="item__photo">
  70.                                 <picture>
  71.                                     <source type="image/webp" srcset="/img/magazine/02@1x.webp 1x, /img/magazine/02@2x.webp 2x">
  72.                                     <img src="/img/magazine/02@1x.jpg" srcset="/img/magazine/02@2x.jpg 2x" alt="" width="279" height="374">
  73.                                 </picture>
  74.                             </div>
  75.                             <div class="item__title">
  76.                                 <a href="/img/magazine/3. Каталог плинтусов Decostore.pdf" target="_blank">
  77.                                     <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>
  78.                                     <span class="item__text">Каталог плинтусов Decostore 2022</span>
  79.                                 </a>
  80.                             </div>
  81.                             <div class="item__note">4,5 мб (PDF)</div>
  82.                             <div class="item__btn"><a href="/img/magazine/3. Каталог плинтусов Decostore.pdf" class="btn btn--outline btn--wide-sm" download>Скачать</a></div>
  83.                         </div>
  84.                     </div>
  85.                     <div class="magazine__column">
  86.                         <div class="item item--magazine">
  87.                             <div class="item__photo">
  88.                                 <picture>
  89.                                     <source type="image/webp" srcset="/img/magazine/03@1x.webp 1x, /img/magazine/03@2x.webp 2x">
  90.                                     <img src="/img/magazine/03@1x.jpg" srcset="/img/magazine/03@2x.jpg 2x" alt="" width="279" height="374">
  91.                                 </picture>
  92.                             </div>
  93.                             <div class="item__title">
  94.                                 <a href="/img/magazine/4. Каталог арок.pdf" target="_blank">
  95.                                     <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>
  96.                                     <span class="item__text">Каталог арок 2022</span>
  97.                                 </a>
  98.                             </div>
  99.                             <div class="item__note">4,3 мб (PDF)</div>
  100.                             <div class="item__btn"><a href="/img/magazine/4. Каталог арок.pdf" class="btn btn--outline btn--wide-sm" download>Скачать</a></div>
  101.                         </div>
  102.                     </div>
  103.                     <div class="magazine__column">
  104.                         <div class="item item--magazine">
  105.                             <div class="item__photo">
  106.                                 <picture>
  107.                                     <source type="image/webp" srcset="/img/magazine/04@1x.webp 1x, /img/magazine/04@2x.webp 2x">
  108.                                     <img src="/img/magazine/04@1x.jpg" srcset="/img/magazine/04@2x.jpg 2x" alt="" width="279" height="374">
  109.                                 </picture>
  110.                             </div>
  111.                             <div class="item__title">
  112.                                 <a href="/img/magazine/Cosca_Экополимер_-_Каталог_от_11.04.2022.pdf" target="_blank">
  113.                                     <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>
  114.                                     <span class="item__text">Каталог экополимерных материалов Decostore 2022</span>
  115.                                 </a>
  116.                             </div>
  117.                             <div class="item__note">5,4 мб (PDF)</div>
  118.                             <div class="item__btn"><a href="/img/magazine/Cosca_Экополимер_-_Каталог_от_11.04.2022.pdf" class="btn btn--outline btn--wide-sm" download>Скачать</a></div>
  119.                         </div>
  120.                     </div>
  121.                     <div class="magazine__column">
  122.                         <div class="item item--magazine">
  123.                             <div class="item__photo">
  124.                                 <picture>
  125.                                     <source type="image/webp" srcset="/img/magazine/05@1x.webp 1x, /img/magazine/05@2x.webp 2x">
  126.                                     <img src="/img/magazine/05@1x.jpg" srcset="/img/magazine/05@2x.jpg 2x" alt="" width="279" height="374">
  127.                                 </picture>
  128.                             </div>
  129.                             <div class="item__title">
  130.                                 <a href="/img/magazine/Каталог_багет.pdf" target="_blank">
  131.                                     <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>
  132.                                     <span class="item__text">Интерьерный багет</span>
  133.                                 </a>
  134.                             </div>
  135.                             <div class="item__note">10,2 мб (PDF)</div>
  136.                             <div class="item__btn"><a href="/img/magazine/Каталог_багет.pdf" class="btn btn--outline btn--wide-sm" download>Скачать</a></div>
  137.                         </div>
  138.                     </div>
  139.                     <div class="magazine__column">
  140.                         <div class="item item--magazine">
  141.                             <div class="item__photo">
  142.                                 <picture>
  143.                                     <source type="image/webp" srcset="/img/magazine/06@1x.webp 1x, /img/magazine/06@2x.webp 2x">
  144.                                     <img src="/img/magazine/06@1x.jpg" srcset="/img/magazine/06@2x.jpg 2x" alt="" width="279" height="374">
  145.                                 </picture>
  146.                             </div>
  147.                             <div class="item__title">
  148.                                 <a href="/img/magazine/Каталог_балки_и_брус_Cosca_Decor.pdf" target="_blank">
  149.                                     <span class="item__icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"></path></svg></span>
  150.                                     <span class="item__text">Каталог декоративных балок и бруса</span>
  151.                                 </a>
  152.                             </div>
  153.                             <div class="item__note">5,2 мб (PDF)</div>
  154.                             <div class="item__btn"><a href="/img/magazine/Каталог_балки_и_брус_Cosca_Decor.pdf" class="btn btn--outline btn--wide-sm" download>Скачать</a></div>
  155.                         </div>
  156.                     </div>
  157.                 </div>
  158.             </div>
  159.         </div>
  160.     </main>
  162. {% endblock %}