templates/pages/application.html.twig line 1

  1. {% extends "base.html.twig" %}
  3. {% block title %}
  4.     {{ tString("Aplikacija") }} - {{ parent() }}
  5. {% endblock %}
  7. {% block body %}
  8.     <!-- BredCrumb-Section -->
  9.     <div class="bred_crumb">
  10.         <div class="container">
  12.             <div class="bred_text">
  13.                 <h1>{{ tString("Aplikacija") }}</h1>
  14.                 <ul>
  15.                     <li><a href="{{ path('web_homepage') }}">{{ tString("menu_naslovna") }}</a></li>
  16.                     <li><span>ยป</span></li>
  17.                     <li><a href="{{ path('web_app') }}">{{ tString("Aplikacija") }}</a></li>
  18.                 </ul>
  19.             </div>
  20.         </div>
  21.     </div>
  24.     <!-- App-Solution-Section-Start -->
  25.     <section class="row_am app_solution_section">
  26.         <!-- container start -->
  27.         <div class="container">
  28.             <!-- row start -->
  29.             <div class="row">
  30.                 <div class="col-lg-6">
  31.                     <!-- UI content -->
  32.                     <div class="app_text">
  33.                         <div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
  34.                             <h2><span>{{ tString("application_page_h2_1") }}</span> {{ tString("application_page_h2_2") }}.</h2>
  35.                         </div>
  36.                         <p data-aos="fade-up" data-aos-duration="1500">
  37.                             {{ tString("application_page_p1") }}
  38.                         </p>
  39.                         <p data-aos="fade-up" data-aos-duration="1500">
  40.                             {{ tString("application_page_p2") }}
  41.                         </p>
  42.                     </div>
  43.                 </div>
  44.                 <div class="col-lg-6">
  45.                     <div class="app_images" data-aos="fade-in" data-aos-duration="1500">
  46.                         <ul>
  47.                             <li>
  48.                                 <a class="popup-youtube play-button"
  49.                                    data-url="https://www.youtube.com/embed/9qDmXzfIm8I?autoplay=1&mute=0" data-toggle="modal"
  50.                                    data-target="#myModal" title="About Video">
  51.                                     <img src="{{ tString("media_image_homepage_video1_bg") }}" alt="{{ tAlt("media_image_homepage_video1_bg") }}">
  52.                                     <div class="waves-block">
  53.                                         <div class="waves wave-1"></div>
  54.                                         <div class="waves wave-2"></div>
  55.                                         <div class="waves wave-3"></div>
  56.                                     </div>
  57.                                     <span class="play_icon"><img src="{{ asset('images/play_black.png') }}" alt="image"></span>
  58.                                 </a>
  59.                             </li>
  60.                             <li>
  61.                                 <a class="popup-youtube play-button"
  62.                                    data-url="https://www.youtube.com/embed/J5Ct48yGsLQ?autoplay=1&mute=0" data-toggle="modal"
  63.                                    data-target="#myModal" title="About Video">
  64.                                     <img width="226" src="{{ tString("media_image_homepage_video2_bg") }}" alt="{{ tAlt("media_image_homepage_video2_bg") }}">
  65.                                     <div class="waves-block">
  66.                                         <div class="waves wave-1"></div>
  67.                                         <div class="waves wave-2"></div>
  68.                                         <div class="waves wave-3"></div>
  69.                                     </div>
  70.                                     <span class="play_icon"><img src="{{ asset('images/play_black.png') }}" alt="image"></span>
  71.                                 </a>
  72.                             </li>
  73.                             <li><img class="img-fluid" src="{{ tString("media_image_homepage_screen1") }}" alt="{{ tAlt("media_image_homepage_screen1") }}"></li>
  74.                         </ul>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.             <!-- row end -->
  79.         </div>
  80.         <!-- container end -->
  81.     </section>
  82.     <!-- App-Solution-Section-end -->
  85.     <!-- Why we are section Start -->
  86.     <section class="row_am why_we_section" data-aos="fade-in">
  87.         <div class="why_inner">
  88.             <div class="container">
  89.                 <div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
  90.                     <h2><span>{{ tString("application_page_section_features_h2_1") }}</span> {{ tString("application_page_section_features_h2_2") }}</h2>
  91.                     <p>{{ tString("application_page_section_features_p1") }}</p>
  92.                     <p>{{ tString("application_page_section_features_p2") }}</p>
  93.                 </div>
  94.                 {{ include('components/index/why_items.html.twig') }}
  95.             </div>
  96.         </div>
  97.     </section>
  100.     {{ include('components/index/about-app.html.twig') }}
  102.     {{ include('components/index/query.html.twig') }}
  105.     {{ include('components/index/trusted.html.twig') }}
  106. {% endblock %}