Сверстать список заказов в личном кабинете Интернет-магазина

HTML-версткаЗавершен6 заявок297 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

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

Макет в figme https://www.figma.com/file/zV3dVLEkKOXjrafLjS8iI3/studentsbook.net?node-id=0%3A1

правые 4 блока это то, что должно быть в итоге

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

Шапку, футер - верстать не нужно, только сам блок со списком заказов.

Также нужно учесть что это будет блок на рабочем проекте) поэтому намекну что нельзя подключать ничего стороннего типа bootstrap или normalize и так далее, и не использовать css стили типа "звездочки", и "частоиспользуемые классы" (типа .btn).

В общем надеюсь идея понятна, что ничего не должно пересечься с возможными стилями и скриптами на проекте, и не перебить их в дальнейшем

Использование jquery возможно

От вас : html страница css и js файл.

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

Ссылку и доступы скину в личку

JavascriptHTMLCSSBootstrapjQueryNode.js
год назад
bondarenkodmitry
Дмитрий 
31 годРоссия
7 лет в сервисе
Был
20 дней назад
Выбранный исполнитель
Fraze15
Алина 
20 летРоссия
3 года в сервисе
Была
4 месяца назад
год назад
$10
2 дня
RUB
Очень хорошо выполнено задание. Соотношение цена/качество на высшем уровне. Правок было минимум, все что я попросил было сразу исправлено. Нареканий нет
Спасибо за сотрудничество! Ещё нужна будет, обращайтесь)
  • Похожие заказы

  • Сделать фронтенд часть

    $2400

    Необходимо доработатать Front-End на Angular Готовы предложить в дальнейшем попроектное сотрудничество или трудоустройство по результатам выполнения задачи. Необходим специалист уровня Middle Присылайте телеграм, обговорим условия там

    Angular
    HTML-верстка8 заявок
    Закрыт
    год назад

  • Сверстать мобильную версию лендинга на WP на 2 экрана

    Требуется: Сверстать мобильную версию лендинга на WP на 2 экрана (дизайн в PSD есть), прилагаю Форма подписки будет подтягиваться по скрипту. Также нужно поставить на фому пиксель фейсбук, чтобы потом мы вместе проверили и убедились в его ...

    WordPress
    HTML-верстка9 заявок
    Закрыт
    год назад

  • Html шаблон листа

    Потрібно розробити html шаблон для листа для автоматизованої відправки через Бітрікс24. Критерії успіху: -  відповідність дизайну наданому зразку (зразок буде наданий на вимогу)  - однаковість відображення листа у різних браузерах та поштових сервісах клієнтах (gmail, outlook web, outlook ...

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

  • Верстка дизайну з Фігми

    Всім привіт! Є готовий дизайн у фігмі для команди розробників: https://www.figma.com/file/QgorcwzWAeenCHAnSN0QUU/Website---2.0-(Copy)?node-id=1256%3A5958 - Головна https://www.figma.com/file/QgorcwzWAeenCHAnSN0QUU/Website---2.0-(Copy)?node-id=1284%3A8781 - Проекти https://www.figma.com/file/QgorcwzWAeenCHAnSN0QUU/Website---2.0-(Copy)?node-id=1526%3A8492 - Послуги https://www.figma.com/file/QgorcwzWAeenCHAnSN0QUU/Website---2.0-(Copy)?node-id=1585%3A9454 - Про нас https://www.figma.com/file/QgorcwzWAeenCHAnSN0QUU/Website---2.0-(Copy)?node-id=1490%3A8015 - Контакти Є концепти, приклади того, як можна зробити, мобільні версії, опис анимацій (https://little-pond-62a.notion.site/Fulcrum-animation-guide-4f61bcacf3794c62be27b63d526f0ceb). Старий сайт, для порівняння ...

    JavascriptCSSjQuerySCSSSASSNode.js
    HTML-верстка1 исполнитель
    Завершен
    год назад