<section class="location-section location-hotels">
<div class="container">
<div class="location-hotels--header">
<h3 class="location-hotels--section-title">{{ block.simpleText }}</h3>
</div>
<div class="location-hotels--content lazy-animation">
{% for hotel in hotels %}
<a class="location-hotels--item">
<div class="home-hotels--bg">
<picture-component class="js-picture-component"
:image="{{ picture_data(hotel.headerImage, null) }}"></picture-component>
</div>
<div class="location-hotels--container">
<h5 class="location-hotels--pretitle">Artiem</h5>
<h4 class="location-hotels--title">{{ hotel.simpleName|capitalize }}</h4>
<ul class="location-hotels--keys">
{% for ksp in hotel.keySellingPointsHotel %}
<li>{{ ksp.title }}</li>
{% endfor %}
</ul>
</div>
</a>
{% endfor %}
</div>
</div>
</section>