templates/front/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block meta %}
  4.     <meta name="description" content="{{ content_header.text }}">
  5. {% endblock %}
  7. {% block body %}
  9.     <section class="slider-home slider-not-home bottom-right-border position-relative overflow-hidden slider-iris pl-0 pr-0">
  10.         <div class="row col-md-12 m-auto slide-desc container-1300 pl-0">
  11.             <div class="col-md-4 pl-0">
  12.                 <h1 class="mb-5">{{ content_header.title|raw }}
  13.                     {% if app.user %}
  14.                         <a href="{{ path('back_content_edit', {'id': content_header.id}) }}"><i class="fas fa-pencil-alt" style="color:blue"></i></a>
  15.                     {% endif %}
  16.                 </h1>
  18.                 {% if content_header.buttonLabel and content_header.buttonLink %}
  19.                     <div class="overflow-hidden btn-contain">
  20.                         <a href="{{ content_header.buttonLink }}" class="button btn-white no-responsive">{{ content_header.buttonLabel }}</a>
  21.                     </div>
  22.                 {% endif %}
  23.             </div>
  24.             <div class="col-md-8 header-text">
  25.                 {% if content_header.text %}
  26.                     <div class="mb-5 white">{{ content_header.text|raw }}</div>
  27.                 {% endif %}
  28.             </div>
  29.         </div>
  30.     </section>
  31.     <div class="col-md-8 responsive">
  32.         {% if content_header.text %}
  33.             <div class="mb-5 black">{{ content_header.text|raw }}</div>
  34.         {% endif %}
  35.     </div>
  37.     <section class="iris-page container-1300 m-auto section-before-bandeau" id="sectionHome">
  38.         <div class="row position-relative overflow-hidden w-100 img-header-iris mb-5 ml-0">
  39.             <div class="bottom-left-border" style="z-index:9"></div>
  40.             <div class="top-left-border header-responsive" style="right:0;left:auto;top:0"></div>
  41.             <div class="col-md-12 header-img" style="background:url({{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ content_header.image) }})no-repeat center;background-size:cover;height:550px"></div>
  42.         </div>
  43.         <div class="row col-md-12 list-blocks-iris m-0 p-0">
  44.             <div class="col-md-6 text-desc-construction iris">
  45.                 <h2>{{ block_image_1.title|raw }}
  46.                     {% if app.user %}
  47.                         <a href="{{ path('back_content_edit', {'id': block_image_1.id}) }}"><i class="fas fa-pencil-alt" style="color:red"></i></a>
  48.                     {% endif %}
  49.                 </h2>
  50.                 <div class="border-title home"></div>
  51.                 {% if block_image_1.text %}
  52.                     {{ block_image_1.text|raw }}
  53.                 {% endif %}
  54.                 {% if block_image_1.buttonLabel and block_image_1.buttonLink %}
  55.                     <div class="overflow-hidden btn-contain">
  56.                         <a href="{{ block_image_1.buttonLink }}" class="button btn-red">{{ block_image_1.buttonLabel }}</a>
  57.                     </div>
  58.                 {% endif %}
  59.             </div>
  60.             <div class="col-md-6 position-relative overflow-hidden img-desc-construction" style="margin-bottom:-85px;background:url({{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ block_image_1.image) }})no-repeat center;background-size:cover">
  61.                 <div class="bottom-left-border"></div>
  62.                 <div class="top-right-border responsive"></div>
  63.                 <div class="bottom-left-border responsive"></div>
  64.             </div>
  65.         </div>
  66.         <div class="row col-md-12 list-blocks-iris reverse m-0 p-0">
  67.             <div class="col-md-6 position-relative overflow-hidden img-desc-construction" style="background:url({{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ block_image_2.image) }})no-repeat center;background-size:cover;margin-bottom:-89px;">
  68.                 <div class="top-left-border" style="right:0;top:0;left:auto;border-bottom:85px solid transparent"></div>
  69.                 <div class="bottom-right-border"></div>
  70.             </div>
  71.             <div class="col-md-6 text-desc-transform">
  72.                 <h2>{{ block_image_2.title|raw }}
  73.                     {% if app.user %}
  74.                         <a href="{{ path('back_content_edit', {'id': block_image_2.id}) }}"><i class="fas fa-pencil-alt" style="color:red"></i></a>
  75.                     {% endif %}
  76.                 </h2>
  77.                 <div class="border-title home"></div>
  78.                 {% if block_image_2.text %}
  79.                     {{ block_image_2.text|raw }}
  80.                 {% endif %}
  81.                 {% if block_image_2.buttonLabel and block_image_2.buttonLink %}
  82.                     <div class="overflow-hidden btn-contain">
  83.                         <a href="{{ block_image_2.buttonLink }}" class="button btn-red">{{ block_image_2.buttonLabel }}</a>
  84.                     </div>
  85.                 {% endif %}
  86.             </div>
  87.         </div>
  88.         <div class="row col-md-12 list-blocks-iris m-0 p-0">
  89.             <div class="col-md-6 text-desc-construction iris">
  90.                 <h2>{{ block_image_3.title|raw }}
  91.                     {% if app.user %}
  92.                         <a href="{{ path('back_content_edit', {'id': block_image_3.id}) }}"><i class="fas fa-pencil-alt" style="color:red"></i></a>
  93.                     {% endif %}
  94.                 </h2>
  95.                 <div class="border-title home"></div>
  96.                 {% if block_image_3.text %}
  97.                     {{ block_image_3.text|raw }}
  98.                 {% endif %}
  99.                 {% if block_image_3.buttonLabel and block_image_3.buttonLink %}
  100.                     <div class="overflow-hidden btn-contain">
  101.                         <a href="{{ block_image_3.buttonLink }}" class="button btn-red">{{ block_image_3.buttonLabel }}</a>
  102.                     </div>
  103.                 {% endif %}
  104.             </div>
  105.             <div class="col-md-6 position-relative overflow-hidden img-desc-construction" style="margin-top:4px;background:url({{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ block_image_3.image) }})no-repeat center;background-size:cover">
  106.                 <div class="top-right-border" style="border-bottom:85px solid transparent"></div>
  107.                 <div class="top-right-border responsive"></div>
  108.                 <div class="bottom-left-border"></div>
  109.                 <div class="bottom-left-border responsive"></div>
  110.             </div>
  111.         </div>
  112.         <div class="row col-md-12 list-blocks-iris reverse m-0 p-0">
  113.             <div class="col-md-6 position-relative overflow-hidden img-desc-construction" style="background:url({{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ block_image_4.image) }})no-repeat center;background-size:cover;margin-top:7px;">
  114.                 <div class="top-left-border" style="right:0;top:0;left:auto;border-bottom:85px solid transparent"></div>
  115.             </div>
  116.             <div class="col-md-6 text-desc-transform">
  117.                 <h2>{{ block_image_4.title|raw }}
  118.                     {% if app.user %}
  119.                         <a href="{{ path('back_content_edit', {'id': block_image_4.id}) }}"><i class="fas fa-pencil-alt" style="color:red"></i></a>
  120.                     {% endif %}
  121.                 </h2>
  122.                 <div class="border-title home"></div>
  123.                 {% if block_image_4.text %}
  124.                     {{ block_image_4.text|raw }}
  125.                 {% endif %}
  126.                 {% if block_image_4.buttonLabel and block_image_4.buttonLink %}
  127.                     <div class="overflow-hidden btn-contain">
  128.                         <a href="{{ block_image_4.buttonLink }}" class="button btn-red">{{ block_image_4.buttonLabel }}</a>
  129.                     </div>
  130.                 {% endif %}
  131.             </div>
  132.         </div>
  133.     </section>
  134. {#
  135. <section class="home-ris">
  136.         <div class="row col-md-10 m-auto position-relative container-1300">
  137.             <div class="col-md-6 p-5">
  138.                 <h3>{{ block_image_5.title|raw }}
  139.                     {% if app.user %}
  140.                         <a href="{{ path('back_content_edit', {'id': block_image_5.id}) }}"><i class="fas fa-pencil-alt" style="color:red"></i></a>
  141.                     {% endif %}
  142.                 </h3>
  143.                 <div class="border-title"></div>
  144.                 {% if block_image_5.text %}
  145.                     {{ block_image_5.text|raw }}
  146.                 {% endif %}
  147.                 {% if block_image_5.buttonLabel and block_image_5.buttonLink %}
  148.                     <div class="overflow-hidden btn-contain mt-3">
  149.                         <a href="{{ block_image_5.buttonLink }}" class="button btn-red btn-padding-64 no-responsive">{{ block_image_5.buttonLabel }}</a>
  150.                         <a href="{{ block_image_5.buttonLink }}" class="button btn-white btn-padding-64 responsive">{{ block_image_5.buttonLabel }}</a>
  151.                     </div>
  152.                 {% endif %}
  153.             </div>
  154.             <div class="col-md-6 overflow-hidden">
  155.                 <div class="ris-img" style="background:url({{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ block_image_5.image) }})no-repeat center;background-size:cover;">
  156.                     <div class="bottom-left-border" style="right:0;left:auto;"></div>
  157.                 </div>
  158.             </div>
  159.             <div class="top-right-border responsive"></div>
  160.             <div class="bottom-right-border responsive"></div>
  161.         </div>
  162.     </section>
  163. #}
  166.     {% if bandeau is defined and bandeau %}
  167.         <section id="bandeau_cta" style="background:linear-gradient(to bottom, rgba(232,246,255,0.9), rgba(232,246,255,0.2)), url({{asset(constant('App\\Services\\UploadFileService::POST_IMAGE_DIR') ~ bandeau.image) }})no-repeat center;background-size:cover;">
  168.             <div class="col-md-12 row m-auto container-1300">
  169.                 <div class="col-md-5 pl-0">
  170.                     <h1 class="mb-5">
  171.                         {{ bandeau.title|raw }}
  173.                         {% if app.user %}
  174.                             <a href="{{ path('back_content_edit', {'id': bandeau.id}) }}"><i class="fas fa-pencil-alt" style="color:red"></i></a>
  175.                         {% endif %}
  176.                     </h1>
  177.                     <div class="overflow-hidden btn-contain">
  178.                         <a href="{{ bandeau.buttonLink }}" class="button btn-red no-responsive">{{ bandeau.buttonLabel }}</a>
  179.                     </div>
  180.                 </div>
  181.                 <div class="col-md-7">
  182.                     <div class="mb-5">{{ bandeau.text|raw }}</div>
  183.                     <div class="overflow-hidden btn-contain">
  184.                         <a href="{{ bandeau.buttonLink }}" class="button btn-red responsive">{{ bandeau.buttonLabel }}</a>
  185.                     </div>
  186.                 </div>
  187.             </div>
  188.         </section>
  189.     {% endif %}
  190. {% endblock %}