templates/components/index/about-app.html.twig line 1

  1. <!-- About-App-Section-Start -->
  2. <section class="row_am about_app_section pt-10">
  3.     <!-- container start -->
  4.     <div class="container">
  5.         <!-- row start -->
  6.         <div class="row">
  7.             <div class="col-lg-6">
  9.                 <!-- about images -->
  10.                 <div class="about_img mt-5" data-aos="fade-in" data-aos-duration="1500">
  11.                     <div class="frame_img">
  12.                         <img class="moving_position_animatin" src="{{ tString("media_image_mac_screen") }}" alt="{{ tAlt("media_image_mac_screen") }}" >
  13.                     </div>
  14.                     <div class="screen_img">
  15.                         <img style="border-radius: 10px" width="250" class="moving_animation" src="{{ tString("media_image_screenshot_about_2") }}" alt="{{ tAlt("media_image_screenshot_about_2") }}" >
  16.                     </div>
  17.                 </div>
  18.             </div>
  19.             <div class="col-lg-6">
  21.                 <!-- about text -->
  22.                 <div class="about_text">
  23.                     <div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
  25.                         <!-- h2 -->
  26.                         <h2>{{ tString("section_about_app_h2_1") }}<span> {{ tString("section_about_app_h2_2") }}.</span></h2>
  28.                         <!-- p -->
  29.                         <p>
  30.                             {{ tString("section_about_app_p") }}
  31.                         </p>
  32.                     </div>
  34.                     <!-- UL -->
  35.                     <ul class="app_statstic" id="counter" data-aos="fade-in" data-aos-duration="1500">
  36.                         <li>
  37.                             <div class="icon">
  38.                                 <img class="mr-2" width="40" src="{{ asset('images/icons/group.png') }}" alt="image" >
  39.                             </div>
  40.                             <div class="text">
  41.                                 <p><span class="counter-value" data-count="2">0 </span><span>M+</span></p>
  42.                                 <p>{{ tString("section_about_app_icon_1") }}</p>
  43.                             </div>
  44.                         </li>
  45.                         <li>
  46.                             <div class="icon">
  47.                                 <img class="mr-2" width="40" src="{{ asset('images/icons/email.png') }}" alt="image" >
  48.                             </div>
  49.                             <div class="text">
  50.                                 <p><span class="counter-value" data-count="5">0</span><span>M+</span></p>
  51.                                 <p>{{ tString("section_about_app_icon_2") }}</p>
  52.                             </div>
  53.                         </li>
  54.                         <li>
  55.                             <div class="icon">
  56.                                 <img class="mr-2" width="40" src="{{ asset('images/icons/hospital-facility.png') }}" alt="image" >
  57.                             </div>
  58.                             <div class="text">
  59.                                 <p><span class="counter-value" data-count="1000">0</span><span>+</span></p>
  60.                                 <p>{{ tString("section_about_app_icon_3") }}</p>
  61.                             </div>
  62.                         </li>
  63.                         <li>
  64.                             <div class="icon">
  65.                                 <img class="mr-2" width="40" src="{{ asset('images/icons/phone-call.png') }}" alt="image" >
  66.                             </div>
  67.                             <div class="text">
  68.                                 <p><span class="counter-value" data-count="300">0</span><span>K+</span></p>
  69.                                 <p>{{ tString("section_about_app_icon_4") }}</p>
  70.                             </div>
  71.                         </li>
  72.                     </ul>
  73.                     <!-- UL end -->
  74.                     <a href="{{ path('user_register_free_trial') }}" class="btn puprple_btn text-uppercase" data-aos="fade-in" data-aos-duration="1500">{{ tString("isprobaj_besplatno") }}</a>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.         <!-- row end -->
  79.     </div>
  80.     <!-- container end -->
  81. </section>
  82. <!-- About-App-Section-end -->