app/template/default/Work/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  4.     <div class="page-works --list">
  5.         <div class="inner">
  6.             <nav class="breadcrumb">
  7.                 <ol>
  8.                     <li class="breadcrumb__item">
  9.                         <a href="{{ url('homepage') }}"><p>TOPページ</p></a>
  10.                     </li>
  11.                     <li class="breadcrumb__item current">
  12.                         <p>施工事例集</p>
  13.                     </li>
  14.                 </ol>
  15.             </nav>
  16.             <div class="works-head-wrap">
  17.                 <div class="works-head-wrap__content works-head border-4 border-end-0 border-bottom-0 border-top-0">
  18.                     <h1 class="works-head__head">施工事例集</h1>
  19.                     <p class="fw-bold works-head__caption">わたしたちの家づくりを体験する</p>
  20.                     <p class="sp-none flexbox works-head__num en-font">
  21.                         <span>{{ pagination.getTotalItemCount() }}</span>contents
  22.                     </p>
  23.                 </div>
  24.                 <p class="works-head-wrap__deco en-font">Works</p>
  25.             </div>
  26.         </div>
  27.         <!--Gallery-->
  28.         <div class="gallery-wrap inner">
  29.             <h2 class="gallery-wrap__head en-font">Gallery</h2>
  30.             <ul class="gallery-grid-wrap" id="gridWrap">
  31.                 {% for Construction in Constructions %}
  32.                 <li class="gallery-grid-item">
  33.                     <a href="{{ url('work_detail', {'id': Construction.id}) }}">
  34.                         {% if attribute(Construction, 'fileName' ~ 1) %}
  35.                         <div class="image-wrap">
  36.                             <img src="{{ asset(attribute(Construction, 'fileName' ~ 1)|no_image_product, 'save_image') }}">
  37.                         </div>
  38.                         {% endif %}
  39.                         <p class="text en-font">{{ "%04d"|format(Construction.id) }}</p>
  40.                     </a>
  41.                 </li>
  42.                 {% endfor %}
  43.             </ul>
  45.             <div class="pagenation">
  46.                 {% include "pager.twig" with {'pages': pagination.paginationData} %}
  47.             </div>
  48.         </div>
  49.     </div>
  51. {% endblock %}