feat: added conditions
This commit is contained in:
135
index.html
135
index.html
@@ -942,6 +942,141 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="conditions">
|
||||
<div class="container">
|
||||
<div class="tag">Условия проживания</div>
|
||||
|
||||
<h2 class="conditions__title">
|
||||
Комофортные условия проживания и атмосфера,
|
||||
<span>способствующая созданию нового образа жизни</span>
|
||||
</h2>
|
||||
|
||||
<div class="conditions__sliders">
|
||||
<div class="conditions__sliders-main">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/conditions.jpg" />
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/conditions.jpg" />
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/conditions.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conditions__sliders-thumbs">
|
||||
<div thumbsSlider="" class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/conditions.jpg" />
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/conditions.jpg" />
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/conditions.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conditions__sliders-controls">
|
||||
<button class="button button--prev"></button>
|
||||
<button class="button button--next"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conditions__location">
|
||||
<div class="conditions__location-text">
|
||||
Каждый желающий может приехать и посмотреть условия проживания с разрешения персонала
|
||||
</div>
|
||||
<div class="conditions__location-address">г. Томск, пр. Ленина, 186</div>
|
||||
</div>
|
||||
|
||||
<div class="conditions__advantages">
|
||||
<div class="conditions__advantage">
|
||||
<figure class="conditions__advantage-figure">
|
||||
<img
|
||||
class="conditions__advantage-figure-image"
|
||||
src="./assets/img/icons/lodging.svg"
|
||||
alt="lodging"
|
||||
/>
|
||||
</figure>
|
||||
<div class="conditions__advantage-text">
|
||||
По 4 человека в комнате с собственным душем и туалетом
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conditions__advantage">
|
||||
<figure class="conditions__advantage-figure">
|
||||
<img
|
||||
class="conditions__advantage-figure-image"
|
||||
src="./assets/img/icons/cottage.svg"
|
||||
alt="cottage"
|
||||
/>
|
||||
</figure>
|
||||
<div class="conditions__advantage-text">
|
||||
Нет высоких заборов и решеток, не создается впечатление тюрьмы
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conditions__advantage">
|
||||
<figure class="conditions__advantage-figure">
|
||||
<img
|
||||
class="conditions__advantage-figure-image"
|
||||
src="./assets/img/icons/table-tennis.svg"
|
||||
alt="table-tennis"
|
||||
/>
|
||||
</figure>
|
||||
<div class="conditions__advantage-text">
|
||||
Комната отдыха с различными развлечениями
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conditions__advantage">
|
||||
<figure class="conditions__advantage-figure">
|
||||
<img
|
||||
class="conditions__advantage-figure-image"
|
||||
src="./assets/img/icons/weightlifting.svg"
|
||||
alt="weightlifting"
|
||||
/>
|
||||
</figure>
|
||||
<div class="conditions__advantage-text">Собственный спортивный зал и площадка</div>
|
||||
</div>
|
||||
|
||||
<div class="conditions__advantage">
|
||||
<figure class="conditions__advantage-figure">
|
||||
<img
|
||||
class="conditions__advantage-figure-image"
|
||||
src="./assets/img/icons/eye.svg"
|
||||
alt="eye"
|
||||
/>
|
||||
</figure>
|
||||
<div class="conditions__advantage-text">
|
||||
Каждый день под наблюдением опытных специалистов и кураторов
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="conditions__advantage">
|
||||
<figure class="conditions__advantage-figure">
|
||||
<img
|
||||
class="conditions__advantage-figure-image"
|
||||
src="./assets/img/icons/nutrition.svg"
|
||||
alt="nutrition"
|
||||
/>
|
||||
</figure>
|
||||
<div class="conditions__advantage-text">
|
||||
Сбалансирование 3х-разовое здоровое питание
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<script src="./assets/js/swiper-bundle.min.js" defer></script>
|
||||
|
||||
Reference in New Issue
Block a user