templates/components/index/banner-2.html.twig line 1

  1. <!-- Banner-Section-Start -->
  2. <section class="banner_section">
  3.     <!-- container start -->
  4.     <div class="container">
  5.         <!-- row start -->
  6.         <div class="row">
  7.             <div class="col-lg-7 col-md-12"  data-aos="fade-right" data-aos-duration="1500">
  8.                 <!-- banner text -->
  9.                 <div class="banner_text">
  10.                     <!-- h1 -->
  11.                     <h1 class="text-uppercase">{{ env("APP_TITLE") }}</h1>
  12.                     <!-- h2 -->
  13.                     <h2><span>{{ tString("home_banner_h2") }}</span></h2>
  14.                     <!-- p -->
  15.                     <p>
  16.                         {{ tString("home_banner_paragraph") }}
  17.                     </p>
  18.                 </div>
  19.                 <!-- app buttons -->
  20.                 <div class="row">
  21.                     <div class="col-md-4 p-3">
  22.                         <a target="_blank" href="#">
  23.                             <div class="banner-card">
  24.                                 <div class="icon" style="background-color: var(--purple)">
  25.                                     <i style="color: #fff" class="fa fa-check fa-2x"></i>
  26.                                 </div>
  27.                                 <div class="text">
  28.                                     <div class="h6 text-uppercase">{{ tString("home_banner_card_title_1") }}</div>
  29.                                     <div class="description">{{ tString("home_banner_card_description_1") }}</div>
  30.                                 </div>
  31.                             </div>
  32.                         </a>
  33.                     </div>
  34.                     <div class="col-md-4 p-3">
  35.                         <a target="_blank" href="#">
  36.                             <div class="banner-card">
  37.                                 <div class="icon" style="background-color: var(--purple)">
  38.                                     <i style="color: #fff" class="fa fa-check fa-2x"></i>
  39.                                 </div>
  40.                                 <div class="text">
  41.                                     <div class="h6 text-uppercase">{{ tString("home_banner_card_title_2") }}</div>
  42.                                     <div class="description">{{ tString("home_banner_card_description_2") }}</div>
  43.                                 </div>
  44.                             </div>
  45.                         </a>
  46.                     </div>
  47.                     <div class="col-md-4 p-3">
  48.                         <a target="_blank" href="#">
  49.                             <div class="banner-card">
  50.                                 <div class="icon" style="background-color: var(--purple)">
  51.                                     <i style="color: #fff" class="fa fa-check fa-2x"></i>
  52.                                 </div>
  53.                                 <div class="text">
  54.                                     <div class="h6 text-uppercase">{{ tString("home_banner_card_title_3") }}</div>
  55.                                     <div class="description">{{ tString("home_banner_card_description_3") }}</div>
  56.                                 </div>
  57.                             </div>
  58.                         </a>
  59.                     </div>
  60.                 </div>
  62.                 <!-- users -->
  63.                 <div class="used_app">
  64.                     <ul>
  65.                         <li><img src="{{ tString("media_image_banner_icon1") }}" alt="{{ tAlt("media_image_banner_icon1") }}" ></li>
  66.                         <li><img src="{{ tString("media_image_banner_icon2") }}" alt="{{ tAlt("media_image_banner_icon2") }}" ></li>
  67.                         <li><img src="{{ tString("media_image_banner_icon3") }}" alt="{{ tAlt("media_image_banner_icon3") }}" ></li>
  68.                         <li><img src="{{ tString("media_image_banner_icon4") }}" alt="{{ tAlt("media_image_banner_icon4") }}" ></li>
  69.                     </ul>
  70.                     <p>{{ tString("number_of_clients_using_the_app") }} + <br> {{ tString("home_banner_used_text") }}</p>
  71.                 </div>
  72.             </div>
  74.             <!-- banner image start -->
  75.             <div class="col-lg-4 col-md-12"  data-aos="fade-in" data-aos-duration="1500">
  76.                 <div class="banner_image"></div>
  77.             </div>
  78.             <!-- banner image end -->
  80.         </div>
  81.         <!-- row end -->
  82.     </div>
  83.     <!-- container end -->
  84. </section>
  85. <!-- Banner-Section-end -->