-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprograms.html
More file actions
1 lines (1 loc) · 8.77 KB
/
programs.html
File metadata and controls
1 lines (1 loc) · 8.77 KB
1
<!DOCTYPE html><html class="page" lang="ru"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>HTML Academy: Кэт энерджи</title><link href="css/style.min.css" rel="stylesheet"><link rel="icon" href="favicon/favicon-16x16.ico" sizes="16x16" type="image/vnd.microsoft.icon"><link rel="icon" href="favicon/favicon-32x32.ico" sizes="32x32" type="image/vnd.microsoft.icon"><link rel="icon" href="favicon/favicon.svg" sizes="any" type="image/svg+xml"><link rel="preload" href="/fonts/oswaldregular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="/fonts/oswaldmedium.woff2" as="font" type="font/woff2" crossorigin="anonymous"></head><body class="page-body"><header class="page-header container"><a class="page-header__logo" href="index.html"><picture><source media="(min-width: 1440px)" srcset="img/logo-desktop.svg"><source media="(min-width: 768px)" srcset="img/logo-tablet.svg"><img class="page-header__logo-image" src="img/logo-mobile.svg" width="34" height="38" alt="Функциональное питание для котов"></picture><img class="page-header__logo-brand" src="img/logo-brandname.svg" width="101" height="18" alt="Cat Energy"></a><nav class="main-nav main-nav--closed main-nav--no-js"><button type="button" class="main-nav__toggle main-nav__toggle--no-js" aria-label="Показать/скрыть меню"></button><div class="main-nav__wrapper"><ul class="main-nav__list"><li class="main-nav__item"><a class="main-nav__link" href="index.html">Главная</a></li><li class="main-nav__item"><a class="main-nav__link" href="catalog.html">Каталог продукции</a></li><li class="main-nav__item"><a class="main-nav__link main-nav__link--active-green main-nav__link--active">Подбор программы</a></li></ul></div></nav></header><main class="page-form"><section class="container"><div class="page-form__wrapper"><h1 class="page-form__title">Подбор программы</h1><p class="page-form__slogan">Заполните анкету, и мы подберем<br>программу питания для вашего кота</p><form class="form" action="https://echo.htmlacademy.ru" method="post"><div class="form__about-and-program"><fieldset class="form__about"><legend class="visually-hidden">О Вас:</legend><ul class="about-list"><li class="about-list__item field"><label class="field__label"><span>Имя:*</span><input class="field__input" type="text" name="name" placeholder="Барсик" required></label></li><li class="about-list__item field"><label class="field__label"><span>Вес (кг):*</span><input class="field__input" type="text" name="weight" placeholder="7" required></label></li><li class="about-list__item field"><label class="field__label"><span>Возраст (лет):</span><input class="field__input" type="text" placeholder="7" name="age"></label></li></ul></fieldset><fieldset class="form__program"><legend class="visually-hidden">Ваша цель:</legend><ul class="program-list"><li class="program-list__item radio-button"><input class="radio-button__input" type="radio" name="program" value="slimming" id="slimming" checked="checked"> <label class="radio-button__label" for="slimming">Похудение</label></li><li class="program-list__item radio-button"><input class="radio-button__input" type="radio" name="program" value="weightGain" id="weightGain"> <label class="radio-button__label" for="weightGain">Набор массы</label></li><li class="program-list__item radio-button"><input class="radio-button__input" type="radio" name="program" value="dontNow" id="dontNow"> <label class="radio-button__label" for="dontNow">Не знаю (нужен ваш совет)</label></li></ul></fieldset></div><fieldset class="form__contacts"><legend class="form__legend decoration-heading form__contacts-title">Контактные данные (владельца кота)</legend><ul class="contacts-list"><li class="contacts-list__item field"><label class="field__label"><span>E-mail:*</span> <input class="field__input" type="email" name="email" placeholder="kuklachev@gmail.com" required> <svg class="field__icon" width="18" height="13"><use xlink:href="img/sprite.svg#icon-email"/></svg></label></li><li class="contacts-list__item field"><label class="field__label"><span>Телефон:*</span> <input class="field__input" type="tel" name="phone" placeholder="8 (960) 900-60-90" required> <svg class="field__icon" width="20" height="20"><use xlink:href="img/sprite.svg#icon-phone"/></svg></label></li></ul></fieldset><fieldset class="form__comment"><legend class="form__legend form__comment-title decoration-heading">Комментарий</legend><textarea class="textarea" name="comment" rows="5" placeholder="Расскажите обо всех повадках кота" aria-label="Расскажите обо всех повадках кота"></textarea></fieldset><fieldset class="form__additional"><legend class="form__legend decoration-heading form__additional-title">Дополнительно</legend><ul class="additional-list"><li class="additional-list__item checkbox"><input class="checkbox__input" type="checkbox" name="additional" value="sugarSubstitute" id="sugarSubstitute" checked="checked"> <label class="checkbox__label" for="sugarSubstitute">Сахарозаменитель</label></li><li class="additional-list__item checkbox"><input class="checkbox__input" type="checkbox" name="additional" value="watter" id="watter"> <label class="checkbox__label" for="watter">Питьевая вода</label></li><li class="additional-list__item checkbox"><input class="checkbox__input" type="checkbox" name="additional" value="milk" id="milk"> <label class="checkbox__label" for="milk">Молоко</label></li><li class="additional-list__item checkbox"><input class="checkbox__input" type="checkbox" name="additional" value="vitamins" id="vitamins"> <label class="checkbox__label" for="vitamins">Витамины</label></li></ul></fieldset><div class="form__footer"><button class="form__submit button button--wide" type="submit">Отправить заявку</button><p class="form__description">* - Обязательные поля</p></div></form></div></section><section class="contact"><div class="contact__container contact__container--grey"><div class="contact__block"><h2 class="visually-hidden">Наши контакты</h2><p class="contact__slogan">Приглашаем<br>к сотрудничеству дилеров</p><address class="contact__address"><span>ул. Большая Конюшенная, д. 19/8</span><span>Санкт-Петербург</span></address></div></div><div class="contact__map contact__map--no-js"></div><picture><source type="image/webp" media="(min-width: 1440px)" srcset="img/map/location-desktop.webp, img/map/location-desktop@2x.webp 2x"><source media="(min-width: 1440px)" srcset="img/map/location-desktop.jpg, img/map/location-desktop@2x.jpg 2x"><source type="image/webp" media="(min-width: 768px)" srcset="img/map/location-tablet.webp, img/map/location-tablet@2x.webp 2x"><source media="(min-width: 768px)" srcset="img/map/location-desktop.jpg, img/map/location-desktop@2x.jpg 2x"><source type="image/webp" srcset="./img/map/location-mobile.webp, img/map/location-mobile.webp 2x"><img class="contact__map-image" src="./img/map/location-mobile.jpg" srcset="img/map/location-mobile@2x.jpg 2x" width="320" height="362" alt="Карта"></picture></section></main><footer class="page-footer"><div class="container page-footer__container"><a class="page-footer__logo" href="index.html"><img src="img/logo-brandname.svg" width="128" height="24" alt="Cat Energy"></a><ul class="page-footer__social social-list"><li class="social-list__item"><a class="social-list__link" href="https://vk.com/htmlacademy" aria-label="Facebook"><svg class="social-list__image" width="29" height="18"><use xlink:href="img/sprite.svg#icon-vk"/></svg></a></li><li class="social-list__item"><a class="social-list__link" href="https://instagram.com/htmlacademy" aria-label="Instagram"><svg class="social-list__image" width="23" height="23"><use xlink:href="img/sprite.svg#icon-instagram"/></svg></a></li><li class="social-list__item"><a class="social-list__link" href="https://facebook.com/htmlacademy" aria-label="Вконтакте"><svg class="social-list__image" width="23" height="29"><use xlink:href="img/sprite.svg#icon-facebook"/></svg></a></li></ul><a class="page-footer__copyright" href="https://htmlacademy.ru/intensive/adaptive" aria-label="Сайт HTML Academy"><span class="page-footer__copyright-text">HTML Academy</span> <svg width="27" height="34"><use xlink:href="img/sprite.svg#icon-html-academy"/></svg></a></div></footer><script src="./js/app.min.js"></script><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBEjUDmUCfkNuhtJShA6MPyVSkjtKCx6cs&callback=initMap" async defer="defer"></script></body></html>