templates/bons/cultivez.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 %}Bons plans étudiants{% endtrans %}</h1>
  9.       </div>
  10.     </div>
  11.   </div>
  12. </section>
  14. <section class="section mb-xl-5 mb-4 mt-4">
  15.   <div class="container">
  16.     <div class="row">
  17.       <div class="col-xl-3 col-lg-4 order-lg-0 order-1">
  18.         <div class="ecole-nav pr-lg-4 pr-0 mt-3 sticky">
  19.           <ul class="nav nav-pills d-block" data-aos='fade-right'>
  20.             <li><a href="{{path('bons_aide')}}">{% trans %}Aide au logement{% endtrans %}</a></li>
  21.             <li><a href="{{path('bons_voyagez')}}">{% trans %}Voyagez à petit prix{% endtrans %}</a></li>
  22.             <li><a href="{{path('bons_permis')}}">{% trans %}Permis à moindre coût{% endtrans %}</a></li>
  23.             <li><a href="{{path('bons_informatique')}}">{% trans %}Informatique à prix étudiant{% endtrans %}</a></li>
  24.             <li><a class="active" href="{{path('bons_cultivez')}}">{% trans %}Cultivez votre esprit !{% endtrans %}</a></li>
  25.             <li><a href="{{path('bons_shopping')}}">{% trans %}Shopping à petit prix{% endtrans %}</a></li>
  26.           </ul>
  27.         </div>
  28.       </div>
  29.       <div class="col-xl-9 col-lg-8 order-lg-1 order-0">
  30.         <div class="ecole-content text-dark-purple text-justify keepEditorStyle" data-aos='fade-left'>
  31.           <div class="text-center mb-3" data-aos='zoom-in'>
  32.             <img class="w-100" src="{{ asset('assets/images/bons/cultivez/img.jpg') }}" alt="{% trans %}Cultivez votre esprit !{% endtrans %}"/>
  33.           </div>
  35.           <div class="section-title text-left mb-3"><span>/</span> {% trans %}Cultivez votre esprit !{% endtrans %}</div>
  36.           <p class="mb-0">{% trans %}Cultivez votre esprit grâce à notre offre culturelle spécialement conçue pour les étudiants. Profitez de réductions allant jusqu'à 50% dans certaines enseignes pour accéder à des spectacles au théâtre, des séances de cinéma, ou des concerts. De plus, de nombreux musées offrent l'entrée gratuite aux étudiants munis de leur carte étudiante.{% endtrans %}</p>
  37.           <p>{% trans %}Vous pouvez également utiliser la carte jeune européenne, qui a pour objectif de faciliter l'accès des jeunes, quelle que soit leur nationalité, à la culture, le sport, les loisirs et les transports, tout en favorisant le partage d'expériences, la participation et la mobilité en Europe. Décidez de vos préférences, que ce soit théâtre, cinéma ou concert, et explorez la richesse de l'offre culturelle qui s'offre à vous.{% endtrans %}</p>
  39.           <div class="row flip-list mt-4 pt-2">
  40.             <div class="col-lg-3 col-md-4 col-6 mb-4">
  41.               <div class="flip-item position-relative">
  42.                 <img class="position-relative img-mask w-100" src="{{ asset('assets/images/bons/mask.jpg') }}" alt=""/>
  43.                 <div class="position-absolute w-100 h-100 t-0 l-0">
  44.                   <div class="flip-card">
  45.                     <a class="flip-card-inner" href="https://pass.culture.fr/" target="_blank">
  46.                       <div class="flip-card-front">
  47.                         <img src="{{ asset('assets/images/bons/cultivez/logo-1.jpg') }}" alt="">
  48.                       </div>
  49.                       <div class="flip-card-back">
  50.                         <div>{% trans %}En savoir plus{% endtrans %} ›</div>
  51.                       </div>
  52.                     </a>
  53.                   </div>
  54.                 </div>
  55.               </div>
  56.             </div>
  57.             <div class="col-lg-3 col-md-4 col-6 mb-4">
  58.               <div class="flip-item position-relative">
  59.                 <img class="position-relative img-mask w-100" src="{{ asset('assets/images/bons/mask.jpg') }}" alt=""/>
  60.                 <div class="position-absolute w-100 h-100 t-0 l-0">
  61.                   <div class="flip-card">
  62.                     <a class="flip-card-inner" href="https://www.etudiant.gouv.fr/sites/default/files/imported_files/document/LISTE_DES_MUSEES_NATIONAUX_1116528.pdf" target="_blank">
  63.                       <div class="flip-card-front">
  64.                         <img src="{{ asset('assets/images/bons/cultivez/logo-2.jpg') }}" alt="">
  65.                       </div>
  66.                       <div class="flip-card-back">
  67.                         <div>{% trans %}En savoir plus{% endtrans %} ›</div>
  68.                       </div>
  69.                     </a>
  70.                   </div>
  71.                 </div>
  72.               </div>
  73.             </div>
  74.             <div class="col-lg-3 col-md-4 col-6 mb-4">
  75.               <div class="flip-item position-relative">
  76.                 <img class="position-relative img-mask w-100" src="{{ asset('assets/images/bons/mask.jpg') }}" alt=""/>
  77.                 <div class="position-absolute w-100 h-100 t-0 l-0">
  78.                   <div class="flip-card">
  79.                     <a class="flip-card-inner" href="https://www.monuments-nationaux.fr/trouver-un-monument" target="_blank">
  80.                       <div class="flip-card-front">
  81.                         <img src="{{ asset('assets/images/bons/cultivez/logo-3.jpg') }}" alt="">
  82.                       </div>
  83.                       <div class="flip-card-back">
  84.                         <div>{% trans %}En savoir plus{% endtrans %} ›</div>
  85.                       </div>
  86.                     </a>
  87.                   </div>
  88.                 </div>
  89.               </div>
  90.             </div>
  91.             <div class="col-lg-3 col-md-4 col-6 mb-4">
  92.               <div class="flip-item position-relative">
  93.                 <img class="position-relative img-mask w-100" src="{{ asset('assets/images/bons/mask.jpg') }}" alt=""/>
  94.                 <div class="position-absolute w-100 h-100 t-0 l-0">
  95.                   <div class="flip-card">
  96.                     <a class="flip-card-inner" href="https://www.culture-crous.paris/events/categorie/billetterie/" target="_blank">
  97.                       <div class="flip-card-front">
  98.                         <img src="{{ asset('assets/images/bons/cultivez/logo-4.jpg') }}" alt="">
  99.                       </div>
  100.                       <div class="flip-card-back">
  101.                         <div>{% trans %}En savoir plus{% endtrans %} ›</div>
  102.                       </div>
  103.                     </a>
  104.                   </div>
  105.                 </div>
  106.               </div>
  107.             </div>
  108.             <div class="col-lg-3 col-md-4 col-6 mb-4">
  109.               <div class="flip-item position-relative">
  110.                 <img class="position-relative img-mask w-100" src="{{ asset('assets/images/bons/mask.jpg') }}" alt=""/>
  111.                 <div class="position-absolute w-100 h-100 t-0 l-0">
  112.                   <div class="flip-card">
  113.                     <a class="flip-card-inner" href="https://journeesdupatrimoine.culture.gouv.fr/programme#/search@46.5123951,3.5111403,6.00" target="_blank">
  114.                       <div class="flip-card-front">
  115.                         <img src="{{ asset('assets/images/bons/cultivez/logo-5.jpg') }}" alt="">
  116.                       </div>
  117.                       <div class="flip-card-back">
  118.                         <div>{% trans %}En savoir plus{% endtrans %} ›</div>
  119.                       </div>
  120.                     </a>
  121.                   </div>
  122.                 </div>
  123.               </div>
  124.             </div>
  125.             <div class="col-lg-3 col-md-4 col-6 mb-4">
  126.               <div class="flip-item position-relative">
  127.                 <img class="position-relative img-mask w-100" src="{{ asset('assets/images/bons/mask.jpg') }}" alt=""/>
  128.                 <div class="position-absolute w-100 h-100 t-0 l-0">
  129.                   <div class="flip-card">
  130.                     <a class="flip-card-inner" href="https://cartejeunes.fr/" target="_blank">
  131.                       <div class="flip-card-front">
  132.                         <img src="{{ asset('assets/images/bons/cultivez/logo-6.jpg') }}" alt="">
  133.                       </div>
  134.                       <div class="flip-card-back">
  135.                         <div>{% trans %}En savoir plus{% endtrans %} ›</div>
  136.                       </div>
  137.                     </a>
  138.                   </div>
  139.                 </div>
  140.               </div>
  141.             </div>
  142.           </div>
  143.         </div>
  144.       </div>
  145.     </div>
  146.   </div>
  147. </section>
  148. {% endblock %}