Адаптивная вёрстка – работа для фрилансеров в России

Сверстать: Корпоративный сайт. Платформа: WordPress. Макета нет. Пожелания и особенности: Мне нужна помощь в натяжке верстки(html css js) на cms Wordpress Помощь нужна в формате консультаций: рассказать какие подходы, что сейчас используется, плагины и тд У меня есть в это и минимальный опыт 4 года назад, но сейчас я специализируюсь на других технологиях и все забыл Особенно интересует часть с seo оптимизацией.

Сверстать: Карточка товара. Платформа: по рекомендации специалиста. Тип вёрстки: адаптивная. Есть макет.

Сверстать: Корпоративный сайт. Платформа: по рекомендации специалиста. Тип вёрстки: адаптивная. Есть макет.

Сверстать: лендинг. Платформа: HTML. Тип вёрстки: адаптивная. Есть макет. ...

Сверстать: лендинг. Платформа: HTML. Тип вёрстки: адаптивная. Есть макет. Пожелания и особенности: Необходима адаптивная верстка по БЭМ с флексбоксами и css переменными (для цветов, размеров шрифтов, отступов и т.д.) Вот тут референс для анимации https://alphatango.com Это макет: https://www.figma.com/file/P7GQy8ONKtoIDwveDkU623/Untitled?type=design&node-id=0%3A1&mode=design&t=q9pbpfsJj5TETmgq-1 Спасибо.

Сверстать: онлайн анкеты , аналог гугл формы. Платформа: HTML. Макета нет. Есть онлайн форма-анкета, аналог гугл формы, требуется сделать адаптивную вёрстку для всех мобильных и ПК.

Сверстать: интернет-магазин. Платформа: Javascript. Макета нет. Закинуть на гитхаб.

Сверстать: интернет-магазин. Платформа: HTML. Тип вёрстки: адаптивная. Есть макет. Нужно сделать верстку шаблона figma, чтобы полностью один в один повторялся дизайн: https://www.figma.com/file/69Paa4FawVg0A7PhOztN0E/%D0%92%D0%B8%D1%82%D1%80%D0%B8%D0%BD%D0%B0---%D0%A8%D0%B8%D1%80%D0%BE%D0%BA%D0%B8%D0%B9-%D0%BE%D0%BA%D0%BE%D0%BD%D1%87%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-%D0%B2%D0%B0%D1%80%D0%B8%D0%B0%D0%BD%D1%82?type=design&node-id=160-50&mode=design Дизайн выделенных элементов здесь: https://www.figma.com/file/63lKu5h98kNsKWVQPUxBjC/%D0%92%D0%B8%D1%82%D1%80%D0%B8%D0%BD%D0%B0---%D0%92%D1%8B%D0%B4%D0%B5%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F-%D0%BD%D0%B0-%D1%88%D0%B8%D1%80%D0%BE%D0%BA%D0%B8%D0%B9-%D0%BE%D0%BA%D0%BE%D0%BD%D1%87%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-%D0%B2%D0%B0%D1%80%D0%B8%D0%B0%D0%BD%D1%82?type=design&node-id=0-1&mode=design Особые пожелания: При нажатии кнопки Фильтр, чтобы открывалось модальное окно с прокруткой (его дизайн выше основного окна). Пример подобного фильтра: https://food.ru/search Иконки сделать с помощью иконочного шрифта https://icomoon.io/app/#/select Фильтр цены чтобы работал с помощью библиотеки такой как nouislider.min.js ( https://refreshless.com/nouislider/) Панель разделов чтобы функционировала так же как на странице https://docs.midjourney.com/docs/models с таким же фильтром категорий При наведении на карточку товара чтобы короткое пояснение исчезало, а снизу вылезало более подробное текстовое описание (как в крайнем товаре во втором ряду). При нажатии на кнопку "В корзину", чтобы счетчик корзины увеличивался, надпись менялась на "В корзине". При нажатии на сердечко товара, счетчик сердечка увеличивался, а сердечко заменялось значком заполненного сердечка. При нажатии на лупу, чтобы выдвигалось текстовое поле поиска. Можно как здесь: https://myrusakov.ru/jquery-search-box.html Шаблон разработан для разрешения 2560, и нужно сделать, чтобы для разрешения 1920 все пропорционально уменьшалось. Для разрешений на мобильных устройствах дизайн обговаривается отдельно. В дальнейшем, после реализации верстки этой страницы, если меня все устроит, будут заказана верстка остальных страниц этого же сайта. Конечный результат - набор файлов и папок для разворачивания на локальном сервере (OpenServer). Очень хорошо, если для css будет файл в формате scss. Буду проверять: 1. читабельность кода (наличие навыков верстки у заказчика есть) 2. валидность верстки или четкое обоснование почему именно так сделано 3. кроссбраузерность 4. логичность верстки, модульные блоки должны с легкостью менять место при переносе их с одного места разметки на другое 5. наследование в свойствах стилей 6. большой плюс, если будет комментирование блоков разметки и свойств В заявке укажите ссылку на ваш лучший проект по тематике заказа (имеется в виду интернет-магазин).

Сверстать: лендинг. Платформа: WordPress. Тип вёрстки: адаптивная. Есть макет. Пожелания и особенности: Сделать верстку лендинга через код на вордпрессе. Всего будет 2 лендинга и 1 многостраничник. Бюджет на первый лендинг 3000, затем будем делать много страничник , бюджет на много страничник 25000 руб.

Сверстать: корпоративный сайт. Платформа: HTML. Макета нет. Необходимо адаптировать (переписать) готовый сайт для корректного отображения на смартфонах и планшетах.

Сверстать: интернет-магазин. Платформа: WordPress. Тип вёрстки: адаптивная. Есть макет. Верстка интернет-магазина согласно фигме, декстоп&мобильная адаптация. При отклике, пришлите, пожалуйста, примеры Ваших работ. Далее направляю точное ТЗ для оценки. Плюс работы с USA, EU проектами/сайтами.

Сверстать: корпоративный сайт. Платформа: Bitrix. Есть макет. Есть готовый сайт. На нем есть 2 страницы, на которых необходимо поправить таблицы и сделать их адаптивными под мобильные устройства Вот страницы http://dragonmac.ru/company/ http://dragonmac.ru/services/.

Сверстать: корпоративный сайт. Платформа: самописная. Тип вёрстки: адаптивная. Есть макет. Необходимо сверстать макеты страниц сайта, дизайн которого представлен здесь: https://www.figma.com/file/Hi0xOUAqBqIGDcvMM8aI9w/MikroTik-Redesign?node-id=116%3A0 В нём около 14 адаптивных страниц + отдельные элементы форм. Формы ввода (регистрация на тренинги) будет значительно упрощена, в ней будут только несколько текстовых полей, чекбоксы и, вероятно, выпадающий селект (объясню позже). Ниже я опишу задачу, а Вас прошу сказать, готовы ли Вы её выполнить и за какую сумму. Если готовы взяться, я хотел бы оценить качество итогового кода. Вы сможете каким-то образом показать, что уже было Вами свёрстано (желательно в виде тех исходников, что передаёте заказчику, хотел бы видеть подробности в SCSS/SASS и JS)? Что необходимо: — Сверстать адаптивные макеты страниц сайта, используя стандарты HTML5, CSS3 (Mobile First) — Обеспечить совместимость с более-менее свежими браузерами (мобильными и десктопными) — Подготовить базовый функционал по манипуляциям с DOM с помощью JavaScript (допустимо использовать js-фреймворки). То есть обеспечить работу слайдеров, выпадающих меню, всплывающих подсказок и т.п — Реакция элементов страницы на взаимодействия с пользователем может сопровождаться микро-анимациями (исключительно средствами CSS). Речь про состояния :hover, :active, :focus и т.п — Иконки, логотип и др. графические элементы везде, где это возможно, должны быть в векторном формате. Все используемые векторные иконки должны быть отдельно представлены в SVG формате (для серверной автоматической сборки). Там, где это невозможно, можно использовать растровые форматы изображений — CSS должен изначально быть подготовлен в SCSS формате. Крайне желательно разложить стили в отдельные scss-файлы по смысловым блокам: файл с общими переменными, описание общей структуры страниц, формы и т. . В итоге то, что получится на выходе, будет использоваться для подготовки шаблонов сайта в рамка редизайна. На сайте используется самописный движок, поэтому нет необходимости подгонять под что-то стандартное. В идеале - практически не должно остаться работы в плане верстки, только разбивка имеющихся файлов на отдельные шаблоны (будет использоваться Twig-шаблонизатор) и настройка взаимодействия с бэкендом.

Сверстать: корпоративный сайт. Платформа: Bitrix. Есть макет. Необходимо сделать адаптивную вёрстку на готовом сайте igren-ok.ru (сейчас запущен и работает). Текущая CMS: Битрикс (готовы рассмотреть переход на WP) На сайте есть вёрстка для устаревших мобильных устройств (375px). Задача: сделать адаптивную вёрстку и оптимизацию вёрстки для ускорения загрузки и для дальнейшего SEO продвижения. Делали верстку в 2016г, ранее всё работало нормально, но после появления новых мобильных устройств, отображается везде по разному - где то видна мобильная версия, где то показывает обычный сайт. Сайт не проходит проверку Гугл на мобильные устройства, т.к. ранее делали верстку под мобильные устройства, а не настоящий адаптив. Выгрузить из CMS отдельно код верстки нет возможности, т.к она сейчас не хранится отдельно от кода сайта. Цель: SEO оптимизация сайта – пройти проверки Яндекса и Google на адаптивность и получить высшие оценки за скорость Просим предложить бюджет и сроки.

Сверстать: корпоративный сайт. Платформа: MODx. Вёрстка: адаптивная. Есть макет. Нужно переделать страницы сайта, можно по макету или без. По ТЗ решим.

Сверстать: лендинг. Платформа: HTML. Вёрстка: адаптивная. Есть макет. Добрый день, нужно сверстать буквально 2 маленьких странички по макету их в фигме С использованием HTML CSS JS, вот и все.

Сверстать: интернет-магазин. Платформа: HTML. Есть макет. Нужно адаптировать готовый сайт под экраны разных размеров, используя boostrap Вот сам сайт: https://www.mi.com/index.html Он на китайском, но знание языка тут абсолютно необязательно, главное— сама верстк Можно не заморачиваться над деталями(то есть, не сохранять оригинальные картинки/анимацию и тд) Главное— адаптировать сам каркас сайта под маленький экран. Просто показать знание принципа работы boostrap без доведения сайта до идеальной красот Это домашка по предмету адаптивной верстки, потому такая срочность).

Сверстать: лендинг. Платформа: HTML. Вёрстка: адаптивная. Макета нет.

Сверстать: Адаптировать подпись в электронном письме под все устройства. Платформа: HTML. Есть макет. Добрый день! Нужно адаптировать подпись для электронных писем в корпоративном стиле, чтобы открывалось на всех устройствах. Логотип, иконки есть. Нужно привести всё с красивый вид.

Сверстать: «Плакат» из 5-6 элементов. Платформа: HTML. Есть макет. Сделать адаптив для готового макета по заданным параметрам экрана (7 экранов), макет простой, 5-6 элементов на макете. Есть элементы макета в Illustrator, так же есть макет первого экрана в Figma. Самое главное - корректное отображение в Chrome. Комментарий к фото: Три фразы; планета вместе с линиями, точками и курицей; самолет; красная точка