templates/front/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block meta %}
  4.     <title>Floor | Accueil</title>
  5.     {% if content_header.title is defined %}
  6.         <meta name="description" content="{{ content_header.title|striptags }}">
  7.     {% endif %}
  8. {% endblock %}
  10. {% block body %}
  12.     <section class="slide-header">
  13.         <div class="main-slide">
  14.             <div class="img-main-slide position-relative img-constant"
  15.                  data-img="{{ asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ slider.image1) }}"
  16.                  id="mainImg">
  17.                 <div class="title-page bg-blue d-flex gold justify-content-end position-absolute">
  18.                     <img src="{{ asset('img/icons/chevrons-right.svg') }}" alt="chevrons droite">
  19.                     <span class="ml-3">{{ content_header.preTitle }}</span>
  20.                 </div>
  21.             </div>
  22.         </div>
  23.         {% set titleSplited = content_header.title|split('<br>') %}
  24.         <div class="slides-title page d-flex align-items-center justify-content-end col-md-11 p-0 float-right position-relative">
  25.             <h1 class="title-left-right title-home mr-5">
  26.                 {% if titleSplited|length > 1 %}
  27.                     <span>
  28.                     {{ titleSplited[0] }}
  29.                     </span><br>
  30.                     <span class="gold">
  31.                         {{ titleSplited[1] }}
  32.                     </span>
  33.                 {% else %}
  34.                     <span>{{ content_header.title }}</span>
  35.                 {% endif %}
  37.                 {% if app.user %}
  38.                     <a href="{{ path('back_content_edit', {'id': content_header.id}) }}"><i
  39.                                 class="fas fa-pencil-alt pencil-red"></i></a>
  40.                 {% endif %}
  41.             </h1>
  43.             <a href="#" class="position-absolute arrow-slide-single" id="arrowSlideMove"
  44.                onclick="javascript: return false;">
  45.                 <img src="{{ asset('img/icons/arrow-right.svg') }}">
  46.             </a>
  47.             <div class="slide-miniatures d-flex align-self-baseline" id="containerMiniatures">
  48.                 {% if slider.image2 %}
  49.                     <div class="slide position-relative float-left">
  50.                         <img src="{{ asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ slider.image2) }}">
  51.                     </div>
  52.                 {% endif %}
  53.                 {% if slider.image3 %}
  54.                     <div class="slide position-relative float-left">
  55.                         <img src="{{ asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ slider.image3) }}">
  56.                     </div>
  57.                 {% endif %}
  58.                 {% if slider.image4 %}
  59.                     <div class="slide position-relative float-left">
  60.                         <img src="{{ asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ slider.image4) }}">
  61.                     </div>
  62.                 {% endif %}
  63.             </div>
  64.         </div>
  65.         <a href="#targetSeeMore"
  66.            class="btn-see-more position-absolute d-flex flex-column align-items-center gold text-center">
  67.             <img src="{{ asset('img/icons/arrow-bottom-gold.svg') }}" alt="En savoir plus" class="mb-2">
  68.             <span>En savoir plus</span>
  69.         </a>
  70.     </section>
  72.     <section class="first-presentation" id="targetSeeMore">
  73.         <div class="container">
  74.             <div class="row presentation">
  75.                 <div class="col-md-6 illustration"
  76.                      data-img="{{ content_rent.image ? asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ content_rent.image) : asset('img/header_floor.jpg') }}">
  77. {#                     style="background:url({{ content_rent.image ? asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ content_rent.image) : asset('img/header_floor.jpg') }}) center center no-repeat;background-size:cover">#}
  78.                 </div>
  80.                 <div class="col-md-6 pl-5 prez-txt-right">
  81.                     <div class="title-page bg-blue d-flex gold pl-0">
  82.                         <img src="{{ asset('img/icons/chevrons-right.svg') }}" alt="chevrons droite">
  83.                         <span class="ml-3">{{ content_rent.preTitle }}</span>
  84.                     </div>
  85.                     <h1>
  86.                         {{ content_rent.title }}
  87.                         {% if app.user %}
  88.                             <a href="{{ path('back_content_edit', {'id': content_rent.id}) }}"><i
  89.                                         class="fas fa-pencil-alt pencil-red"></i></a>
  90.                         {% endif %}
  91.                     </h1>
  92.                     <div class="description pt-5 pb-5 white">
  93.                         {{ content_rent.text|raw }}
  94.                     </div>
  95.                     {% if content_rent.buttonLink %}
  96.                         <a href="{{ content_rent.buttonLink }}"
  97.                            class="btn-gold bg-gold white">{{ content_rent.buttonLabel }}</a>
  98.                     {% endif %}
  99.                 </div>
  100.             </div>
  101.         </div>
  102.     </section>
  104.     <section class="second-presentation">
  105.         <div class="container">
  106.             <div class="row presentation">
  107.                 <div class="col-md-6 pr-5 prez-txt-left">
  108.                     <div class="title-page bg-blue d-flex gold pl-0">
  109.                         <img src="{{ asset('img/icons/chevrons-right.svg') }}" alt="chevrons droite">
  110.                         <span class="ml-3">{{ content_sale.preTitle }}</span>
  111.                     </div>
  112.                     <h1>
  113.                         {{ content_sale.title }}
  114.                         {% if app.user %}
  115.                             <a href="{{ path('back_content_edit', {'id': content_sale.id}) }}"><i
  116.                                         class="fas fa-pencil-alt pencil-red"></i></a>
  117.                         {% endif %}
  118.                     </h1>
  119.                     <div class="description pt-5 pb-5 white">
  120.                         {{ content_sale.text|raw }}
  121.                     </div>
  122.                     {% if content_sale.buttonLink %}
  123.                         <a href="{{ content_sale.buttonLink }}"
  124.                            class="btn-gold bg-gold white">{{ content_sale.buttonLabel }}</a>
  125.                     {% endif %}
  126.                 </div>
  127.                 <div class="col-md-6 illustration"
  128.                      data-img="{{ content_sale.image ? asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ content_sale.image) : asset('img/header_floor.jpg') }}">
  129. {#                     style="background:url({{ content_sale.image ? asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ content_sale.image) : asset('img/header_floor.jpg') }}) center center no-repeat;background-size:cover">#}
  130.                 </div>
  132.             </div>
  133.         </div>
  134.     </section>
  136.     <section class="map position-relative">
  137.         <div class="filter-blue h-100 w-100"></div>
  138.         <div class="contact-info white">
  139.             <img src="{{ asset('img/icons/marker.svg') }}" alt="address">
  140.             <p class="gold mt-3">FLOOR Sarl</p>
  141.             <p><strong>152 ROUTE D'ARLON</strong></p>
  142.             <p class="min">L — 8010 Strassen</p>
  143.             <p class="mt-2"><img src="{{ asset('img/icons/phone.svg') }}"><a href="tel:00352283277"
  144.                                                                              class="white ml-3 min">(+352) 28 32 77</a>
  145.             </p>
  146.             <p><img src="{{ asset('img/icons/mail.svg') }}"><a href="mailto:agency@floor.lu" class="white ml-3 min">agency@floor.lu</a>
  147.             </p>
  148.         </div>
  149.         <div class="title-page bg-blue d-flex gold justify-content-end position-absolute">
  150.             <img src="{{ asset('img/icons/chevrons-right.svg') }}" alt="chevrons droite">
  151.             <span class="ml-3">Contact</span>
  152.         </div>
  153.         <div class="circle-logo position-absolute d-flex justify-content-center align-items-center no-responsive"
  154.              id="circleLogo">
  155.             <img src="{{ asset('img/logo_floor_logo.svg') }}" alt="Floor">
  156.         </div>
  157.     </section>
  159. {% endblock %}