◈ VideoApplication

• SVG
• Sass
• Mixins
• Flexbox
• Variables
• Mask-image
• Pseudo-elements
• Absolute positioning

Live Demo

🦆 Game "Duck Hunting"

Реализация игры с использованием HTML и СSS-анимации

Адаптивный дизайн - применены относительные единицы измерения

Live Demo

---

◈ Website №3

Demo ▻

Верстка страницы по стандарту HTML5 и CSS3 (десктопная и мобильная версии)

Description:

• Работа с фоном
• Управление SVG с помощью CSS
• Подключение пакета шрифтов
• Добавление теней к тексту
• Работа с рамками в CSS3
• CSS3-трансформации
• CSS3-анимация
• Медиазапросы в CSS3
• Адаптивный дизайн
• Кроссбраузерность
• Препроцессор Sass

Макет страницы desktop

Макет страницы mobile

---

◈ Website №2

Demo ▻

Верстка страницы по стандарту HTML5 и CSS3 (только десктоп)

Description:

• Семантические элементы HTML5
• HTML-форма
• Добавление подсказок
• Фокусировка на элементе
• Добавление подсказок
• Проверка ошибок
• Оформление результатов проверки
• Проверка с помощью регулярных выражений
• Типы данных 'input'
• Подсказки ввода 'datalist'
• Индикатор выполнения 'progress'
• Воспроизведение видео
• СSS-анимация
• Кроссбраузерность
• Работа с Avocode

Макет страницы

---

◈ Website №1

Demo ▻

Десктопная, планшетная и мобильная верстка двух страниц сайта

Description:

• Абсолютное позиционирование
• Flexbox
• Работа с фонами и градиентом
• Подключение шрифтов
• Адаптивная вёрстка
• Использование SVG
• Оптимизация изображений
• Подключение Google Map
• Препроцессоры
• Кроссбраузерность
• Медиа-запросы
• Работа с Figma

Макет сайта в формате Figma

---