templates/frontend/about.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  3. {% block metaTitle %}Chi Siamo - Astralpool{% endblock %}
  4. {% block metaDescription %}AstralPool è un brand del gruppo Fluidra. L’eccellenza che accomuna tutti questi brand, tra i più noti nel settore delle piscine, parchi acquatici e wellness.{% endblock %}
  6. {% block body %}
  7.     {% include 'frontend/partials/_breadcrumb.html.twig' %}
  8.     <section class="space-1">
  9.         <div class="container">
  10.             <div class="position-relative">
  11.                 <figure class="media equal-2-1">
  12.                     <span style="background-image: url('{{ asset('images/about.jpg') }}')"></span>
  13.                 </figure>
  14.             </div>
  15.         </div>
  16.     </section>
  17.     <section class="space-top-lg-1 space-bottom-2">
  18.         <div class="container">
  19.             <div class="page-content">
  20.                 {{ aboutConfiguration.preCompanyContent|block_editor_render }}
  21.             </div>
  22.             <div class="space-top-1">
  23.                 <div class="row">
  24.                     {% for company in companies %}
  25.                         <div class="col-lg-4 col-md-6 mb-4">
  26.                             <div class="bg-light rounded-1 p-3 p-lg-4 d-flex align-items-center h-100">
  27.                                 <div style="min-width: 100px">
  28.                                     <figure class="media equal-1-1">
  29.                                         <span style="background-image: url('{{ company.icon.icon.publicUrl }}')"></span>
  30.                                     </figure>
  31.                                 </div>
  32.                                 <div class="ms-4">
  33.                                     <div class="mb-1 d-flex align-items-center">
  34.                                         <svg xmlns="http://www.w3.org/2000/svg"
  35.                                              class="icon icon-tabler icon-tabler-map-pin" width="18" height="18"
  36.                                              viewBox="0 0 24 24" stroke-width="2" stroke="#22317f" fill="none"
  37.                                              stroke-linecap="round" stroke-linejoin="round">
  38.                                             <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  39.                                             <circle cx="12" cy="11" r="3"/>
  40.                                             <path d="M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z"/>
  41.                                         </svg>
  42.                                         <span class="ms-1 fs-sm fw-bold text-uppercase text-primary">
  43.                                         {{ company.address }}
  44.                                     </span>
  45.                                     </div>
  46.                                     <h5 class="mb-1">{{ company.name }}</h5>
  47.                                     <p class="mb-0 fs-sm">{{ company.type|trans }}</p>
  48.                                 </div>
  49.                             </div>
  50.                         </div>
  51.                     {% endfor %}
  52.                 </div>
  53.             </div>
  54.             <div class="page-content space-top-1">
  55.                 {{ aboutConfiguration.postCompanyContent|block_editor_render }}
  56.             </div>
  57.         </div>
  58.     </section>
  59.     <section class="space-bottom-2">
  60.         <div class="container">
  61.             <div class="row justify-content-center">
  62.                 {% for aboutConfigurationCallToAction in aboutConfiguration.aboutConfigurationCallToActions %}
  63.                     {% include 'frontend/partials/_call_to_action_card.html.twig' with {callToAction: aboutConfigurationCallToAction.callToAction, size: aboutConfigurationCallToAction.size} %}
  64.                 {% endfor %}
  65.             </div>
  66.         </div>
  67.     </section>
  68. {% endblock %}