Есть слайдер с рангами (https://refreshless.com/nouislider/)
https://boostshop.gratta.pro/product/14175/
Он динамический - т.е. мин и макс значения, ранги на слайдере задаются в админке
На нем создаются засечки, названия промежутков делаются через CSS
.noUi-marker-horizontal:nth-child(3):before{
content: "1";
left: -45px;
}
.noUi-marker-horizontal:nth-child(3):after {
display: inline-block;
content: "";
background: url(img/left-arrow.png) no-repeat;
background-size: contain;
height: 22px;
width: 12px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
top: -48px;
left: -6px;
}
Нужно переверстать эти элементы, чтоб я смог имея произвольные промежутки, смог в передать их позицию для верстки
Примеры промежутков :
Промежуток1 0-100
Промежуток2 100-150
Промежуток3 150-200
---
Промежуток1 0-500
Промежуток2 500-750
Промежуток3 750-1000
Промежуток4 1000-1500
Т.е. мне нужно в верстку .noUi-marker-horizontal:nth-child(3):before передать позицию названия "Промежуток1"
Т.е. мне нужно в верстку .noUi-marker-horizontal:nth-child(3):after передать позицию ранга 500 для засечки
и т.д.
Требуется качественная HTML-верстка интернет-магазина с функционалом конфигуратора цветов на странице товара и калькулятора на странице корзины. Срок выполнения - 7 дней, бюджет - 5000 рублей. Главная страница должна быть представлена на проверку завтра до вечера. Макет доступен в Figma.
Требуется верстальщик для внесения правок в проект на Bootstrap. Техническое задание уже составлено. Ожидается опыт работы с HTML-версткой и внимательность к деталям.
Требуется адаптивная верстка трех страниц на HTML. Макеты предоставлены в приложении. Бюджет составляет 3000 рублей, оплата производится по факту выполнения работы.
Требуется адаптивная верстка одностраничного сайта с формой сбора заявок и thank you page. Необходимо сверстать страницу и запрограммировать отправку формы. Предоставлены PSD-дизайны для десктопа и мобильных устройств. Рассматриваются варианты выполнения только верстки или в комплексе с программированием.
Необходимо сверстать элемент календаря, который позволит выбирать дату, месяц и год в заданном формате. Также нужно реализовать выбор времени суток и часов. Допускается использование библиотек для упрощения задачи. Важно, чтобы результат соответствовал представленному изображению.
Требуется выполнить HTML-верстку с учетом дизайна для ПК и мобильных устройств. Необходимо реализовать обратный отсчет на главной странице, согласно макету. Все эффекты должны соответствовать действующему примеру. Ссылки на дизайны включены.
Необходимо выполнить адаптивную верстку лендинга с использованием HTML. Важно, чтобы сайт корректно отображался на всех устройствах и браузерах, а также имел высокие показатели в Google PageSpeed. Макет будет предоставлен исполнителю. Укажите свои сроки и стоимость выполнения работы.
Требуется верстальщик для реализации анимаций при скролле на сайте: эффект печатания текста, зумирование и параллакс. Также необходимо исправить баг в меню на iPhone, чтобы оно не пропадало при скролле. Бюджет 2000 рублей, работа должна быть начата немедленно для демонстрации результата к утру.
Требуется выполнить вёрстку и посадку сайта на WordPress с новым дизайном, представленным в Figma. Сайт должен сохранить текущий функционал и содержимое, включая небольшой магазин на Woocommerce. Проект начнётся с нуля, старый код использоваться не будет. Указать сроки и стоимость выполнения работы.
Требуется закончить HTML-верстку сайта, сверив готовые страницы с макетами. Пример верстки доступен по ссылке. Бюджет 4000 рублей, срок выполнения до 9 числа. Исходники будут предоставлены исполнителю.
