templates/front/hotel/hotel_promo.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base_front.html.twig' %}
  4. {% block title %} {{ 'Pages.HotelPromo.Title'|trans({}, 'messages_front') }} {% endblock %}
  5. {% block container %}
  7.     <section id="explore_area" class="section_padding">
  8.         <div class="container">
  9.             <h2>{{ 'Pages.HotelPromo.Messages.Promotion'|trans({}, 'messages_front') }}</h2>
  10.             {% if hotelsWithPromos | length > 0 %}
  11.                 <div class="row mt-3">
  12.                     <div class="col-lg-12 col-md-12 col-sm-12 col-12">
  13.                         <div class="row mt-2">
  14.                             {% for hotel in hotelsWithPromos %}
  15.                                 <div class="col-lg-3">
  16.                                     <div class="theme_common_box_two img_hover">
  17.                                         <div class="theme_two_box_img">
  18.                                             <a href="{{ hotel.link }}">
  19.                                                 <img src="{{ hotel.image }}" data-src="{{ hotel.image }}"
  20.                                                      alt="{{ hotel.title }}"/>
  21.                                                 <div class="promo span-accroche-fiche text-white px-2 py-2 font-weight-500">
  22.                                                     {% for promo in hotel.promos %}
  23.                                                         {{ promo.name }}
  24.                                                     {% endfor %}
  25.                                                 </div>
  26.                                             </a>
  27.                                             <p><i class="fas fa-map-marker-alt"></i> {{ hotel.city }}</p>
  28.                                         </div>
  29.                                         <div class="theme_two_box_content">
  30.                                             <h4>
  31.                                                 <a href="{{ hotel.link }}">{{ hotel.title }}</a>
  32.                                             </h4>
  33.                                             {% if hotel.stars != 0 %}
  34.                                                 <span class="review_star">
  35.                                                          <span class="form-check-label">
  36.                                                              {% for j in 1 .. hotel.stars %}
  37.                                                                  <i class="fas fa-star color_theme"></i>
  38.                                                              {% endfor %}
  39.                                                          </span>
  40.                                                     </span>
  41.                                             {% endif %}
  42.                                             <h3>
  43.                                                 {% if hotel.price is defined and hotel.currency is defined %}
  44.                                                     {{ hotel.price }}<sup>{{ hotel.currency }} </sup>
  45.                                                 {% endif %}
  46.                                                 <span>
  47.                                                         {% if hotel.board is defined %}
  48.                                                             {{ hotel.board }}
  49.                                                         {% endif %}
  50.                                                     </span>
  51.                                             </h3>
  52.                                         </div>
  53.                                     </div>
  54.                                 </div>
  55.                             {% endfor %}
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.             {% endif %}
  60.         </div>
  61.     </section>
  62.     <style>
  63.         .span-accroche-fiche {
  64.             top: 15px;
  65.             position: absolute;
  66.         }
  68.         .promo {
  69.             background-color: red;
  70.             border-bottom-right-radius: 6px;
  71.             border-top-right-radius: 6px;
  72.         }
  73.     </style>
  74. {% endblock %}