diff --git a/src/layouts/task.njk b/src/layouts/task.njk
index 01dfff8..8a2fbcf 100644
--- a/src/layouts/task.njk
+++ b/src/layouts/task.njk
@@ -110,7 +110,7 @@
               </ul>
             </div>
           {% endif %}
-          {% if articles %}
+          {% if articles.length %}
             <div class="layout-content">
               <h2 class="layout-content__caption">Полезные материалы:</h2>
               <ul class="list-reset layout-content__articles">
diff --git a/src/projects/F&B/img/cover.jpg b/src/projects/F&B/img/cover.jpg
new file mode 100644
index 0000000..61d3c7b
Binary files /dev/null and b/src/projects/F&B/img/cover.jpg differ
diff --git a/src/projects/F&B/img/cover_2x.jpg b/src/projects/F&B/img/cover_2x.jpg
new file mode 100644
index 0000000..50e89c3
Binary files /dev/null and b/src/projects/F&B/img/cover_2x.jpg differ
diff --git a/src/projects/F&B/img/inner-image.jpg b/src/projects/F&B/img/inner-image.jpg
new file mode 100644
index 0000000..8bdcc38
Binary files /dev/null and b/src/projects/F&B/img/inner-image.jpg differ
diff --git a/src/projects/F&B/img/inner-image_2x.jpg b/src/projects/F&B/img/inner-image_2x.jpg
new file mode 100644
index 0000000..89fa4fe
Binary files /dev/null and b/src/projects/F&B/img/inner-image_2x.jpg differ
diff --git a/src/projects/F&B/img/main-page-image.jpg b/src/projects/F&B/img/main-page-image.jpg
new file mode 100644
index 0000000..941aff5
Binary files /dev/null and b/src/projects/F&B/img/main-page-image.jpg differ
diff --git a/src/projects/F&B/img/main-page-image_2x.jpg b/src/projects/F&B/img/main-page-image_2x.jpg
new file mode 100644
index 0000000..16e1b79
Binary files /dev/null and b/src/projects/F&B/img/main-page-image_2x.jpg differ
diff --git a/src/projects/F&B/img/social-cover.jpg b/src/projects/F&B/img/social-cover.jpg
new file mode 100644
index 0000000..c07649a
Binary files /dev/null and b/src/projects/F&B/img/social-cover.jpg differ
diff --git a/src/projects/F&B/index.md b/src/projects/F&B/index.md
new file mode 100644
index 0000000..f0de37a
--- /dev/null
+++ b/src/projects/F&B/index.md
@@ -0,0 +1,27 @@
+---
+date: 2024-01-19
+title: "F&B"
+description: "Коллекция природных артефактов"
+cover: "img/cover.jpg"
+cover2x: "img/cover_2x.jpg"
+mainPageImage: "img/main-page-image.jpg"
+mainPageImage2x: "img/main-page-image_2x.jpg"
+image: "img/inner-image.jpg"
+image2x: "img/inner-image_2x.jpg"
+author: ""
+levels:
+  - easy
+figmaLink: "https://www.figma.com/file/fG61Ja1ye0jtkKbuvt9OR0/%D0%9A%D0%BE%D0%BB%D0%BB%D0%B5%D0%BA%D1%86%D0%B8%D1%8F-%D0%BF%D1%80%D0%B8%D1%80%D0%BE%D0%B4%D0%BD%D1%8B%D1%85-%D0%B0%D1%80%D1%82%D0%B5%D1%84%D0%B0%D0%BA%D1%82%D0%BE%D0%B2?type=design&node-id=0%3A1&mode=design&t=eiPphBBbc5LSCPAZ-1"
+previewLink: ""
+previewAuthor: ""
+skills: [
+  "Сетка (flex или grid)", "Декоративные элементы", "Псевдоэлементы"
+]
+props: [
+  'Одностраничный', 'С адаптивом'
+]
+articles: ""
+easyText: ''
+language: "ru"
+layout: "project.njk"
+---
diff --git a/src/projects/afisha/img/cover.jpg b/src/projects/afisha/img/cover.jpg
new file mode 100644
index 0000000..1b59c6f
Binary files /dev/null and b/src/projects/afisha/img/cover.jpg differ
diff --git a/src/projects/afisha/img/cover_2x.jpg b/src/projects/afisha/img/cover_2x.jpg
new file mode 100644
index 0000000..8345092
Binary files /dev/null and b/src/projects/afisha/img/cover_2x.jpg differ
diff --git a/src/projects/afisha/img/inner-image.jpg b/src/projects/afisha/img/inner-image.jpg
new file mode 100644
index 0000000..4bf190d
Binary files /dev/null and b/src/projects/afisha/img/inner-image.jpg differ
diff --git a/src/projects/afisha/img/inner-image_2x.jpg b/src/projects/afisha/img/inner-image_2x.jpg
new file mode 100644
index 0000000..fc712c7
Binary files /dev/null and b/src/projects/afisha/img/inner-image_2x.jpg differ
diff --git a/src/projects/afisha/img/main-page-image.jpg b/src/projects/afisha/img/main-page-image.jpg
new file mode 100644
index 0000000..d6049d8
Binary files /dev/null and b/src/projects/afisha/img/main-page-image.jpg differ
diff --git a/src/projects/afisha/img/main-page-image_2x.jpg b/src/projects/afisha/img/main-page-image_2x.jpg
new file mode 100644
index 0000000..2459d87
Binary files /dev/null and b/src/projects/afisha/img/main-page-image_2x.jpg differ
diff --git a/src/projects/afisha/img/social-cover.jpg b/src/projects/afisha/img/social-cover.jpg
new file mode 100644
index 0000000..d5b62e1
Binary files /dev/null and b/src/projects/afisha/img/social-cover.jpg differ
diff --git a/src/projects/afisha/index.md b/src/projects/afisha/index.md
new file mode 100644
index 0000000..ad66729
--- /dev/null
+++ b/src/projects/afisha/index.md
@@ -0,0 +1,27 @@
+---
+date: 2024-01-19
+title: "Afisha"
+description: "Сайт-афиша театра"
+cover: "img/cover.jpg"
+cover2x: "img/cover_2x.jpg"
+mainPageImage: "img/main-page-image.jpg"
+mainPageImage2x: "img/main-page-image_2x.jpg"
+image: "img/inner-image.jpg"
+image2x: "img/inner-image_2x.jpg"
+author: ""
+levels:
+  - easy
+figmaLink: "https://www.figma.com/file/YGKmhpqqJtzxo4QHP1igUU/%D0%90%D1%84%D0%B8%D1%88%D0%B0?type=design&node-id=0%3A1&mode=design&t=TyAx5nXj4XEs3Ncx-1"
+previewLink: ""
+previewAuthor: ""
+skills: [
+  "Сетка (flex или grid)", "Анимация", "Элементы формы", "Декоративные элементы", "Псевдоэлементы"
+]
+props: [
+  'Одностраничный'
+]
+articles: ""
+easyText: ''
+language: "ru"
+layout: "project.njk"
+---
diff --git a/src/tasks/3d-hover-effekt/img/inner-image.jpg b/src/tasks/3d-hover-effekt/img/inner-image.jpg
new file mode 100644
index 0000000..7d6f855
Binary files /dev/null and b/src/tasks/3d-hover-effekt/img/inner-image.jpg differ
diff --git a/src/tasks/3d-hover-effekt/img/inner-image_2x.jpg b/src/tasks/3d-hover-effekt/img/inner-image_2x.jpg
new file mode 100644
index 0000000..f06f09c
Binary files /dev/null and b/src/tasks/3d-hover-effekt/img/inner-image_2x.jpg differ
diff --git a/src/tasks/3d-hover-effekt/img/social-cover.jpg b/src/tasks/3d-hover-effekt/img/social-cover.jpg
new file mode 100644
index 0000000..c298cb6
Binary files /dev/null and b/src/tasks/3d-hover-effekt/img/social-cover.jpg differ
diff --git a/src/tasks/3d-hover-effekt/img/task.png b/src/tasks/3d-hover-effekt/img/task.png
new file mode 100644
index 0000000..94b4e52
Binary files /dev/null and b/src/tasks/3d-hover-effekt/img/task.png differ
diff --git a/src/tasks/3d-hover-effekt/index.md b/src/tasks/3d-hover-effekt/index.md
new file mode 100644
index 0000000..e99d2d4
--- /dev/null
+++ b/src/tasks/3d-hover-effekt/index.md
@@ -0,0 +1,30 @@
+---
+date: 2024-01-19
+title: "3D ховер-эффект"
+description: "Задача на отработку 3D-анимации"
+image: "img/inner-image.jpg"
+image2x: "img/inner-image_2x.jpg"
+levels2:
+  - normal
+taskLink: "https://codepen.io/verstaem_online/pen/OJqmOaj"
+answerLink: "https://codepen.io/verstaem_online/pen/XWGRzyw"
+taskImage: ""
+taskVideo: "https://media.verstaem.online/tasks/3d-hover-effekt/task.mp4"
+skills: [
+  "CSS", "Transform"
+]
+props: [
+  'HTML', 'CSS'
+]
+articles: [
+  {
+    link: "https://doka.guide/css/transform/",
+    text: "Transform | Дока"
+  },
+]
+layout: "task.njk"
+---
+
+## Что конкретно нужно сделать?
+
+Ваша задача - с помощью только CSS-кода реализовать ховер-эффект как на видео.
diff --git a/src/tasks/raspolozhit-v-stroku/img/inner-image.jpg b/src/tasks/raspolozhit-v-stroku/img/inner-image.jpg
new file mode 100644
index 0000000..8b67777
Binary files /dev/null and b/src/tasks/raspolozhit-v-stroku/img/inner-image.jpg differ
diff --git a/src/tasks/raspolozhit-v-stroku/img/inner-image_2x.jpg b/src/tasks/raspolozhit-v-stroku/img/inner-image_2x.jpg
new file mode 100644
index 0000000..b54b31f
Binary files /dev/null and b/src/tasks/raspolozhit-v-stroku/img/inner-image_2x.jpg differ
diff --git a/src/tasks/raspolozhit-v-stroku/img/social-cover.jpg b/src/tasks/raspolozhit-v-stroku/img/social-cover.jpg
new file mode 100644
index 0000000..45d652d
Binary files /dev/null and b/src/tasks/raspolozhit-v-stroku/img/social-cover.jpg differ
diff --git a/src/tasks/raspolozhit-v-stroku/img/task.png b/src/tasks/raspolozhit-v-stroku/img/task.png
new file mode 100644
index 0000000..ed75e67
Binary files /dev/null and b/src/tasks/raspolozhit-v-stroku/img/task.png differ
diff --git a/src/tasks/raspolozhit-v-stroku/index.md b/src/tasks/raspolozhit-v-stroku/index.md
new file mode 100644
index 0000000..8eeb48b
--- /dev/null
+++ b/src/tasks/raspolozhit-v-stroku/index.md
@@ -0,0 +1,31 @@
+---
+date: 2024-01-19
+title: "Расположить в строку шестью способами"
+description: "Задача на отработку различных свойств по размещению элементов"
+image: "img/inner-image.jpg"
+image2x: "img/inner-image_2x.jpg"
+levels2:
+  - normal
+taskLink: "https://codepen.io/verstaem_online/pen/oNVWorx"
+answerLink: "https://codepen.io/verstaem_online/pen/PoLmOrJ"
+taskImage: "img/task.png"
+taskVideo: ""
+skills: [
+  "CSS", "Grid", "Flex"
+]
+props: [
+  'HTML', 'CSS'
+]
+articles: []
+layout: "task.njk"
+---
+
+## Что конкретно нужно сделать?
+
+Ваша задача - с помощью CSS расположить элементы в строку шестью способами.
+Дополнительные условия:
+1. у каждого блока должна быть обводка (бордер) толщиной 10 пикселей
+2. все блоки должны быть равны, и ширина их - 1\3 от ширины их родителя (родитель на всю ширину)
+3. между элементами не должно быть отступов
+4. HTML менять, конечно, нельзя. Так же нельзя использовать псевдоэлементы, абсолют, и инлайн, если использовался инлайн-блок
+5. Не должно быть JS