templates/cms_partner/_partnairs.html.twig line 1

  1.  {% if partners %}
  3. <section
  4.         class="elementor-section elementor-top-section elementor-element elementor-element-4b268f2 elementor-section-full_width elementor-section-height-default elementor-section-height-default"
  5.         data-id="4b268f2" data-element_type="section">
  6.     <div class="elementor-container elementor-column-gap-default">
  7.         <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a77cd2a"
  8.              data-id="a77cd2a" data-element_type="column">
  9.             <div class="elementor-widget-wrap elementor-element-populated">
  10.                 <div class="elementor-element elementor-element-86bea84 elementor-widget elementor-widget-brand"
  11.                      data-id="86bea84" data-element_type="widget" data-widget_type="brand.default">
  12.                     <div class="elementor-widget-container">
  13.                         <div id="brands-1" class="pt-90 pb-100 brands-section">
  14.                             <div class="container">
  15.                                 <!-- BRANDS TITLE -->
  16.                                 <div class="row justify-content-center">
  17.                                     <div class="col-md-10 col-lg-9">
  18.                                         <div class="brands-title mb-50">
  19.                                             <h5 class="s-18">Kimia manager est aimé et approuvé par des milliers de
  20.                                                 personnes </h5>
  21.                                         </div>
  22.                                     </div>
  23.                                 </div>
  24.                                 <!-- BRANDS CAROUSEL -->
  25.                                 <div class="row">
  26.                                     <div class="col text-center">
  27.                                         <div class="owl-carousel brands-carousel-5 owl-loaded owl-drag">
  28.                                             <!-- BRAND LOGO IMAGE -->
  29.                                             <div class="owl-stage-outer">
  30.                                                 <div class="owl-stage"
  31.                                                      style="transform: translate3d(-1938px, 0px, 0px); transition: all 2s ease 0s; width: 3877px;">
  32.                                                     {% for partner in partners %}
  33.                                                         <div class="owl-item" style="width: 215.38px;">
  34.                                                             <div class="brand-logo">
  35.                                                                 <a href="#">
  36.                                                                     <img decoding="async" class="img-fluid light-theme-img"
  37.                                                                          src="{{ vich_uploader_asset(partner.thumbnail, 'file') }}"
  38.                                                                          alt="logo {{ partner.name }}">
  39.                                                                 </a>
  40.                                                                 <a href="#">
  41.                                                                     <img decoding="async" class="img-fluid dark-theme-img"
  42.                                                                          src="https://jthemes.net/themes/wp/martex/wp-content/themes/martex/assets/images/brand-1-white.png"
  43.                                                                          alt="logo {{ partner.name }}">
  44.                                                                 </a>
  45.                                                             </div>
  46.                                                         </div>
  47.                                                     {% endfor %}
  48.                                                 </div>
  49.                                             </div>
  50.                                             <div class="owl-nav disabled">
  51.                                                 <button type="button" role="presentation" class="owl-prev"><span
  52.                                                             aria-label="Previous">‹</span></button>
  53.                                                 <button type="button" role="presentation" class="owl-next"><span
  54.                                                             aria-label="Next">›</span></button>
  55.                                             </div>
  56.                                             <div class="owl-dots disabled">
  57.                                                 <button role="button" class="owl-dot active"><span></span></button>
  58.                                             </div>
  59.                                         </div>
  60.                                     </div>
  61.                                 </div> <!-- END BRANDS CAROUSEL -->
  62.                             </div> <!-- End container -->
  63.                         </div> <!-- END BRANDS-1 -->
  66.                         <!-- DIVIDER LINE -->
  67.                     </div>
  68.                 </div>
  69.                 <div class="elementor-element elementor-element-986a57e elementor-widget-divider--view-line elementor-widget elementor-widget-divider"
  70.                      data-id="986a57e" data-element_type="widget" data-widget_type="divider.default">
  71.                     <div class="elementor-widget-container">
  72.                         <style>/*! elementor - v3.15.0 - 20-08-2023 */
  73.                             .elementor-widget-divider {
  74.                                 --divider-border-style: none;
  75.                                 --divider-border-width: 1px;
  76.                                 --divider-color: #0c0d0e;
  77.                                 --divider-icon-size: 20px;
  78.                                 --divider-element-spacing: 10px;
  79.                                 --divider-pattern-height: 24px;
  80.                                 --divider-pattern-size: 20px;
  81.                                 --divider-pattern-url: none;
  82.                                 --divider-pattern-repeat: repeat-x
  83.                             }
  85.                             .elementor-widget-divider .elementor-divider {
  86.                                 display: flex
  87.                             }
  89.                             .elementor-widget-divider .elementor-divider__text {
  90.                                 font-size: 15px;
  91.                                 line-height: 1;
  92.                                 max-width: 95%
  93.                             }
  95.                             .elementor-widget-divider .elementor-divider__element {
  96.                                 margin: 0 var(--divider-element-spacing);
  97.                                 flex-shrink: 0
  98.                             }
  100.                             .elementor-widget-divider .elementor-icon {
  101.                                 font-size: var(--divider-icon-size)
  102.                             }
  104.                             .elementor-widget-divider .elementor-divider-separator {
  105.                                 display: flex;
  106.                                 margin: 0;
  107.                                 direction: ltr
  108.                             }
  110.                             .elementor-widget-divider--view-line_icon .elementor-divider-separator, .elementor-widget-divider--view-line_text .elementor-divider-separator {
  111.                                 align-items: center
  112.                             }
  114.                             .elementor-widget-divider--view-line_icon .elementor-divider-separator:after, .elementor-widget-divider--view-line_icon .elementor-divider-separator:before, .elementor-widget-divider--view-line_text .elementor-divider-separator:after, .elementor-widget-divider--view-line_text .elementor-divider-separator:before {
  115.                                 display: block;
  116.                                 content: "";
  117.                                 border-bottom: 0;
  118.                                 flex-grow: 1;
  119.                                 border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
  120.                             }
  122.                             .elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator > .elementor-divider__svg:first-of-type {
  123.                                 flex-grow: 0;
  124.                                 flex-shrink: 100
  125.                             }
  127.                             .elementor-widget-divider--element-align-left .elementor-divider-separator:before {
  128.                                 content: none
  129.                             }
  131.                             .elementor-widget-divider--element-align-left .elementor-divider__element {
  132.                                 margin-left: 0
  133.                             }
  135.                             .elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator > .elementor-divider__svg:last-of-type {
  136.                                 flex-grow: 0;
  137.                                 flex-shrink: 100
  138.                             }
  140.                             .elementor-widget-divider--element-align-right .elementor-divider-separator:after {
  141.                                 content: none
  142.                             }
  144.                             .elementor-widget-divider--element-align-right .elementor-divider__element {
  145.                                 margin-right: 0
  146.                             }
  148.                             .elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
  149.                                 border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
  150.                             }
  152.                             .elementor-widget-divider--separator-type-pattern {
  153.                                 --divider-border-style: none
  154.                             }
  156.                             .elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator, .elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after, .elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before, .elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator {
  157.                                 width: 100%;
  158.                                 min-height: var(--divider-pattern-height);
  159.                                 -webkit-mask-size: var(--divider-pattern-size) 100%;
  160.                                 mask-size: var(--divider-pattern-size) 100%;
  161.                                 -webkit-mask-repeat: var(--divider-pattern-repeat);
  162.                                 mask-repeat: var(--divider-pattern-repeat);
  163.                                 background-color: var(--divider-color);
  164.                                 -webkit-mask-image: var(--divider-pattern-url);
  165.                                 mask-image: var(--divider-pattern-url)
  166.                             }
  168.                             .elementor-widget-divider--no-spacing {
  169.                                 --divider-pattern-size: auto
  170.                             }
  172.                             .elementor-widget-divider--bg-round {
  173.                                 --divider-pattern-repeat: round
  174.                             }
  176.                             .rtl .elementor-widget-divider .elementor-divider__text {
  177.                                 direction: rtl
  178.                             }
  180.                             .e-con-inner > .elementor-widget-divider, .e-con > .elementor-widget-divider {
  181.                                 width: var(--container-widget-width, 100%);
  182.                                 --flex-grow: var(--container-widget-flex-grow)
  183.                             }</style>
  184.                         <div class="elementor-divider">
  185.                             <span class="elementor-divider-separator"></span>
  187.                         </div>
  188.                     </div>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.     </div>
  193. </section>
  195. {% endif %}