MH.Dmitrii/wedding-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adaptive_fix_4

Browse Source
This commit is contained in:
Alena Trushcheva
2026-05-11 16:48:09 +03:00
parent 7ddee3f12d
commit beef191051
52 changed files with 404 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

319
server/frontend/main/index.html
View File

@@ -8,65 +8,66 @@
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" />
<link rel="preload" href="fonts/yourfont.woff2" as="font" type="font/woff2" crossorigin>
</head>
<body>
<div class="bg"></div>
<div class="bg"></div>
<header class="header">
<div class="burger" id="burger">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<nav class="nav" id="nav">
<ul class="menu">
<div class="items_up">
<!-- 1 -->
<li class="item">
<a href="#" class="link">
Добро пожаловать!
</a>
</li>
<!-- 2 -->
<li class="item">
<a href="#people" class="link">
Список гостей
</a>
</li>
<!-- 3 -->
<li class="item">
<a href="#timetable" class="link">
Расписание
</a>
</li>
<!-- 4 -->
<li class="item">
<a href="#transfer" class="link">
Путешествие
</a>
</li>
<!-- 1 -->
<li class="item">
<a href="#" class="link">
Добро пожаловать!
</a>
</li>
<!-- 2 -->
<li class="item">
<a href="#people" class="link">
Список гостей
</a>
</li>
<!-- 3 -->
<li class="item">
<a href="#timetable" class="link">
Расписание
</a>
</li>
<!-- 4 -->
<li class="item">
<a href="#transfer" class="link">
Путешествие
</a>
</li>
</div>
<div class="items_down">
<!-- 5 -->
<li class="item item_none">
<a href="#photos" class="link">
Фотографии
</a>
</li>
<!-- 6 -->
<li class="item">
<a href="#to-do-list" class="link">
Список задач
</a>
</li>
<!-- 7 -->
<li class="item">
<a href="#answer" class="link">
Прошу ответить
</a>
</li>
<!-- 5 -->
<li class="item item_none">
<a href="#photos" class="link">
Фотографии
</a>
</li>
<!-- 6 -->
<li class="item">
<a href="#to-do-list" class="link">
Список задач
</a>
</li>
<!-- 7 -->
<li class="item">
<a href="#answer" class="link">
Прошу ответить
</a>
</li>
</div>
</ul>
</nav>
@@ -109,7 +110,8 @@
</h4>
<div class="newlywed">
<div class="newlywed_item">
<img class="img_newlywed" src="images/people/groom.jpg" alt="groom">
<img class="img_newlywed" src="images/people/groom.webp" alt="groom" loading="lazy"
decoding="async">
<div class="newlywed_text">
<h3 class="newlywed_title">Жених</h3>
<p class="newlywed_info">
@@ -118,7 +120,8 @@
</div>
</div>
<div class="newlywed_item">
<img class="img_newlywed" src="images/people/bride.jpg" alt="bride">
<img class="img_newlywed" src="images/people/bride.webp" alt="bride" loading="lazy"
decoding="async">
<div class="newlywed_text">
<h3 class="newlywed_title">Невеста</h3>
<p class="newlywed_info">Я — творческий и активный человек, люблю петь, путешествовать и
@@ -220,7 +223,7 @@
</div>
</div> -->
</div>
</div>
</div>
</section>
<section class="timetable" id="timetable">
<h4 class="people_title">
@@ -233,7 +236,8 @@
<!-- 1 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/guest1.png" alt="ring" class="time_img">
<img src="images/time/guest1.webp" alt="ring" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">10:10</h6>
<p class="time_p">Сбор гостей</p>
<div class="time_comment">Приходите заранее, чтобы спокойно встретиться и сделать
@@ -244,7 +248,8 @@
<!-- 2 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/ring.png" alt="ring" class="time_img">
<img src="images/time/ring.webp" alt="ring" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">10:40</h6>
<p class="time_p">Церемония</p>
<div class="time_comment">Самый трогательный и важный момент дня — регистрация
@@ -255,7 +260,8 @@
<!-- 3 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/camera.png" alt="camera" class="time_img">
<img src="images/time/camera.webp" alt="camera" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">11:30</h6>
<p class="time_p">Фотосессия</p>
<div class="time_comment">После церемонии мы ненадолго отправимся на фотосессию,
@@ -267,7 +273,8 @@
<!-- 4 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/wedding-dinner_11196102.png" alt="" class="time_img">
<img src="images/time/wedding-dinner_11196102.webp" alt="" class="time_img"
loading="lazy" decoding="async">
<h6 class="time_h6">18:30</h6>
<p class="time_p">Сбор гостей и фуршет</p>
<div class="time_comment">Берем напиток, закуски и наслаждаемся началом вечера</div>
@@ -276,7 +283,8 @@
<!-- 5 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/food.png" alt="" class="time_img">
<img src="images/time/food.webp" alt="" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">19:00</h6>
<p class="time_p">Банкет</p>
<div class="time_comment">Приглашаем вас за столы, чтобы продолжить вечер в тёплой и
@@ -287,7 +295,8 @@
<!-- 6 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/disco-ball_18181959.png" alt="" class="time_img">
<img src="images/time/disco-ball_18181959.webp" alt="" class="time_img"
loading="lazy" decoding="async">
<h6 class="time_h6">22:00</h6>
<p class="time_p">Танцы</p>
<div class="time_comment">Приглашаем вас на танцпол. Танцуйте столько, сколько
@@ -307,29 +316,32 @@
<div class="transfer_inner">
<div class="transfer_map">
<div class="map">
<div style="position:relative;overflow:hidden; border-radius: 33px;">
<a href="https://www.google.com/maps/place/Glavnoye+Upravleniye+Zapisi+Aktov+Grazhdanskogo+Sostoyaniya+Tverskoy+Oblasti/@56.8571039,35.901453,17z/data=!3m1!4b1!4m6!3m5!1s0x46b687a4d4edacad:0x15df9a38c874eb5d!8m2!3d56.857101!4d35.9040279!16s%2Fg%2F11ls6j2lvj?entry=ttu&g_ep=EgoyMDI2MDMxMS4wIKXMDSoASAFQAw%3D%3D"
style="color:#eee;font-size:12px;position:absolute;top:0px;">
Главное управление записи актов гражданского состояния</a>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2181.349338718406!2d35.901452977352925!3d56.85710390639812!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b687a4d4edacad%3A0x15df9a38c874eb5d!2sGlavnoye%20Upravleniye%20Zapisi%20Aktov%20Grazhdanskogo%20Sostoyaniya%20Tverskoy%20Oblasti!5e0!3m2!1sen!2s!4v1773428540512!5m2!1sen!2s"
width="100%" height="100%" style="border:1px;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="map_div">
<a href="https://maps.app.goo.gl/ZYTyA2qTvCpnXTdN7" target="_blank" class="map_link">
<img src="images/maps/zags.webp" alt="ЗАГС" class="map_preview" loading="lazy">
<div class="map_btn">
Открыть маршрут
</div>
</a>
</div>
<p class="map_adress">Тверь, Свободный переулок, 5</p>
<a href="https://maps.app.goo.gl/ZYTyA2qTvCpnXTdN7" class="map_adress" target="_blank">Тверь,
Свободный переулок, 5</a>
<h6 class="map_info">Начало в</h6>
<h6 class="map_time">10:10</h6>
</div>
<div class="map">
<div style="position:relative;overflow:hidden; border-radius: 33px;">
<a href="https://www.google.com/maps/place/Loft+1870+%7C+%D0%9F%D0%BB%D0%BE%D1%89%D0%B0%D0%B4%D0%BA%D0%B0+%D0%B4%D0%BB%D1%8F+%D0%BC%D0%B5%D1%80%D0%BE%D0%BF%D1%80%D0%B8%D1%8F%D1%82%D0%B8%D0%B9+%D0%A2%D0%B2%D0%B5%D1%80%D1%8C+%7C+%D0%BA%D0%B5%D0%B9%D1%82%D0%B5%D1%80%D0%B8%D0%BD%D0%B3+%D0%BD%D0%B0+%D1%81%D0%B2%D0%B0%D0%B4%D1%8C%D0%B1%D1%83,+%D0%B1%D0%B0%D0%BD%D0%BA%D0%B5%D1%82%D0%BD%D1%8B%D0%B9+%D0%B7%D0%B0%D0%BB/@56.850656,35.8603082,17.32z/data=!3m1!5s0x46b687a53bac0dcf:0x5c270d07d710d5a!4m6!3m5!1s0x46b68764eb0c1387:0x7cb135f5414bc1e0!8m2!3d56.8508612!4d35.8650531!16s%2Fg%2F11p0wc5v7q?entry=ttu&g_ep=EgoyMDI2MDMxMS4wIKXMDSoASAFQAw%3D%3D"
style="color:#eee;font-size:12px;position:absolute;top:0px;">Лофт 1870</a>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1749.675516895515!2d35.86030818806184!3d56.850656040536194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b68764eb0c1387%3A0x7cb135f5414bc1e0!2zTG9mdCAxODcwIHwg0J_Qu9C-0YnQsNC00LrQsCDQtNC70Y8g0LzQtdGA0L7Qv9GA0LjRj9GC0LjQuSDQotCy0LXRgNGMIHwg0LrQtdC50YLQtdGA0LjQvdCzINC90LAg0YHQstCw0LTRjNCx0YMsINCx0LDQvdC60LXRgtC90YvQuSDQt9Cw0Ls!5e0!3m2!1sen!2s!4v1773428705434!5m2!1sen!2s"
width="100%" height="100%" style="border:1px;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="map_div">
<a href="https://maps.app.goo.gl/5WFQzNhDqmo2dBxXA" target="_blank" class="map_link">
<img src="images/maps/loft.webp" alt="ЗАГС" class="map_preview" loading="lazy">
<div class="map_btn">
Открыть маршрут
</div>
</a>
</div>
<p class="map_adress">Тверь, улица Двор Пролетарки, 16</p>
<a href="https://maps.app.goo.gl/5WFQzNhDqmo2dBxXA" class="map_adress" target="_blank">Тверь,
улица Двор Пролетарки, 16</a>
<h6 class="map_info">Начало в</h6>
<h6 class="map_time">18:30</h6>
</div>
@@ -346,34 +358,44 @@
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/1.jpg" alt="photo">
<img class="swiper_img" src="images/photos/1.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/2.jpg" alt="photo">
<img class="swiper_img" src="images/photos/2.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/3.jpg" alt="photo">
<img class="swiper_img" src="images/photos/3.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/4.jpg" alt="photo">
<img class="swiper_img" src="images/photos/4.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/5.jpg" alt="photo">
<img class="swiper_img" src="images/photos/5.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/6.jpg" alt="photo">
<img class="swiper_img" src="images/photos/6.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/7.jpg" alt="photo">
<img class="swiper_img" src="images/photos/7.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/8.jpg" alt="photo">
<img class="swiper_img" src="images/photos/8.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/9.jpg" alt="photo">
<img class="swiper_img" src="images/photos/9.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/10.jpg" alt="photo">
<img class="swiper_img" src="images/photos/10.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
</div>
<!-- If we need pagination -->
@@ -394,31 +416,150 @@
<div class="to-do-list_wrapper">
<div class="to-do-list_items">
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Поздравить молодых и сказать тёплые слова
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Вручить подарок молодожёнам
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Сделать фото и видео, чтобы потом было что выложить
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Поднять тост за любовь
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Добраться до свадебного торта, сфотографировать его
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Потанцевать хотя бы один медленный танец
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Повеселиться так, чтобы этот день запомнился
</div>
</div>