templates/activities/etude.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2.     {% block title %}
  3. {{ "Étude de cas" | trans }} | {{ parent() }}
  4.     {% endblock %}
  6. {% block content %}
  7.     {% for process in processEtude %}
  8.         {% if process.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  10.             <section class="page-title"
  11.                      style="background-image: url({{ asset('uploads/images/' ~ process.bannerImg) }})">
  12.                 <div class="auto-container">
  13.                     <h2>{{ process.title }}</h2>
  14.                     <ul class="bread-crumb clearfix">
  15. {#                        <li><a href="{{ path('app_main') }}">{{ "ACCUEIL" | trans }}</a></li>#}
  16. {#                        <li>{{ "Étude de cas" | trans }}</li>#}
  17.                     </ul>
  18.                 </div>
  19.             </section>
  20.         {% elseif process.langue == 'en_en' and '/en/' in app.request.uri %}
  21.             <section class="page-title"
  22.                      style="background-image: url({{ asset('uploads/images/' ~ process.bannerImg) }})">
  23.                 <div class="auto-container">
  24.                     <h2>{{ process.title }}</h2>
  25.                     <ul class="bread-crumb clearfix">
  26. {#                        <li><a href="{{ path('app_main') }}">{{ "ACCUEIL" | trans }}</a></li>#}
  27. {#                        <li>{{ "Étude de cas" | trans }}</li>#}
  28.                     </ul>
  29.                 </div>
  30.             </section>
  32.         {% endif %}
  33.     {% endfor %}
  34.     <!-- Sidebar Page Container -->
  35.     <section class="sidebar-page-container">
  36.         <div class="auto-container">
  37.             <div class="row clearfix">
  39.                 <!-- Accordion Column -->
  40.                 <div class="accordion-column col-lg-8 col-md-12 col-sm-12">
  41.                     <div class="inner-column">
  42.                         <div class="sec-title">
  43.                             <div class="separator"></div>
  44.                             <h3>Étude de cas</h3>
  45.                         </div>
  47.                         <div id="accordion " class="accordion accordion-box">
  48.                             <div class="card mb-4" style="border: none">
  49.                                 {% for etude in etudes | sort %}
  50.                                     {% if etude.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  51.                                         <div class="card-header collapsed accordion block active-block" data-toggle="collapse" href="#collapse{{ loop.index }}">
  52.                                             <a class="card-title acc-btn">
  53.                                                 {{ etude.title }}
  54.                                             </a>
  55.                                         </div>
  56.                                         <div id="collapse{{ loop.index }}" class="card-body collapse" data-parent="#accordion" >
  57.                                             <p class="acc-content">{{ etude.content | raw }}</p>
  58.                                         </div>
  59.                                     {% elseif etude.langue == 'en_en' and '/en/' in app.request.uri %}
  62.                                     {% endif %}
  63.                                 {% endfor %}
  64.                             </div>
  65.                         </div>
  69.                     </div>
  70.                 </div>
  73.                 <!-- Sidebar Side -->
  74.                 <div class="sidebar-side col-lg-4 col-md-12 col-sm-12">
  75.                {{ include('layouts/_aside.html.twig') }}
  76.                 </div>
  78.             </div>
  79.         </div>
  80.     </section>
  81.     <style>
  82.         .accordion .card-header:after {
  83.             font-family: 'FontAwesome';
  84.             content: "\f068";
  85.             float: right;
  86.         }
  87.         .accordion .card-header.collapsed:after {
  88.             /* symbol for "collapsed" panels */
  89.             content: "\f067";
  90.         }
  91.         .card-title{
  92.             font-weight: bold;
  93.             font-size: 20px;
  94.         }
  95.         .accordion-box .block .acc-btn.active {
  96.             color: var(--main-color);
  97.         }
  99.         .mission p {
  100.             font-size: 20px;
  101.         }
  102.         .pricing-section {
  103.             padding-bottom: 0;
  104.         }
  105.         .faq-section {
  106.             padding-top: 0px;
  107.         }
  108.     </style>
  109. {% endblock %}