You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Adding "new" functional, structural description for this proj (what/how).
Worth noting:
- that this is a realization of the "Lagoona" web page.
core: B-2 / WL-BL
Copy file name to clipboardExpand all lines: core-courses/2-web-layout-basic-level/11_Advanced_CSS_Part_2/11_11_Practical_Work_11_Advanced_CSS/README.md
+22-12Lines changed: 22 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,28 +2,36 @@
2
2
3
3
### Описание проекта
4
4
5
-
**Lagoona** — это проект/сайт, созданный в рамках изучения продвинутых возможностей CSS. Проект ориентирован на практическое применение CSS Flexbox, анимаций/состояний и адаптивной вёрстки.
5
+
Проект **Lagoona** — это учебный сайт, выполненный в рамках четырёх практических работ, направленных на изучение продвинутых возможностей CSS.
6
6
7
7
[🔗 Демо-версия на GitHub Pages](https://matowdev.github.io/fullstack-js-by-skillbox/core-courses/2-web-layout-basic-level/11_Advanced_CSS_Part_2/11_11_Practical_Work_11_Advanced_CSS/)
8
8
9
9
---
10
10
11
11
### Функциональность
12
12
13
-
-**Гибкий макет** (адаптивная вёрстка для ряда разрешений).
14
-
-**Использование CSS Flexbox** (для удобного расположения элементов на странице).
15
-
-**Продвинутые стилистические решения** (работа с градиентами, фильтрами и состояниями).
13
+
-**Гибкая адаптивная сетка** (использование `nth-child` и Flexbox для позиционирования элементов).
14
+
-**Анимации состояний** (:hover, :focus, :active для интерактивных элементов).
15
+
-**Позиционирование элементов** (использование `position: absolute` для скрытых слоёв).
16
+
-**Форма с валидацией** (обязательные поля и корректная отправка данных).
17
+
-**Работа с `background` и `nth-child`** (стилистическая обработка элементов).
18
+
19
+
---
20
+
21
+
### Внешний вид
22
+
23
+
![Lagoona]()
16
24
17
25
---
18
26
19
27
### Используемые технологии
20
28
21
-
В данном проекте **не использовались** сторонние библиотеки.
29
+
Проект выполнен **на чистом HTML и CSS**, без сторонних библиотек.
22
30
23
-
-**HTML, CSS** – основа структуры и стилизации проекта.
24
-
-**CSS Flexbox** – построение адаптивного макета.
25
-
-**Анимации и переходы** – плавные эффекты взаимодействия.
26
-
-**Медиазапросы** – адаптация для разных экранов.
31
+
-**HTML, CSS** – базовые технологии.
32
+
-**CSS Flexbox** – организация сетки и элементов.
33
+
-**Медиазапросы** – адаптивная верстка.
34
+
-**Анимации и псевдоэлементы** – улучшение взаимодействия с интерфейсом.
27
35
28
36
---
29
37
@@ -39,18 +47,20 @@ project-root/
39
47
40
48
---
41
49
42
-
### Основные файлы и их назначение
50
+
### Основные файлы
43
51
44
52
#### `index.html`
45
53
46
-
- Разметка страницы с использованием семантических тегов.
54
+
- Семантическая HTML-разметка страницы.
55
+
- Вставка интерактивных элементов.
47
56
48
57
#### `style.css`
49
58
50
59
- Основные стили проекта, включая адаптивность и анимации.
Проект **Lagoona**дал возможность закрепить навыки вёрстки с использованием современных CSS-инструментов (как Flexbox), а также продемонстрировал умение работать с адаптивным дизайном и дополнительными стилистическими эффектами.
66
+
Проект **Lagoona**объединил в себе несколько ключевых аспектов современной верстки: CSSFlexbox, адаптивные сетки, анимации, псевдоклассы и интерактивные элементы. Итоговая версия сайта демонстрирует умение работать с CSS и применять полученные знания на практике.
0 commit comments