✔️ Сборка #6

htmlacademy-adaptive · Dec 15, 2024 · 37a6e65 · 37a6e65
1 parent 8369c78
commit 37a6e65
Show file tree

Hide file tree

Showing 88 changed files with 3,654 additions and 0 deletions.
diff --git a/6/catalog.html b/6/catalog.html
diff --git a/6/css/style.css b/6/css/style.css
diff --git a/6/css/style.css.map b/6/css/style.css.map
diff --git a/6/fonts/lato/Lato-Regular.woff b/6/fonts/lato/Lato-Regular.woff
diff --git a/6/fonts/lato/Lato-Regular.woff2 b/6/fonts/lato/Lato-Regular.woff2
diff --git a/6/fonts/oswald/oswaldmedium.woff b/6/fonts/oswald/oswaldmedium.woff
diff --git a/6/fonts/oswald/oswaldmedium.woff2 b/6/fonts/oswald/oswaldmedium.woff2
diff --git a/6/fonts/oswald/oswaldregular.woff b/6/fonts/oswald/oswaldregular.woff
diff --git a/6/fonts/oswald/oswaldregular.woff2 b/6/fonts/oswald/oswaldregular.woff2
diff --git a/6/form.html b/6/form.html
@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html class="page" lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <title>Cat Energy</title>
+  <link rel="stylesheet" href="css/style.css">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <base href="https://htmlacademy-adaptive.github.io/2428785-cat-energy-1/6/">
+</head>
+<body class="page__body">
+  <header class="site-header">
+    <a class="site-header__link" 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="site-header__image" src="img/logo-mobile.svg" alt="Логотип «Кэт Энерджи»">
+      </picture>
+    </a>
+    <nav class="site-header__navigation">
+      <button class="main-header__toggle" type="button">
+        <span class="visually-hidden">Открыть меню</span>
+        <img class="site-header__image" src="img/header-toogle.svg" width="24" height="24">
+      </button>
+      <ul class="site-header__list">
+        <li class="site-header__item">
+          <a class="site-header__link" href="index.html">
+            Главная
+          </a>
+        </li>
+        <li class="site-header__item">
+          <a class="site-header__link" href="catalog.html">
+            Каталог продукции
+          </a>
+        </li>
+        <li class="site-header__item site-header__item--current">
+          <a class="site-header__link" href="#">
+            Подбор программы
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </header>
+
+  <main class="main-container">
+    <section class="form">
+      <div class="form__wrapper">
+        <form class="form__selection" action="https://echo.htmlacademy.ru">
+          <h1 class="form__title">Подбор программы</h1>
+          <p class="form__description">Заполните анкету, и мы подберем программу питания для вашего кота</p>
+          <div class="form__tables">
+            <div class="form__profile">
+              <ul class="form__list">
+                <li class="form__item input-block">
+                  <label class="input-block__label" for="form__phone">Имя:*</label>
+                  <input class="input-block__field" id="form__phone" name="form__phone" placeholder="Барсик">
+                </li>
+                <li class="form__item input-block">
+                  <label class="input-block__label" for="form__weight">Вес&nbsp;(кг):*</label>
+                  <input class="input-block__field" id="form__weight" name="form__weight" placeholder="7">
+                </li>
+                <li class="form__item input-block">
+                  <label class="input-block__label" for="form__age">Возраст&nbsp;(лет):*</label>
+                  <input class="input-block__field" id="form__age" name="form__age" placeholder="7">
+                </li>
+              </ul>
+            </div>
+            <div class="form__food">
+              <ul class="form__list">
+                <li class="form__item radio-block">
+                  <label class="radio-block__control">
+                  <input class="radio-block__input" type="radio" name="food__program" value="slimming" checked>
+                  <span class="radio-block__label">Похудение</span>
+                </label>
+                </li>
+                <li class="form__item radio-block">
+                  <label class="radio-block__control">
+                  <input class="radio-block__input" type="radio" name="food__program" value="weight">
+                  <span class="radio-block__label">Набор массы</span>
+                </label>
+                </li>
+                <li class="form__item radio-block">
+                  <label class="radio-block__control">
+                  <input class="radio-block__input" type="radio" name="food__program" value="unknown">
+                  <span class="radio-block__label">Не знаю (нужен ваш совет)</span>
+                </label>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </form>
+      </div>
+    </section>
+
+    <section class="contacts">
+      <div class="contacts__wrapper">
+        <h2 class="contacts__title">Контактные данные (владельца кота)</h2>
+        <ul class="contacts__list">
+          <li class="contacts__item input-block">
+            <label class="input-block__label" for="form__email">E-mail:*</label>
+            <input class="input-block__field" type="email" id="form__email" name="form__email" placeholder="[email protected]">
+          </li>
+          <li class="contacts__item input-block">
+            <label class="input-block__label" for="form__phone">Телефон:*</label>
+            <input class="input-block__field" type="tel" id="form__phone" name="form__phone" placeholder="8 (960) 900-60-90">
+          </li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="comment">
+      <div class="comment__wrapper">
+        <h2 class="comment__title">Комментарий</h2>
+        <label class="visually-hidden" for="comment__message"></label>
+        <textarea class="comment__message" id="comment-message" name="commment-message" placeholder="Расскажите обо всех повадках кота" required></textarea>
+      </div>
+    </section>
+
+    <section class="additionally">
+      <div class="additionally__wrapper">
+        <h2 class="additionally__title">Дополнительно</h2>
+        <ul class="additionally__list">
+          <li class="additionally__item checkbox-block">
+            <label class="checkbox-block__control">
+            <input class="checkbox-block__input" type="checkbox" name="sweetener" checked>
+            <span class="checkbox-block__label">Сахарозаменитель</span>
+            </label>
+          </li>
+          <li class="additionally__item checkbox-block">
+            <label class="checkbox-block__control">
+            <input class="checkbox-block__input" type="checkbox" name="water">
+            <span class="checkbox-block__label">Питьевая вода</span>
+            </label>
+          </li>
+          <li class="additionally__item checkbox-block">
+            <label class="checkbox-block__control">
+            <input class="checkbox-block__input" type="checkbox" name="milk">
+            <span class="checkbox-block__label">Молоко</span>
+            </label>
+          </li>
+          <li class="additionally__item checkbox-block">
+            <label class="checkbox-block__control">
+            <input class="checkbox-block__input" type="checkbox" name="vitamins">
+            <span class="checkbox-block__label">Витамины</span>
+            </label>
+          </li>
+        </ul>
+        <div class="additionally__submit">
+          <button class="additionally__button" type="submit">Отправить заявку</button>
+          <span class="additionally__important">* — Обязательные поля</span>
+        </div>
+      </div>
+    </section>
+
+    <section class="map">
+      <div class="map__wrapper">
+        <address class="map__contacts">
+          <p class="map__invite">
+            Приглашаем к&nbsp;сотрудничеству дилеров!
+          </p>
+          <div class="map__description">
+            <p class="map__address">
+              ул. Большая Конюшенная,д.&nbsp;19/8
+            </p>
+            <span class="map__city">
+              Санкт-Петербург
+            </span>
+          </div>
+        </address>
+        <iframe class="map__iframe" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.603625719817!2d30.32047247732077!3d59.938719162093584!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca145cc1%3A0x42b32648d8238007!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LzgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCAxOTExODY!5e0!3m2!1sru!2sru!4v1733820038769!5m2!1sru!2sru" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+      </div>
+    </section>
+  </main>
+
+  <footer class="main-footer">
+    <div class="main-footer__wrapper">
+      <div class="main-footer__logotype logotype">
+        <a class="logotype__link" href="#">
+          <img class="logotype__image" src="img/logotype.svg" width="128" height="24">
+        </a>
+      </div>
+      <div class="main-footer__social social">
+        <ul class="social__list">
+          <li class="social__item">
+            <a class="social__link social__link--vkontakte" href="#">
+              <img class="social__image" src="/img/social-vk.svg" width="28" height="22" alt="Иконка вконтакте">
+            </a>
+          </li>
+          <li class="social__item">
+            <a class="social__link social__link--youtube" href="#">
+              <img class="social__image" src="/img/social-yt.svg" width="28" height="22" alt="Иконка ютуба">
+            </a>
+          </li>
+          <li class="social__item">
+            <a class="social__link social__link--telegram" href="#">
+              <img class="social__image" src="/img/social-tg.svg" width="28" height="22" alt="Иконка телеграмма">
+            </a>
+          </li>
+        </ul>
+      </div>
+      <div class="main-footer__copyright copyright">
+        <a class="copyright__link" href="https://htmlacademy.ru">
+          HTML Academy
+        </a>
+        <a class="copyright__link-image" href="https://htmlacademy.ru">
+          <picture>
+            <source media="(min-width: 768px)" srcset="img/copyright-tablet.svg">
+            <img class="copyright__image" src="img/copyright-mobile.svg">
+          </picture>
+        </a>
+      </div>
+    </div>
+  </footer>
+</body>
+</html>
diff --git a/6/img/big-buckwheat-mobile.png b/6/img/big-buckwheat-mobile.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/big-buckwheat-tablet.png b/6/img/big-buckwheat-tablet.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/big-chicken-mobile.png b/6/img/big-chicken-mobile.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/big-chicken-tablet.png b/6/img/big-chicken-tablet.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/big-fish-mobile.png b/6/img/big-fish-mobile.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/big-fish-tablet.png b/6/img/big-fish-tablet.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/button-cat.svg b/6/img/button-cat.svg
diff --git a/6/img/copyright-mobile.svg b/6/img/copyright-mobile.svg
diff --git a/6/img/copyright-tablet.svg b/6/img/copyright-tablet.svg
diff --git a/6/img/example-cat-big-mobile.png b/6/img/example-cat-big-mobile.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/example-cat-big-tablet.png b/6/img/example-cat-big-tablet.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/example-cat-small-mobile.png b/6/img/example-cat-small-mobile.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/example-cat-small-tablet.png b/6/img/example-cat-small-tablet.png
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/extra-gift-desktop.jpg b/6/img/extra-gift-desktop.jpg
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/extra-gift-mobile.jpg b/6/img/extra-gift-mobile.jpg
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/extra-gift-tablet.jpg b/6/img/extra-gift-tablet.jpg
diff --git a/6/img/[email protected] b/6/img/[email protected]
diff --git a/6/img/food-black-arrow.svg b/6/img/food-black-arrow.svg
diff --git a/6/img/food-slimming-desktop.svg b/6/img/food-slimming-desktop.svg