Вёрстка сайта для музыкального портала

Страницы

1. Главная
2. Исполнители
3. Уведомления
4. Клипы
5. Часто задаваемые вопросы
6. Кабинет
7. Аудио-трек
8. Аудио
9. Список аудио
10. Блог
11. Объявления
12. Объявление

Задача

Имея главную страницу сайта, стараясь не дублировать код создать еще 12 страниц сайта по макетам от дизайнера (ссылки внизу страницы).

Клиент обратился ко мне, так как его специалист был в отпуске, а проект нужно было быстро закрывать. Я откликнулся и мы закончили верстку проекта спустя 2 недели.

Проект был интересный, получил много опыта в решении каверзных задачек в разработке сайта. Много из них чисто технические, я прикреплю скриншоты

Было чем-то новым разрабатывать код для песен в плейлисте:

Поле с продолжительностью песни можно нажимать и оно будет заполняться, сама линия идет градиентом, выглядит приятно.

Модульность

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

Например воспроизведение аудио:

Отдельные компоненты, которые есть на многих страницах были определены в отдельные файлы и подключались из одного места, чтобы в случае изменений, изменения происходили на многих страницах.

Как на мобильном?

Отлично 🙂 Сайт адаптирован под ноутбуки, планшеты, мобильные. Отлично смотрится и удобен в использовании.