Добрый день!
Нужна помощь опытного верстальщика, который сможет качественно досверстать слайдер на уже сверстанной странице матча на сайте анализатора спортивных событий.

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

Макет:
https://www.figma.com/design/M3myq5soLJeVAryu1LeRbj/BetLab-Main?node-id=77-3753&p=f

Страница которую нужно доработать:
https://prnt.sc/8Scng3S4-ylg

Блок слайдера коэффициентов:
https://prnt.sc/jarXbxK52FPm


Доработка возможна на таких технологиях:

  • Tailwind CSS

  • Bootstrap

  • Чистый CSS
    Но важно учесть, что верстка будет натягиваться на компоненты Vue.js, и будет большим плюсом если вы знаете и работаете с Vue.


    Контент страницы состоит из 2 вкладок: коэффициенты и статистика.
    Это вкладки, которые должны переключать отображение контента в них.
    Это все реализовано, нужна небольшая доработка по блоку слайдера.


    Есть нюансы, которые не смог реализовать предыдущий верстальщик:
    Особое внимание нужно обратить на столбцы в вкладке Коэфиициенты. Над столбцами есть кнопки-ссылки, которые при клике на них должны горизонтально скроллить столбцы и выбранная ссылка должна отобразить столбец в зоне видимости пользователя (рядом с фиксированным столбцом). По сути нужно интегрировать слайдер, который горизонтально будет скроллить столбцы при нажатии на ссылки.

    При скролле столбцов мышкой (зажатие и перетаскивание столбцов) - ссылки также должны переключаться (active-not active).

    Важно: Самы первый столбец "Результат LIVE матча" должен быть зафиксирован и не скроллиться. Все остальные столбцы горизонтально скроллятся "под первый столбец" в зависимости от выбранной ссылки.

    Эта страница - только первая из серии доработок (редизайна) проекта, поэтому если вы хорошо справитесь с задачей - возможна постоянная работа по верстке новых страниц.

    Присылайте заявку с вашим бюджетом.
    Спасибо!

4 месяца назад
DenDevin
40 лет
9 лет в сервисе
Был
18 часов назад

Выбранный исполнитель

FandriX
19 лет
3 года в сервисе
Был
7 часов назад
4 месяца назад
$20
3 дня
Escrow
Андрей прекрасно справился со своей работой. Верстка была выполнена в наилучшем виде, даже спецификация верстки слайдера (она была не из простых) - была выполнена в точности с нашими пожеланиями. Спасибо за работу и будем обращаться еще.
Сотрудничество оставило положительные эмоции. Все супер! С удовольствием помогу еще раз :)

Заявки фрилансеров

Максим
 
26 лет
6 лет в сервисе
Был
6 дней назад
38 отзывов(-3)
3 месяца назад
FandriX
19 лет
3 года в сервисе
Был
7 часов назад
4 месяца назад
Денис
 
35 лет
9 лет в сервисе
Был
день назад
15 отзывов(-1)
4 месяца назад
  • Похожие заказы

  • $30

    Требуется сверстать 1 мобильную страницу с использованием HTML. Работа должна быть выполнена в ночь. Процесс разработки необходимо выкладывать на хостинг для контроля. Оплата 30$ по факту проверки на сервере.

    HTML-верстканет заявок
    Закрыт
    4 месяца назад
  • Требуется выполнить HTML-верстку лэндинга на основе готового проекта из Figma. Необходимо настроить адаптивность для различных устройств. Опыт в работе с Figma и адаптивной версткой обязателен.

    HTML-верстка37 заявок
    Закрыт
    3 месяца назад
  • Требуется специалист для быстрого внесения правок по фронту и небольших изменений на PHP. Задача несложная и полностью описана в ТЗ. Оплата осуществляется сразу через площадку. В заявке укажите языки программирования, которыми владеете.

    HTML-верстка9 заявок
    Закрыт
    3 месяца назад
  • Необходимо внести правки в HTML-верстку проекта TMA. Ожидается указание опыта работы и стоимости услуг. Предложения должны быть четкими и обоснованными.

    HTML-верстка4 заявки
    Закрыт
    3 месяца назад
  • $50

    Требуется адаптивная HTML-верстка сайта согласно представленному макету. Важно соблюдать общепринятые правила верстки, включая ВЕМ, валидность кода и семантичность. Классы должны иметь логичные названия, изображения должны быть адаптивными, а шапка фиксированной. Обязательно выполнение дедлайна. Приветствуется плавный скролл и примеры работ из репозиториев.

    HTML-верстка14 заявок
    Закрыт
    3 месяца назад
  • $600

    Необходимо создать HTML-верстку сайта с учетом доступности для людей с ограниченными возможностями. Особое внимание уделите семантике сайта и требованиям A11y. Макет доступен в Telegram.

    HTML-верстка1 исполнитель
    Завершен
    4 месяца назад
  • $35

    Требуется HTML-верстка сайта по готовому макету с учетом 2 мобильных адаптивов. Выполнение до 7 дней. Верстка должна быть кроссбраузерной и резиновый адаптив. Обязательное условие - зеленая зона в PageSpeed. Возможны дополнительные анимации и задания, которые оплачиваются отдельно.

    HTML-верстка1 исполнитель
    Завершен
    4 месяца назад