templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <div class="slider_area">
  5.         <div class="single_slider  d-flex align-items-center slider_bg_1 overlay">
  6.             <div class="container">
  7.                 <div class="row align-items-center justify-content-center">
  8.                     <div class="col-xl-12">
  9.                         <div class="slider_text text-center">
  10.                             <span class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".3s">Мы открыты с 2018 года</span>
  11.                             <h1 class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".4s">Atlas<br>Hookah Club</h1>
  12.                             <p class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">Siberian, Krasnoyarsk</p>
  13.                             <a href="{{ header.buttonUrl }}" class="boxed-btn3  wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".7s">{{ header.buttonLabel }}</a>
  14.                         </div>
  15.                     </div>
  16.                 </div>
  17.             </div>
  18.         </div>
  19.     </div>
  20.     <div class="about_area black_bg">
  21.         <div class="container">
  22.             <div class="row justify-content-center">
  23.                 <div class="col-lg-8">
  24.                     <div class="section_title text-center mb-80">
  25.                         <h3 class="wow fadeInRight" data-wow-duration="1s" data-wow-delay=".3s">Атлас — это качество</h3>
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.             {% for main_card in main_cards|filter(main_card => main_card.isMain) %}
  30.                 <div class="row align-items-center" style="margin-bottom: 50px;">
  31.                     <div class="col-lg-7 col-md-6">
  32.                         <div class="about_thumb">
  33.                             <div class="thumb_inner wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
  34.                                 <img src="{{ asset(main_cards_upload_dir ~ main_card.imageUrl) }}" alt="">
  35.                             </div>
  36.                         </div>
  37.                     </div>
  38.                     <div class="col-lg-5 col-md-6">
  39.                         <div class="about_info pl-68">
  40.                             <h1 class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">{{ main_card.title }}</h1>
  41.                             <div class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".6s">
  42.                                 {{ main_card.description|raw }}
  43.                             </div>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  47.             {% endfor %}
  48.         </div>
  49.     </div>
  50.     <div class="program_details_area overlay2">
  51.         <div class="container">
  52.             <div class="row">
  53.                 <div class="col-lg-12">
  54.                     <div class="section_title text-center mb-40  wow fadeInRight" data-wow-duration="1s" data-wow-delay=".3s">
  55.                         <h3>Почему мы ?</h3>
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.             <div class="row justify-content-center">
  60.                 <div class="col-lg-10">
  61.                     <div class="program_detail_wrap">
  62.                         {% for main_card in main_cards|filter(main_card => not main_card.isMain) %}
  63.                             <div class="single_propram">
  64.                                 <div class="inner_wrap">
  65.                                     <div class="circle_img"></div>
  66.                                     <div class="porgram_top">
  67.                                         <h3 class="wow {% if loop.index % 2 %}fadeInLeft{% else %}fadeInRight{% endif %}" data-wow-duration="1s" data-wow-delay=".4s">{{ main_card.title }}</h3>
  68.                                         <div class="wow {% if loop.index % 2 %}fadeInLeft{% else %}fadeInRight{% endif %}" data-wow-duration="1s" data-wow-delay=".3s">
  69.                                             {{ main_card.description|raw }}
  70.                                         </div>
  71.                                     </div>
  72.                                     <div class="thumb wow {% if loop.index % 2 %}fadeInLeft right{% else %}float-right fadeInRight left{% endif %}" data-wow-duration="1s" data-wow-delay=".5s">
  73.                                         <img class="img-fluid" src="{{ asset(main_cards_upload_dir ~ main_card.imageUrl) }}" alt="">
  74.                                     </div>
  75.                                 </div>
  76.                             </div>
  77.                         {% endfor %}
  78.                     </div>
  79.                 </div>
  80.             </div>
  81.         </div>
  82.     </div>
  83.     {% if map_widget %}
  84.         <div class="container">
  85.             <div class="map_area">
  86.                 <div class="map_header text-center">
  87.                     <h1 class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".4s">Атлас кальянная Красноярск</h1>
  88.                 </div>
  89.                 {{ map_widget|raw }}
  90.             </div>
  91.         </div>
  92.     {% endif %}
  93.     <div class="brand_area black_bg">
  94.         <div class="container">
  95.             <div class="row">
  96.                 <div class="col-lg-12">
  97.                     <div class="section_title text-center mb-80">
  98.                         <h4 class="wow fadeInRight" data-wow-duration="1s" data-wow-delay=".3s">Наши партнеры</h4>
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.             <div class="row">
  103.                 <div class=" col-lg-12">
  104.                     <div class="brand_wrap">
  105.                         <div class="brand_active owl-carousel">
  106.                             {% for partner in partners %}
  107.                                 <div class="single_brand text-center col-sm-10">
  108.                                     <img src="{{ asset(partners_upload_dir ~ partner.imageUrl) }}" alt="">
  109.                                 </div>
  110.                             {% endfor %}
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.         </div>
  116.     </div>
  117. {% endblock %}