templates/home/featured.html.twig line 1

Open in your IDE?
  1. <!-- =======================
  2. Featured Hotels START -->
  3. <section>
  4.     <div class="container">
  6.         <!-- Title -->
  7.         <div class="row mb-4">
  8.             <div class="col-12 text-center">
  9.                 <h2 class="mb-0">{% trans %}Featured{% endtrans %} {% trans %}Hotels{% endtrans %}</h2>
  10.             </div>
  11.         </div>
  13.         {% if featuredHotels is not empty %}
  14.             <div class="row g-4">
  15.                 {% for featuredHotel in featuredHotels %}
  16.                     <!-- Hotel item -->
  17.                     <div class="col-sm-6 col-xl-3">
  18.                         <!-- Card START -->
  19.                         <div class="card card-img-scale overflow-hidden bg-transparent">
  20.                             <!-- Image and overlay -->
  21.                             <div class="card-img-scale-wrapper rounded-3">
  22.                                 <!-- Image -->
  23.                                 <img src="{{ featuredHotel.image }}" class="card-img" alt="hotel image">
  24.                                 <!-- Badge -->
  25.                                 <div class="position-absolute bottom-0 start-0 p-3">
  26.                                     <div class="badge text-bg-dark fs-6 rounded-pill stretched-link"><i class="bi bi-geo-alt me-2"></i>{{ featuredHotel.region }}</div>
  27.                                 </div>
  28.                             </div>
  30.                             <!-- Card body -->
  31.                             <div class="card-body px-2">
  32.                                 <!-- Title -->
  33.                                 <h5 class="card-title"><a href="{{ featuredHotel.link }}" class="stretched-link">{{ featuredHotel.name }}</a></h5>
  34.                                 <!-- Price and rating -->
  35. {#                                <div class="d-flex justify-content-between align-items-center">#}
  36. {#                                    <h6 class="text-success mb-0">$455 <small class="fw-light">/{% trans %}Starting at{% endtrans %}</small> </h6>#}
  37. {#                                    <h6 class="mb-0">4.5<i class="fa-solid fa-star text-warning ms-1"></i></h6>#}
  38. {#                                </div>#}
  39.                             </div>
  40.                         </div>
  41.                         <!-- Card END -->
  42.                     </div>
  43.                 {% endfor %}
  46.                 {#<!-- Hotel item -->
  47.                 <div class="col-sm-6 col-xl-3">
  48.                     <!-- Card START -->
  49.                     <div class="card card-img-scale overflow-hidden bg-transparent">
  50.                         <!-- Image and overlay -->
  51.                         <div class="card-img-scale-wrapper rounded-3">
  52.                             <!-- Image -->
  53.                             <img src="" class="card-img" alt="hotel image">
  54.                             <!-- Badge -->
  55.                             <div class="position-absolute bottom-0 start-0 p-3">
  56.                                 <div class="badge text-bg-dark fs-6 rounded-pill stretched-link"><i class="bi bi-geo-alt me-2"></i>California</div>
  57.                             </div>
  58.                         </div>
  60.                         <!-- Card body -->
  61.                         <div class="card-body px-2">
  62.                             <!-- Title -->
  63.                             <h5 class="card-title"><a href="hotel-detail.html" class="stretched-link">New Apollo Hotel</a></h5>
  64.                             <!-- Price and rating -->
  65.                             <div class="d-flex justify-content-between align-items-center">
  66.                                 <h6 class="text-success mb-0">$585 <small class="fw-light">/{% trans %}Starting at{% endtrans %}</small> </h6>
  67.                                 <h6 class="mb-0">4.8<i class="fa-solid fa-star text-warning ms-1"></i></h6>
  68.                             </div>
  69.                         </div>
  70.                     </div>
  71.                     <!-- Card END -->
  72.                 </div>
  74.                 <!-- Hotel item -->
  75.                 <div class="col-sm-6 col-xl-3">
  76.                     <!-- Card START -->
  77.                     <div class="card card-img-scale overflow-hidden bg-transparent">
  78.                         <!-- Image and overlay -->
  79.                         <div class="card-img-scale-wrapper rounded-3">
  80.                             <!-- Image -->
  81.                             <img src="" class="card-img" alt="hotel image">
  82.                             <!-- Badge -->
  83.                             <div class="position-absolute bottom-0 start-0 p-3">
  84.                                 <div class="badge text-bg-dark fs-6 rounded-pill stretched-link"><i class="bi bi-geo-alt me-2"></i>Los Angeles</div>
  85.                             </div>
  86.                         </div>
  88.                         <!-- Card body -->
  89.                         <div class="card-body px-2">
  90.                             <!-- Title -->
  91.                             <h5 class="card-title"><a href="hotel-detail.html" class="stretched-link">New Age Hotel</a></h5>
  92.                             <!-- Price and rating -->
  93.                             <div class="d-flex justify-content-between align-items-center">
  94.                                 <h6 class="text-success mb-0">$385 <small class="fw-light">/{% trans %}Starting at{% endtrans %}</small> </h6>
  95.                                 <h6 class="mb-0">4.6<i class="fa-solid fa-star text-warning ms-1"></i></h6>
  96.                             </div>
  97.                         </div>
  98.                     </div>
  99.                     <!-- Card END -->
  100.                 </div>
  102.                 <!-- Hotel item -->
  103.                 <div class="col-sm-6 col-xl-3">
  104.                     <!-- Card START -->
  105.                     <div class="card card-img-scale overflow-hidden bg-transparent">
  106.                         <!-- Image and overlay -->
  107.                         <div class="card-img-scale-wrapper rounded-3">
  108.                             <!-- Image -->
  109.                             <img src="" class="card-img" alt="hotel image">
  110.                             <!-- Badge -->
  111.                             <div class="position-absolute bottom-0 start-0 p-3">
  112.                                 <div class="badge text-bg-dark fs-6 rounded-pill stretched-link"><i class="bi bi-geo-alt me-2"></i>Chicago</div>
  113.                             </div>
  114.                         </div>
  116.                         <!-- Card body -->
  117.                         <div class="card-body px-2">
  118.                             <!-- Title -->
  119.                             <h5 class="card-title"><a href="hotel-detail.html" class="stretched-link">Helios Beach Resort</a></h5>
  120.                             <!-- Price and rating -->
  121.                             <div class="d-flex justify-content-between align-items-center">
  122.                                 <h6 class="text-success mb-0">$665 <small class="fw-light">/{% trans %}Starting at{% endtrans %}</small> </h6>
  123.                                 <h6 class="mb-0">4.8<i class="fa-solid fa-star text-warning ms-1"></i></h6>
  124.                             </div>
  125.                         </div>
  126.                     </div>
  127.                     <!-- Card END -->
  128.                 </div>#}
  129.             </div> <!-- Row END -->
  130.         {% endif %}
  132.     </div>
  133. </section>
  134. <!-- =======================
  135. Featured Hotels END -->