Сверстать 6 страниц для одного сайта (в похожем стиле), единые шапка и подвал. Верстка должна быть адаптивной, чтобы на всех мобильных устройствах выглядело все едино. Сверстать по стандартам bootstrap, чтобы была доступна разметка, отступы, все теги и т.д. Все теги должны быть прописаны и показаны вместе с разметкой на тестовой странице (ниже подробнее об этой странице). Подключить иконки fontawesome – они должны подключаться в любом месте по их стандартам, включая изменение цвета и размера.
Далее подробнее об элементах:
1. В шапке в верхней плашке могут быть пункты со всплывающим меню, показать их как в макете.
2. Сама плашка верхнего меню должна быть залипаемая вверху, при прокрутке экрана вниз.
3. В поле "поиск" используется "живой поиск", надо его показать в соответствие с макетом.
4. У изображений-товаров есть лейблы, которые надо показать в списке товаров и на странице товара – новинка и лидер продаж, причем как оба, так и по-отдельности. Должно просто прописываться тегом span с соответствующим именем.
5. При нажатии на страницу показывать большую версию картинки подгоняемую под размер экрана (если картинка большего размера) и с крестиком для закрытия окна.
6. Слайдер в шапке должен быть отключаемым, т.е. если его нет, то все остальное поднималось вверх и дополнительных действий не требовалось.
7. Телефоны в шапке, подвале и на странице Контакты должны быть "нажимаемыми" доступными для звонка с мобильных устройств
8. На странице товара разделы Описание – Характеристики – Файлы – на вкладках – это все одна страница
9. В списке товаров и разделов при наведении мышки немного меняется вид элемента.
10. Списки должны быть сверстаны с учетом возможности создания вложенных списков, чтобы они наследовали оступы
11. Фавиконку прописать
12. Тестовая страница:
- показать только шапку и подвал, потом разметку по ячейкам
- потом теги H1 – H6
- текст с параграфом и обычным переносом строки (у первого должны быть отступы сверху и снизу) – P BR
- текст в параграфе с тегами I EM B A STRONG
- показать иконки fontawesome стандартных пару, увеличенных пару и с измененным цветом, стандартный цвет – черный, как у текстов сайта
- BLOCKQUOTE – цитата, PRE, списки UL и OL
- таблица с тегами TH TR с чередованием подсветки, выделять с подсвеченным фоном классом ODD. Вид таблицы показан на странице характеристики товара. При наведении на строку она подсвечивается. Все это должно работать для стандартных тегов.
Верх вместе с слайдером и подвал должны быть едиными на всех страницах, поэтому в коде сделать пометку, откуда их вырезать для вставки в отдельно подключаемый файл.
Желательно провести тест страницы на всех браузерах и устройствах (через сервис) и приложить скриншоты. Провести тест сверстанной главной страницы на
– там показатель должен быть близким к 100%.