Deploying to gh-pages from @ 0bea7ec 🚀

htmlacademy-adaptive · Jan 16, 2024 · a90aae4 · a90aae4
1 parent 785736f
commit a90aae4
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/catalog.html b/catalog.html
diff --git a/form.html b/form.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><title>Кэт энерджи: Подбор программы</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="styles/styles.css"><link rel="icon" href="favicon.ico"><link rel="icon" href="favicons/32.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicons/180.png"><link rel="manifest" href="manifest.webmanifest"></head><body><header class="header"><div class="header__wrraper no-js-header container"><a class="header__logo logo" href="index.html"><picture><source width="202" height="59" media="(min-width: 1240px)" srcset="images/logo-desktop.svg" type="image/svg+xml"><source width="174" height="50" media="(min-width: 768px)" srcset="images/logo-tablet.svg" type="image/svg+xml"><img class="logo__image" src="./images/logo-mobile.svg" width="33" height="38" alt="Логотип Cat Energy."></picture></a><a class="header__logo-sign" href="index.html" tabindex="-1"><img src="./images/logo-sign.svg" width="101" height="19" aria-current="page" alt="Логотип Cat Energy."> </a><button class="header__toggler js-no js-burger" aria-label="бургер меню" type="button"><span></span> <span></span> <span></span></button><nav class="site-list no-js-site-list is-active js-nav-menu"><ul class="site-list__menu"><li class="site-list__item"><a class="site-list__link" href="index.html">главная</a></li><li class="site-list__item"><a class="site-list__link" href="catalog.html">каталог продукции</a></li><li class="site-list__item"><a class="site-list__link site-list__link--active" href="#" aria-current="page" tabindex="-1">подбор программы</a></li></ul></nav></div></header><main class="main"><section class="main__container container container--form"><h1 class="main-heading">Подбор программы</h1><p class="main__subheading">Заполните анкету, и мы подберем программу питания для вашего кота</p></section><section class="form"><h2 class="visually-hidden">Форма анкеты.</h2><div class="form__wrapper"><form class="form__container container container--form" method="post" action="https://echo.htmlacademy.ru/"><fieldset class="form__group form__group--cat field-group"><legend class="visually-hidden">Данные кота.</legend><ul class="field-group__list"><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Имя:*</span> <input class="field__input" name="cat-name" type="text" placeholder="барсик" required></label></li><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Вес (кг):*</span> <input class="field__input" name="cat-weight" type="text" placeholder="7" required></label></li><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Возраст (лет):</span> <input class="field__input" name="cat-age" type="text" placeholder="7"></label></li></ul></fieldset><fieldset class="form__group form__group--target field-group field-group--target"><legend class="visually-hidden">Цель программы.</legend><ul class="field-group__list field-group__list--target"><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="fit"> <span class="control__lead">похудение</span></label></li><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="fitness"> <span class="control__lead">Набор массы</span></label></li><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="advice"> <span class="control__lead">Не знаю (Нужен ваш совет)</span></label></li></ul></fieldset><fieldset class="form__group form__group--contacts field-group"><legend class="field-group__heading">Контактные данные (владельца кота)</legend><ul class="field-group__list field-group__list--contacts"><li class="field-group__item field-group__item--liaison"><label class="field"><span class="field__lead">E-mail:*</span> <input class="field__input field__input--icon" name="e-mail" type="email" placeholder="[email protected]" required> <svg class="field__icon" width="18" height="14" fill="none" stroke="black" viewBox="0 0 18 14" aria-hidden="true"><use href="./images/icons/stack.svg#ico-mail"></use></svg></label></li><li class="field-group__item field-group__item--liaison"><label class="field"><span class="field__lead">Телефон:*</span> <input class="field__input field__input--icon" name="phone" type="tel" placeholder="8 (960) 900-60-90" required> <svg class="field__icon" width="16" height="16" fill="none" stroke="black" viewBox="0 0 16 16" aria-hidden="true"><use href="./images/icons/stack.svg#ico-phone"></use></svg></label></li></ul></fieldset><div class="form__group form__group--comment field-group"><label class="field-group__heading" for="comment">Комментарий</label><div class="field-group__field field field--no-label"><textarea class="field__input field__input--textarea" name="comment" id="comment" rows="5" placeholder="Расскажите обо всех повадках кота"></textarea></div></div><fieldset class="form__group form__group--additional field-group field-group--additional"><legend class="field-group__heading">Дополнительно</legend><ul class="field-group__list field-group__list--additional"><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="sweetener" checked="checked"> <span class="control__lead">сахарозаменитель</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="water"> <span class="control__lead">питьевая вода</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="milk"> <span class="control__lead">молоко</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="vitamins"> <span class="control__lead">витамины</span></label></li></ul></fieldset><div class="form__footer"><button class="form__button button" type="submit">Отправить заявку</button><p class="form__additional">* – Обязательные поля</p></div></form></div></section><footer class="contacts"><h2 class="visually-hidden">Контакты.</h2><div class="contacts__container"><p class="contacts__heading">приглашаем<br>к сотрудничеству дилеров!</p><address class="contacts__address">ул. Большая Конюшенная, д. 19/8 <span>Санкт-Петербург</span></address></div><iframe class="contacts__map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.6036257198127!2d30.32047247728289!3d59.93871916209366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca145cc1%3A0x42b32648d8238007!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LzgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCAxOTExODY!5e0!3m2!1sru!2sru!4v1701614447519!5m2!1sru!2sru"></iframe></footer></main><footer class="footer"><div class="footer__container container"><a class="footer__logo logo logo--footer" href="index.html"><img class="logo__image" src="./images/logo-sign.svg" width="128" height="24" alt=" Логотип Cat Energy."></a><ul class="footer__social social"><li class="social__item"><a class="social__link" href="https://vk.com/htmlacademy"><span class="visually-hidden">Вконтакте</span> <svg class="social__img" width="27" height="17" viewBox="0 0 27 17"><use href="./images/icons/stack.svg#vk"></use></svg></a></li><li class="social__item"><a class="social__link" href="https://www.youtube.com/user/htmlacademyru"><span class="visually-hidden">YouTube</span> <svg class="social__img" width="24" height="18" viewBox="0 0 24 18"><use href="./images/icons/stack.svg#youtube"></use></svg></a></li><li class="social__item"><a class="social__link" href="https://t.me/htmlacademy"><span class="visually-hidden">Telegram</span> <svg class="social__img" width="20" height="18" viewBox="0 0 20 18"><use href="./images/icons/stack.svg#telegram"></use></svg></a></li></ul><div class="footer__conteiner"><a class="footer__developer developer" href="https://htmlacademy.ru/intensive/adaptive"><span class="visually-hidden">Разработано в</span> HTML Academy </a><a class="footer__developer developer" href="https://htmlacademy.ru/intensive/adaptive"><span class="visually-hidden">HTML Academy logo</span> <svg class="developer__image" width="27" height="34" viewBox="0 0 27 34"><use href="./images/icons/stack.svg#logo-academy"></use></svg></a></div></div></footer><script src="scripts/index.js" defer="defer"></script></body></html>
+<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><title>Кэт энерджи: Подбор программы</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="styles/styles.css"><link rel="icon" href="favicon.ico"><link rel="icon" href="favicons/32.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicons/180.png"><link rel="manifest" href="manifest.webmanifest"><link rel="preload" href="/source/fonts/lato/Lato-Regular.woff2" as="font"><link rel="preload" href="/source/fonts/oswald/oswaldregular.woff2" as="font"></head><body><header class="header"><div class="header__wrraper no-js container"><a class="header__logo logo" href="index.html"><picture><source width="202" height="59" media="(min-width: 1240px)" srcset="images/logo-desktop.svg" type="image/svg+xml"><source width="174" height="50" media="(min-width: 768px)" srcset="images/logo-tablet.svg" type="image/svg+xml"><img class="logo__image" src="./images/logo-mobile.svg" width="33" height="38" alt="Логотип Cat Energy."></picture></a><a class="header__logo-sign" href="index.html" tabindex="-1"><img src="./images/logo-sign.svg" width="101" height="19" aria-current="page" alt="Логотип Cat Energy."> </a><button class="header__toggler no-js js-burger" aria-label="бургер меню" type="button"><span></span> <span></span> <span></span></button><nav class="site-list no-js is-active js-nav-menu"><ul class="site-list__menu"><li class="site-list__item"><a class="site-list__link" href="index.html">главная</a></li><li class="site-list__item"><a class="site-list__link" href="catalog.html">каталог продукции</a></li><li class="site-list__item"><a class="site-list__link site-list__link--active" href="#" aria-current="page" tabindex="-1">подбор программы</a></li></ul></nav></div></header><main class="main"><section class="main__container container container--form"><h1 class="main-heading">Подбор программы</h1><p class="main__subheading">Заполните анкету, и мы подберем программу питания для вашего кота</p></section><section class="form"><h2 class="visually-hidden">Форма анкеты.</h2><div class="form__wrapper"><form class="form__container container container--form" method="post" action="https://echo.htmlacademy.ru/"><fieldset class="form__group form__group--cat field-group"><legend class="visually-hidden">Данные кота.</legend><ul class="field-group__list"><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Имя:*</span> <input class="field__input" name="cat-name" type="text" placeholder="барсик" required></label></li><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Вес (кг):*</span> <input class="field__input" name="cat-weight" type="text" placeholder="7" required></label></li><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Возраст (лет):</span> <input class="field__input" name="cat-age" type="text" placeholder="7"></label></li></ul></fieldset><fieldset class="form__group form__group--target field-group field-group--target"><legend class="visually-hidden">Цель программы.</legend><ul class="field-group__list field-group__list--target"><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="fit"> <span class="control__lead">похудение</span></label></li><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="fitness"> <span class="control__lead">Набор массы</span></label></li><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="advice"> <span class="control__lead">Не знаю (Нужен ваш совет)</span></label></li></ul></fieldset><fieldset class="form__group form__group--contacts field-group"><legend class="field-group__heading">Контактные данные (владельца кота)</legend><ul class="field-group__list field-group__list--contacts"><li class="field-group__item field-group__item--liaison"><label class="field"><span class="field__lead">E-mail:*</span> <input class="field__input field__input--icon" name="e-mail" type="email" placeholder="[email protected]" required> <svg class="field__icon" width="18" height="14" fill="none" stroke="black" viewBox="0 0 18 14" aria-hidden="true"><use href="./images/icons/stack.svg#ico-mail"></use></svg></label></li><li class="field-group__item field-group__item--liaison"><label class="field"><span class="field__lead">Телефон:*</span> <input class="field__input field__input--icon" name="phone" type="number" placeholder="8 (960) 900-60-90" required> <svg class="field__icon" width="16" height="16" fill="none" stroke="black" viewBox="0 0 16 16" aria-hidden="true"><use href="./images/icons/stack.svg#ico-phone"></use></svg></label></li></ul></fieldset><div class="form__group form__group--comment field-group"><label class="field-group__heading" for="comment">Комментарий</label><div class="field-group__field field field--no-label"><textarea class="field__input field__input--textarea" name="comment" id="comment" rows="5" placeholder="Расскажите обо всех повадках кота"></textarea></div></div><fieldset class="form__group form__group--additional field-group field-group--additional"><legend class="field-group__heading">Дополнительно</legend><ul class="field-group__list field-group__list--additional"><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="sweetener" checked="checked"> <span class="control__lead">сахарозаменитель</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="water"> <span class="control__lead">питьевая вода</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="milk"> <span class="control__lead">молоко</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="vitamins"> <span class="control__lead">витамины</span></label></li></ul></fieldset><div class="form__footer"><button class="form__button button" type="submit">Отправить заявку</button><p class="form__additional">* – Обязательные поля</p></div></form></div></section><footer class="contacts"><h2 class="visually-hidden">Контакты.</h2><div class="contacts__container"><p class="contacts__heading">приглашаем<br>к сотрудничеству дилеров!</p><address class="contacts__address">ул. Большая Конюшенная, д. 19/8 <span>Санкт-Петербург</span></address></div><iframe class="contacts__map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.6036257198127!2d30.32047247728289!3d59.93871916209366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca145cc1%3A0x42b32648d8238007!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LzgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCAxOTExODY!5e0!3m2!1sru!2sru!4v1701614447519!5m2!1sru!2sru"></iframe></footer></main><footer class="footer"><div class="footer__container container"><a class="footer__logo logo logo--footer" href="index.html"><img class="logo__image" src="./images/logo-sign.svg" width="128" height="24" alt=" Логотип Cat Energy."></a><ul class="footer__social social"><li class="social__item"><a class="social__link" href="https://vk.com/htmlacademy"><span class="visually-hidden">Вконтакте</span> <svg class="social__img" width="27" height="17" viewBox="0 0 27 17"><use href="./images/icons/stack.svg#vk"></use></svg></a></li><li class="social__item"><a class="social__link" href="https://www.youtube.com/user/htmlacademyru"><span class="visually-hidden">YouTube</span> <svg class="social__img" width="24" height="18" viewBox="0 0 24 18"><use href="./images/icons/stack.svg#youtube"></use></svg></a></li><li class="social__item"><a class="social__link" href="https://t.me/htmlacademy"><span class="visually-hidden">Telegram</span> <svg class="social__img" width="20" height="18" viewBox="0 0 20 18"><use href="./images/icons/stack.svg#telegram"></use></svg></a></li></ul><div class="footer__conteiner"><a class="footer__developer developer" href="https://htmlacademy.ru/intensive/adaptive"><span class="visually-hidden">Разработано в</span> HTML Academy </a><a class="footer__developer developer" href="https://htmlacademy.ru/intensive/adaptive"><span class="visually-hidden">HTML Academy logo</span> <svg class="developer__image" width="27" height="34" viewBox="0 0 27 34"><use href="./images/icons/stack.svg#logo-academy"></use></svg></a></div></div></footer><script src="scripts/index.js" defer="defer"></script></body></html>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><title>Кэт энерджи: Подбор программы</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="styles/styles.css"><link rel="icon" href="favicon.ico"><link rel="icon" href="favicons/32.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicons/180.png"><link rel="manifest" href="manifest.webmanifest"></head><body><header class="header"><div class="header__wrraper no-js-header container"><a class="header__logo logo" href="index.html"><picture><source width="202" height="59" media="(min-width: 1240px)" srcset="images/logo-desktop.svg" type="image/svg+xml"><source width="174" height="50" media="(min-width: 768px)" srcset="images/logo-tablet.svg" type="image/svg+xml"><img class="logo__image" src="./images/logo-mobile.svg" width="33" height="38" alt="Логотип Cat Energy."></picture></a><a class="header__logo-sign" href="index.html" tabindex="-1"><img src="./images/logo-sign.svg" width="101" height="19" aria-current="page" alt="Логотип Cat Energy."> </a><button class="header__toggler js-no js-burger" aria-label="бургер меню" type="button"><span></span> <span></span> <span></span></button><nav class="site-list no-js-site-list is-active js-nav-menu"><ul class="site-list__menu"><li class="site-list__item"><a class="site-list__link" href="index.html">главная</a></li><li class="site-list__item"><a class="site-list__link" href="catalog.html">каталог продукции</a></li><li class="site-list__item"><a class="site-list__link site-list__link--active" href="#" aria-current="page" tabindex="-1">подбор программы</a></li></ul></nav></div></header><main class="main"><section class="main__container container container--form"><h1 class="main-heading">Подбор программы</h1><p class="main__subheading">Заполните анкету, и мы подберем программу питания для вашего кота</p></section><section class="form"><h2 class="visually-hidden">Форма анкеты.</h2><div class="form__wrapper"><form class="form__container container container--form" method="post" action="https://echo.htmlacademy.ru/"><fieldset class="form__group form__group--cat field-group"><legend class="visually-hidden">Данные кота.</legend><ul class="field-group__list"><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Имя:</span> <input class="field__input" name="cat-name" type="text" placeholder="барсик" required></label></li><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Вес (кг):</span> <input class="field__input" name="cat-weight" type="text" placeholder="7" required></label></li><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Возраст (лет):</span> <input class="field__input" name="cat-age" type="text" placeholder="7"></label></li></ul></fieldset><fieldset class="form__group form__group--target field-group field-group--target"><legend class="visually-hidden">Цель программы.</legend><ul class="field-group__list field-group__list--target"><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="fit"> <span class="control__lead">похудение</span></label></li><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="fitness"> <span class="control__lead">Набор массы</span></label></li><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="advice"> <span class="control__lead">Не знаю (Нужен ваш совет)</span></label></li></ul></fieldset><fieldset class="form__group form__group--contacts field-group"><legend class="field-group__heading">Контактные данные (владельца кота)</legend><ul class="field-group__list field-group__list--contacts"><li class="field-group__item field-group__item--liaison"><label class="field"><span class="field__lead">E-mail:</span> <input class="field__input field__input--icon" name="e-mail" type="email" placeholder="[email protected]" required> <svg class="field__icon" width="18" height="14" fill="none" stroke="black" viewBox="0 0 18 14" aria-hidden="true"><use href="./images/icons/stack.svg#ico-mail"></use></svg></label></li><li class="field-group__item field-group__item--liaison"><label class="field"><span class="field__lead">Телефон:</span> <input class="field__input field__input--icon" name="phone" type="tel" placeholder="8 (960) 900-60-90" required> <svg class="field__icon" width="16" height="16" fill="none" stroke="black" viewBox="0 0 16 16" aria-hidden="true"><use href="./images/icons/stack.svg#ico-phone"></use></svg></label></li></ul></fieldset><div class="form__group form__group--comment field-group"><label class="field-group__heading" for="comment">Комментарий</label><div class="field-group__field field field--no-label"><textarea class="field__input field__input--textarea" name="comment" id="comment" rows="5" placeholder="Расскажите обо всех повадках кота"></textarea></div></div><fieldset class="form__group form__group--additional field-group field-group--additional"><legend class="field-group__heading">Дополнительно</legend><ul class="field-group__list field-group__list--additional"><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="sweetener" checked="checked"> <span class="control__lead">сахарозаменитель</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="water"> <span class="control__lead">питьевая вода</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="milk"> <span class="control__lead">молоко</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="vitamins"> <span class="control__lead">витамины</span></label></li></ul></fieldset><div class="form__footer"><button class="form__button button" type="submit">Отправить заявку</button><p class="form__additional">* – Обязательные поля</p></div></form></div></section><footer class="contacts"><h2 class="visually-hidden">Контакты.</h2><div class="contacts__container"><p class="contacts__heading">приглашаем<br>к сотрудничеству дилеров!</p><address class="contacts__address">ул. Большая Конюшенная, д. 19/8 <span>Санкт-Петербург</span></address></div><iframe class="contacts__map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.6036257198127!2d30.32047247728289!3d59.93871916209366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca145cc1%3A0x42b32648d8238007!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LzgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCAxOTExODY!5e0!3m2!1sru!2sru!4v1701614447519!5m2!1sru!2sru"></iframe></footer></main><footer class="footer"><div class="footer__container container"><a class="footer__logo logo logo--footer" href="index.html"><img class="logo__image" src="./images/logo-sign.svg" width="128" height="24" alt=" Логотип Cat Energy."></a><ul class="footer__social social"><li class="social__item"><a class="social__link" href="https://vk.com/htmlacademy"><span class="visually-hidden">Вконтакте</span> <svg class="social__img" width="27" height="17" viewBox="0 0 27 17"><use href="./images/icons/stack.svg#vk"></use></svg></a></li><li class="social__item"><a class="social__link" href="https://www.youtube.com/user/htmlacademyru"><span class="visually-hidden">YouTube</span> <svg class="social__img" width="24" height="18" viewBox="0 0 24 18"><use href="./images/icons/stack.svg#youtube"></use></svg></a></li><li class="social__item"><a class="social__link" href="https://t.me/htmlacademy"><span class="visually-hidden">Telegram</span> <svg class="social__img" width="20" height="18" viewBox="0 0 20 18"><use href="./images/icons/stack.svg#telegram"></use></svg></a></li></ul><div class="footer__conteiner"><a class="footer__developer developer" href="https://htmlacademy.ru/intensive/adaptive"><span class="visually-hidden">Разработано в</span> HTML Academy </a><a class="footer__developer developer" href="https://htmlacademy.ru/intensive/adaptive"><span class="visually-hidden">HTML Academy logo</span> <svg class="developer__image" width="27" height="34" viewBox="0 0 27 34"><use href="./images/icons/stack.svg#logo-academy"></use></svg></a></div></div></footer><script src="scripts/index.js" defer="defer"></script></body></html>
		<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><title>Кэт энерджи: Подбор программы</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="styles/styles.css"><link rel="icon" href="favicon.ico"><link rel="icon" href="favicons/32.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicons/180.png"><link rel="manifest" href="manifest.webmanifest"><link rel="preload" href="/source/fonts/lato/Lato-Regular.woff2" as="font"><link rel="preload" href="/source/fonts/oswald/oswaldregular.woff2" as="font"></head><body><header class="header"><div class="header__wrraper no-js container"><a class="header__logo logo" href="index.html"><picture><source width="202" height="59" media="(min-width: 1240px)" srcset="images/logo-desktop.svg" type="image/svg+xml"><source width="174" height="50" media="(min-width: 768px)" srcset="images/logo-tablet.svg" type="image/svg+xml"><img class="logo__image" src="./images/logo-mobile.svg" width="33" height="38" alt="Логотип Cat Energy."></picture></a><a class="header__logo-sign" href="index.html" tabindex="-1"><img src="./images/logo-sign.svg" width="101" height="19" aria-current="page" alt="Логотип Cat Energy."> </a><button class="header__toggler no-js js-burger" aria-label="бургер меню" type="button"><span></span> <span></span> <span></span></button><nav class="site-list no-js is-active js-nav-menu"><ul class="site-list__menu"><li class="site-list__item"><a class="site-list__link" href="index.html">главная</a></li><li class="site-list__item"><a class="site-list__link" href="catalog.html">каталог продукции</a></li><li class="site-list__item"><a class="site-list__link site-list__link--active" href="#" aria-current="page" tabindex="-1">подбор программы</a></li></ul></nav></div></header><main class="main"><section class="main__container container container--form"><h1 class="main-heading">Подбор программы</h1><p class="main__subheading">Заполните анкету, и мы подберем программу питания для вашего кота</p></section><section class="form"><h2 class="visually-hidden">Форма анкеты.</h2><div class="form__wrapper"><form class="form__container container container--form" method="post" action="https://echo.htmlacademy.ru/"><fieldset class="form__group form__group--cat field-group"><legend class="visually-hidden">Данные кота.</legend><ul class="field-group__list"><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Имя:</span> <input class="field__input" name="cat-name" type="text" placeholder="барсик" required></label></li><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Вес (кг):</span> <input class="field__input" name="cat-weight" type="text" placeholder="7" required></label></li><li class="field-group__item field-group__item--willow"><label class="field"><span class="field__lead">Возраст (лет):</span> <input class="field__input" name="cat-age" type="text" placeholder="7"></label></li></ul></fieldset><fieldset class="form__group form__group--target field-group field-group--target"><legend class="visually-hidden">Цель программы.</legend><ul class="field-group__list field-group__list--target"><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="fit"> <span class="control__lead">похудение</span></label></li><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="fitness"> <span class="control__lead">Набор массы</span></label></li><li class="field-group__item field-group__item--radio"><label class="control control--radio"><input class="control__input" name="target" type="radio" value="advice"> <span class="control__lead">Не знаю (Нужен ваш совет)</span></label></li></ul></fieldset><fieldset class="form__group form__group--contacts field-group"><legend class="field-group__heading">Контактные данные (владельца кота)</legend><ul class="field-group__list field-group__list--contacts"><li class="field-group__item field-group__item--liaison"><label class="field"><span class="field__lead">E-mail:</span> <input class="field__input field__input--icon" name="e-mail" type="email" placeholder="[email protected]" required> <svg class="field__icon" width="18" height="14" fill="none" stroke="black" viewBox="0 0 18 14" aria-hidden="true"><use href="./images/icons/stack.svg#ico-mail"></use></svg></label></li><li class="field-group__item field-group__item--liaison"><label class="field"><span class="field__lead">Телефон:</span> <input class="field__input field__input--icon" name="phone" type="number" placeholder="8 (960) 900-60-90" required> <svg class="field__icon" width="16" height="16" fill="none" stroke="black" viewBox="0 0 16 16" aria-hidden="true"><use href="./images/icons/stack.svg#ico-phone"></use></svg></label></li></ul></fieldset><div class="form__group form__group--comment field-group"><label class="field-group__heading" for="comment">Комментарий</label><div class="field-group__field field field--no-label"><textarea class="field__input field__input--textarea" name="comment" id="comment" rows="5" placeholder="Расскажите обо всех повадках кота"></textarea></div></div><fieldset class="form__group form__group--additional field-group field-group--additional"><legend class="field-group__heading">Дополнительно</legend><ul class="field-group__list field-group__list--additional"><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="sweetener" checked="checked"> <span class="control__lead">сахарозаменитель</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="water"> <span class="control__lead">питьевая вода</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="milk"> <span class="control__lead">молоко</span></label></li><li class="field-group__item field-group__item--checkbox"><label class="control control--checkbox"><input class="control__input" name="additional" type="checkbox" value="vitamins"> <span class="control__lead">витамины</span></label></li></ul></fieldset><div class="form__footer"><button class="form__button button" type="submit">Отправить заявку</button><p class="form__additional">* – Обязательные поля</p></div></form></div></section><footer class="contacts"><h2 class="visually-hidden">Контакты.</h2><div class="contacts__container"><p class="contacts__heading">приглашаем<br>к сотрудничеству дилеров!</p><address class="contacts__address">ул. Большая Конюшенная, д. 19/8 <span>Санкт-Петербург</span></address></div><iframe class="contacts__map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.6036257198127!2d30.32047247728289!3d59.93871916209366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca145cc1%3A0x42b32648d8238007!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LzgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCAxOTExODY!5e0!3m2!1sru!2sru!4v1701614447519!5m2!1sru!2sru"></iframe></footer></main><footer class="footer"><div class="footer__container container"><a class="footer__logo logo logo--footer" href="index.html"><img class="logo__image" src="./images/logo-sign.svg" width="128" height="24" alt=" Логотип Cat Energy."></a><ul class="footer__social social"><li class="social__item"><a class="social__link" href="https://vk.com/htmlacademy"><span class="visually-hidden">Вконтакте</span> <svg class="social__img" width="27" height="17" viewBox="0 0 27 17"><use href="./images/icons/stack.svg#vk"></use></svg></a></li><li class="social__item"><a class="social__link" href="https://www.youtube.com/user/htmlacademyru"><span class="visually-hidden">YouTube</span> <svg class="social__img" width="24" height="18" viewBox="0 0 24 18"><use href="./images/icons/stack.svg#youtube"></use></svg></a></li><li class="social__item"><a class="social__link" href="https://t.me/htmlacademy"><span class="visually-hidden">Telegram</span> <svg class="social__img" width="20" height="18" viewBox="0 0 20 18"><use href="./images/icons/stack.svg#telegram"></use></svg></a></li></ul><div class="footer__conteiner"><a class="footer__developer developer" href="https://htmlacademy.ru/intensive/adaptive"><span class="visually-hidden">Разработано в</span> HTML Academy </a><a class="footer__developer developer" href="https://htmlacademy.ru/intensive/adaptive"><span class="visually-hidden">HTML Academy logo</span> <svg class="developer__image" width="27" height="34" viewBox="0 0 27 34"><use href="./images/icons/stack.svg#logo-academy"></use></svg></a></div></div></footer><script src="scripts/index.js" defer="defer"></script></body></html>