diff --git a/5/catalog.html b/5/catalog.html new file mode 100644 index 0000000..3c0d2e5 --- /dev/null +++ b/5/catalog.html @@ -0,0 +1,338 @@ + + + + + + HTML Academy: Кэт энерджи + + + + +
+ + +
+ +
+
+

Каталог продукции

+ +
+
    +
  • +
    +
    + Фото для товара Cat Energy PRO 500 г со вкусом курица +
    +

    Cat Energy
    PRO 500 г

    + + + + + + + + + + + + + +
    Масса500 г
    ВкусКурица
    Цена700 ₽
    +
    +
    + Заказать +
    +
    • +
  • +
    +
    + Фото для товара Cat Energy PRO 1000 г со вкусом курицы +
    +

    Cat Energy
    PRO 1000 г

    + + + + + + + + + + + + + +
    Масса1000 г
    ВкусКурица
    Цена1000 ₽
    +
    +
    + Заказать +
    +
    • +
  • +
    +
    + Фото для товара Cat Energy PRO 500 г со вкусом рыбы +
    +

    Cat Energy
    PRO 500 г

    + + + + + + + + + + + + + +
    Масса500 г
    ВкусРыба
    Цена700 ₽
    +
    +
    + Заказать +
    +
    • +
  • +
    +
    + Фото для товара Cat Energy PRO 500 г со вкусом рыбы +
    +

    Cat Energy
    PRO 1000 г

    + + + + + + + + + + + + + +
    Масса1000 г
    ВкусРыба
    Цена1000 ₽
    +
    +
    + Заказать +
    +
    • +
  • +
    +
    + Фото для товара Cat Energy PRO 500 г со вкусом гречи +
    +

    Cat Energy
    Slim 500 г

    + + + + + + + + + + + + + +
    Масса500 г
    ВкусГречка
    Цена400 ₽
    +
    +
    + Заказать +
    +
    • +
  • +
    +
    + Фото для товара Cat Energy PRO 500 г со вкусом гречи +
    +

    Cat Energy
    Slim 500 г

    + + + + + + + + + + + + + +
    Масса1000 г
    ВкусГречка
    Цена1000 ₽
    +
    +
    + Заказать +
    +
    • +
  • +
    +
    + Фото для товара Cat Energy PRO 500 г со вкусом риса +
    +

    Cat Energy
    Slim 500 г

    + + + + + + + + + + + + + +
    Масса500 г
    ВкусРис
    Цена500 ₽
    +
    +
    + Заказать +
    +
    • +
  • +
    +

    Показать еще 100500 товаров

    +

    На самом деле вкусов гораздо больше!

    + +
    +
    • +
+
+
+ +
+
+

Дополнительные товары

+
    +
  • +
    +

    Сахарозаменитель

    +
    +

    1 упаковка (100 г)

    +

    200 ₽

    +
    + Заказать +
    +
    • +
  • +
    +

    Питьевая вода

    +
    +

    5 литров

    +

    50 ₽

    +
    + Заказать +
    +
    • +
  • +
    +

    Молоко

    +
    +

    1 литр

    +

    100 ₽

    +
    + Заказать +
    +
    • +
  • +
    +

    Витамины

    +
    +

    1 упаковка (30 г)

    +

    300 ₽

    +
    + Заказать +
    +
    • +
+

Закажите все и получите чехол для кота в подарок!

+
+
+ +
+
+ +

Приглашаем к сотрудничеству дилеров!

+

+ ул. Большая
+ Конюшенная, д. 19/8
+ Санкт-Петербург +

+
+ +
+
+ + + + diff --git a/5/css/style.css b/5/css/style.css new file mode 100644 index 0000000..b30f7ce --- /dev/null +++ b/5/css/style.css @@ -0,0 +1,1038 @@ +@font-face { + font-family: "Oswald"; + font-style: normal; + font-weight: 400; + src: url("../../fonts/oswald/oswaldregular.woff2") format("woff2"); + font-display: swap; +} +@font-face { + font-family: "Oswald"; + font-style: normal; + font-weight: 500; + src: url("../../fonts/oswald/oswaldmedium.woff2") format("woff2"); + font-display: swap; +} +@font-face { + font-family: "Lato"; + font-style: normal; + font-weight: 400; + src: url("../../fonts/lato/Lato-Regular.woff2") format("woff2"); + font-display: swap; +} +.visually-hidden { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + border: 0; + padding: 0; + white-space: nowrap; + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + clip: rect(0 0 0 0); + overflow: hidden; +} +.page { + height: 100%; + background-color: #E5E5E5; +} +.page__body { + display: flex; + flex-direction: column; + min-height: 100%; + margin: 0 auto; + font-family: "Lato", sans-serif; + font-weight: 400; + font-size: 14px; + line-height: 18px; +} +.button { + display: inline-block; + font-family: "Oswald", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 20px; + text-align: center; + color: #FFFFFF; + background-color: #68B738; + text-decoration: none; + text-transform: uppercase; + margin: 0; + padding: 10px 63.5px; +} +.main-header { + font-family: "Oswald", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 20px; + display: flex; + justify-content: space-between; + align-items: center; + padding: 13px 20px 15px; + background-color: #FFFFFF; + width: 320px; + box-sizing: border-box; + margin: 0 auto; +} +.main-header--secondary { + border-bottom: 1px solid #D9D9D9; +} +@media (min-width: 768px) { + .main-header { + width: 768px; + padding: 25px 30px 0; + } +} +@media (min-width: 1200px) { + .main-header { + width: 1440px; + padding: 55px 110px 0; + } +} +.main-header__logo { + display: flex; + align-items: center; + gap: 56px; +} +.main-nav { + position: relative; +} +@media (min-width: 768px) { + .main-nav { + width: 436px; + } +} +@media (min-width: 1200px) { + .main-nav { + width: 475px; + } +} +.main-nav__toggle { + min-width: 24px; + min-height: 24px; + background-image: url("../../img/nav-open.svg"); + background-repeat: no-repeat; + background-color: transparent; + border: none; +} +@media (min-width: 768px) { + .main-nav__toggle { + display: none; + } +} +.main-nav__wrapper { + position: absolute; + width: 320px; + background-color: #FFFFFF; + top: 45px; + right: -20px; +} +.main-nav__wrapper--mobile-open { + display: block; +} +.main-nav__wrapper--mobile-close { + display: none; +} +@media (min-width: 768px) { + .main-nav__wrapper { + position: relative; + width: 100%; + top: 0; + right: 0; + } +} +.main-nav__list { + list-style: none; + margin: 0; + padding: 0; + text-align: center; +} +@media (min-width: 768px) { + .main-nav__list { + display: flex; + justify-content: space-between; + gap: 33px; + } +} +.main-nav__item { + padding: 22px 20px 24px; + border-top: 1px solid #E6E6E6; + border-bottom: 1px solid #E6E6E6; +} +@media (min-width: 768px) { + .main-nav__item { + border: none; + } +} +.main-nav__link { + font-family: "Oswald", sans-serif; + font-weight: 400; + color: #000000; + font-size: 20px; + line-height: 20px; + text-decoration: none; + text-transform: uppercase; +} +.main-container { + flex-grow: 1; + background-color: #FFFFFF; + width: 320px; + margin: 0 auto; + box-sizing: border-box; +} +@media (min-width: 768px) { + .main-container { + width: 768px; + } +} +@media (min-width: 1200px) { + .main-container { + width: 1440px; + } +} +.programs__header { + background-image: url(../../img/index-background.png); + background-repeat: no-repeat; + font-family: "Oswald", sans-serif; + font-weight: 400; + padding: 27px 20px 20px; + color: #FFFFFF; +} +@media (min-width: 768px) { + .programs__header { + background-image: none; + color: #000000; + padding: 65px 30px 0; + } +} +@media (min-width: 1200px) { + .programs__header { + padding: 110px 80px 266px; + } +} +.programs__title { + margin: 0; + font-weight: 400; + font-size: 36px; + line-height: 36px; + padding-bottom: 25px; + text-align: center; +} +@media (min-width: 768px) { + .programs__title { + text-align: left; + width: 314px; + padding: 0 90px 40px; + } +} +.programs__slogan { + margin: 0; + text-transform: uppercase; + font-size: 14px; + line-height: 14px; + padding-bottom: 29px; + text-align: center; +} +@media (min-width: 768px) { + .programs__slogan { + text-align: left; + width: 314px; + padding: 0 90px; + } +} +.programs__img { + padding-bottom: 3px; +} +@media (min-width: 768px) { + .programs__button { + padding: 14px 26px; + } +} +.programs__list { + padding: 0 20px 20px; + display: flex; + flex-direction: column; + gap: 20px; +} +@media (min-width: 768px) { + .programs__list { + padding: 0 30px 45px; + } +} +@media (min-width: 1200px) { + .programs__list { + padding: 0 0 71px; + flex-direction: row; + gap: 80px; + } +} +.programs__item { + background-color: #F2F2F2; + padding: 30px 20px 18px; +} +@media (min-width: 768px) { + .programs__item { + padding: 77px 53px 53px; + } +} +@media (min-width: 1200px) { + .programs__item { + padding: 77px 52px 55px; + width: 100%; + } +} +.programs__item-title { + font-family: "Oswald", sans-serif; + font-weight: 400; + font-size: 24px; + line-height: 37px; + text-transform: uppercase; + color: #000000; + margin: 0; + padding: 0 0 29px 70px; +} +@media (min-width: 768px) { + .programs__item-title { + padding: 0 0 24px; + } +} +.programs__item-description { + margin: 0; + padding-bottom: 23px; + border-bottom: 1px solid #D9D9D9; +} +@media (min-width: 768px) { + .programs__item-description { + padding-bottom: 48px; + border: none; + width: 300px; + } +} +.programs__item-link { + display: block; + font-family: "Oswald", sans-serif; + font-size: 16px; + line-height: 16px; + padding-top: 15px; + color: #000000; + text-transform: uppercase; + text-decoration: none; +} +.advantages { + padding: 0 20px 49px; +} +@media (min-width: 768px) { + .advantages { + padding: 0 30px 47px; + } +} +@media (min-width: 1200px) { + .advantages { + padding: 0 0 69px; + } +} +.advantages__title { + margin: 0; + font-family: "Oswald", sans-serif; + font-size: 36px; + line-height: 40px; + font-weight: 400; + color: #000000; + padding-bottom: 40px; +} +.advantages__list { + display: flex; + flex-direction: column; + gap: 20px; + list-style: none; + margin: 0; + padding: 0; +} +@media (min-width: 768px) { + .advantages__list { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 10px; + } +} +@media (min-width: 1200px) { + .advantages__list { + grid-template-columns: 1fr 1fr 1fr 1fr; + justify-content: space-between; + gap: 10px; + } +} +.advantages__item { + padding-left: 80px; +} +@media (min-width: 768px) { + .advantages__item { + padding-left: 0; + padding-top: 151px; + } +} +@media (min-width: 1200px) { + .advantages__item { + padding: 151px 0 57px; + } +} +.advantages__description { + margin: 0; +} +.life-example { + background-color: #EAEAEA; + padding: 25px 20px 40px; +} +@media (min-width: 768px) { + .life-example { + padding: 45px 30px 101px; + background-color: #FFFFFF; + } +} +@media (min-width: 1200px) { + .life-example { + padding: 0 0 75px; + } +} +@media (min-width: 1200px) { + .life-example__wrapper { + width: 405px; + } +} +.life-example__title { + font-family: "Oswald", sans-serif; + font-weight: 400; + font-size: 36px; + line-height: 40px; + color: #000000; + padding-bottom: 40px; + margin: 0; +} +.life-example__description { + padding-bottom: 20px; + margin: 0; +} +.life-example__chars-list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + justify-content: space-between; +} +@media (min-width: 1200px) { + .life-example__chars-list { + justify-content: flex-start; + gap: 42px; + } +} +.life-example__item { + position: relative; + padding-bottom: 34px; +} +.life-example__item-title { + font-family: "Oswald", sans-serif; + font-size: 24px; + line-height: 24px; + color: #000000; + text-transform: uppercase; + margin: 0; + width: 124px; + border: 1px solid #CDCDCD; + border-radius: 3px; + text-align: center; + padding: 14.5px 0 14.5px; +} +.life-example__item-description { + font-size: 12px; + line-height: 12px; + text-align: center; + background-color: #EAEAEA; + position: absolute; + left: 18px; + top: 34px; + min-width: 90px; +} +.life-example__price { + font-family: "Oswald", sans-serif; + line-height: 20px; + text-align: center; + text-transform: uppercase; + color: #000000; + padding-bottom: 20px; + margin: 0; +} +@media (min-width: 1200px) { + .life-example__price { + text-align: left; + } +} +.cooperation { + position: relative; +} +.cooperation__wrapper { + display: flex; + padding: 26px 20px; + background-color: #F2F2F2; +} +.cooperation__wrapper--main { + background-color: #FFFFFF; +} +@media (min-width: 768px) { + .cooperation__wrapper { + justify-content: space-between; + } +} +@media (min-width: 1200px) { + .cooperation__wrapper { + position: absolute; + top: 95px; + left: 110px; + width: 565px; + box-sizing: border-box; + padding: 60px 80px; + } +} +.cooperation__title { + font-family: "Oswald", sans-serif; + font-size: 16px; + line-height: 20px; + text-transform: uppercase; + color: #111111; + margin: 0; + max-width: 140px; +} +.cooperation__description { + margin: 0; + line-height: 20px; +} +@media (min-width: 768px) { + .cooperation__description { + text-align: right; + } +} +.cooperation__map { + display: block; + width: 100%; +} +.main-footer { + display: flex; + flex-direction: column; + background-color: #F2F2F2; + padding: 40px 20px; + width: 320px; + margin: 0 auto; + box-sizing: border-box; +} +@media (min-width: 768px) { + .main-footer { + width: 768px; + flex-direction: row; + align-items: center; + justify-content: space-between; + } +} +@media (min-width: 1200px) { + .main-footer { + width: 1440px; + padding: 66px 110px; + } +} +.main-footer__logo { + text-align: center; + padding-bottom: 20px; + border-bottom: 1px solid #D9D9D9; +} +@media (min-width: 768px) { + .main-footer__logo { + padding-bottom: 0; + border: none; + } +} +.main-footer__social { + display: flex; + justify-content: center; + padding: 20px 0; + border-bottom: 1px solid #D9D9D9; +} +@media (min-width: 768px) { + .main-footer__social { + padding: 0; + border: none; + } +} +.main-footer__copyright { + display: flex; + padding-top: 20px; +} +@media (min-width: 768px) { + .main-footer__copyright { + padding-top: 0; + border: none; + } +} +.social__list { + display: flex; + gap: 24px; + list-style: none; + margin: 0; + padding: 0; +} +.social__link { + display: block; + width: 28px; + height: 22px; +} +.copyright__link { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; +} +.copyright__name { + margin: 0; +} +.slider-range { + position: relative; + display: flex; + justify-content: center; +} +.slider-range__item { + display: flex; + justify-content: center; + text-align: center; + width: 100%; + max-width: 280px; +} +.slider-range__slide { + width: 50%; + overflow: hidden; +} +.slider-range__slide--before { + text-align: right; +} +.slider-range__slide--after { + text-align: left; + transform: scale(-1, 1); +} +.slider-range__img { + max-width: 280px; +} +.slider-range__img--after { + transform: scale(-1, 1); +} +.catalog__title { + font-family: "Oswald", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 36px; + line-height: 36px; + margin: 0; + padding: 27px 20px 40px; + border-bottom: 1px solid #EBEBEB; + color: #000000; +} +.catalog__list { + list-style: none; + margin: 0; + padding: 0; +} +@media (min-width: 768px) { + .catalog__list { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 60px; + padding: 0 30px; + } +} +@media (min-width: 1200px) { + .catalog__list { + grid-template-columns: 1fr 1fr 1fr 1fr; + row-gap: 63px; + column-gap: 80px; + } +} +.catalog__item { + border-bottom: 1px solid #EBEBEB; +} +.card { + padding: 20px 20px 25px; +} +@media (min-width: 768px) { + .card { + display: flex; + flex-direction: column; + background-color: #F2F2F2; + } +} +.card__wrapper { + display: flex; +} +@media (min-width: 768px) { + .card__wrapper { + flex-direction: column; + align-items: center; + } +} +.card__image { + padding: 10.5px 36px; +} +.card__title { + font-family: "Oswald", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 20px; + color: #222222; + margin: 0; + text-transform: uppercase; + padding-bottom: 14px; +} +.card__title--additional { + padding: 58px 0 8px; + color: #111111; + text-align: center; +} +.card__description { + padding-bottom: 25px; +} +.card__definition { + font-size: 12px; + line-height: 16px; +} +.card__definition-name { + font-weight: 400; + text-align: left; + width: 70px; + margin: 0; +} +.card__definition-name--additional { + text-align: center; + width: 100%; + padding-bottom: 21px; +} +.card__definition-value { + font-weight: 400; + text-align: right; + width: 70px; +} +.card__button-additional { + width: 100%; + border: 0; + background-color: #F2F2F2; + color: #444444; +} +.additional-goods { + padding: 25px 20px 35px; +} +@media (min-width: 768px) { + .additional-goods { + padding: 70px 30px 70px; + } +} +.additional-goods__title { + font-family: "Oswald", sans-serif; + font-weight: 400; + font-size: 24px; + line-height: 24px; + color: #000000; + padding-bottom: 35px; + border-bottom: 1px solid #CDCDCD; + margin: 0; +} +.additional-goods__list { + list-style: none; + margin: 0; + padding: 0 0 35px; +} +.additional-goods__item { + padding: 13px 0 19px; + border-bottom: 1px solid #CDCDCD; +} +@media (min-width: 768px) { + .additional-goods__item { + border-left: 1px solid #CDCDCD; + border-right: 1px solid #CDCDCD; + } +} +@media (min-width: 768px) { + .additional-goods-card { + display: flex; + flex-direction: column; + padding: 0 38px; + } +} +.additional-goods-card__title { + margin: 0; + font-family: "Oswald", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 16px; + text-transform: uppercase; + padding-bottom: 13px; +} +.additional-goods-card__description { + display: flex; + justify-content: space-between; + padding-bottom: 15px; +} +.additional-goods-card__description-name, +.additional-goods-card__description-price { + margin: 0; +} +.additional-goods__present { + background-image: url(../../img/background-additional-goods-resent.png); + background-repeat: no-repeat; + background-size: auto; + padding: 189px 61px 43px 58px; + font-size: 16px; + line-height: 20px; + color: #FFFFFF; + margin: 0; + text-align: center; +} +@media (min-width: 768px) { + .additional-goods__present { + background-image: url(../../img/background-additional-goods-present-tablet.png); + background-repeat: no-repeat; + background-size: auto; + padding: 71px 125px 69px 421px; + } +} +.program-selection__title { + font-family: "Oswald", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 36px; + line-height: 36px; + margin: 0; + color: #000000; + padding: 27px 20px 37px; +} +@media (min-width: 768px) { + .program-selection__title { + padding: 65px 70px 64px; + } +} +@media (min-width: 1200px) { + .program-selection__title { + padding: 74px 110px 55px; + } +} +.program-selection__description { + font-family: "Oswald", sans-serif; + font-size: 14px; + line-height: 18px; + text-transform: uppercase; + color: #000000; + margin: 0; + padding: 0 20px 39px; +} +@media (min-width: 768px) { + .program-selection__description { + padding: 0 70px 66px; + } +} +@media (min-width: 1200px) { + .program-selection__description { + padding-left: 110px; + padding-right: 110px; + } +} +.form { + display: flex; + flex-direction: column; +} +.form__description { + padding-bottom: 10px; + border-bottom: 1px solid #D9D9D9; +} +@media (min-width: 768px) { + .form__description { + border: none; + padding-bottom: 52px; + } +} +.form__input { + display: flex; + align-items: center; + gap: 13px; + margin: 0; + padding: 0 20px 14px; + font-family: "Oswald", sans-serif; + font-size: 16px; + line-height: 18px; +} +@media (min-width: 768px) { + .form__input { + padding: 0 70px 20px; + } +} +@media (min-width: 1200px) { + .form__input { + padding: 0 110px 20px; + } +} +.form__input-name, +.form__input-value { + font-family: "Oswald"; + font-size: 16px; + line-height: 18px; + text-transform: uppercase; + white-space: nowrap; + overflow-wrap: break-word; +} +.form__input-value { + width: 100%; + padding: 14px 15px 13px; + color: #444444; + border: 1px solid #E7E7E7; +} +.form__control { + border-bottom: 1px solid #E7E7E7; +} +@media (min-width: 768px) { + .form__control { + border: none; + } +} +@media (min-width: 1200px) { + .form__control { + border: none; + } +} +.form__title { + font-family: "Oswald"; + font-weight: 400; + font-style: normal; + font-size: 24px; + line-height: 26px; + margin: 0; + padding: 26px 20px 35px; + color: #000000; +} +@media (min-width: 768px) { + .form__title { + padding: 0 70px 76px; + } +} +@media (min-width: 1200px) { + .form__title { + padding-left: 110px; + padding-right: 110px; + } +} +.form__title--comment { + padding-bottom: 38px; +} +@media (min-width: 768px) { + .form__title--comment { + padding-bottom: 87px; + } +} +@media (min-width: 1200px) { + .form__title--comment { + padding-bottom: 78px; + } +} +.form__title--additional { + padding-bottom: 34px; +} +@media (min-width: 768px) { + .form__title--additional { + padding-bottom: 57px; + } +} +.form__textarea { + padding: 0 20px; + margin: 0; +} +@media (min-width: 768px) { + .form__textarea { + padding: 0 70px; + } +} +@media (min-width: 1200px) { + .form__textarea { + padding: 0 110px; + } +} +.form__textarea-discription { + font-family: "Oswald", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 16px; + line-height: 18px; + color: #444444; + text-transform: uppercase; + padding: 14px; + padding-left: 15px; + box-sizing: border-box; + width: 100%; + min-height: 150px; + border: 1px solid #E7E7E7; +} +.form__submit { + border: none; + box-sizing: border-box; + margin: 0 20px; +} +.form__legend { + font-size: 14px; + line-height: 16px; + text-align: center; + color: #000000; + padding: 21px 20px 32px; +} +.control { + padding-top: 22px; + padding-bottom: 6px; +} +@media (min-width: 768px) { + .control { + padding: 0 70px 65px; + } +} +@media (min-width: 1200px) { + .control { + padding: 0 110px 65px; + } +} +.control__list { + list-style: none; + margin: 0; + padding: 0 20px; +} +@media (min-width: 768px) { + .control__list { + border: 1px solid #CDCDCD; + padding: 23px 0 14px; + } +} +@media (min-width: 1200px) { + .control__list { + border: 1px solid #CDCDCD; + } +} +@media (min-width: 768px) { + .control__list--not-mobile { + display: grid; + grid-template-columns: 1fr 1fr; + row-gap: 32px; + column-gap: 123px; + border: none; + } +} +.control__item { + padding-bottom: 13px; +} +.control__label { + font-family: "Oswald", sans-serif; + font-size: 16px; + line-height: 18px; + text-transform: uppercase; + padding-left: 45px; +} +.control__label-input { + margin: 0; +} +/*# sourceMappingURL=style.css.map */ diff --git a/5/css/style.css.map b/5/css/style.css.map new file mode 100644 index 0000000..f62357c --- /dev/null +++ b/5/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["blocks/fonts.less","style.css","blocks/visually-hidden.less","blocks/page.less","blocks/button.less","blocks/main-header.less","blocks/main-nav.less","blocks/main-container.less","blocks/programs.less","blocks/advantages.less","blocks/life-example.less","blocks/cooperation.less","blocks/main-footer.less","blocks/social.less","blocks/copyright.less","blocks/slider-range.less","blocks/catalog.less","blocks/card.less","blocks/additional-goods.less","blocks/program-selection.less","blocks/form.less","blocks/control.less"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@font-face {\n font-family: \"Oswald\";\n font-style: normal;\n font-weight: 400;\n src: url(\"../../fonts/oswald/oswaldregular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Oswald\";\n font-style: normal;\n font-weight: 500;\n src: url(\"../../fonts/oswald/oswaldmedium.woff2\") format(\"woff2\");\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Lato\";\n font-style: normal;\n font-weight: 400;\n src: url(\"../../fonts/lato/Lato-Regular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n","@font-face {\n font-family: \"Oswald\";\n font-style: normal;\n font-weight: 400;\n src: url(\"../../fonts/oswald/oswaldregular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"Oswald\";\n font-style: normal;\n font-weight: 500;\n src: url(\"../../fonts/oswald/oswaldmedium.woff2\") format(\"woff2\");\n font-display: swap;\n}\n@font-face {\n font-family: \"Lato\";\n font-style: normal;\n font-weight: 400;\n src: url(\"../../fonts/lato/Lato-Regular.woff2\") format(\"woff2\");\n font-display: swap;\n}\n.visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: 0;\n padding: 0;\n white-space: nowrap;\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n}\n.page {\n height: 100%;\n background-color: #E5E5E5;\n}\n.page__body {\n display: flex;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n font-family: \"Lato\", sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n}\n.button {\n display: inline-block;\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n text-align: center;\n color: #FFFFFF;\n background-color: #68B738;\n text-decoration: none;\n text-transform: uppercase;\n margin: 0;\n padding: 10px 63.5px;\n}\n.main-header {\n font-family: \"Oswald\", sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 20px;\n line-height: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 13px 20px 15px;\n background-color: #FFFFFF;\n width: 320px;\n box-sizing: border-box;\n margin: 0 auto;\n}\n.main-header--secondary {\n border-bottom: 1px solid #D9D9D9;\n}\n@media (min-width: 768px) {\n .main-header {\n width: 768px;\n padding: 25px 30px 0;\n }\n}\n@media (min-width: 1200px) {\n .main-header {\n width: 1440px;\n padding: 55px 110px 0;\n }\n}\n.main-header__logo {\n display: flex;\n align-items: center;\n gap: 56px;\n}\n.main-nav {\n position: relative;\n}\n@media (min-width: 768px) {\n .main-nav {\n width: 436px;\n }\n}\n@media (min-width: 1200px) {\n .main-nav {\n width: 475px;\n }\n}\n.main-nav__toggle {\n min-width: 24px;\n min-height: 24px;\n background-image: url(\"../../img/nav-open.svg\");\n background-repeat: no-repeat;\n background-color: transparent;\n border: none;\n}\n@media (min-width: 768px) {\n .main-nav__toggle {\n display: none;\n }\n}\n.main-nav__wrapper {\n position: absolute;\n width: 320px;\n background-color: #FFFFFF;\n top: 45px;\n right: -20px;\n}\n.main-nav__wrapper--mobile-open {\n display: block;\n}\n.main-nav__wrapper--mobile-close {\n display: none;\n}\n@media (min-width: 768px) {\n .main-nav__wrapper {\n position: relative;\n width: 100%;\n top: 0;\n right: 0;\n }\n}\n.main-nav__list {\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: center;\n}\n@media (min-width: 768px) {\n .main-nav__list {\n display: flex;\n justify-content: space-between;\n gap: 33px;\n }\n}\n.main-nav__item {\n padding: 22px 20px 24px;\n border-top: 1px solid #E6E6E6;\n border-bottom: 1px solid #E6E6E6;\n}\n@media (min-width: 768px) {\n .main-nav__item {\n border: none;\n }\n}\n.main-nav__link {\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n color: #000000;\n font-size: 20px;\n line-height: 20px;\n text-decoration: none;\n text-transform: uppercase;\n}\n.main-container {\n flex-grow: 1;\n background-color: #FFFFFF;\n width: 320px;\n margin: 0 auto;\n box-sizing: border-box;\n}\n@media (min-width: 768px) {\n .main-container {\n width: 768px;\n }\n}\n@media (min-width: 1200px) {\n .main-container {\n width: 1440px;\n }\n}\n.programs__header {\n background-image: url(../../img/index-background.png);\n background-repeat: no-repeat;\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n padding: 27px 20px 20px;\n color: #FFFFFF;\n}\n@media (min-width: 768px) {\n .programs__header {\n background-image: none;\n color: #000000;\n padding: 65px 30px 0;\n }\n}\n@media (min-width: 1200px) {\n .programs__header {\n padding: 110px 80px 266px;\n }\n}\n.programs__title {\n margin: 0;\n font-weight: 400;\n font-size: 36px;\n line-height: 36px;\n padding-bottom: 25px;\n text-align: center;\n}\n@media (min-width: 768px) {\n .programs__title {\n text-align: left;\n width: 314px;\n padding: 0 90px 40px;\n }\n}\n.programs__slogan {\n margin: 0;\n text-transform: uppercase;\n font-size: 14px;\n line-height: 14px;\n padding-bottom: 29px;\n text-align: center;\n}\n@media (min-width: 768px) {\n .programs__slogan {\n text-align: left;\n width: 314px;\n padding: 0 90px;\n }\n}\n.programs__img {\n padding-bottom: 3px;\n}\n@media (min-width: 768px) {\n .programs__button {\n padding: 14px 26px;\n }\n}\n.programs__list {\n padding: 0 20px 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n@media (min-width: 768px) {\n .programs__list {\n padding: 0 30px 45px;\n }\n}\n@media (min-width: 1200px) {\n .programs__list {\n padding: 0 0 71px;\n flex-direction: row;\n gap: 80px;\n }\n}\n.programs__item {\n background-color: #F2F2F2;\n padding: 30px 20px 18px;\n}\n@media (min-width: 768px) {\n .programs__item {\n padding: 77px 53px 53px;\n }\n}\n@media (min-width: 1200px) {\n .programs__item {\n padding: 77px 52px 55px;\n width: 100%;\n }\n}\n.programs__item-title {\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-size: 24px;\n line-height: 37px;\n text-transform: uppercase;\n color: #000000;\n margin: 0;\n padding: 0 0 29px 70px;\n}\n@media (min-width: 768px) {\n .programs__item-title {\n padding: 0 0 24px;\n }\n}\n.programs__item-description {\n margin: 0;\n padding-bottom: 23px;\n border-bottom: 1px solid #D9D9D9;\n}\n@media (min-width: 768px) {\n .programs__item-description {\n padding-bottom: 48px;\n border: none;\n width: 300px;\n }\n}\n.programs__item-link {\n display: block;\n font-family: \"Oswald\", sans-serif;\n font-size: 16px;\n line-height: 16px;\n padding-top: 15px;\n color: #000000;\n text-transform: uppercase;\n text-decoration: none;\n}\n.advantages {\n padding: 0 20px 49px;\n}\n@media (min-width: 768px) {\n .advantages {\n padding: 0 30px 47px;\n }\n}\n@media (min-width: 1200px) {\n .advantages {\n padding: 0 0 69px;\n }\n}\n.advantages__title {\n margin: 0;\n font-family: \"Oswald\", sans-serif;\n font-size: 36px;\n line-height: 40px;\n font-weight: 400;\n color: #000000;\n padding-bottom: 40px;\n}\n.advantages__list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n@media (min-width: 768px) {\n .advantages__list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n }\n}\n@media (min-width: 1200px) {\n .advantages__list {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n justify-content: space-between;\n gap: 10px;\n }\n}\n.advantages__item {\n padding-left: 80px;\n}\n@media (min-width: 768px) {\n .advantages__item {\n padding-left: 0;\n padding-top: 151px;\n }\n}\n@media (min-width: 1200px) {\n .advantages__item {\n padding: 151px 0 57px;\n }\n}\n.advantages__description {\n margin: 0;\n}\n.life-example {\n background-color: #EAEAEA;\n padding: 25px 20px 40px;\n}\n@media (min-width: 768px) {\n .life-example {\n padding: 45px 30px 101px;\n background-color: #FFFFFF;\n }\n}\n@media (min-width: 1200px) {\n .life-example {\n padding: 0 0 75px;\n }\n}\n@media (min-width: 1200px) {\n .life-example__wrapper {\n width: 405px;\n }\n}\n.life-example__title {\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-size: 36px;\n line-height: 40px;\n color: #000000;\n padding-bottom: 40px;\n margin: 0;\n}\n.life-example__description {\n padding-bottom: 20px;\n margin: 0;\n}\n.life-example__chars-list {\n padding: 0;\n margin: 0;\n list-style: none;\n display: flex;\n justify-content: space-between;\n}\n@media (min-width: 1200px) {\n .life-example__chars-list {\n justify-content: flex-start;\n gap: 42px;\n }\n}\n.life-example__item {\n position: relative;\n padding-bottom: 34px;\n}\n.life-example__item-title {\n font-family: \"Oswald\", sans-serif;\n font-size: 24px;\n line-height: 24px;\n color: #000000;\n text-transform: uppercase;\n margin: 0;\n width: 124px;\n border: 1px solid #CDCDCD;\n border-radius: 3px;\n text-align: center;\n padding: 14.5px 0 14.5px;\n}\n.life-example__item-description {\n font-size: 12px;\n line-height: 12px;\n text-align: center;\n background-color: #EAEAEA;\n position: absolute;\n left: 18px;\n top: 34px;\n min-width: 90px;\n}\n.life-example__price {\n font-family: \"Oswald\", sans-serif;\n line-height: 20px;\n text-align: center;\n text-transform: uppercase;\n color: #000000;\n padding-bottom: 20px;\n margin: 0;\n}\n@media (min-width: 1200px) {\n .life-example__price {\n text-align: left;\n }\n}\n.cooperation {\n position: relative;\n}\n.cooperation__wrapper {\n display: flex;\n padding: 26px 20px;\n background-color: #F2F2F2;\n}\n.cooperation__wrapper--main {\n background-color: #FFFFFF;\n}\n@media (min-width: 768px) {\n .cooperation__wrapper {\n justify-content: space-between;\n }\n}\n@media (min-width: 1200px) {\n .cooperation__wrapper {\n position: absolute;\n top: 95px;\n left: 110px;\n width: 565px;\n box-sizing: border-box;\n padding: 60px 80px;\n }\n}\n.cooperation__title {\n font-family: \"Oswald\", sans-serif;\n font-size: 16px;\n line-height: 20px;\n text-transform: uppercase;\n color: #111111;\n margin: 0;\n max-width: 140px;\n}\n.cooperation__description {\n margin: 0;\n line-height: 20px;\n}\n@media (min-width: 768px) {\n .cooperation__description {\n text-align: right;\n }\n}\n.cooperation__map {\n display: block;\n width: 100%;\n}\n.main-footer {\n display: flex;\n flex-direction: column;\n background-color: #F2F2F2;\n padding: 40px 20px;\n width: 320px;\n margin: 0 auto;\n box-sizing: border-box;\n}\n@media (min-width: 768px) {\n .main-footer {\n width: 768px;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}\n@media (min-width: 1200px) {\n .main-footer {\n width: 1440px;\n padding: 66px 110px;\n }\n}\n.main-footer__logo {\n text-align: center;\n padding-bottom: 20px;\n border-bottom: 1px solid #D9D9D9;\n}\n@media (min-width: 768px) {\n .main-footer__logo {\n padding-bottom: 0;\n border: none;\n }\n}\n.main-footer__social {\n display: flex;\n justify-content: center;\n padding: 20px 0;\n border-bottom: 1px solid #D9D9D9;\n}\n@media (min-width: 768px) {\n .main-footer__social {\n padding: 0;\n border: none;\n }\n}\n.main-footer__copyright {\n display: flex;\n padding-top: 20px;\n}\n@media (min-width: 768px) {\n .main-footer__copyright {\n padding-top: 0;\n border: none;\n }\n}\n.social__list {\n display: flex;\n gap: 24px;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.social__link {\n display: block;\n width: 28px;\n height: 22px;\n}\n.copyright__link {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.copyright__name {\n margin: 0;\n}\n.slider-range {\n position: relative;\n display: flex;\n justify-content: center;\n}\n.slider-range__item {\n display: flex;\n justify-content: center;\n text-align: center;\n width: 100%;\n max-width: 280px;\n}\n.slider-range__slide {\n width: 50%;\n overflow: hidden;\n}\n.slider-range__slide--before {\n text-align: right;\n}\n.slider-range__slide--after {\n text-align: left;\n transform: scale(-1, 1);\n}\n.slider-range__img {\n max-width: 280px;\n}\n.slider-range__img--after {\n transform: scale(-1, 1);\n}\n.catalog__title {\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 36px;\n line-height: 36px;\n margin: 0;\n padding: 27px 20px 40px;\n border-bottom: 1px solid #EBEBEB;\n color: #000000;\n}\n.catalog__list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n@media (min-width: 768px) {\n .catalog__list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n padding: 0 30px;\n }\n}\n@media (min-width: 1200px) {\n .catalog__list {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n row-gap: 63px;\n column-gap: 80px;\n }\n}\n.catalog__item {\n border-bottom: 1px solid #EBEBEB;\n}\n.card {\n padding: 20px 20px 25px;\n}\n@media (min-width: 768px) {\n .card {\n display: flex;\n flex-direction: column;\n background-color: #F2F2F2;\n }\n}\n.card__wrapper {\n display: flex;\n}\n@media (min-width: 768px) {\n .card__wrapper {\n flex-direction: column;\n align-items: center;\n }\n}\n.card__image {\n padding: 10.5px 36px;\n}\n.card__title {\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n color: #222222;\n margin: 0;\n text-transform: uppercase;\n padding-bottom: 14px;\n}\n.card__title--additional {\n padding: 58px 0 8px;\n color: #111111;\n text-align: center;\n}\n.card__description {\n padding-bottom: 25px;\n}\n.card__definition {\n font-size: 12px;\n line-height: 16px;\n}\n.card__definition-name {\n font-weight: 400;\n text-align: left;\n width: 70px;\n margin: 0;\n}\n.card__definition-name--additional {\n text-align: center;\n width: 100%;\n padding-bottom: 21px;\n}\n.card__definition-value {\n font-weight: 400;\n text-align: right;\n width: 70px;\n}\n.card__button-additional {\n width: 100%;\n border: 0;\n background-color: #F2F2F2;\n color: #444444;\n}\n.additional-goods {\n padding: 25px 20px 35px;\n}\n@media (min-width: 768px) {\n .additional-goods {\n padding: 70px 30px 70px;\n }\n}\n.additional-goods__title {\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-size: 24px;\n line-height: 24px;\n color: #000000;\n padding-bottom: 35px;\n border-bottom: 1px solid #CDCDCD;\n margin: 0;\n}\n.additional-goods__list {\n list-style: none;\n margin: 0;\n padding: 0 0 35px;\n}\n.additional-goods__item {\n padding: 13px 0 19px;\n border-bottom: 1px solid #CDCDCD;\n}\n@media (min-width: 768px) {\n .additional-goods__item {\n border-left: 1px solid #CDCDCD;\n border-right: 1px solid #CDCDCD;\n }\n}\n@media (min-width: 768px) {\n .additional-goods-card {\n display: flex;\n flex-direction: column;\n padding: 0 38px;\n }\n}\n.additional-goods-card__title {\n margin: 0;\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-size: 16px;\n line-height: 16px;\n text-transform: uppercase;\n padding-bottom: 13px;\n}\n.additional-goods-card__description {\n display: flex;\n justify-content: space-between;\n padding-bottom: 15px;\n}\n.additional-goods-card__description-name,\n.additional-goods-card__description-price {\n margin: 0;\n}\n.additional-goods__present {\n background-image: url(../../img/background-additional-goods-resent.png);\n background-repeat: no-repeat;\n background-size: auto;\n padding: 189px 61px 43px 58px;\n font-size: 16px;\n line-height: 20px;\n color: #FFFFFF;\n margin: 0;\n text-align: center;\n}\n@media (min-width: 768px) {\n .additional-goods__present {\n background-image: url(../../img/background-additional-goods-present-tablet.png);\n background-repeat: no-repeat;\n background-size: auto;\n padding: 71px 125px 69px 421px;\n }\n}\n.program-selection__title {\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 36px;\n line-height: 36px;\n margin: 0;\n color: #000000;\n padding: 27px 20px 37px;\n}\n@media (min-width: 768px) {\n .program-selection__title {\n padding: 65px 70px 64px;\n }\n}\n@media (min-width: 1200px) {\n .program-selection__title {\n padding: 74px 110px 55px;\n }\n}\n.program-selection__description {\n font-family: \"Oswald\", sans-serif;\n font-size: 14px;\n line-height: 18px;\n text-transform: uppercase;\n color: #000000;\n margin: 0;\n padding: 0 20px 39px;\n}\n@media (min-width: 768px) {\n .program-selection__description {\n padding: 0 70px 66px;\n }\n}\n@media (min-width: 1200px) {\n .program-selection__description {\n padding-left: 110px;\n padding-right: 110px;\n }\n}\n.form {\n display: flex;\n flex-direction: column;\n}\n.form__description {\n padding-bottom: 10px;\n border-bottom: 1px solid #D9D9D9;\n}\n@media (min-width: 768px) {\n .form__description {\n border: none;\n padding-bottom: 52px;\n }\n}\n.form__input {\n display: flex;\n align-items: center;\n gap: 13px;\n margin: 0;\n padding: 0 20px 14px;\n font-family: \"Oswald\", sans-serif;\n font-size: 16px;\n line-height: 18px;\n}\n@media (min-width: 768px) {\n .form__input {\n padding: 0 70px 20px;\n }\n}\n@media (min-width: 1200px) {\n .form__input {\n padding: 0 110px 20px;\n }\n}\n.form__input-name,\n.form__input-value {\n font-family: \"Oswald\";\n font-size: 16px;\n line-height: 18px;\n text-transform: uppercase;\n white-space: nowrap;\n overflow-wrap: break-word;\n}\n.form__input-value {\n width: 100%;\n padding: 14px 15px 13px;\n color: #444444;\n border: 1px solid #E7E7E7;\n}\n.form__control {\n border-bottom: 1px solid #E7E7E7;\n}\n@media (min-width: 768px) {\n .form__control {\n border: none;\n }\n}\n@media (min-width: 1200px) {\n .form__control {\n border: none;\n }\n}\n.form__title {\n font-family: \"Oswald\";\n font-weight: 400;\n font-style: normal;\n font-size: 24px;\n line-height: 26px;\n margin: 0;\n padding: 26px 20px 35px;\n color: #000000;\n}\n@media (min-width: 768px) {\n .form__title {\n padding: 0 70px 76px;\n }\n}\n@media (min-width: 1200px) {\n .form__title {\n padding-left: 110px;\n padding-right: 110px;\n }\n}\n.form__title--comment {\n padding-bottom: 38px;\n}\n@media (min-width: 768px) {\n .form__title--comment {\n padding-bottom: 87px;\n }\n}\n@media (min-width: 1200px) {\n .form__title--comment {\n padding-bottom: 78px;\n }\n}\n.form__title--additional {\n padding-bottom: 34px;\n}\n@media (min-width: 768px) {\n .form__title--additional {\n padding-bottom: 57px;\n }\n}\n.form__textarea {\n padding: 0 20px;\n margin: 0;\n}\n@media (min-width: 768px) {\n .form__textarea {\n padding: 0 70px;\n }\n}\n@media (min-width: 1200px) {\n .form__textarea {\n padding: 0 110px;\n }\n}\n.form__textarea-discription {\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-style: normal;\n font-size: 16px;\n line-height: 18px;\n color: #444444;\n text-transform: uppercase;\n padding: 14px;\n padding-left: 15px;\n box-sizing: border-box;\n width: 100%;\n min-height: 150px;\n border: 1px solid #E7E7E7;\n}\n.form__submit {\n border: none;\n box-sizing: border-box;\n margin: 0 20px;\n}\n.form__legend {\n font-size: 14px;\n line-height: 16px;\n text-align: center;\n color: #000000;\n padding: 21px 20px 32px;\n}\n.control {\n padding-top: 22px;\n padding-bottom: 6px;\n}\n@media (min-width: 768px) {\n .control {\n padding: 0 70px 65px;\n }\n}\n@media (min-width: 1200px) {\n .control {\n padding: 0 110px 65px;\n }\n}\n.control__list {\n list-style: none;\n margin: 0;\n padding: 0 20px;\n}\n@media (min-width: 768px) {\n .control__list {\n border: 1px solid #CDCDCD;\n padding: 23px 0 14px;\n }\n}\n@media (min-width: 1200px) {\n .control__list {\n border: 1px solid #CDCDCD;\n }\n}\n@media (min-width: 768px) {\n .control__list--not-mobile {\n display: grid;\n grid-template-columns: 1fr 1fr;\n row-gap: 32px;\n column-gap: 123px;\n border: none;\n }\n}\n.control__item {\n padding-bottom: 13px;\n}\n.control__label {\n font-family: \"Oswald\", sans-serif;\n font-size: 16px;\n line-height: 18px;\n text-transform: uppercase;\n padding-left: 45px;\n}\n.control__label-input {\n margin: 0;\n}\n",".visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: 0;\n padding: 0;\n white-space: nowrap;\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n}\n",".page {\n height: 100%;\n background-color: #E5E5E5;\n}\n\n.page__body {\n display: flex;\n flex-direction: column;\n min-height: 100%;\n margin: 0 auto;\n font-family: \"Lato\", sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n}\n",".button {\n display: inline-block;\n font-family: @oswald;\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n text-align: center;\n color: #FFFFFF;\n background-color: #68B738;\n text-decoration: none;\n text-transform: uppercase;\n margin: 0;\n padding: 10px 63.5px;\n}\n",".main-header {\n font-family: @oswald;\n font-style: normal;\n font-weight: 400;\n font-size: 20px;\n line-height: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 13px 20px 15px;\n background-color: #FFFFFF;\n width: 320px;\n box-sizing: border-box;\n margin: 0 auto;\n\n &--secondary {\n border-bottom: 1px solid #D9D9D9;\n }\n\n @media (min-width: @tablet-width) {\n width: 768px;\n padding: 25px 30px 0;\n }\n\n @media (min-width: @desktop-width) {\n width: 1440px;\n padding: 55px 110px 0;\n }\n}\n\n.main-header__logo {\n display: flex;\n align-items: center;\n gap: 56px;\n}\n",".main-nav {\n position: relative;\n\n @media (min-width: @tablet-width) {\n width: 436px;\n }\n\n @media (min-width: @desktop-width) {\n width: 475px;\n }\n}\n\n.main-nav__toggle {\n min-width: 24px;\n min-height: 24px;\n background-image: url(\"../../img/nav-open.svg\");\n background-repeat: no-repeat;\n background-color: transparent;\n border: none;\n\n @media (min-width: @tablet-width) {\n display: none;\n }\n}\n\n.main-nav__wrapper {\n position: absolute;\n width: 320px;\n background-color: #FFFFFF;\n top: 45px;\n right: -20px;\n\n &--mobile-open {\n display: block;\n }\n\n &--mobile-close {\n display: none;\n }\n\n @media (min-width: @tablet-width) {\n position: relative;\n width: 100%;\n top: 0;\n right: 0;\n }\n}\n\n.main-nav__list {\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: center;\n\n @media (min-width: @tablet-width) {\n display: flex;\n justify-content: space-between;\n gap: 33px;\n }\n}\n\n.main-nav__item {\n padding: 22px 20px 24px;\n border-top: 1px solid #E6E6E6;\n border-bottom: 1px solid #E6E6E6;\n\n @media (min-width: @tablet-width) {\n border: none;\n }\n}\n\n.main-nav__link {\n font-family: @oswald;\n font-weight: 400;\n color: #000000;\n font-size: 20px;\n line-height: 20px;\n text-decoration: none;\n text-transform: uppercase;\n}\n",".main-container {\n flex-grow: 1;\n background-color: #FFFFFF;\n width: 320px;\n margin: 0 auto;\n box-sizing: border-box;\n\n @media (min-width: @tablet-width) {\n width: 768px;\n }\n\n @media (min-width: @desktop-width) {\n width: 1440px;\n }\n}\n",".programs__header {\n background-image: url(../../img/index-background.png);\n background-repeat: no-repeat;\n font-family: @oswald;\n font-weight: 400;\n padding: 27px 20px 20px;\n color: #FFFFFF;\n\n @media (min-width: @tablet-width) {\n background-image: none;\n color: #000000;\n padding: 65px 30px 0;\n }\n\n @media (min-width: @desktop-width) {\n padding: 110px 80px 266px;\n }\n}\n\n.programs__title {\n margin: 0;\n font-weight: 400;\n font-size: 36px;\n line-height: 36px;\n padding-bottom: 25px;\n text-align: center;\n\n @media (min-width: @tablet-width) {\n text-align: left;\n width: 314px;\n padding: 0 90px 40px;\n }\n}\n\n.programs__slogan {\n margin: 0;\n text-transform: uppercase;\n font-size: 14px;\n line-height: 14px;\n padding-bottom: 29px;\n text-align: center;\n\n @media (min-width: @tablet-width) {\n text-align: left;\n width: 314px;\n padding: 0 90px;\n }\n}\n\n.programs__img {\n padding-bottom: 3px;\n}\n\n@media (min-width: @tablet-width) {\n .programs__button {\n padding: 14px 26px;\n }\n}\n\n.programs__list {\n padding: 0 20px 20px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n\n @media (min-width: @tablet-width) {\n padding: 0 30px 45px;\n }\n\n @media (min-width: @desktop-width) {\n padding: 0 0 71px;\n flex-direction: row;\n gap: 80px;\n }\n}\n\n.programs__item {\n background-color: #F2F2F2;\n padding: 30px 20px 18px;\n\n @media (min-width: @tablet-width) {\n padding: 77px 53px 53px;\n }\n\n @media (min-width: @desktop-width) {\n padding: 77px 52px 55px;\n width: 100%;\n }\n}\n\n.programs__item-title {\n font-family: @oswald;\n font-weight: 400;\n font-size: 24px;\n line-height: 37px;\n text-transform: uppercase;\n color: #000000;\n margin: 0;\n padding: 0 0 29px 70px;\n\n @media (min-width: @tablet-width) {\n padding: 0 0 24px;\n }\n}\n\n.programs__item-description {\n margin: 0;\n padding-bottom: 23px;\n border-bottom: 1px solid #D9D9D9;\n\n @media (min-width: @tablet-width) {\n padding-bottom: 48px;\n border: none;\n width: 300px;\n }\n}\n\n.programs__item-link {\n display: block;\n font-family: @oswald;\n font-size: 16px;\n line-height: 16px;\n padding-top: 15px;\n color: #000000;\n text-transform: uppercase;\n text-decoration: none;\n}\n",".advantages {\n padding: 0 20px 49px;\n\n @media (min-width: @tablet-width) {\n padding: 0 30px 47px;\n }\n\n @media (min-width: @desktop-width) {\n padding: 0 0 69px;\n }\n}\n\n.advantages__title {\n margin: 0;\n font-family: @oswald;\n font-size: 36px;\n line-height: 40px;\n font-weight: 400;\n color: #000000;\n padding-bottom: 40px;\n}\n\n.advantages__list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n list-style: none;\n margin: 0;\n padding: 0;\n\n @media (min-width: @tablet-width) {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 10px;\n }\n\n @media (min-width: @desktop-width) {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n justify-content: space-between;\n gap: 10px;\n }\n}\n\n.advantages__item {\n padding-left: 80px;\n\n @media (min-width: @tablet-width) {\n padding-left: 0;\n padding-top: 151px;\n }\n\n @media (min-width: @desktop-width) {\n padding: 151px 0 57px;\n }\n}\n\n.advantages__description {\n margin: 0;\n}\n",".life-example {\n background-color: #EAEAEA;\n padding: 25px 20px 40px;\n\n @media (min-width: @tablet-width) {\n padding: 45px 30px 101px;\n background-color: #FFFFFF;\n }\n\n @media (min-width: @desktop-width) {\n padding: 0 0 75px;\n }\n}\n\n@media (min-width: @desktop-width) {\n .life-example__wrapper {\n width: 405px;\n }\n}\n\n.life-example__title {\n font-family: \"Oswald\", sans-serif;\n font-weight: 400;\n font-size: 36px;\n line-height: 40px;\n color: #000000;\n padding-bottom: 40px;\n margin: 0;\n}\n\n.life-example__description {\n padding-bottom: 20px;\n margin: 0;\n}\n\n.life-example__chars-list {\n padding: 0;\n margin: 0;\n list-style: none;\n display: flex;\n justify-content: space-between;\n\n @media (min-width: @desktop-width) {\n justify-content: flex-start;\n gap: 42px;\n }\n}\n\n.life-example__item {\n position: relative;\n padding-bottom: 34px;\n}\n\n.life-example__item-title {\n font-family: \"Oswald\", sans-serif;\n font-size: 24px;\n line-height: 24px;\n color: #000000;\n text-transform: uppercase;\n margin: 0;\n width: 124px;\n border: 1px solid #CDCDCD;\n border-radius: 3px;\n text-align: center;\n padding: 14.5px 0 14.5px;\n}\n\n.life-example__item-description {\n font-size: 12px;\n line-height: 12px;\n text-align: center;\n background-color: #EAEAEA;\n position: absolute;\n left: 18px;\n top: 34px;\n min-width: 90px;\n}\n\n.life-example__price {\n font-family: @oswald;\n line-height: 20px;\n text-align: center;\n text-transform: uppercase;\n color: #000000;\n padding-bottom: 20px;\n margin: 0;\n\n @media (min-width: @desktop-width) {\n text-align: left;\n }\n}\n",".cooperation {\n position: relative;\n}\n\n.cooperation__wrapper {\n display: flex;\n padding: 26px 20px;\n background-color: #F2F2F2;\n\n &--main {\n background-color: #FFFFFF;\n }\n\n @media (min-width: @tablet-width) {\n justify-content: space-between;\n }\n\n @media (min-width: @desktop-width) {\n position: absolute;\n top: 95px;\n left: 110px;\n width: 565px;\n box-sizing: border-box;\n padding: 60px 80px;\n }\n}\n\n.cooperation__title {\n font-family: @oswald;\n font-size: 16px;\n line-height: 20px;\n text-transform: uppercase;\n color: #111111;\n margin: 0;\n max-width: 140px;\n}\n\n.cooperation__description {\n margin: 0;\n line-height: 20px;\n\n @media (min-width: @tablet-width) {\n text-align: right;\n }\n}\n\n.cooperation__map {\n display: block;\n width: 100%;\n}\n",".main-footer {\n display: flex;\n flex-direction: column;\n background-color: #F2F2F2;\n padding: 40px 20px;\n width: 320px;\n margin: 0 auto;\n box-sizing: border-box;\n\n @media (min-width: @tablet-width) {\n width: @tablet-width;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n\n @media (min-width: @desktop-width) {\n width: 1440px;\n padding: 66px 110px;\n }\n}\n\n.main-footer__logo {\n text-align: center;\n padding-bottom: 20px;\n border-bottom: 1px solid #D9D9D9;\n\n @media (min-width: @tablet-width) {\n padding-bottom: 0;\n border: none;\n }\n}\n\n.main-footer__social {\n display: flex;\n justify-content: center;\n padding: 20px 0;\n border-bottom: 1px solid #D9D9D9;\n\n @media (min-width: @tablet-width) {\n padding: 0;\n border: none;\n }\n}\n\n.main-footer__copyright {\n display: flex;\n padding-top: 20px;\n\n @media (min-width: @tablet-width) {\n padding-top: 0;\n border: none;\n }\n}\n",".social__list {\n display: flex;\n gap: 24px;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.social__link {\n display: block;\n width: 28px;\n height: 22px;\n}\n",".copyright__link {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.copyright__name {\n margin: 0;\n}\n",".slider-range {\n position: relative;\n display: flex;\n justify-content: center;\n}\n\n.slider-range__item {\n display: flex;\n justify-content: center;\n text-align: center;\n width: 100%;\n max-width: 280px;\n}\n\n.slider-range__slide {\n width: 50%;\n overflow: hidden;\n\n &--before {\n text-align: right;\n }\n\n &--after {\n text-align: left;\n transform: scale(-1, 1);\n }\n}\n\n.slider-range__img {\n max-width: 280px;\n\n &--after {\n transform: scale(-1, 1);\n }\n}\n",".catalog__title {\n font-family: @oswald;\n font-weight: 400;\n font-style: normal;\n font-size: 36px;\n line-height: 36px;\n margin: 0;\n padding: 27px 20px 40px;\n border-bottom: 1px solid #EBEBEB;\n color: #000000;\n}\n\n.catalog__list {\n list-style: none;\n margin: 0;\n padding: 0;\n\n @media (min-width: @tablet-width) {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n padding: 0 30px;\n }\n\n @media (min-width: @desktop-width) {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n row-gap: 63px;\n column-gap: 80px;\n }\n}\n\n.catalog__item {\n border-bottom: 1px solid #EBEBEB;\n}\n",".card {\n padding: 20px 20px 25px;\n\n @media (min-width: @tablet-width) {\n display: flex;\n flex-direction: column;\n background-color: #F2F2F2;\n }\n}\n\n.card__wrapper {\n display: flex;\n\n @media (min-width: @tablet-width) {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\n.card__image {\n padding: 10.5px 36px;\n}\n\n.card__title {\n font-family: @oswald;\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n color: #222222;\n margin: 0;\n text-transform: uppercase;\n padding-bottom: 14px;\n\n &--additional {\n padding: 58px 0 8px;\n color: #111111;\n text-align: center;\n }\n}\n\n.card__description {\n padding-bottom: 25px;\n}\n\n.card__definition {\n font-size: 12px;\n line-height: 16px;\n}\n\n.card__definition-name {\n font-weight: 400;\n text-align: left;\n width: 70px;\n margin: 0;\n\n\n &--additional {\n text-align: center;\n width: 100%;\n padding-bottom: 21px;\n }\n}\n\n.card__definition-value {\n font-weight: 400;\n text-align: right;\n width: 70px;\n}\n\n.card__button-additional {\n width: 100%;\n border: 0;\n background-color: #F2F2F2;\n color: #444444;\n}\n\n",".additional-goods {\n padding: 25px 20px 35px;\n\n @media (min-width: @tablet-width) {\n padding: 70px 30px 70px;\n }\n}\n\n.additional-goods__title {\n font-family: @oswald;\n font-weight: 400;\n font-size: 24px;\n line-height: 24px;\n color: #000000;\n padding-bottom: 35px;\n border-bottom: 1px solid #CDCDCD;\n margin: 0;\n}\n\n.additional-goods__list {\n list-style: none;\n margin: 0;\n padding: 0 0 35px;\n}\n\n.additional-goods__item {\n padding: 13px 0 19px;\n border-bottom: 1px solid #CDCDCD;\n\n @media (min-width: @tablet-width) {\n border-left: 1px solid #CDCDCD;\n border-right: 1px solid #CDCDCD;\n }\n}\n\n@media (min-width: @tablet-width) {\n .additional-goods-card {\n display: flex;\n flex-direction: column;\n padding: 0 38px;\n }\n}\n\n.additional-goods-card__title {\n margin: 0;\n font-family: @oswald;\n font-weight: 400;\n font-size: 16px;\n line-height: 16px;\n text-transform: uppercase;\n padding-bottom: 13px;\n}\n\n.additional-goods-card__description {\n display: flex;\n justify-content: space-between;\n padding-bottom: 15px;\n}\n\n.additional-goods-card__description-name,\n.additional-goods-card__description-price {\n margin: 0;\n}\n\n.additional-goods__present {\n background-image: url(../../img/background-additional-goods-resent.png);\n background-repeat: no-repeat;\n background-size: auto;\n padding: 189px 61px 43px 58px;\n font-size: 16px;\n line-height: 20px;\n color: #FFFFFF;\n margin: 0;\n text-align: center;\n\n @media (min-width: @tablet-width) {\n background-image: url(../../img/background-additional-goods-present-tablet.png);\n background-repeat: no-repeat;\n background-size: auto;\n padding: 71px 125px 69px 421px;\n }\n}\n",".program-selection__title {\n font-family: @oswald;\n font-weight: 400;\n font-style: normal;\n font-size: 36px;\n line-height: 36px;\n margin: 0;\n color: #000000;\n padding: 27px 20px 37px;\n\n @media (min-width: @tablet-width) {\n padding: 65px 70px 64px;\n }\n\n @media (min-width: @desktop-width) {\n padding: 74px 110px 55px;\n }\n}\n\n.program-selection__description {\n font-family: @oswald;\n font-size: 14px;\n line-height: 18px;\n text-transform: uppercase;\n color: #000000;\n margin: 0;\n padding: 0 20px 39px;\n\n @media (min-width: @tablet-width) {\n padding: 0 70px 66px;\n }\n\n @media (min-width: @desktop-width) {\n padding-left: 110px;\n padding-right: 110px;\n }\n}\n",".form {\n display: flex;\n flex-direction: column;\n}\n\n.form__description {\n padding-bottom:10px;\n border-bottom: 1px solid #D9D9D9;\n\n @media (min-width: @tablet-width) {\n border: none;\n padding-bottom: 52px;\n }\n}\n\n.form__input {\n display: flex;\n align-items: center;\n gap: 13px;\n margin: 0;\n padding: 0 20px 14px;\n font-family: @oswald;\n font-size: 16px;\n line-height: 18px;\n\n @media (min-width: @tablet-width) {\n padding: 0 70px 20px;\n }\n\n @media (min-width: @desktop-width) {\n padding: 0 110px 20px;\n }\n}\n\n.form__input-name,\n.form__input-value {\n font-family: \"Oswald\";\n font-size: 16px;\n line-height: 18px;\n text-transform: uppercase;\n white-space: nowrap;\n overflow-wrap: break-word;\n}\n\n.form__input-value {\n width: 100%;\n padding: 14px 15px 13px;\n color: #444444;\n border: 1px solid #E7E7E7;\n}\n\n.form__control {\n border-bottom: 1px solid #E7E7E7;\n\n @media (min-width: @tablet-width) {\n border: none;\n }\n\n @media (min-width: @desktop-width) {\n border: none;\n }\n}\n\n.form__title {\n font-family: \"Oswald\";\n font-weight: 400;\n font-style: normal;\n font-size: 24px;\n line-height: 26px;\n margin: 0;\n padding: 26px 20px 35px;\n color: #000000;\n\n @media (min-width: @tablet-width) {\n padding: 0 70px 76px;\n }\n\n @media (min-width: @desktop-width) {\n padding-left: 110px;\n padding-right: 110px;\n }\n\n &--comment {\n padding-bottom: 38px;\n\n @media (min-width: @tablet-width) {\n padding-bottom: 87px;\n }\n\n @media (min-width: @desktop-width) {\n padding-bottom: 78px;\n }\n }\n\n &--additional {\n padding-bottom: 34px;\n\n @media (min-width: @tablet-width) {\n padding-bottom: 57px;\n }\n }\n}\n\n.form__textarea {\n padding: 0 20px;\n margin: 0;\n\n @media (min-width: @tablet-width) {\n padding: 0 70px;\n }\n\n @media (min-width: @desktop-width) {\n padding: 0 110px;\n }\n}\n\n.form__textarea-discription {\n font-family: @oswald;\n font-weight: 400;\n font-style: normal;\n font-size: 16px;\n line-height: 18px;\n color: #444444;\n text-transform: uppercase;\n padding: 14px;\n padding-left: 15px;\n box-sizing: border-box;\n width: 100%;\n min-height: 150px;\n border: 1px solid #E7E7E7;\n}\n\n.form__submit {\n border: none;\n box-sizing: border-box;\n margin: 0 20px;\n}\n\n.form__legend {\n font-size: 14px;\n line-height: 16px;\n text-align: center;\n color: #000000;\n padding: 21px 20px 32px;\n}\n",".control {\n padding-top: 22px;\n padding-bottom: 6px;\n\n @media (min-width: @tablet-width) {\n padding: 0 70px 65px;\n }\n\n @media (min-width: @desktop-width) {\n padding: 0 110px 65px;\n }\n}\n\n.control__list {\n list-style: none;\n margin: 0;\n padding: 0 20px;\n\n @media (min-width: @tablet-width) {\n border: 1px solid #CDCDCD;\n padding: 23px 0 14px;\n }\n\n @media (min-width: @desktop-width) {\n border: 1px solid #CDCDCD;\n }\n}\n\n@media (min-width: @tablet-width) {\n .control__list--not-mobile {\n display: grid;\n grid-template-columns: 1fr 1fr;\n row-gap: 32px;\n column-gap: 123px;\n border: none;\n }\n}\n\n.control__item {\n padding-bottom: 13px;\n}\n\n.control__label {\n font-family: @oswald;\n font-size: 16px;\n line-height: 18px;\n text-transform: uppercase;\n padding-left: 45px;\n}\n\n.control__label-input {\n margin: 0;\n}\n"]} \ No newline at end of file diff --git a/5/fonts/lato/Lato-Regular.woff b/5/fonts/lato/Lato-Regular.woff new file mode 100644 index 0000000..ae811a3 Binary files /dev/null and b/5/fonts/lato/Lato-Regular.woff differ diff --git a/5/fonts/lato/Lato-Regular.woff2 b/5/fonts/lato/Lato-Regular.woff2 new file mode 100644 index 0000000..0f5986d Binary files /dev/null and b/5/fonts/lato/Lato-Regular.woff2 differ diff --git a/5/fonts/oswald/oswaldmedium.woff b/5/fonts/oswald/oswaldmedium.woff new file mode 100644 index 0000000..0cd626f Binary files /dev/null and b/5/fonts/oswald/oswaldmedium.woff differ diff --git a/5/fonts/oswald/oswaldmedium.woff2 b/5/fonts/oswald/oswaldmedium.woff2 new file mode 100644 index 0000000..88675c1 Binary files /dev/null and b/5/fonts/oswald/oswaldmedium.woff2 differ diff --git a/5/fonts/oswald/oswaldregular.woff b/5/fonts/oswald/oswaldregular.woff new file mode 100644 index 0000000..cd000bb Binary files /dev/null and b/5/fonts/oswald/oswaldregular.woff differ diff --git a/5/fonts/oswald/oswaldregular.woff2 b/5/fonts/oswald/oswaldregular.woff2 new file mode 100644 index 0000000..9e89f32 Binary files /dev/null and b/5/fonts/oswald/oswaldregular.woff2 differ diff --git a/5/form.html b/5/form.html new file mode 100644 index 0000000..943496d --- /dev/null +++ b/5/form.html @@ -0,0 +1,195 @@ + + + + + + HTML Academy: Кэт энерджи + + + + +
+ + +
+ +
+
+
+

Подбор программы

+

Заполните анкету, и мы подберем
программу питания для вашего кота

+
+
+ +

+ + +

+

+ + +

+

+ + +

+
+
+
    + +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+
+

Контактные данные (владельца кота)

+

+ + +

+

+ + +

+
+
+

Комментарий

+

+ +

+
+
+

Дополнительно

+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+ + + * — Обязательные поля + +
+
+
+ +
+
+ +

Приглашаем к сотрудничеству дилеров!

+

+ ул. Большая
+ Конюшенная, д. 19/8
+ Санкт-Петербург +

+
+ +
+
+ + + + diff --git a/5/img/background-additional-goods-present-tablet.png b/5/img/background-additional-goods-present-tablet.png new file mode 100644 index 0000000..9981179 Binary files /dev/null and b/5/img/background-additional-goods-present-tablet.png differ diff --git a/5/img/background-additional-goods-resent.png b/5/img/background-additional-goods-resent.png new file mode 100644 index 0000000..04e31b7 Binary files /dev/null and b/5/img/background-additional-goods-resent.png differ diff --git a/5/img/cat-energy-pro-1000-buckwheat.png b/5/img/cat-energy-pro-1000-buckwheat.png new file mode 100644 index 0000000..94e0dbc Binary files /dev/null and b/5/img/cat-energy-pro-1000-buckwheat.png differ diff --git a/5/img/cat-energy-pro-1000-chiken.png b/5/img/cat-energy-pro-1000-chiken.png new file mode 100644 index 0000000..dc38d61 Binary files /dev/null and b/5/img/cat-energy-pro-1000-chiken.png differ diff --git a/5/img/cat-energy-pro-1000-fish.png b/5/img/cat-energy-pro-1000-fish.png new file mode 100644 index 0000000..2732f4e Binary files /dev/null and b/5/img/cat-energy-pro-1000-fish.png differ diff --git a/5/img/cat-energy-pro-500-buckwheat.png b/5/img/cat-energy-pro-500-buckwheat.png new file mode 100644 index 0000000..52422d2 Binary files /dev/null and b/5/img/cat-energy-pro-500-buckwheat.png differ diff --git a/5/img/cat-energy-pro-500-chiken.png b/5/img/cat-energy-pro-500-chiken.png new file mode 100644 index 0000000..af7428a Binary files /dev/null and b/5/img/cat-energy-pro-500-chiken.png differ diff --git a/5/img/cat-energy-pro-500-fish.png b/5/img/cat-energy-pro-500-fish.png new file mode 100644 index 0000000..9bca005 Binary files /dev/null and b/5/img/cat-energy-pro-500-fish.png differ diff --git a/5/img/cat-energy-pro-500-rice.png b/5/img/cat-energy-pro-500-rice.png new file mode 100644 index 0000000..5ad82ab Binary files /dev/null and b/5/img/cat-energy-pro-500-rice.png differ diff --git a/5/img/cat-mobile-after.png b/5/img/cat-mobile-after.png new file mode 100644 index 0000000..26a8d3e Binary files /dev/null and b/5/img/cat-mobile-after.png differ diff --git a/5/img/cat-mobile-before.png b/5/img/cat-mobile-before.png new file mode 100644 index 0000000..23426f0 Binary files /dev/null and b/5/img/cat-mobile-before.png differ diff --git a/5/img/htmlacademy.svg b/5/img/htmlacademy.svg new file mode 100644 index 0000000..0dc6839 --- /dev/null +++ b/5/img/htmlacademy.svg @@ -0,0 +1 @@ + diff --git a/5/img/index-background.png b/5/img/index-background.png new file mode 100644 index 0000000..ce446a8 Binary files /dev/null and b/5/img/index-background.png differ diff --git a/5/img/index-can.png b/5/img/index-can.png new file mode 100644 index 0000000..6f7738f Binary files /dev/null and b/5/img/index-can.png differ diff --git a/5/img/location.png b/5/img/location.png new file mode 100644 index 0000000..4fd1acb Binary files /dev/null and b/5/img/location.png differ diff --git a/5/img/logo.svg b/5/img/logo.svg new file mode 100644 index 0000000..273be9f --- /dev/null +++ b/5/img/logo.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/5/img/nav-open.svg b/5/img/nav-open.svg new file mode 100644 index 0000000..e60755b --- /dev/null +++ b/5/img/nav-open.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/5/img/site-name.svg b/5/img/site-name.svg new file mode 100644 index 0000000..02b1df9 --- /dev/null +++ b/5/img/site-name.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/5/index.html b/5/index.html new file mode 100644 index 0000000..150e2ab --- /dev/null +++ b/5/index.html @@ -0,0 +1,199 @@ + + + + + + HTML Academy: Кэт энерджи + + + + +
+ + +
+ +
+
+
+
+

Функциональное питание для котов

+

Занялся собой? Займись котом!

+ Фото упаковки здорового питания Cat Energy + Подобрать программу +
+
+
+

Похудение

+

+ Ваш кот весит больше собаки и почти утратил способность + лазить по деревьям? Пора на диету! Cat Energy Slim поможет + вашему питомцу сбросить лишний вес. +

+ Каталог SLIM +
+
+

Набор массы

+

+ Заработать авторитет среди дворовых котов и даже собак? + Серия Cat Energy Pro поможет вашему коту нарастить + необходимые мышцы! +

+ Каталог PRO +
+
+
+
+ +
+
+

Как это работает

+
    +
  • +

    + Функциональное питание
    + содержит только полезные
    + питательные вещества. +

    +
    • +
  • +

    + Выпускается в виде порошка,
    + который нужно лишь залить
    + кипятком и готово. +

    +
    • +
  • +

    + Замените один-два приема
    + обычной еды на наше
    + функциональное питание. +

    +
    • +
  • +

    + Уже через месяц наслаждайтесь
    + изменениями к лучшему
    + вашего питомца! +

    +
    • +
+
+
+ +
+
+

Живой пример

+

+ Борис сбросил 5 кг за 2 месяца, просто + заменив свой обычный корм на Cat Energy + Slim. Отличный результат без изнуряющих + тренировок! При этом он не менял своих + привычек и по-прежнему спит по 16 часов + в день. +

+
    +
  • +

    5 Кг

    +

    снижение
    веса

    +
    • +
  • +

    60 дней

    +

    затрачено
    времени

    +
    • +
+

Затраты на питание: 15 000 руб.

+
+
+
+
+ Кот до здорового питания +
+
+ Кот после здорового питания +
+
+
+
+ +
+
+ +

Приглашаем к сотрудничеству
дилеров!

+

+ ул. Большая
+ Конюшенная, д. 19/8
+ Санкт-Петербург +

+
+ +
+
+ + + +