Создать адаптивную вёрстку страницы catalog.html
Для разработки нужно использовать рабочий проект с настроенным билдом (gulp, sass, fileinclude).
На входе вам будет предоставлен доступ в репозиторий на GitHub, работу нужно будет выполнить в указанной ветке. Репозиторий подготовлен, проект запускается. Вёрстка необходима для конкретной страницы, примеры реализации в репозитории есть.
Есть макет в Figma с наличием двух вариантов под десктопную и мобильную версию. Хеадер и футер (выделены красной рамкой) уже реализованы — верстать не нужно, необходимо сверстать только тело страницы.
1. Вёрстка должна быть адаптивной для двух ширин:
- от 0 до 991px — мобильная версия
- от 992px и шире — десктопная версия
1. Все стили описываются в main.sass и media.sass
1. Преимущественно для разметки использовать флексбоксы
1. Все растровые изображения должны быть встроены с помощью lazyload, можно использовать сниппет по аналогии с уже реализованными частями
1. Разметка должна быть логично разбита по блокам с помощью fileinclude, по аналогии с реализованными частями
1. На странице должны быть реализованы интерактивные элементы:
- переключение табы для скриншотов
- блоки "Show more", раскрывающие скрытую часть текста
- карусели для отзывов на slick.js, есть примеры
1. Вёрстка должна быть одинаково рабочей в современных браузерах и будет проверяться в последних стабильных релизах Safari, Mozzila, Chrome. Плюс в Safari/Chrome на iOS и Mozzila/Chrome в Android.
Во вложении скриншоты макета Figma для визуального ознакомления. Реальный макет по запросу.
Есть лендинг на тильде. Надо перенести на чистую верстку. Так же есть макет. Верстать или с сайта или с макета. Главное на выходе идентичный сайт. Подробное описание в приложении. Бюджет 3500р. Оплата по факту
Добрый день! Нужно сверстать макет от дизайнера ([url=https://docs.google.com/document/d/1UGtchHxE7yDjl7cIWqE7uKLbJvI-30dCOL16hKIqoFM/edit?usp=sharing]ссылка в ТЗ[/url]) используя сетку Bootstrap 4+ и его элементы (кнопки, табы, модальные окна и т.д.).Код должен быть валидным с правильной структуруй заголовков и с полным соответствием стандартам W3C. Обязательно, ...
Есть дизайн одной страницы с несколькими блоками с инпутами и переключателями. Скриншот: https://skr.sh/sCBxMQqOZCl?a В некоторых местах потребуется сделать небольшие анимации. Поэтому если есть опыт в этом, то будет плюс Основные требования: 1. pixel perfect 2. БЭМ 3. Jquery 4. Небольшие анимации переключения Цена ...
Есть работающий магазин с товарами. Надо удалить все дурацкие плагины и натянуть готовую верстку. Магазин должен работать быстро и хорошо. Функционал не меняли. Только стилистика. 6500р. Оплата по факту
Сделать продающий лендинг для вебинара. Сфера- налоговый аудит. ЦА- собственники компаний. ВАЖНО: примеры своих работ - лендинги под посадочные на регистрацию на вебинар для собственников. Важен визуал. Стоимость и сроки работ обсуждаются.
Здравствуйте. Необходимо доработать сайт согласно перечню правок (перечень небольшой), которые подготовил веб-дизайнер и посадить на Wordpress + подключить формы к почте/CRM (решим с исполнителем) и произвести все необходимые настройки внутри Wordpress для корректной работы веб-ресурса. ТЗ ...
Относительно большой проект, но в приоритете задачи по переверстке некоторых элементов шаблона в связи с редизайном. Сайт на WordPress, доступ сейчас у подрядчика, который обслуживает этот самый сайт. Собственно сайт, в который нужно будет внести изменения: https://www.tri-implants.com.ua/ Сайт, с ...
Оптимизация скорости сайта Tilda, сейчас PageSpeed Insights показывает 12 для мобильной версии (см скриншот). В основном проблема с изображениями. Нужно оптимизировать картинки, привести их в формат. Кроме того проверить другие факторы, что указано в рекомендациях Тильда https://help-ru.tilda.cc/website-speed Обязателен опыт ...
Необходимо сверстать 3 новых блока для достаточно старого сайта ([url=https://getbootstrap.com/]Bootstrap[/url]3). Блоки содержат таблицу, по архитектуре таблицы примерно одинаковые. На одной странице 2 таблички, на другой одна. Ссылку и доступ на сайту скину при обсуждении.