Требуется адаптивная верстка шаблона без привязки к CMS. Важен чистый, валидный код и профессионализм.
Макета в PSD или в Фигме нет, но и точность (цвет, шрифт, размеры и отступы) не принципиальна. Допускается погрешность.
Макет подготовлен в виде картинок типовых страниц (доступ по запросу):
1. Главная
drive.google.com/open?id=... -- фон должен быть статичен, при скроле меняется лишь контентная зона.
-- на разных скринах фон может отличаться, везде делаем как на этом.
2. Каталог игр
drive.google.com/open?id=... 3. Страница игр
drive.google.com/open?id=... -- в окне будет через фрейм подключаться игра
4. Страница лендинга (текст, картинки)
drive.google.com/open?id=... 5. Страница контакты
drive.google.com/open?id=... 6. Стрнаица с 404 ошибкой
drive.google.com/open?id=... Адаптивность
1. ПК
drive.google.com/open?id=... 2. Планшет
drive.google.com/open?id=... 3. Мобайл
drive.google.com/open?id=... -- кнопки вход и регистрация должны быть закреплены внизу экрана телефона;
-- вывести еще в конце странице номер телефона и мейл (как на пк);
Проверить адаптивность можно в:
*
www.google.com/webmasters... * консоле хрома
Файлы дизайна:
* шапка
drive.google.com/file/d/1... (нужно изменить название картинки на своё)
* картинка с фоном
drive.google.com/file/d/1... (нужно изменить название картинки на своё)
Важно:
* сылки в меню, лого и контекстные ссылки должны быть выведены через a href.
* Также и с названиями игр
prntscr.com/qq4xez нужно сделать активной ссылкой.
* В меню просьба сделать какой-то эффект при наведении курсора
prntscr.com/qq4yfc и эффект при наведении на превью игры
prntscr.com/qq5kks, кнопок
prntscr.com/qq5rby * Все ссылки и их анкоры в моб меню должны соответствовать десктопной версии
* Иконки должны быть как в моб, так и в пк версии
prntscr.com/qq521k * Основной заголовок должен бть через тег H1, подзаголовки H2, H3