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

Первое фото.
1) Вместо белых квадратиков рядом с названием книги нужно вставить картинку (любую, главное чтобы была такая возможность, мы потом сами их поменяем).
2) Также нужно зафиксировать разрешение этих картинок, чтобы при уменьшении окна браузера, размер картинки не менялся.

Пункты 3 и 4 достаточно реализовать с одной книгой, желательно с той, которая выбрана на первом фото.

3) Нужно, чтобы при нажатии на синюю кнопку "подробнее" на книге (первое фото) на этой же странице открывалось окно (пример на втором фото) с музыкальным плеером(внизу) и описанием книги. Кнопка "проверь себя" должна просто вести на другую ссылку.
4) Окно должно сворачиваться по кнопке справа внизу, а плеер опускаться вниз страницы (фото 3) Аналогично окно должно открываться обратно, либо плеер просто можно будет закрыть, нажав на крестик.