templates/front/home.html.twig line 1

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