templates/accueil/nous.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}{{ parent() }} | Notre histoire{% endblock %}
  3. {% block stylesheets %}<link rel="stylesheet" href="{{ asset('css/nous.css') }}">{% endblock %}
  4. {% block h1 %}Notre histoire{% endblock %}
  5. {% block content %}
  8.        
  9.         <div class="wrapper col-12 d-flex flex-column ">
  11.         {% for presentationActive  in  presentationActives %}
  12.              {% if loop.index is odd %}
  13.                 <div class="col-12 d-flex flex-lg-row flex-column">
  14.                     <div class="col-lg-6 col-12">
  15.                             <img class ="image_presentation"  src="{{ asset('img/photoLifeUpload/' ~ presentationActive.getPhotoLives.first())}}" alt="phto de presentation">
  16.                     </div>
  17.                     <div class="col-lg-5 col-10 d-flex flex-column justify-content-start align-items-center mx-auto mb-5 presentation">
  18.                         <div class="titre">{{ presentationActive.titre }}</div>
  19.                         <div class="sstitre">{{ presentationActive.sstitre }}</div>
  20.                         <div class = "text">{{ presentationActive.presentation|raw }}</div> 
  21.                     </div>
  22.                 </div>
  23.                     {% if loop.index == 1 %}
  24.                             <div class="box_contact d-flex justify-content-center align-items-centers">
  25.                                     <a href="mailto:contact@lebiodelo.com" class="mail_contact">CONTACT@LEBIODELO.COM</a>
  26.                             </div>
  27.                     {% endif %}
  28.              {% else %}
  29.                 <div class="col-12 d-flex flex-lg-row flex-column">
  30.                     <div class="col-lg-5 col-10 d-flex flex-column justify-content-start align-items-center mx-auto mb-5 presentation">
  31.                         <div class="titre">{{ presentationActive.titre }}</div>
  32.                         <div class="sstitre">{{ presentationActive.sstitre }}</div>
  33.                         <div class = "text">{{ presentationActive.presentation|raw }}</div>
  34.                     </div>
  35.                     <div class="col-lg-6 col-12">
  36.                         <img class ="image_presentation"  src="{{ asset('img/photoLifeUpload/' ~ presentationActive.getPhotoLives.first())}}" alt="phto de presentation">
  37.                     </div>           
  38.                 </div>
  40.             {% endif %}
  41.         {% endfor %}
  42.  
  43.     </div>
  45.     {# <textarea name="" hidden id="photos" cols="30" rows="10">{{photos}}</textarea> #}
  46. {% endblock %}
  48. {% block javascripts %}
  49. <script>
  51. {# var photos = JSON.parse(document.querySelector('#photos').innerHTML)
  52. let cheminPhoto =  "{{ asset('img/photoLifeUpload/') }}"
  54. document.querySelector('.image_histoire').setAttribute('src', cheminPhoto + photos[0])
  55. document.querySelector('.image_atelier').setAttribute('src', cheminPhoto + photos[1]) #}
  58. </script>
  60. {% endblock %}