templates/certificate/index.html.twig line 1

Open in your IDE?
  1. {% set body_classes = ['certificate'] %}
  2. {% set title = 'certificate.title'|trans %}
  3. {% set description = 'certificate.description'|trans %}
  4. {% set keywords = 'certificate.keywords'|trans %}
  6. {% extends 'base.html.twig' %}
  8. {% block stylesheets %}
  9.     {{ parent() }}
  10.     {{ encore_entry_link_tags('certificate') }}
  11. {% endblock stylesheets %}
  13. {% block content %}
  14.     <main>
  15.         <div class="container">
  16.             <div class="our-mission-container fade-in">
  17.                 <div class="image-wrapper">
  18.                     <img src="{{ asset('build/images/certificate/woman.png') }}" alt="">
  19.                 </div>
  20.                 <div class="description-wrapper">
  21.                     <h3>{{ 'certificate.our_mission_title'|trans|raw }}</h3>
  22.                     <p>{{ 'certificate.our_mission_p1'|trans|raw }}</p>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.         <div class="container mobile-no-paddings">
  27.             <div class="about-certificate-container">
  28.                 <div class="description-wrapper animate-on-scroll-left">
  29.                     <h3>{{ 'certificate.about_title'|trans|raw }}</h3>
  30.                     <p>{{ 'certificate.about_p1'|trans|raw }}</p>
  31.                     <p>{{ 'certificate.about_p2'|trans|raw }}</p>
  32.                     <p>{{ 'certificate.about_p3'|trans|raw }}</p>
  33.                 </div>
  34.                 <div {{ stimulus_controller('about_certificate') }} class="video-wrapper animate-on-scroll-right">
  35.                     <video {{ stimulus_target('about_certificate', 'video') }}
  36.                            id="aboutCertificateVideo"
  37.                            width="100%"
  38.                            height="auto"
  39.                            autoplay
  40.                            muted
  41.                            loop
  42.                            playsinline
  43.                     >
  44.                         <source src="{{ asset('build/video/Trophy2b.mp4') }}" type="video/mp4">
  45.                         {{ 'video.not_supported'|trans }}
  46.                     </video>
  47.                 </div>
  48.             </div>
  49.         </div>
  50.         <div class="container">
  51.             <div class="who-can-awarded-container">
  52.                 <div class="image-wrapper">
  53.                     <img src="{{ asset('build/images/certificate/woman-one.png') }}" class="top" alt="">
  54.                     <img src="{{ asset('build/images/certificate/woman-two.png') }}" class="middle" alt="">
  55.                     <img src="{{ asset('build/images/certificate/woman-three.png') }}" class="middle-second" alt="">
  56.                     <img src="{{ asset('build/images/certificate/man-one.png') }}" class="middle-third" alt="">
  57.                     <img src="{{ asset('build/images/certificate/man-two.png') }}" class="back" alt="">
  58.                 </div>
  59.                 <div class="description-wrapper">
  60.                     <h4>{{ 'certificate.who_title'|trans|raw }}</h4>
  61.                     <p>{{ 'certificate.who_p1'|trans|raw }}</p>
  62.                     <p>{{ 'certificate.who_p2'|trans|raw }}</p>
  63.                 </div>
  64.             </div>
  65.         </div>
  66.         <div class="certificate-benefits-container">
  67.             <div class="container animate-on-scroll-bottom">
  68.                 <div class="image-wrapper">
  69.                     <img src="{{ asset('build/images/ai-verification/logo-award-blue.svg') }}" alt="">
  70.                 </div>
  71.                 <div class="description-wrapper">
  72.                     <h3>{{ 'certificate.benefits_title'|trans|raw }}</h3>
  73.                     <p>{{ 'certificate.benefits_p1'|trans|raw }}</p>
  74.                     <p>{{ 'certificate.benefits_p2'|trans|raw }}</p>
  75.                     <p>{{ 'certificate.benefits_p3'|trans|raw }}</p>
  76.                     <ul>
  77.                         <li>{{ 'certificate.benefits_li1'|trans|raw }}</li>
  78.                         <li>{{ 'certificate.benefits_li2'|trans|raw }}</li>
  79.                     </ul>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.         <div class="container">
  84.             <div class="promotional-materials-container">
  85.                 <div class="title">
  86.                     <h3>{{ 'certificate.materials_title'|trans|raw }}</h3>
  87.                     <div class="description">
  88.                         <p>{{ 'certificate.materials_description'|trans|raw }}</p>
  89.                     </div>
  90.                 </div>
  91.                 <div class="items-wrapper">
  92.                     <div class="item-wrapper">
  93.                         <div class="image-wrapper certificate animate-on-scroll-left">
  94.                             <img src="{{ asset('build/images/certificate/certificate.png') }}" alt="">
  95.                         </div>
  96.                         <div class="description-wrapper animate-on-scroll-right">
  97.                             <h3>{{ 'certificate.materials_certificate_title'|trans|raw }}</h3>
  98.                             <p>{{ 'certificate.materials_certificate_p1'|trans|raw }}</p>
  99.                             <p>{{ 'certificate.materials_certificate_p2'|trans|raw }}</p>
  100.                             <p>{{ 'certificate.materials_certificate_p3'|trans|raw }}</p>
  101.                             <p>{{ 'certificate.materials_certificate_p4'|trans|raw }}</p>
  102.                         </div>
  103.                     </div>
  104.                     <div class="item-wrapper">
  105.                         <div class="image-wrapper trophy animate-on-scroll-left">
  106.                             <img src="{{ asset('build/images/certificate/trophy.png') }}" alt="">
  107.                         </div>
  108.                         <div class="description-wrapper animate-on-scroll-right">
  109.                             <h3>{{ 'certificate.materials_trophy_title'|trans|raw }}</h3>
  110.                             <p>{{ 'certificate.materials_trophy_p1'|trans|raw }}</p>
  111.                             <p>{{ 'certificate.materials_trophy_p2'|trans|raw }}</p>
  112.                             <p>{{ 'certificate.materials_trophy_p3'|trans|raw }}</p>
  113.                             <p>{{ 'certificate.materials_trophy_p4'|trans|raw }}</p>
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.         </div>
  119.         {% include '_partials/check-company-cta.html.twig' %}
  120.     </main>
  121. {% endblock content %}