Сайт для іконок
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.
- Шрифт в бразуері може відрізнятися від макету. Тому на готову верстку потрібно накласти jpeg макету
і відрегулювати розміри при потребі.
- При перегляді фінального результату буду звертати увагу на всі дрібниці (шрифти, відступи, і т.д)
Current freelance projects in the category HTML & CSS
Admin panel extension: adding SEO service pagesThe website is developed on: Backend: Java + Spring Boot Database: MySQL Frontend: JavaScript, HTML, CSS Template Engine: Thymeleaf Server: VPS (Linux Ubuntu) Reverse Proxy: Apache2 Architecture: Monolithic application Currently, the website has implemented: A blog with… HTML & CSS, Databases & SQL ∙ 3 minutes back ∙ 2 proposals |
Setting up a fabric online store on WordPress + WooCommerce using the Astra template
330 USD
It is necessary to set up and prepare an online store for furniture fabrics for the Norwegian market. The domain, hosting, and WordPress are already installed: eximtextilnordiq.com The site should not be created from scratch and without custom programming, but on the ready-made… Content Management Systems, HTML & CSS ∙ 3 hours 24 minutes back ∙ 43 proposals |
Rib restaurant-pizzeria websiteThe client side — a dynamic menu with Firebase, categories with tabs, dish cards with photos and prices, support for two sizes (pizza 30/40 cm), responsive mobile design, a sidebar menu with contacts and location. The admin panel — authorization, management of categories and… HTML & CSS ∙ 7 hours 15 minutes back ∙ 67 proposals |
Need to make improvements on the Modx Evolution CMS 3.1.7 site.
22 USD
The design refinement and layout of the website are being developed, and these works will need to be implemented on the site.Also, some adjustments need to be implemented on the site. HTML & CSS, PHP ∙ 7 hours 55 minutes back ∙ 21 proposals |
Development of a Minecraft Java Seed Map / Seed Viewer for the websiteDevelopment of Minecraft Java Seed Map / Seed Viewer for the websiteProject Description A browser-based tool Minecraft Java Seed Map / Seed Viewer needs to be developed, which will work on our website and allow the user to enter a seed from Minecraft Java Edition and view an… C & C++, HTML & CSS ∙ 1 day back ∙ 13 proposals |
Rovno