diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..eb6ebce
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+ "githubPullRequests.ignoredPullRequestBranches": [
+ "master"
+ ]
+}
diff --git a/Readme.md b/Readme.md
index ad3da21..5bd9edc 100644
--- a/Readme.md
+++ b/Readme.md
@@ -1,7 +1,7 @@
# Личный проект «Кэт энерджи»
* Студент: [Елена Лисавина](https://up.htmlacademy.ru/adaptive-individual/2/user/2513057).
-* Наставник: `Неизвестно`.
+* Наставник: [Ярослав Шевцов].
---
diff --git a/source/catalog.html b/source/catalog.html
new file mode 100644
index 0000000..99e7127
--- /dev/null
+++ b/source/catalog.html
@@ -0,0 +1,368 @@
+
+
+
+
+
+ Каталог продукции
+
+
+
+ Дополнительные товары
+
+ Закажите все и получите чехол для кота в подарок!
+
+
+
+
Акции и новинки
+
Подпишитесь на наши новости и не пропустите ни одного предложения!
+
+
+
+
+
+
+
+
+
+
+
diff --git a/source/favicons/180.png b/source/favicons/180.png
new file mode 100644
index 0000000..7e243c9
Binary files /dev/null and b/source/favicons/180.png differ
diff --git a/source/favicons/192.png b/source/favicons/192.png
new file mode 100644
index 0000000..1613ef1
Binary files /dev/null and b/source/favicons/192.png differ
diff --git a/source/favicons/512.png b/source/favicons/512.png
new file mode 100644
index 0000000..e39e3fd
Binary files /dev/null and b/source/favicons/512.png differ
diff --git a/source/favicons/favicon.ico b/source/favicons/favicon.ico
new file mode 100644
index 0000000..e8a04dd
Binary files /dev/null and b/source/favicons/favicon.ico differ
diff --git a/source/favicons/favicon.svg b/source/favicons/favicon.svg
new file mode 100644
index 0000000..95af126
--- /dev/null
+++ b/source/favicons/favicon.svg
@@ -0,0 +1,3 @@
+
+
+ Функциональное питание для котов
+ Занялся собой? Займись котом!
+
+
+
+
+
+ Подобрать программу
+
+
+
+
+
Программа питания
+
+
+
+
+ Похудение
+
+
+ Ваш кот весит больше собаки и почти утратил способность лазить по деревьям? Пора на диету! Cat Energy Slim поможет вашему питомцу сбросить лишний вес.
+
+ Каталог Slim
+
+
+
+
+ Набор массы
+
+
+ Заработать авторитет среди дворовых котов и даже собак? Серия Cat Energy Pro поможет вашему коту нарастить необходимые мышцы!
+
+ Каталог Pro
+
+
+
+
+
+
+
Как это работает
+
+
+ Функциональное питание содержит только полезные питательные вещества.
+
+
+ Выпускается в виде порошка, который нужно лишь залить кипятком и готово.
+
+
+ Замените один-два приема обычной еды на наше функциональное питание.
+
+
+ Уже через месяц наслаждайтесь изменениями к лучшему; вашего питомца!
+
+
+
+
+
+
+
Живой пример
+
+ Борис сбросил 5 кг за 2 месяца, просто заменив свой обычный корм на Cat Energy Slim. Отличный результат без изнуряющих тренировок! При этом он не менял своих привычек и по-прежнему спит по 16 часов в день.
+
+
+
+ 5 кг
+ Снижение веса
+
+
+ 60 дней
+ Затрачено времени
+
+
+
+ Затраты на питание:
+ 15 000 руб.
+
+
+
+
+
+
+
+
+
+
+
+
+
Передвинуть ползунок
+
+
+
+
+
+
+
diff --git a/source/styles/blocks/actions.scss b/source/styles/blocks/actions.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/additional-products.scss b/source/styles/blocks/additional-products.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/advantages.scss b/source/styles/blocks/advantages.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/button.scss b/source/styles/blocks/button.scss
new file mode 100644
index 0000000..4cb715a
--- /dev/null
+++ b/source/styles/blocks/button.scss
@@ -0,0 +1,17 @@
+.button {
+ font-family: $secondary-font;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 20px;
+ transition-duration: none;
+}
+
+.button--succes {
+ background-color: $basic-green;
+ color: $white;
+}
+
+.button--ligth {
+ background-color: $bg-color;
+ color: $dark-grey;
+}
diff --git a/source/styles/blocks/card.scss b/source/styles/blocks/card.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/catalog.scss b/source/styles/blocks/catalog.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/contacts.scss b/source/styles/blocks/contacts.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/container.scss b/source/styles/blocks/container.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/example.scss b/source/styles/blocks/example.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/header.scss b/source/styles/blocks/header.scss
deleted file mode 100644
index 797f7c4..0000000
--- a/source/styles/blocks/header.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.header {
- background-color: #663399;
- color: #ffffff;
- padding: 10px 15px;
-}
diff --git a/source/styles/blocks/logotype.scss b/source/styles/blocks/logotype.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/main-container.scss b/source/styles/blocks/main-container.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/main-header.scss b/source/styles/blocks/main-header.scss
new file mode 100644
index 0000000..541989e
--- /dev/null
+++ b/source/styles/blocks/main-header.scss
@@ -0,0 +1,5 @@
+.main-header {
+ background-color: #ffffff;
+ color: #ffffff;
+ padding: 10px 15px;
+}
diff --git a/source/styles/blocks/main-nav.scss b/source/styles/blocks/main-nav.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/main-title.scss b/source/styles/blocks/main-title.scss
new file mode 100644
index 0000000..5e67084
--- /dev/null
+++ b/source/styles/blocks/main-title.scss
@@ -0,0 +1,7 @@
+.main-title {
+ font-family: $secondary-font;
+ font-size: 36px;
+ font-weight: 400;
+ line-height: 40px;
+ margin: 0;
+ }
diff --git a/source/styles/blocks/page-footer.scss b/source/styles/blocks/page-footer.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/page.scss b/source/styles/blocks/page.scss
new file mode 100644
index 0000000..030a5e4
--- /dev/null
+++ b/source/styles/blocks/page.scss
@@ -0,0 +1,5 @@
+.page{
+}
+
+.page__body{
+}
diff --git a/source/styles/blocks/program.scss b/source/styles/blocks/program.scss
new file mode 100644
index 0000000..3542bb0
--- /dev/null
+++ b/source/styles/blocks/program.scss
@@ -0,0 +1,13 @@
+.program__item-title {
+ font-family: $secondary-font;
+ font-size: 24px;
+ font-weight: 400;
+ line-height: 37px;
+}
+
+.program__item-button {
+ font-family: $secondary-font;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 16px;
+}
diff --git a/source/styles/blocks/promo.scss b/source/styles/blocks/promo.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/blocks/social.scss b/source/styles/blocks/social.scss
new file mode 100644
index 0000000..e69de29
diff --git a/source/styles/common/fonts.scss b/source/styles/common/fonts.scss
index 6bb897d..07535d2 100644
--- a/source/styles/common/fonts.scss
+++ b/source/styles/common/fonts.scss
@@ -1 +1,3 @@
/* здесь подключите шрифты */
+@include font-face ("Lato" ,400 ,normal ,url("../../fonts/lato/Lato-Regular.woff2") format(woff2) );
+@include font-face ("Oswald" ,400 ,normal ,url("../../fonts/oswald/oswaldregular.woff2") format(woff2));
diff --git a/source/styles/common/global.scss b/source/styles/common/global.scss
index ac721bd..de92d03 100644
--- a/source/styles/common/global.scss
+++ b/source/styles/common/global.scss
@@ -1 +1,19 @@
/* здесь используйте глобальные селекторы img, body, html и так далее */
+body {
+ margin: 0;
+ font-family: $primary-font;
+ font-size: 14px;
+ line-height: 18px;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+ object-fit: contain;
+}
diff --git a/source/styles/common/mixins.scss b/source/styles/common/mixins.scss
new file mode 100644
index 0000000..a27f520
--- /dev/null
+++ b/source/styles/common/mixins.scss
@@ -0,0 +1,9 @@
+@mixin font-face($font-family, $font-weight, $font-style, $font-src) {
+ @font-face {
+ font-family: $font-family;
+ font-weight: $font-weight;
+ font-style: $font-style;
+ src: $font-src;
+ font-display: swap;
+ }
+}
diff --git a/source/styles/common/scaffolding.scss b/source/styles/common/scaffolding.scss
new file mode 100644
index 0000000..432a938
--- /dev/null
+++ b/source/styles/common/scaffolding.scss
@@ -0,0 +1,10 @@
+.visually-hidden {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ border: 0;
+ clip: rect(0 0 0 0);
+ overflow: hidden;
+}
diff --git a/source/styles/common/variables.scss b/source/styles/common/variables.scss
index 8bcd34b..5729f98 100644
--- a/source/styles/common/variables.scss
+++ b/source/styles/common/variables.scss
@@ -1 +1,12 @@
/* здесь используйте глобальные переменные */
+$primary-font: "Lato", "Arial", "Helvetica", sans-serif;
+$secondary-font: "Oswald", "Arial", "Helvetica", sans-serif;
+$basic-green : #68b738;
+$dark-grey : #444444;
+$black : #000000;
+$white: #ffffff;
+$light-grey :#222222;
+$bg-color: #f2f2f2;
+$mobile-width: 320px;
+$tablet-width: 768px;
+$desktop-width: 1440px;
diff --git a/source/styles/styles.scss b/source/styles/styles.scss
index 7610188..6a54ae0 100644
--- a/source/styles/styles.scss
+++ b/source/styles/styles.scss
@@ -1,7 +1,27 @@
/* GLOBAL */
@import "./common/variables.scss";
-@import "./common/global.scss";
+@import "./common/mixins.scss";
@import "./common/fonts.scss";
+@import "./common/global.scss";
+@import "./common/scaffolding.scss";
/* BLOCKS */
-@import "./blocks/header.scss";
+@import "./blocks/page.scss";
+@import "./blocks/main-header.scss";
+@import "./blocks/main-title.scss";
+@import "./blocks/logotype.scss";
+@import "./blocks/main-nav.scss";
+@import "./blocks/main-container.scss";
+@import "./blocks/program.scss";
+@import "./blocks/advantages.scss";
+@import "./blocks/example.scss";
+@import "./blocks/page-footer.scss";
+@import "./blocks/contacts.scss";
+@import "./blocks/social.scss";
+@import "./blocks/catalog.scss";
+@import "./blocks/card.scss";
+@import "./blocks/promo.scss";
+@import "./blocks/additional-products.scss";
+@import "./blocks/button.scss";
+@import "./blocks/container.scss";
+@import "./blocks/actions.scss";