templates/components/packages/how_it_works.html.twig line 1

  1. <!-- How-It-Workes-Section-Start -->
  2. <section class="row_am how_it_works" id="how_it_work">
  3.     <!-- container start -->
  4.     <div class="container">
  5.         <div class="how_it_inner">
  6.             <div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
  7.                 <!-- h2 -->
  8.                 <h2><span>{{ tString("section_how_to_title") }}</span> </h2>
  9.                 <h3>{{ tString("section_how_to_subtitle") }}</h3>
  10.                 <!-- p -->
  11.                 <p></p>
  12.             </div>
  13.             <div class="step_block">
  15.                 <!-- row start -->
  16.                 <div class="row ">
  17.                     <!-- step box -->
  18.                     <div class="col-md-4 col-sm-12">
  19.                         <div class="step_box">
  20.                             <!-- icon -->
  21.                             <div class="step_img" data-aos="fade-left" data-aos-duration="1500">
  22.                                 <img src="{{ asset('images/step1.png') }}" alt="image" >
  23.                                 <div class="step_number">
  24.                                     <h3>01</h3>
  25.                                 </div>
  26.                             </div>
  27.                             <!-- text -->
  28.                             <div class="step_text step2" data-aos="fade-right" data-aos-duration="1500">
  29.                                 <h3>{{ tString("section_how_to_item1_title") }}</h3>
  30.                                 <span>{{ tString("section_how_to_item1_subtitle") }}</span>
  31.                                 <p style="transform: scale(0.85)">{{ tString("section_how_to_item1_p1_1") }} <a class="text-theme text-uppercase" href="{{ path('user_register_free_trial') }}">{{ tString("isprobaj_besplatno") }}</a> {{ tString("section_how_to_item1_p1_2") }}</p>
  32.                             </div>
  33.                         </div>
  34.                     </div>
  36.                     <!-- step box -->
  37.                     <div class="col-md-4 col-sm-12">
  38.                         <div class="step_box">
  39.                             <!-- icon -->
  40.                             <div class="step_img" data-aos="fade-left" data-aos-duration="1500">
  41.                                 <img src="{{ asset('images/step2.png') }}" alt="image" >
  42.                                 <div class="step_number">
  43.                                     <h3>02</h3>
  44.                                 </div>
  45.                             </div>
  46.                             <!-- text -->
  47.                             <div class="step_text step2" data-aos="fade-right" data-aos-duration="1500">
  48.                                 <h3>{{ tString("section_how_to_item2_title") }}</h3>
  49.                                 <span>{{ tString("section_how_to_item2_subtitle") }}</span>
  50.                                 <p style="transform: scale(0.85)">{{ tString("section_how_to_item2_p") }}</p>
  51.                             </div>
  52.                         </div>
  53.                     </div>
  55.                     <!-- step box -->
  56.                     <div class="col-md-4 col-sm-12">
  57.                         <div class="step_box">
  58.                             <!-- icon -->
  59.                             <div class="step_img" data-aos="fade-left" data-aos-duration="1500">
  60.                                 <img src="{{ asset('images/step3.png') }}" alt="image" >
  61.                                 <div class="step_number">
  62.                                     <h3>03</h3>
  63.                                 </div>
  64.                             </div>
  65.                             <!-- text -->
  66.                             <div class="step_text step3" data-aos="fade-right" data-aos-duration="1500">
  67.                                 <h3>{{ tString("section_how_to_item3_title") }}</h3>
  68.                                 <span>{{ tString("section_how_to_item3_subtitle") }}</span>
  69.                                 <p style="transform: scale(0.85)">{{ tString("section_how_to_item3_p") }}</p>
  70.                             </div>
  71.                         </div>
  72.                     </div>
  74.                 </div>
  76.             </div>
  77.         </div>
  79.     </div>
  80.     <!-- container end -->
  81. </section>
  82. <!-- How-It-Workes-Section-end -->