Верстка проекта на bootstrap

На текущий момент ищем исполнителя для верстки 1 страницы на bootstrap 3.

В дальнейшем в случае успешного опыта сотрудничества намерены работать по пдобным задачм в рамках развивающегося проекта (ukrzap.com)

С Вас оценка бюджета по данной задаче и желание работать дальше.

Задача:

Переверстать вот эту страницу http://www.ukrzap.com/parts/04152-40060 вот таким образом http://proto.ukrzap.com/v3_direct_search_results.html

Исходные данные:

- Имеется верстка, построенная на http://bootflat.github.io/

- Есть прототип того, как оно должно быть изменено

- Прототип оптимизирован под шинину экрана 1280 пикселей

- Страница должна быть responsive, но ширина не менее, чем 1280 пикселей

Распределение пространиства на странице можно разделить на 2 уровня:

1. Данные о детали + таблица с результатами поиска

2. Данные внутри результатов поиска

Ниже распределение ширины областей в колонках по терминологии bootstrap

* цифра означает размер колонки в системе 12-колоночной bootstrap сетки

1. Колонка с картинкой и данными слева + таблица с результатами поиска

Данные о детали (колонка слева) 2

Таблица с результатами поиска 10

2. Таблица с результатами поиска

Бренд 2

Номер 2

Наименование 3

отправка из 2

Срок 1

Цена 1

Текст, который не влазит в одну строку, обрезать.

Чтобы дать поинмание, о чем речь, привожу примеры

https://www.youtube.com/watch?v=uWPeEl9Ok_s&ab_channel=EricSaupe

https://github.com/twbs/bootstrap/issues/863

Мы не настаиваем на реализации - можете по своему, но чтобы это было правильно с точки зрения общей практики

Заголовки, на нажатие которых таблица должна сортироваться:

- Срок отправки

- Цена

Заголовки с выпадающими мультиселектами:

- Бренд

- Номер

- Отпрака из

- Срок

Таблица с результатами поиска имеет прилипающий при скроле заголовок

Фильтры и сортировки в заголовке должны влиять на все строки во всех 4-х секциях результатов поиска

Применение фильтров и сортировок не должны перегружать страницу

Сортировка: при сортировке блоки должны оставаться на своих местах - сортироваться должны сроки внутри блоков

Фильтрация: если в результате фильтрации не остается ни одной позиции внутри блока, то он должен скрываться вовсе

Все колонки кроме Срок и Цена выровнены по левому краю. Срок и цена - по правому.

С целью экономии пространиства, желательно, чтобы в ячейках содержимое не имело отступов справа и слева. Для этой же цели были убраны видимость ячеек.

Для звездочки рейтинга использовать какаую-нибудь библиотеку, например, вот эту https://github.com/kartik-v/bootstrap-star-rating

Рейтинг не должен быть активным - только чтение

При клике на любом месте строки должен выскакивать модал, как вот тут http://www.ukrzap.com/parts/3439