templates/components/index/solution.html.twig line 1

  1. <!-- App-Solution-Section-Start -->
  2. <section class="row_am app_solution_section">
  3.     <!-- container start -->
  4.     <div class="container">
  5.         <!-- row start -->
  6.         <div class="row">
  7.             <div class="col-lg-6">
  8.                 <!-- UI content -->
  9.                 <div class="app_text">
  10.                     <div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
  11.                         <h2><span>{{ tString("home_section_2_h2_1") }}</span> {{ tString("home_section_2_h2_2") }}.</h2>
  12.                     </div>
  13.                     <p data-aos="fade-up" data-aos-duration="1500">
  14.                         {{ tString("home_section_2_p1") }}
  15.                     </p>
  16.                     <p data-aos="fade-up" data-aos-duration="1500">
  17.                         {{ tString("home_section_2_p2") }}
  18.                     </p>
  19.                 </div>
  20.             </div>
  21.             <div class="col-lg-6">
  22.                 <div class="app_images" data-aos="fade-in" data-aos-duration="1500">
  23.                     <ul>
  24.                         <li>
  25.                             <a class="popup-youtube play-button"
  26.                                data-url="https://www.youtube.com/embed/9qDmXzfIm8I?autoplay=1&mute=0" data-toggle="modal"
  27.                                data-target="#myModal" title="About Video">
  28.                                 <img src="{{ tString("media_image_homepage_video1_bg") }}" alt="{{ tAlt("media_image_homepage_video1_bg") }}">
  29.                                 <div class="waves-block">
  30.                                     <div class="waves wave-1"></div>
  31.                                     <div class="waves wave-2"></div>
  32.                                     <div class="waves wave-3"></div>
  33.                                 </div>
  34.                                 <span class="play_icon"><img src="{{ asset('images/play_black.png') }}" alt="image"></span>
  35.                             </a>
  36.                         </li>
  37.                         <li>
  38.                             <a class="popup-youtube play-button"
  39.                                data-url="https://www.youtube.com/embed/J5Ct48yGsLQ?autoplay=1&mute=0" data-toggle="modal"
  40.                                data-target="#myModal" title="About Video">
  41.                                 <img width="226" src="{{ tString("media_image_homepage_video2_bg") }}" alt="{{ tAlt("media_image_homepage_video2_bg") }}">
  42.                                 <div class="waves-block">
  43.                                     <div class="waves wave-1"></div>
  44.                                     <div class="waves wave-2"></div>
  45.                                     <div class="waves wave-3"></div>
  46.                                 </div>
  47.                                 <span class="play_icon"><img src="{{ asset('images/play_black.png') }}" alt="image"></span>
  48.                             </a>
  49.                         </li>
  50.                         <li><img class="img-fluid" src="{{ tString("media_image_homepage_screen1") }}" alt="{{ tAlt("media_image_homepage_screen1") }}"></li>
  51.                     </ul>
  52.                 </div>
  53.             </div>
  54.         </div>
  55.         <!-- row end -->
  56.     </div>
  57.     <!-- container end -->
  58. </section>
  59. <!-- App-Solution-Section-end -->