templates/pages/our_student.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_contents %}
  4. <section class="section section-page-title bg-gradient py-xl-5 py-4" data-aos='fade-down'>
  5.   <div class="container">
  6.     <div class="row">
  7.       <div class="col-12 text-center text-white">
  8.         <h1 class="page-name font-weight-bold my-2">{% trans %}Nos étudiants en parlent le mieux !{% endtrans %}</h1>
  9.       </div>
  10.     </div>
  11.   </div>
  12. </section>
  14. <section class="section section-parlent pt-4">
  15.   <div class="container">
  16.     <div class="row">
  17.       {% if outStudentArticles %}
  18.         {% for article in outStudentArticles %}
  19.         <div class="col-lg-6 mb-xl-5 mb-4" data-aos='zoom-in'>
  20.           <div class="t-box d-flex flex-column h-100 position-relative">
  21.             <div class="t-img position-absolute t-0">
  22.               <img src="{{ asset('assets/images/parlent/mask.png') }}" width="148" class="position-relative">
  23.               <div class="position-absolute w-100 h-100 l-0 t-0 rounded-circle" style="background-image: url({{ article.imageUrl }});"></div>
  24.             </div>
  25.             <div class="t-content d-flex flex-column h-100 px-4 pt-md-3 pb-3">
  26.               <div class="t-icon">
  27.                 <div class="line-1 text-purple font-weight-bold flex-1">{{ article.title }}</div>
  28.               </div>
  29.               <div class="t-text text-dark-purple text-justify">
  30.                 {{ article.content }}
  31.               </div>
  32.             </div>
  33.           </div>
  34.         </div>
  35.         {% endfor %}
  36.       {% endif %}
  37.     </div>
  38.   </div>
  39. </section>
  41. <section class="section section-testi-slider bg-purple pt-xl-5 pt-4 pb-4 text-white">
  42.   <div class="container">
  43.     <div class="row">
  44.       <div class="col-lg-4 mb-lg-0 mb-4">
  45.         <div class="d-flex flex-column h-100 justify-content-center text-justify" data-aos='fade-right'>
  46.           <div class="section-title text-white mb-3"><span>/</span> {% trans %}Témoignages en vidéos{% endtrans %}</div>
  47.           <div class="flex-grow-1 d-flex h-100 align-items-center">
  48.             {% trans %}Ces étudiantes et étudiants ont choisi notre écoles pour se former dans les thématiques de l'information appliquées. Découvrez leurs témoignages !{% endtrans %}
  49.           </div>
  50.         </div>
  51.       </div>
  52.       <div class="col-lg-8" data-aos='fade-left'>
  53.         {% if outStudentVideos %}
  54.           <div class="slider slider-video pb-md-4 pb-5">
  55.             {% for video in outStudentVideos %}
  56.             <div>
  57.               <div class="p-md-3">              
  58.                 <div class="embed-responsive embed-responsive-16by9 hvr-glow">
  59.                   <iframe loading="lazy" class="embed-responsive-item" src="{{ video.video | extractYoutubeId }}?rel=0&enablejsapi=1" allowfullscreen></iframe>
  60.                 </div>
  61.               </div>
  62.             </div>
  63.             {% endfor %}
  64.           </div>
  65.         {% endif %}
  66.       </div>
  67.     </div>
  68.   </div>
  69. </section>
  70. {% endblock %}