- Створити папку для проекту під назвою
genius-homework-3. - Абсолютно спозиціонувати елементи, де це потрібно (декоративні зірочки в секції "Про нас" і фонове зображення у підвалі).
- Додати CSS-переходи до інтерактивних елементів (посилань, кнопок, полей вводу, тд). Час переходи встановити
0.2s. - Додати анімацію за допомогою директиви
@keyframesдо декоративних зірочок в секції "Про нас". Анімацію створити на власний смак, як варіант - одночасне обертання і зміна масштабу. - Створити модальне вікно і додати функціонал його роботи, попередньо підключивши файл
modal.js. - Виконати розмітку форми із полями вводу у модальному вікні і секції "Як нас знайти".
- Додати валідацію до полей вводу:
- кожне поле є обовʼязковим
- імʼя та прізвище складається із двох слів
- номер телефону має формат
+380ХХХХХХХХХ - пошта має традиційний формат через
@