Верстка і анімація сайту
134 USDПотрібно зверстати і анімувати сайт для презентації іконок.
Макет і коментарі
https://www.figma.com/file/3INVg72sEGicEI0d2bm5aF/LiveIcons-v3?node-id=0%3A1
Анімуємо згідно прикладу один в один (швидкість\плавність анімації):
Відео-приклади тут: https://drive.google.com/drive/folders/1Fn5MmCpg_aRx6aOFjhLyDFw32XWoOKXv?usp=sharing
Ефект WebGL для home page: https://paveldogreat.github.io/WebGL-Fluid-Simulation/
Робимо на рух курсора + додати прозорість або зверху колір накласти згідно макету у фігмі.
Приклад реалізації: https://advanced.team/ Параметри Fluid-Simulation зроблені скріном у фігмі.
Іконки з позначкою "svg animation" зроблені в JSON форматі
Посилання на сорси в коментарях фігми. Анімуються при ховері.
Інструкція для підключення JSON-іконок:
https://github.com/airbnb/lottie-web
(в режимі ховер анімація іконок має відіграти до кінця, навіть якщо курсор був прибраний)
Всі інші іконки зберігаємо в png (2x для ретіни)
Відправку форми на стр. контакти і Newsletter у футері потрібно зробити через amazon aws. Зверніть увагу на валідацію.
Скрипт беремо тут:
https://drive.google.com/drive/folders/1s2ckq7YLbBDXgfGcMX-hTCw3GkcNlrCD?usp=sharing
Всі елементи потрібно верстати у відносних одиницях (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. (відповідність відступів, шрифтів, і т.д)
Потрібно використовувати щось типу цього:
https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi
Current freelance projects in the category HTML & CSS
Article in Wikipedia
40 USD
Professional article on Wikipedia about a photographic artist, describing his awards and distinctions, and more HTML & CSS ∙ 10 hours 11 minutes back ∙ 7 proposals |
Webflow developer for filling portfolio pages on the websiteA website custom-built on Webflow for a construction company needs to quickly fill project pages using one template (replace images and texts) For 2 languages Quantity - 6 pieces Ready to start asap, thank you! HTML & CSS, Web Programming ∙ 1 day 13 hours back ∙ 40 proposals |
Layout and setup of a WordPress site for a construction company (Premium segment) with a focus on SEOProject Description: We are looking for an experienced WordPress developer to implement and deploy a ready design layout from Figma onto the WordPress CMS. Important Project Context: This is not a website development from scratch. The company has an existing website, and we are… HTML & CSS, Web Programming ∙ 1 day 18 hours back ∙ 67 proposals |
Moved the website from OpenCart to the Khoroshop platformHello. There is a website on OpenCart, an online store. It is necessary to transfer the structure of the site to the GoodShop platform, select a design for the new site, and make it fully functional. HTML & CSS, Web Programming ∙ 2 days 14 hours back ∙ 35 proposals |
Need a strong WordPress / WooCommerce specialist for the refinement of the MARSPRO website.We are looking for a responsible freelancer or a small team for the quality completion and technical refinement of the MARSPRO company website. The website is already operational, but there are many minor and significant technical issues left by the previous developer. We need a… Content Management Systems, HTML & CSS ∙ 3 days 15 hours back ∙ 44 proposals |
Rovno