Верстка дизайну Landing Page на Wordpress (WPBakery Page Builder)

Добрий день всім!

Для американської компанії Myle Technologies потрібно зробити верстку desktop та mobile версії вже існуючого дизайну.

Це буде Landing page, але вбудована в вже існуючий сайт ridemyle .com.

Існуючий сайт вже має плагін WPBakery Page Builder -потрібно 

Буде надан бекап сайту (БД, файли з хостингу).

Вимоги до верстки

• Верстка повина співпадати з дизайном в Figma на 100-99.9%. Якщо є якісь технічні проблеми з реалізацєю дизайну, це можна все обговорити. Дизайнер це наш штатний співробітник з україни і він допомже з усім, що потрібно будет для виконання поставленої задачі.
• Сайт повинен мати анімації як на сайті ridemyle com. Дизайнер також додатково зробив прототипи з анімаціями як приклад (лінки є в Figma файлі). Виконавець може реалізовувати анімації на свій розсуд, але вони повині бути логічними та бути подібними тим, що на сайті ridemyle com.
• Сайт повинен коректно відкриватись у всіх популярних браузерах (Google Chrome, Safari, Firefox, Edge, Opera).
• Сайт повинен відкриватись коректно на популярних ОС (Windows 7-11, MacOS, Android, IOS).
• Валідність: HTML-код повинен бути валідним згідно зі стандартами W3C, що забезпечить правильну інтерпретацію контенту браузерами та збільшить доступність сайту.
• Семантичність: HTML-код повинен бути написаний з увагою до семантики тегів, що дозволить краще розуміти контент браузерам та пошуковим системам.
• Адаптивність: HTML-код повинен бути написаний з увагою до адаптивності, що дозволить сайту правильно відображатися на будь-якому пристрої.
• Використання сучасних тегів: HTML-код повинен використовувати сучасні теги, такі як <article>, <header>, <nav>, тощо, для покращення доступності та семантики сайту.
• Коректне використання атрибутів: HTML-код повинен використовувати атрибути тегів належним чином, щоб забезпечити правильне відображення та інтерпретацію контенту.
• Сайт повинен відкриватись коректно на пристроях з шириною екранів починаючи з 320 px (Figma файл має варіант моб. версії як раз цього розміру) та закінчуючи 1920 px. Все ще більше 1920 px повино зберігати контейнер по центру та розшируюватии фон.
  Приклад про що йде мова 

Також повині бути враховані зауваження та примітки в Figma файлі. Ось скріни з коментарями з файлу, щоб історично зберігти їх в описі до преокту.

Виконавець повинен бути готовий до невеличких правок, але все буде в рамках Тз та первиних домовленостей. Якщо щось буде потрібно додатково реалізувати, то компанія доплатить виконавцю гроші (це також в особистих до початку співпраці проговоримо).

Дизайн

https://www.figma.com/file/LC7haMZkJMsejBkDjhEokG/Landing-Page---Myle-Rental-Car---Personal?type=design&node-id=1-270&t=WBzMu9ROgFbMTZTd-0

__

Якщо досвіт нашої співпраці буде позитивним, то в нас відкрита вакансія WP розробника на погодинно, щоб
підримувати вже існуючий сайт (оновлювати версію WP, плагінів, слідкувати за стабільною роботою сайту, оптимізація швидкості завантаження сайту у розумних рамкахх).