Необходимо сделать адаптивную верстку сайта o-chrono.ru. Можно использовать bootstrap. Десктопная, планшетная и мобильная версии.
Сайт состоит из 3х шаблонов:
Index – главная страница
Page – все внутренние страницы, включая страницы каталогов, сайдбар
Header – шапка
Необходимо переверстать 3 указанные шаблона в адаптив. Требования по каждому шаблону:
1. Header.php
В мобильной версии шапка должна убираться в мобильное меню. Пример реализации: vse-o-tattoo.ru (мобильная версия). В мобильной версии остается текущий логотип + кнопка вызова мобильного меню. Кнопка – аналогичная, как на сайте vse-o-tattoo.ru, 3 белые полоски на фоне #b30000
Десктопная версия остается без изменений
На панели выпадающего меню 3 кнопки: Блог, Инструкции, Часы звезд; Надписи выровненные по центру
2. Index.php
В мобильной версии 4 блока в разделе «Популярные статьи» должны убираться в одну колонку.
В мобильной и планшетной версии сайдбар убирается
3. Page.php
А) В мобильной и планшетной версии сайдбар убирается.
Б) Блок «Популярные механические часы» (пример:
в мобильной версии должен убираться в одну колонку.
В) Текст и списки должны адаптироваться под ширину мобильного экрана
Г) Большие изображения (пример:
должны пропорционально адаптироваться под ширину мобильного экрана
Д) youtube видео (пример:
должны адаптироваться под ширину мобильного экрана
Е) Блоки на странице
должны убираться в 1 колонку
Ж) Блоки на страницах
и
должны адаптироваться (1 колонка, миниатюра-дата-текст)
4. Добавить отступ от нижней границы сайта (добавить в футер блок высотой 30 px)
5. Убрать из десктопной (и не включать в моб. и планшетную версии) форму поиска
Для скорости можно написать напрямую в скайп Antsbv