Верстка і анімація сайту

HTML та CSS верстання, Веб-програмування — неправильно зазначені категорії?

6000 UAH

Потрібно зверстати і анімувати сайт для презентації іконок.

Макет і коментарі

Анімуємо згідно прикладу один в один (швидкість\плавність анімації):

Ефект WebGL для home page: https://paveldogreat.github.io/WebGL-Fluid-Simulation/

Робимо на рух курсора + додати прозорість або зверху колір накласти згідно макету у фігмі.

Приклад реалізації: https://advanced.team/ Параметри Fluid-Simulation зроблені скріном у фігмі.

Іконки з позначкою "svg animation" зроблені в JSON форматі

Посилання на сорси в коментарях фігми. Анімуються при ховері.

Інструкція для підключення JSON-іконок:

(в режимі ховер анімація іконок має відіграти до кінця, навіть якщо курсор був прибраний)

Всі інші іконки зберігаємо в png (2x для ретіни)

Відправку форми на стр. контакти і Newsletter у футері потрібно зробити через amazon aws. Зверніть увагу на валідацію.

Скрипт беремо тут:

Всі елементи потрібно верстати у відносних одиницях (vw\rem)

На вкладці Resolutions у фігмі показано як має адаптуватися шаблон від 1280 до 2450.

Мобільна версія і планшети на вкладці Mobile.

Фрейм FScreen (у фігмі) має займати 100% екрану на розширеннях від 1280 до 2450.

Картинка, заголовок і текст для SEO на вкладці Meta tag у фігмі.

Gogle pagespeed - в зеленій зоні.

Шрифт: https://drive.google.com/drive/folders/14eo_1S8wzBFSr_RQ5YgkGMn6ODzR3ViN?usp=sharing

ВАЖЛИВО(!) Верстайте будь-ласка Pixel Perfect. (відповідність відступів, шрифтів, і т.д)

Потрібно використовувати щось типу цього:

Актуальні фриланс-проєкти в категорії HTML та CSS верстання