Задача:
Сверстать 2 страницы блога (список и детальную) для сайта IT Angels
Дизайн (.psd):
yadi.sk/d/t0tEeshiwrnfCQ Особенности:
- Верстать нужно к существующему сайту it-angels.ru: header и footer брать "как есть", существующие стили не переопределять;
- Была отрисована только версия для десктопа, заверстать нужно с адаптивом;
- Подсветку кода в статье можно сделать с помощью
highlightjs.org/static/de... - Функционал кнопок "Поделиться" и рейтинга статьи должен быть как на странице
netpeak.net/ru/blog/pocht... при взаимодействии с рейтингом/поделиться должен отправляться ajax-запрос на тестовый URL и по onsuccess должны изменяться соответствующие счётчики на странице. Нужно предусмотреть запрет на повторное голосование за рейтинг в рамках одной сессии.
Дополнительные условия:
- Соответствие стандартам W3C
- Скрипты либо на чистом JS, либо на jQuery (нельзя использовать AngularJS, Node.js и т.п.)
- Скрипты и стили не должны иметь высокую степень наследования (должна быть возможность скопировать блок и вставить его на другую страницу без изменений в вёрстке)
- Скрипты подключаются в конце страницы.
- Не рекомендуется использование селектора следования ">", т.к. Битрикс добавляет div-обёртку для редактируемых элементов
- Именование классов, идентификатров, функций и переменных основывается на содержимом или назначении (а не block_1 и т.п.). В идеале по методологии БЭМ.
- В консоли нет ошибок и предупреждений
- Все иконки в svg, либо на чистом css (стрелки слайдера, например)
- Все уведомление и всплывающие подсказки на русском языке
- Кроссбраузерность (последние версии Chrome, Firefox, Edge, Safari)
В отклике жду от вас оценку по срокам/стоимости и пару примеров вашей вёрстки.