templates/pages/products.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ tString("packages_page_title_tag") }}
  5. {% endblock %}
  7. {% block meta %}
  8.     <meta name="description" content="{{ tString("packages_page_meta_description") }}">
  9.     <!-- Twitter -->
  10.     <meta name="twitter:card" content="summary">
  11.     <meta name="twitter:site" content="@">
  12.     <meta name="twitter:creator" content="@">
  13.     <meta name="twitter:description" content="{{ tString("packages_page_meta_description") }}">
  14.     <meta name="twitter:image" content="{{ asset("images/logo/sdoktor-logo.png") }}">
  15.     <!-- Facebook -->
  16.     <meta property="og:url" content="{{ app.request.schemeAndHttpHost }}">
  17.     <meta property="og:description" content="{{ tString("packages_page_meta_description") }}">
  18.     <meta property="og:type" content="website">
  19.     <meta property="og:image" content="{{ asset("images/logo/sdoktor-logo.png") }}">
  20.     <meta property="og:image:type" content="image/png">
  21.     <meta property="og:image:width" content="1200">
  22.     <meta property="og:image:height" content="630">
  23. {% endblock %}
  25. {% block stylesheets %}
  26.     <style>
  27.         @media screen and (min-width: 800px) {
  28.             .navbar-nav .nav-link {
  29.                 color: whitesmoke;
  30.             }
  31.         }
  32.         header.fix_style .navbar-expand-lg .navbar-nav .nav-link {
  33.             color: #40656b;
  34.         }
  35.         .collapse-content {
  36.             display: none;
  37.         }
  38.         .icon {
  39.             float: end;
  40.             margin-left: 1rem;
  41.         }
  42.         .icon-image {
  43.             float: unset;
  44.         }
  45.         .accordion h4{
  46.            font-size: 18px;
  47.             font-weight: bolder;
  48.         }
  49.         .accordion .collapse-content{
  50.             font-size: 14px;
  51.         }
  52.     </style>
  53. {% endblock %}
  55. {% block header %}
  56.     {{ include('components/header-2.html.twig') }}
  57. {% endblock %}
  59. {% block body %}
  60.     <!-- BredCrumb-Section -->
  61.     <div class="bred_crumb custom_bred_crumb bg-default" style="background-image: url('{{ tString("media_features_packages") }}');!important;">
  62.         <div class="container">
  63.             <!-- shape animation  -->
  64.             <div class="bred_text">
  65.                 <h1 style="color: white;!important;">{{ tString("paketi")|capitalize }}</h1>
  66.                 <ul>
  67.                     <li><a style="color: white;!important;" href="{{ path('web_homepage') }}">{{ tString("menu_naslovna") }}</a></li>
  68.                     <li><span style="color: white;!important;">ยป</span></li>
  69.                     <li><a style="color: white;!important;" href="#">{{ tString("paketi")|capitalize }}</a></li>
  70.                 </ul>
  71.                 <div style="color: white;!important;" class="row">
  72.                     <div class="col-md-6 col-lg-3">
  73.                         <div class="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
  74.                             <div class="icon icon-image">
  75.                                 <img src="{{ asset('images/secure.png') }}" alt="image">
  76.                             </div>
  77.                             <div class="text">
  78.                                 <h4>{{ tString("free_testing") }}</h4>
  79.                                 <p>{{ tString("30_days") }}</p>
  80.                             </div>
  81.                         </div>
  82.                     </div>
  83.                     <div class="col-md-6 col-lg-3">
  84.                         <div class="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
  85.                             <div class="icon icon-image">
  86.                                 <img src="{{ asset('images/abt_functional.png') }}" alt="image">
  87.                             </div>
  88.                             <div class="text">
  89.                                 <h4>{{ tString("fast_installation") }}</h4>
  90.                                 <p>{{ tString("right_after_registration") }}</p>
  91.                             </div>
  92.                         </div>
  93.                     </div>
  94.                     <div class="col-md-6 col-lg-3">
  95.                         <div class="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
  96.                             <div class="icon icon-image">
  97.                                 <img src="{{ asset('images/communication.png') }}" alt="image">
  98.                             </div>
  99.                             <div class="text">
  100.                                 <h4>{{ tString("simple_interface") }}</h4>
  101.                                 <p>{{ tString("dont_need_training") }}</p>
  102.                             </div>
  103.                         </div>
  104.                     </div>
  105.                     <div class="col-md-6 col-lg-3">
  106.                         <div class="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="400">
  107.                             <div class="icon icon-image">
  108.                                 <img src="{{ asset('images/abt_support.png') }}" alt="image">
  109.                             </div>
  110.                             <div class="text">
  111.                                 <h4>{{ tString("mobile_app") }}</h4>
  112.                                 <p>{{ tString("free_for_your_patients") }}</p>
  113.                             </div>
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.         </div>
  120.     </div>
  122.     {{ render(controller('App\\Controller\\DefaultController::renderPricing', {"route": app.request.get("_route")})) }}
  124.     {{ include('components/index/payments.html.twig') }}
  126. {% endblock %}
  128. {% block queryAction %}{{ include('components/index/query.html.twig') }}{% endblock %}
  130. {% block javascripts %}
  131.     <script>
  132.         /*$(document).ready(function () {
  133.             let $itemText = $(".benifits");
  134.             let maxHeight = 0;
  135.             $itemText.each(function () {
  136.                 let currentHeight = $(this).height();
  137.                 if (currentHeight > maxHeight) {
  138.                     maxHeight = currentHeight;
  139.                 }
  140.             });
  141.             $itemText.height(maxHeight);
  142.         });*/
  144.         $(document).ready(function () {
  145.             $('.trigger').click(function () {
  146.                 $(this).next('.collapse-content').slideToggle();
  147.             });
  148.         });
  150.     </script>
  151. {% endblock %}