2026-05-21 10:06:00 +02:00
<!doctype html>
< html lang = "ru" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport"
content = "width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" >
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" >
< title > Document</ title >
2026-05-21 12:49:45 +02:00
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< link href = "https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap" rel = "stylesheet" >
< style >
2026-05-21 13:18:16 +02:00
html , body { height : 100 vh ; overflow : hidden ;}
2026-05-21 12:49:45 +02:00
body { background : #FCFFFB ; padding : 0 ; margin : 0 ; font-family : 'Onest' , system-ui , - apple-system , 'Segoe UI' , Roboto , Helvetica , sans-serif ;}
2026-06-02 22:42:03 +03:00
# scroller { scroll-snap-type : y mandatory ; overflow-y : scroll ; overflow-x : hidden ; height : 100 vh ; scroll-behavior : smooth ;}
2026-05-21 12:49:45 +02:00
. container { max-width : 1440 px ; margin : 0 auto ; position : relative ; width : 100 % ;}
. text_secondary { color : #6D8982 ;}
h1 { font-size : 254 px ; padding : 0 ; margin : 0 ;}
2026-05-21 13:03:24 +02:00
h2 { font-size : 48 px ; color : #0C3B2E ; text-transform : uppercase ; margin : 0 ; padding : 0 ;}
2026-05-21 12:49:45 +02:00
h3 { font-size : 18 px ; color : #0C3B2E ; font-weight : bold ; padding : 0 ; margin : 0 ;}
2026-05-21 13:03:24 +02:00
p . description { font-size : 18 px ; color : #6d8982 ; padding : 0 ; margin : 0 ;}
p . description_large { font-size : 24 px ; color : #6d8982 ; padding : 0 ; margin : 0 ;}
2026-05-21 12:49:45 +02:00
a : focus { outline : none ;}
2026-06-18 15:40:13 +03:00
span . nobreak { white-space : nowrap ;}
2026-05-21 12:49:45 +02:00
2026-06-18 15:40:13 +03:00
# top_logo { font-size : 20 px ; line-height : 24 px ; display : flex ; align-items : center ; gap : 6 px ; height : 24 px ; margin-top : 8 px ;}
2026-05-21 12:49:45 +02:00
# top_logo img { width : 24 px ;}
2026-06-18 15:40:13 +03:00
# top_logo a { font-weight : bold ; color : #0C3B2E ; text-decoration : none ;}
2026-06-03 12:50:39 +03:00
# top_line_container { position : fixed ; top : 0 ; width : 100 % ; background-color : #FCFFFB ; user-select : none ; z-index : 11 ; min-width : 360 px ;}
2026-05-21 12:49:45 +02:00
# top_line { position : relative ; display : flex ; flex-direction : row ; justify-content : space-around ; padding : 18 px 0 ; height : 80 px ; box-sizing : border-box ; border-bottom : 1 px solid #e7ede7 ;}
# top_menu { display : flex ; flex-direction : row ; gap : 40 px ; margin-top : 13 px ; height : 18 px ; align-items : center ;}
# top_menu a { color : #6D8982 ; font-size : 14 px ; font-weight : 500 ; line-height : 17 px ; text-decoration : none ;}
# top_menu a : hover { color : #5EA12D ;}
# top_menu a : focus { outline : none ;}
# try_button { background-color : #FFBA00 ; padding : 13 px 43 px ; font-weight : bold ; border-radius : 100 px ; color : #0C3B2E ; text-decoration : none ;
display : flex ;}
2026-06-03 12:50:39 +03:00
. page_container { width : 100 % ; min-height : 100 vh ; display : flex ; flex-direction : column ; align-items : center ; justify-content : center ; scroll-snap-align : start ; min-width : 360 px ; padding-top : 39 px ;}
2026-05-21 12:49:45 +02:00
# page_index {}
# page_index_content { align-items : start ;}
# page_index p { font-size : 18 px ;}
. container_row { display : flex ; flex-direction : row ; gap : 34 px ; align-items : flex-end }
. big_index_greeting { font-size : 254 px ; font-weight : 900 ; line-height : 214 px ; color : #0c3b2e ; text-transform : uppercase ; letter-spacing : -0 px ;}
# page_index_store_btns { height : 52 px ; display : flex ; flex-direction : row ; gap : 30 px ; align-items : center ; padding-top : 40 px ;}
# page_index_store_btns a { display : flex ; align-items : center ; color : #6d8982 ; font-weight : bold ; padding : 14 px 0 ; text-decoration : none ;}
# page_index_store_btns img { height : 24 px ; margin-right : 12 px ;}
# page_autobasket {}
# page_autobasket_content { display : flex ; flex-direction : column ; gap : 64 px ;}
# page_autobasket_content_description { text-align : center ;}
2026-06-18 15:40:13 +03:00
# page_autobasket_content_description p { font-size : 24 px ; color : #6d8982 ;}
2026-05-21 12:49:45 +02:00
# page_autobasket_images { display : flex ; flex-direction : row ; gap : 20 px ; justify-content : center ;}
2026-06-02 22:42:03 +03:00
# page_autobasket_images div { display : flex ; flex-direction : column ; gap : 16 px ; max-width : 387 px ; text-align : center ; align-items : center ;}
2026-05-21 12:49:45 +02:00
# page_autobasket_images img { max-width : 100 % ;}
# page_autobasket_images p { font-size : 18 px ; color : #6d8982 ; padding : 0 ; margin : 0 ;}
2026-06-18 15:40:13 +03:00
. autobasket_image_wrapper { aspect-ratio : 300 / 317 ; background-color : #edfaad ; border-radius : 24 px ; justify-content : center ;}
2026-05-21 12:49:45 +02:00
# page_meal_plan {}
# page_meal_plan_content { display : flex ; flex-direction : row ; gap : 20 px ; padding : 0 120 px ; justify-content : space-around ;}
2026-06-02 22:42:03 +03:00
# page_meal_plan_content_description { display : flex ; flex-direction : column ; gap : 40 px ; min-width : 400 px ;}
2026-06-18 15:40:13 +03:00
# page_meal_plan_broc { max-width : 529 px ; border-radius : 24 px ;}
2026-05-21 12:49:45 +02:00
# page_meal_plan_items { gap : 24 px ; display : flex ; flex-direction : column ;}
. page_meal_plan_item { display : flex ; flex-direction : row ; gap : 16 px ; max-width : 650 px ;}
. page_meal_plan_item p { font-size : 18 px ; color : #6d8982 ; padding : 0 ; margin : 0 ;}
. page_meal_plan_item img { width : 54 px ;}
. page_meal_plan_item_text { display : flex ; flex-direction : column ; gap : 8 px ;}
2026-06-18 15:40:13 +03:00
. page_meal_plan_item_text span { white-space : nowrap ;}
2026-05-21 12:49:45 +02:00
2026-06-02 22:42:03 +03:00
# page_how_it_works { display : flex ; flex-direction : column ; justify-content : space-between ; padding-top : 110 px ; box-sizing : border-box ;}
2026-05-21 12:49:45 +02:00
# page_how_it_works_content { text-align : center ;}
# page_how_it_works_step {}
2026-05-21 13:32:08 +02:00
# page_how_it_works_steps { display : flex ; flex-direction : row ; justify-content : space-between ; margin-top : 64 px ; font-size : 18 px ;}
2026-05-21 12:49:45 +02:00
# page_how_it_works_steps . step-image { width : 80 px ;}
. page_how_it_works_steps_arrow { display : flex ; justify-content : center ; align-items : center ;}
# page_how_it_works_step_1 { position : relative ;}
# page_how_it_works_step_1_arrow { height : 30 px ; align-self : center }
# page_how_it_works_step_2 {}
# page_how_it_works_step_2_arrow { height : 30 px ;}
# page_how_it_works_step_3 { position : relative ; align-items : end ; display : flex ;}
2026-05-21 13:32:08 +02:00
# page_how_it_works_step_3 img { position : absolute ; width : 240 px ; top : -170 px ;}
2026-05-21 12:49:45 +02:00
2026-06-03 12:50:39 +03:00
# page_how_it_works_info { background-color : #edfaae ; width : 100 % ; border-radius : 24 px ; position : relative ; display : flex ; flex-direction : row ; box-sizing : border-box ; min-height : 320 px ; margin-top : 60 px ;}
2026-05-21 12:49:45 +02:00
# page_how_it_works_info_image { position : relative ; height : 320 px ; margin-top : 70 px ;}
# page_how_it_works_info_image img { position : absolute ; max-width : 419 px ; left : -70 px ; top : -140 px ;}
# page_how_it_works_info_content { font-size : 24 px ; text-align : left ; margin-left : 340 px ; margin-top : 25 px ; display : flex ; flex-direction : column ; justify-content : space-around ;}
# page_how_it_works_info_content ul { align-self : center ; justify-content : center ;}
# page_how_it_works_info_content ul li :: marker { padding-top : 0 ;}
# page_how_it_works_info_content ul li { list-style-type : disc ; padding-top : 3 px ; padding-bottom : 24 px ;}
# page_how_it_works_info_content ul li span { margin-top : -28 px ; display : flex ;}
2026-06-18 15:40:13 +03:00
# page_meal_plan_broc_small { display : none ;}
2026-05-21 12:49:45 +02:00
2026-06-02 22:42:03 +03:00
# page_footer { height : 136 px ; width : 100 % ; padding-top : 15 px ;}
2026-05-21 12:49:45 +02:00
# page_footer > div { display : flex ; align-items : center ; justify-content : space-between ;}
# page_footer a { color : #5EA12D ; text-decoration : none ;}
# bottom_logo { font-size : 20 px ; line-height : 24 px ; font-weight : bold ; color : #0C3B2E ; display : flex ; align-items : center ; gap : 6 px ; height : 24 px ; margin-top : 8 px ;}
# bottom_logo img { width : 24 px ;}
2026-06-18 15:40:13 +03:00
# bottom_contacts_small { display : none ;}
br . small { display : none ;}
br . big { display : initial ;}
2026-06-02 22:42:03 +03:00
@ media ( max-width : 1360px ) {
# page_how_it_works_steps { padding : 0 20 px ;}
# page_footer { padding-bottom : 80 px ;}
}
@ media ( max-width : 1280px ) {
. big_index_greeting { font-size : 204 px ; line-height : 185 px ;}
p . description_large { font-size : 22 px ;}
. page_container { padding-top : 0 ;}
}
@ media ( max-width : 1100px ) {
. big_index_greeting { font-size : 174 px ; line-height : 155 px ;}
p . description_large { font-size : 18 px ;}
# page_autobasket_images { max-width : 100 % ; padding : 0 20 px ;}
# page_autobasket_images > div { max-width : 33 % ;}
# page_autobasket_images div img { max-width : 100 % !important ;}
# page_how_it_works_info_content { font-size : 20 px ;}
}
@ media ( max-width : 960px ) {
. big_index_greeting { font-size : 144 px ; line-height : 135 px ;}
# page_index p { font-size : 14 px ;}
# top_line { justify-content : space-between ; padding : 18 px ;}
# top_menu { display : none ;}
p . description_large br { display : none ;}
# page_autobasket_content_description p { font-size : 20 px ;}
. page_container { min-height : auto ; padding-top : 100 px ;}
2026-06-18 15:40:13 +03:00
# page_meal_plan_content { padding : 0 20 px ; box-sizing : border-box ;}
# page_how_it_works_steps { flex-direction : column ; display : flex ; align-items : center ; gap : 24 px ; color : #0C3B2E ;}
2026-06-02 22:42:03 +03:00
# page_how_it_works_steps > div { display : flex ; flex-direction : row ; gap : 20 px ;}
# page_how_it_works_steps > div img { height : auto ; max-width : 80 px ; max-height : 80 px ;}
# page_how_it_works_steps > div : nth-child ( 3 ) { flex-direction : row-reverse ;}
. page_how_it_works_steps_arrow { display : none !important ;}
2026-06-18 15:40:13 +03:00
# page_how_it_works_step_3 img { top : 0 ; position : relative ; width : auto ;}
2026-06-02 22:42:03 +03:00
# page_how_it_works_info_content br { display : none ;}
}
@ media ( max-width : 800px ) {
. big_index_greeting { font-size : 144 px ; line-height : 135 px ;}
# page_index p { font-size : 24 px ; text-align : center }
# page_index_content h1 + div { flex-direction : column-reverse ;}
# page_index_content h1 + div div { width : 100 % ;}
# page_index_store_btns { justify-content : center ;}
p . description_large { font-size : 20 px ;}
# page_autobasket_content_description p { font-size : 16 px ;}
# page_meal_plan_broc { display : none ;}
# page_how_it_works_info_content { margin-left : 280 px ; color : #0C3B2E ;}
# page_how_it_works_info_image img { max-width : 360 px ;}
# page_footer { padding-left : 40 px ; padding-right : 20 px ;}
}
@ media ( max-width : 600px ) {
. big_index_greeting { font-size : 104 px ; line-height : 105 px ;}
# page_index p { font-size : 24 px ; text-align : center }
# page_index_content h1 + div { flex-direction : column-reverse ;}
# page_index_content h1 + div div { width : 100 % ;}
# page_index_store_btns { justify-content : center ;}
# page_autobasket_content_description p { font-size : 22 px ; padding : 0 15 px ;}
# page_autobasket_images { flex-direction : column ;}
# page_autobasket_images div { max-width : 100 % !important ;}
# page_autobasket_images > div { flex-direction : row ;}
# page_autobasket_images div img { max-width : 50 % !important ;}
# page_how_it_works_info_image img { max-width : 220 px ;}
# page_how_it_works_info_content { margin-left : 100 px ; color : #0C3B2E ;}
}
2026-06-03 12:50:39 +03:00
@ media ( max-width : 420px ) {
2026-06-18 15:40:13 +03:00
br . small { display : initial !important ;}
br . big { display : none ;}
# page_index_content { padding-top : 0 ; width : 100 % ;}
. big_index_greeting { font-size : 65 px ; line-height : 61 px ; text-align : left ; max-width : 80 % ; margin : 0 20 px ;}
. big_index_greeting : last-child { text-align : right ;}
# page_index p { font-size : 20 px ; text-align : center }
# top_line { padding : 10 px 20 px ; height : 52 px ;}
# top_logo span { display : none ;}
h2 { font-size : 32 px ;}
# page_meal_plan_content { gap : 0 ;}
2026-06-03 12:50:39 +03:00
# page_meal_plan_content_description { max-width : 100 % ; min-width : 320 px ;}
2026-06-18 15:40:13 +03:00
# page_meal_plan_content_description h2 { text-align : center ;}
# page_how_it_works_content { padding : 0 20 px ; box-sizing : border-box ;}
# try_button { font-size : 12 px ; padding : 8.5 px 35.5 px ;}
p . text_secondary { margin : 0 ;}
# page_index { height : 100 vh ; padding-top : 0 ;}
# page_autobasket_images > div { flex-direction : column ;}
# page_autobasket_images div img { max-width : 100 % !important ;}
# page_autobasket_content_description p { font-size : 16 px ;}
# page_meal_plan_broc_small { display : block ; border-radius : 24 px ;}
p . description_large { font-size : 16 px ;}
# page_how_it_works_steps { font-size : 14 px ; padding : 0 ; align-items : initial ; margin-top : 20 px ;}
# page_how_it_works_steps p { display : flex ; align-content : center ; align-items : center ; width : 100 % ; justify-content : center ;}
# page_how_it_works_steps > div { width : 100 % ;}
# page_how_it_works_info { margin-top : 20 px ; display : flex ; flex-direction : column-reverse ;}
# page_how_it_works_info_content { margin-left : 0 ; font-size : 16 px ;}
2026-06-18 15:44:03 +03:00
# page_how_it_works_info ul { margin-top : 25 px ; margin-right : auto ;}
2026-06-18 15:40:13 +03:00
# page_how_it_works_info_content ul li : last-child { padding-bottom : 0 ;}
# page_how_it_works_info_image { height : auto ; margin-top : -15 px ; margin-bottom : 20 px ; }
# page_how_it_works_info_image img { position : relative ; top : initial ; left : initial ;}
# page_footer { margin-top : 60 px ;}
# page_footer > div { flex-direction : column ; align-items : flex-start ; padding-left : 10 px ; font-size : 12 px ; gap : 16 px ;}
# page_footer a { color : #6d8982 ;}
# bottom_logo { margin-bottom : 32 px ;}
# bottom_contacts_header { font-weight : bold ; font-size : 12 px ; margin-bottom : 4 px ;}
# bottom_contacts { margin-bottom : 8 px ;}
# bottom_contacts_big { display : none ;}
2026-06-18 15:46:41 +03:00
# bottom_contacts_small { display : flex ; color : #6d8982 ; padding-bottom : 80 px ;}
2026-06-03 12:50:39 +03:00
}
2026-06-02 22:42:03 +03:00
@ media ( max-height : 1000px ) {
# page_autobasket_content { gap : 20 px ;}
# page_autobasket_images div img { max-width : 300 px ;}
}
@ media ( max-height : 800px ),
( max-width : 1000px )
{
# scroller { scroll-snap-type : initial ; scroll-behavior : initial ;}
}
2026-05-21 12:49:45 +02:00
</ style >
2026-05-21 10:06:00 +02:00
</ head >
< body >
2026-05-21 12:49:45 +02:00
< div id = "top_line_container" >
< div class = "container" >
< div id = "top_line" >
2026-06-18 15:40:13 +03:00
< div id = "top_logo" >< a href = "#" >< img src = "/images/logo.png" alt = "" >< span > Хватило</ span ></ a ></ div >
2026-05-21 12:49:45 +02:00
< div id = "top_menu" >
< a href = "#page_autobasket" > Автокорзина</ a >
< a href = "#page_meal_plan" > План питания</ a >
< a href = "#page_how_it_works" > Список покупок</ a >
< a href = "#page_footer" > Контакты</ a >
</ div >
< div >< a href = "https://hvatilo.ru/app/" id = "try_button" target = "_blank" > Попробовать</ a ></ div >
</ div >
</ div >
</ div >
2026-05-21 13:18:16 +02:00
< div id = "scroller" >
2026-05-21 12:49:45 +02:00
< div class = "page_container" id = "page_index" >
< div id = "page_index_content" >
< h1 class = "big_index_greeting" > Хватит</ h1 >
< div class = "container_row" >
< div >
2026-06-18 15:40:13 +03:00
< p class = "text_secondary" >
Персональный помощник < br > по питанию: баланс, < br class = "big" > энергия,< br class = "small" > порядок < br class = "big" > в холодильнике - < br > для всей семьи
</ p >
2026-05-21 12:49:45 +02:00
</ div >
< div class = "big_index_greeting" > гадать</ div >
</ div >
< div id = "page_index_store_btns" >
< a href = "https://play.google.com/store/apps/details?id=eu.zaek.hvatilo.twa&hl=ru" target = "_blank" rel = "noreferrer noopener" >< img src = "/images/google_play.png" alt = "" > Google play</ a >
< a href = "https://www.rustore.ru/catalog/app/eu.zaek.hvatilo.twa" target = "_blank" rel = "noreferrer noopener" >< img src = "/images/rustore.png" alt = "" > RuStore</ a >
</ div >
</ div >
</ div >
< div class = "page_container" id = "page_autobasket" >
< div id = "page_autobasket_content" >
< div id = "page_autobasket_content_description" >
< h2 > Автокорзина</ h2 >
2026-06-18 15:40:13 +03:00
< p > Вы выбираете, сколько человек в семье, < wbr /> указываете, на сколько дней нужны < wbr /> < span class = "nobreak" > продукты — и приложение</ span > мгновенно < br class = "small" /> собирает корзину с учётом порций.
< br > На выходе — < span class = "nobreak" > чёткий список покупок</ span > , < br class = "small" /> разбитый по отделам магазина</ p >
2026-05-21 12:49:45 +02:00
</ div >
< div id = "page_autobasket_images" >
< div >
< img src = "/images/autobasket_1.png" alt = "" >
< div >
< h3 > Никаких сомнений</ h3 >
2026-06-18 15:40:13 +03:00
< p > Забудьте про мучительные вопросы < br > «А хватит ли?», «А что купить ещё?»</ p >
2026-05-21 12:49:45 +02:00
</ div >
</ div >
< div >
< img src = "/images/autobasket_2.png" alt = "" >
< div >
< h3 > Контроль в телефоне</ h3 >
< p > Список всегда под рукой, можно вычёркивать по пути</ p >
</ div >
</ div >
< div >
2026-06-18 15:40:13 +03:00
< div class = "autobasket_image_wrapper" >
< img src = "/images/broc_happy.png" alt = "" >
</ div >
2026-05-21 12:49:45 +02:00
< div >
< h3 > Всё схвачено</ h3 >
< p > Мы уже учли, что есть в магазине</ p >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = "page_container" id = "page_meal_plan" >
< div id = "page_meal_plan_content" class = "container" >
< div id = "page_meal_plan_content_description" >
< h2 > План питания</ h2 >
2026-05-21 13:03:24 +02:00
< p class = "description_large" >
2026-05-21 12:49:45 +02:00
Добавляете любимые рецепты и указываете < br >
возможные замены для продуктов. Из готовых < br >
рецептов собираете план на день/неделю, планом < br >
можно делиться с другими пользователями!
</ p >
2026-06-18 15:40:13 +03:00
< img id = "page_meal_plan_broc_small" src = "/images/broc_diet.png" alt = "" >
2026-05-21 12:49:45 +02:00
< div id = "page_meal_plan_items" >
< div class = "page_meal_plan_item" >
< div >< img src = "/images/balance-icon.png" alt = "" ></ div >
< div class = "page_meal_plan_item_text" >< h3 > Баланс</ h3 >< p > Вы сами выбираете блюда</ p ></ div >
</ div >
< div class = "page_meal_plan_item" >
< div >< img src = "/images/economy-icon.png" alt = "" ></ div >
< div class = "page_meal_plan_item_text" >< h3 > Экономия</ h3 >< p > Замена без потери вкуса</ p ></ div >
</ div >
< div class = "page_meal_plan_item" >
< div >< img src = "/images/personalization-icon.png" alt = "" ></ div >
2026-06-18 15:40:13 +03:00
< div class = "page_meal_plan_item_text" >< h3 > Персонализация</ h3 >< p > Общий план — муж/ребёнок/соседка по комнате знают, < wbr >< span > что готовить,</ span > без ваших
< br class = "small" > объяснений</ p ></ div >
2026-05-21 12:49:45 +02:00
</ div >
</ div >
</ div >
< div >
2026-06-18 15:40:13 +03:00
< img id = "page_meal_plan_broc" src = "/images/broc_diet.png" alt = "" >
2026-05-21 12:49:45 +02:00
</ div >
</ div >
</ div >
< div class = "page_container" id = "page_how_it_works" >
< div id = "page_how_it_works_content" class = "container" >
< h2 > Как это работает</ h2 >
2026-05-21 13:03:24 +02:00
< br >
2026-06-18 15:40:13 +03:00
< br class = "big" >
2026-05-21 13:03:24 +02:00
< p class = "description_large" >
2026-06-18 15:40:13 +03:00
Вы выбираете, что хотите приготовить — Hvatilo < br >
помогает собрать остальное
2026-05-21 12:49:45 +02:00
</ p >
< div id = "page_how_it_works_steps" >
< div id = "page_how_it_works_step_1" >
< img src = "/images/smile-icon.png" class = "step-image" alt = "" >
2026-06-18 15:40:13 +03:00
< p > Открываете сегодняшний < br class = "big" > день < br class = "small" > в плане питания</ p >
2026-05-21 12:49:45 +02:00
</ div >
< div class = "page_how_it_works_steps_arrow" >
< img src = "/images/arrow-1.png" alt = "" id = "page_how_it_works_step_1_arrow" >
</ div >
< div id = "page_how_it_works_step_2" >
< img src = "/images/laugh-icon.png" class = "step-image" alt = "" >
2026-06-18 15:40:13 +03:00
< p > Заменить ужин — пара кликов, < br > и рецепт встаёт в план < br class = "big" > с < br class = "small" > списком покупок</ p >
2026-05-21 12:49:45 +02:00
</ div >
< div class = "page_how_it_works_steps_arrow" >< img src = "/images/arrow-2.png" alt = "" id = "page_how_it_works_step_2_arrow" ></ div >
< div id = "page_how_it_works_step_3" >
< img src = "/images/broc_meal_plan.png" alt = "" >
2026-05-21 13:32:08 +02:00
< p > Из списка продуктов можно < br > сформировать автокорзину < br > на недостающие</ p >
2026-05-21 12:49:45 +02:00
</ div >
</ div >
< div id = "page_how_it_works_info" >
< div id = "page_how_it_works_info_image" >< img src = "/images/happy-salad.png" alt = "" ></ div >
< div id = "page_how_it_works_info_content" >
< ul >
< li >
2026-06-18 15:40:13 +03:00
< span > Отсутствие продукта в магазине < br class = "small" > не сломает приём пищи: < br >< br class = "small" > автокорзина подстроится < br class = "small" > под наличие</ span >
2026-05-21 12:49:45 +02:00
</ li >
2026-06-18 15:40:13 +03:00
< li >
2026-06-18 15:44:03 +03:00
< span > В холодильнике только < br class = "small" /> те продукты, которые вы успеете < br class = "small big" > съесть, в помойку отправится < br
2026-06-18 15:40:13 +03:00
class = "small" > только упаковка</ span >
2026-05-21 12:49:45 +02:00
</ li >
</ ul >
</ div >
</ div >
</ div >
2026-05-21 13:32:08 +02:00
< div id = "page_footer" >
< div class = "container container_row" >
< div >
< div id = "bottom_logo" >< img src = "/images/logo.png" alt = "" > Хватило</ div >
2026-06-18 15:40:13 +03:00
< div id = "bottom_contacts_header" > Контакты</ div >
< div id = "bottom_contacts" >< a href = "mailto:info@hvatilo.ru" > info@hvatilo.ru</ a ></ div >
< div id = "bottom_contacts_big" > © 2026 — < a href = "mailto:info@hvatilo.ru" > info@hvatilo.ru</ a > < br ></ div >
2026-05-21 13:32:08 +02:00
</ div >
< div >
< a href = "https://hvatilo.ru/app/offer" target = "_blank" > Пользовательское соглашение</ a >
</ div >
2026-06-18 15:40:13 +03:00
< div id = "bottom_contacts_small" > © 2026 < br >
<!--ООО «Дорфан»-->
Самозанятый Телятников Захар Александрович
</ div >
2026-05-21 12:49:45 +02:00
</ div >
</ div >
</ div >
2026-05-21 13:32:08 +02:00
</ div >
2026-05-21 10:06:00 +02:00
</ body >
</ html >
