templates/main/pageItem.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {% if seo['meta-title'] %}
  5.         {{ seo['meta-title'] }}
  6.     {% endif %}
  7. {% endblock %}
  8. {% block meta_description %}
  9.     {% if seo['meta-desc'] %}
  10.         {{ seo['meta-desc'] }}
  11.     {% endif %}
  12. {% endblock %}
  13. {% block meta_keywords %}
  14.     {% if seo['meta-keywords'] %}
  15.         {{ seo['meta-keywords'] }}
  16.     {% endif %}
  17. {% endblock %}
  18. {% block meta_nofollow %}
  19.     {% if seo['nofollow'] %}noindex, nofollow
  20.     {% endif %}
  21. {% endblock %}
  23. {% block header %}
  25.     {% include './partials/secondaryHeader.html.twig' %}
  27. {% endblock %}
  29. {% block body %}
  30.     <div class="container about-us">
  31.         <div class="row px-4">
  32.             <nav aria-label="breadcrumb" class="px-0">
  33.                 <ol class="breadcrumb">
  34.                     <li class="breadcrumb-item">
  35.                         <a href="/">{{ 'pages.breadcrumb.home'|trans }}</a>
  36.                     </li>
  37.                     <li class="breadcrumb-item active" aria-current="page">{{ page.title }}
  38.                     </li>
  39.                 </ol>
  40.             </nav>
  41.         </div>
  42.         <div class="row px-lg-4 px-xxl-auto">
  43.             <div class="d-lg-none col-12 my-4">
  44.                 <div class="get-to-know-image">
  45.                     <img src="{{ absolute_url( asset('build/images/icons/about_us.png') ) }}" alt="">
  47.                 </div>
  48.             </div>
  49.             <div class="col-12 col-lg-8">
  50.                 <div class="get-to-know" style="max-width:100%; align-items:flex-start;">
  51.                     <h1 class="get-to-know-header">{{ page.title }}
  52.                     </h1>
  53.                     <div class="get-to-know-content custom-page-description" style="padding-bottom: 35px;">
  54.                         {{ page.shortDesc }}
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.             <div class="d-none d-lg-block col-lg-4 d-xl-flex">
  59.                 <div class="get-to-know-image align-self-end">
  60.                     <img src="{{ absolute_url( asset('build/images/icons/about_us.png') ) }}" alt="">
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </div>
  65.     <div class="bg-white container-fluid">
  66.         <div class="about-us mx-auto" style="margin-top:0;">
  67.             <div class="row">
  68.                 <div class="col-12 col-lg-8">
  69.                     <div class="get-to-know" style="max-width:100%; align-items:flex-start;">
  70.                         <div class="get-to-know-content custom-page-description" style="padding-bottom: 35px; padding-top: 40px;">
  71.                             {{ page.description|raw }}
  72.                         </div>
  73.                     </div>
  74.                 </div>
  75.                 {% if app.request.locale == 'en' %}
  76.                     <div class="col-12 d-none d-lg-block col-lg-4">
  77.                         <div class="contact-us">
  78.                             <h5>If You have any question about that transfer, just contact us</h5>
  79.                             <a href="{{ path('app_contact') }}">Contact us</a>
  80.                         </div>
  81.                         <h4>Read also</h4>
  82.                         <ul class="inspirations">
  83.                             {% for menuPage in travelMenu %}
  84.                                 <li class="inspirations-item">
  85.                                     <a href="{{path('app_page_item', {slug: menuPage.slug})}}"></a>
  86.                                     <h5>{{menuPage.title}}</h5>
  87.                                 </li>
  88.                             {% endfor %}
  89.                         </ul>
  90.                         <h4>Transfers</h4>
  91.                         <ul class="inspirations">
  92.                             <li class="inspirations-item">
  93.                                 <a href="/en/transfer/pico"></a>
  94.                                 <h5>Transfer to Pico do Arieiro</h5>
  95.                             </li>
  96.                             <li class="inspirations-item">
  97.                                 <a href="/en/transfer/rabacal"></a>
  98.                                 <h5>Transfer to Rabaçal</h5>
  99.                             </li>
  100.                             <li class="inspirations-item">
  101.                                 <a href="/en/transfer/fanal"></a>
  102.                                 <h5>Transfer to Fanal Forest</h5>
  103.                             </li>
  104.                         </ul>
  105.                     </div>
  106.                 {% endif %}
  107.             </div>
  108.             <div class="swiper gallery-swiper-page bg-white">
  109.                 <div class="swiper-wrapper">
  110.                     {% for item in page.gallery.galleryItems %}
  111.                         {% if item.media %}
  112.                             <div class="swiper-slide">
  113.                                 <img src="{{ sonata_path(item.media, 'reference') }}" loading="lazy" alt="{{item.media.description}}">
  114.                             </div>
  115.                         {% endif %}
  116.                     {% endfor %}
  117.                 </div>
  118.             </div>
  119.             {% if app.request.locale == 'en' %}
  120.                 <div class="col-12 d-lg-none">
  121.                     <div class="contact-us">
  122.                         <h5>If You have any question about that transfer, just contact us</h5>
  123.                         <a href="{{ path('app_contact') }}">Contact us</a>
  124.                     </div>
  125.                     <h4>Read also</h4>
  126.                     <ul class="inspirations">
  127.                         {% for menuPage in travelMenu %}
  128.                             <li class="inspirations-item">
  129.                                 <a href="{{path('app_page_item', {slug: menuPage.slug})}}"></a>
  130.                                 <h5>{{menuPage.title}}</h5>
  131.                             </li>
  132.                         {% endfor %}
  133.                     </ul>
  134.                     <h4 class="pt-4">Transfers</h4>
  135.                     <ul class="inspirations">
  136.                         <li class="inspirations-item">
  137.                             <a href="/en/transfer/pico"></a>
  138.                             <h5>Transfer to Pico do Arieiro</h5>
  139.                         </li>
  140.                         <li class="inspirations-item">
  141.                             <a href="/en/transfer/rabacal"></a>
  142.                             <h5>Transfer to Rabaçal</h5>
  143.                         </li>
  144.                         <li class="inspirations-item">
  145.                             <a href="/en/transfer/fanal"></a>
  146.                             <h5>Transfer to Fanal Forest</h5>
  147.                         </li>
  148.                     </ul>
  149.                 </div>
  150.             {% endif %}
  151.         </div>
  152.     </div>
  153. {% endblock %}
  155. {% block footer %}
  156.     {% include './partials/footer.html.twig' %}
  157. {% endblock %}
  159. {% block javascripts %}
  160.     {{ parent() }}
  161. {% endblock %}