feat: added socialization

index.html

@@ -1199,6 +1199,114 @@
           </div>
         </div>
       </section>
+
+      <section class="socialization">
+        <div class="container">
+          <div class="tag">Социальная жизнь</div>
+
+          <h2 class="socialization__title">
+            Участник программы <br />
+            <span>не выбивается из социальной жизни</span>
+          </h2>
+
+          <div class="socialization__slider">
+            <div class="swiper">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="socialization__slide">
+                    <figure class="socialization__slide-figure">
+                      <img
+                        class="socialization__slide-figure-image"
+                        src="./assets/img/icons/family.svg"
+                        alt="family"
+                      />
+                    </figure>
+                    <h3 class="socialization__slide-title">Встречи с родными</h3>
+                    <p class="socialization__slide-text">
+                      По рекомендации лечащего врача и при согласовании с куратором близкие могут
+                      посещать участника программы. Их поддержка очень важна для вас в этот
+                      непростой период
+                    </p>
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="socialization__slide">
+                    <figure class="socialization__slide-figure">
+                      <img
+                        class="socialization__slide-figure-image"
+                        src="./assets/img/icons/pictures.svg"
+                        alt="pictures"
+                      />
+                    </figure>
+                    <h3 class="socialization__slide-title">Передачи из дома</h3>
+                    <p class="socialization__slide-text">
+                      Разрешается получать переданные родственниками вещи первой необходимости,
+                      предметы гигиены, фото и письма, вселяющие дополнительные позитивные эмоции
+                    </p>
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="socialization__slide">
+                    <figure class="socialization__slide-figure">
+                      <img
+                        class="socialization__slide-figure-image"
+                        src="./assets/img/icons/hospital-building.svg"
+                        alt="hospital-building"
+                      />
+                    </figure>
+                    <h3 class="socialization__slide-title">Посещение клиник</h3>
+                    <p class="socialization__slide-text">
+                      При необходимости прохождения диагностических процедур или плановых осмотров у
+                      сторонних специалистов, участника могут отвезти к специалисту
+                    </p>
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="socialization__slide">
+                    <figure class="socialization__slide-figure">
+                      <img
+                        class="socialization__slide-figure-image"
+                        src="./assets/img/icons/crest.svg"
+                        alt="crest"
+                      />
+                    </figure>
+                    <h3 class="socialization__slide-title">Официальные инстанции</h3>
+                    <p class="socialization__slide-text">
+                      Если требуется ваше присутствие в государственных учреждениях (миграционная
+                      служба, суд, милиция), мы обеспечим безопасный трансфер и сопровождение
+                    </p>
+                  </div>
+                </div>
+
+                <div class="swiper-slide">
+                  <div class="socialization__slide">
+                    <figure class="socialization__slide-figure">
+                      <img
+                        class="socialization__slide-figure-image"
+                        src="./assets/img/icons/repair-tools.svg"
+                        alt="repair-tools"
+                      />
+                    </figure>
+                    <h3 class="socialization__slide-title">Налаживание быта</h3>
+                    <p class="socialization__slide-text">
+                      По мере восстановления социальных навыков вы сможете совершать вылазки в город
+                      для решения бытовых вопросов под наблюдением кураторов
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="socialization__slider-controls">
+            <button class="button button--prev"></button>
+            <button class="button button--next"></button>
+          </div>
+        </div>
+      </section>
     </main>
 
     <script src="./assets/js/swiper-bundle.min.js" defer></script>