templates/about/mission.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %} {{ "Missions et objectifs" | trans }} | {{ parent() }} {% endblock %}
  5. {% block content %}
  6.     <!-- Page Title -->
  7.     {% for about in missionstitles %}
  8.         {% if about.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  10.             <section class="page-title" style="background-image: url({{ asset('uploads/images/' ~ about.image) }})">
  11.                 <div class="auto-container">
  12.                     <h2>{{ about.title }}</h2>
  13.                     <ul class="bread-crumb clearfix">
  14. {#                        <li><a href="{{ path('app_main') }}">{{ "ACCUEIL" | trans }}</a></li>#}
  15. {#                        <li>{{ "Missions et objectifs de la BOAD Tittrisation" | trans }}</li>#}
  16.                     </ul>
  17.                 </div>
  18.             </section>
  19.         {% elseif about.langue == 'en_en' and '/en/' in app.request.uri %}
  20.             <section class="page-title" style="background-image: url({{ asset('uploads/images/' ~ about.image) }})">
  21.                 <div class="auto-container">
  22.                     <h2>{{ about.title }}</h2>
  23.                     <ul class="bread-crumb clearfix">
  24. {#                        <li><a href="{{ path('app_main') }}">{{ "ACCUEIL" | trans }}</a></li>#}
  25. {#                        <li>{{ "Missions et objectifs de la BOAD Tittrisation" | trans }}</li>#}
  26.                     </ul>
  27.                 </div>
  28.             </section>
  30.         {% endif %}
  31.     {% endfor %}
  33.     <section class="pricing-section"
  34.              style="background-color: #fff; background-image: url({{ asset('images/background/pattern-6.png') }})">
  35.         <div class="auto-container">
  36.             <!-- Sec Title -->
  37.             <!-- End Sec Title -->
  38.             <div class="row clearfix">
  39.                 {% for about in missionstitles %}
  40.                     <p>{{ about.summary | raw }}</p>
  41.                 {% endfor %}
  42.             </div>
  43.         </div>
  44.     </section>
  45.     <!-- Faq Section -->
  46.     <section class="faq-section" style="background-image: url(images/background/4.jpg)">
  47.         <div class="auto-container">
  48.             <div class="row clearfix">
  50.                 <!-- Accordion Column -->
  51.                 <div class="accordion-column col-lg-10 col-md-12 col-sm-12">
  52.                     <div class="inner-column">
  53.                         <div class="sec-title">
  54.                             <div class="separator"></div>
  55.                             <h3>Nos Objectifs Principaux</h3>
  56.                         </div>
  58.                         <div id="accordion " class="accordion accordion-box">
  59.                             <div class="card mb-4" style="border: none">
  60.                             {% for mission in missions | sort %}
  61.                                 {% if mission.langue == 'fr_fr' and '/fr/' in app.request.uri %}
  62.                                 <div class="card-header collapsed accordion block active-block" data-toggle="collapse" href="#collapse{{ loop.index }}">
  63.                                     <a class="card-title acc-btn">
  64.                                         {{ mission.title }}
  65.                                     </a>
  66.                                 </div>
  67.                                 <div id="collapse{{ loop.index }}" class="card-body collapse" data-parent="#accordion" >
  68.                                     <p class="acc-content">{{ mission.content | raw }}</p>
  69.                                 </div>
  70.                                 {% elseif mission.langue == 'en_en' and '/en/' in app.request.uri %}
  73.                                 {% endif %}
  74.                             {% endfor %}
  75.                             </div>
  76.                         </div>
  78.                                     <!--Block-->
  82.                     </div>
  83.                 </div>
  85.             </div>
  86.         </div>
  87.     </section>
  88.     <!-- End Faq Section -->
  89. <style>
  90. .accordion .card-header:after {
  91.     font-family: 'FontAwesome';
  92.     content: "\f068";
  93.     float: right;
  94. }
  95. .accordion .card-header.collapsed:after {
  96.     /* symbol for "collapsed" panels */
  97.     content: "\f067";
  98. }
  99. .card-title{
  100.     font-weight: bold;
  101.     font-size: 20px;
  102. }
  103. .accordion-box .block .acc-btn.active {
  104.     color: var(--main-color);
  105. }
  107. .mission p {
  108.     font-size: 20px;
  109. }
  110. .pricing-section {
  111.     padding-bottom: 0;
  112. }
  113. .faq-section {
  114.     padding-top: 0px;
  115. }
  116. </style>
  119. {% endblock %}