Сверстать блок div резиновый

https://www.figma.com/design/bSzGOmDb3scdsBgjR3hHLb/Robo?node-id=0-1&p=f https://robo.org.ua/index.php?route=product/product&path=145802278&product_id=237 Задача: редизайн страницы товара и отзывов на главной Сайт уже разработан и полностью работает. Дизайнер подготовил новый дизайн в Figma, который нужно реализовать на существующем сайте. Необходимо: верстать новый дизайн в соответствии с макетом; интегрировать его в текущий сайт; адаптировать страницы под мобильные устройства, планшеты и компьютеры; проверить корректную работу кнопок, форм, меню и других элементов; обеспечить максимально точное соответствие макету. Разрабатывать сайт с нуля не нужно — необходимо лишь выполнить редизайн и заменить текущее оформление на новое.

Необходимо, используя функционал, сделать - 1. визуализацию скидки на карточке товара: красиво отформатировать размещение оптовых цен от количества, а после выбора количества по оптовой цене нужно отобразить - текст типа "Вы экономите .....» на карточке товара и в корзине Пример как сейчас https://plusminus7.com.ua/index.php?route=product/product&product_id=7097 Переходим в корзину, также не видим, сколько было, сколько стало. Обычный маркетинг. - массовое редактирование скидок через экспорт/импорт файла (выгрузили → поправили → залили назад) Сейчас скидки от количества задаются непосредственно в карточках товаров на вкладке Скидка, для того чтобы была возможность редактировать массово, нужно сделать экспорт/импорт товаров в Excel Добавил скрины образцы, как мы примерно видим визуализацию оптовых цен Следующим этапом будет еще ТЗ с регулированием ценообразования и округления.

О проекте:Требуется создать продающий лендинг для авторского онлайн-интенсива на действующем корпоративном сайте юридической фирмы. Платформа сайта: WordPress. Ожидаемый URL страницы: сайт/online_intensive1. Дизайн и структура:Есть готовый прототип в виде чистого HTML/CSS кода (включает тексты, структуру, цветовую гамму, адаптивность и вертикальные видеоотзывы 9:16). Код будет передан исполнителю.Задача по дизайну:Взять этот код за основу, но не просто скопировать. Приветствуется доработка UX/UI, добавление аккуратных микроанимаций, теней, современных эффектов (фич), которые сделают страницу более привлекательной и продающей, сохраняя строгий корпоративный стиль.2. Интеграция с CMS (Редактируемость):Критически важно:Лендинг не должен висеть на сайте как «голый» HTML-код. Страницу необходимо собрать с помощью визуального конструктора (Elementor) или реализовать через гибкие поля (ACF).У заказчика должна быть возможность легко менять любые тексты, ссылки, тарифы и фотографии прямо из админ-панели WordPress без вмешательства в код.3. Технические требования и адаптивность:Полная адаптивность кроссбраузерной верстки: Desktop, Tablet, Mobile. Страница должна корректно отображаться на всех типах устройств (в том числе пропорции 3 вертикальных видеоотзывов).Высокая производительность:Обязательна базовая оптимизация скорости загрузки (Google PageSpeed). Изображения должны быть сжаты и конвертированы в формат WebP, скрипты и стили минифицированы.4. Форма обратной связи (Лидогенерация):На лендинге есть форма заявки (Имя, Телефон). Ее нужно сделать полностью рабочей.Все заявки должны моментально отправляться на корпоративный email: info@сайт.Необходимо настроить отправку через SMTP-сервер или использовать надежный плагин (WPForms / Contact Form 7), чтобы заявки гарантированно не попадали в папку «Спам».5. Мультиязычность:Текущий сайт подразумевает наличие трех языков (РУС, КАЗ, АНГЛ).В рамках проекта исполнитель должен настроить мультиязычность для нового лендинга (с помощью встроенного на сайте плагина).В процессе выполнения задачи заказчик предоставит готовые переводы текста на казахский и английский языки. Исполнитель должен создать и оформить эти дополнительные языковые версии страницы.6. Интеграция с главным сайтом:Настроить переход на лендинг с основного сайта.В главном меню (в хедере) действующего сайта salyk.net необходимо добавить новую кнопку или пункт меню (например, «Онлайн-интенсив»), которая будет вести на адрес /online_intensive.Дополнительно: сделать функцию переключения между языкамиrus/eng/kazв стиле сайта.

Вирус в настоящее время проник на сайт. Сайт не функционирует должным образом. В частности, главная страница работает некорректно. Нам нужен разработчик, который сможет исправить эту ошибку как можно скорее.

Есть сайт, который функционирует, нужно изменить структуру главного меню и создать несколько новых страниц (уже по тому шаблону, что есть, с тем же дизайном) Что есть: Структура меню: Главная О нас Услуги: йога с щенками, йога + звуковая ванна + церемония с какао, звуковая ванна, йога с ламами Подарочная карта Блог Контакты Что нужно сделать: 1. Изменить структуру меню на следующую: Главная О нас Еженедельные мероприятия Сезонные мероприятия Частные мероприятия Подарочная карта Блог Контакты 2. Создать новые страницы (каталог услуг) Еженедельные мероприятия Сезонные мероприятия (на этой странице сделать разделение Осень-Зима, Весна-Лето (или сделать пометки рядом с каждой карточкой продукта, когда он доступен) Частные мероприятия Эти страницы сделать на основе существующей страницы - то есть скопировать существующую страницу и привязать к ней страницы услуг, они должны отображаться там автоматически, если поставить галочку 3. Добавить следующие услуги на страницу еженедельных мероприятий: Йога с щенками Звуковая ванна 4. Добавить следующие услуги на страницу сезонных мероприятий: Звуковая ванна Bloom Frequency Йога с ламами Первый свет - Счастливый рассвет Церемония чая урожая и звуковая ванна Йога, церемония с какао и звуковая ванна Зимняя звуковая ванна при свечах Церемония с какао для установки намерений на Новый год и ароматерапия и звуковая ванна 5. Добавить услуги на страницу частных мероприятий: Частная йога с щенками в студии Частная йога с щенками на вашем месте Частная звуковая ванна для одного Частная групповая звуковая ванна Частные звуковые ванны и чайные церемонии для команд, лидеров и корпоративных мероприятий 6. Привязать календарь системы simplybookme к страницам: Первый свет - Счастливый рассвет Церемония чая урожая и звуковая ванна Зимняя звуковая ванна при свечах Церемония с какао для установки намерений на Новый год и ароматерапия и звуковая ванна Эта система бронирования уже настроена на сайте, нужно по такому же принципу, как и сейчас, привязать календарь к перечисленным страницам. 6.1. Добавить кнопку “в списке ожидания” на страницы: Первый свет - Счастливый рассвет Церемония чая урожая и звуковая ванна Зимняя звуковая ванна при свечах Церемония с какао для установки намерений на Новый год и ароматерапия и звуковая ванна После того как человек нажимает на кнопку - должна появиться форма, где человек оставляет свой email, имя и отправляет эту форму. С нашей стороны клиенту должно приходить письмо, что он попал в список ожидания, и нам должно приходить уведомление, что кто-то добавился в список ожидания. Через simplybook не получится, нужно, наверное, делать через формы shopify, или можете предложить другое решение