Верстка одностраничного сайта
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Верстка одностраничного сайта.
Ссылка на сайт: landing page
Проверил на валидность, код валиден.
Скорость загрузки на десктопной версии 0.9 сек и общий показатель производительности 99.
Скорость загрузки на мобильной версии 2 сек и общий показатель производительности 99.
Добавил немного JavaScript кода. Для мобильных версий сделал кнопку наверх, также применил быстрые ссылки (якоря). Меню фиксируется в верхней части экрана, при скроллинге страницы вверх и скрывается при движении вниз. При переходе на мобильную версию меню скрывается в "меню бургер", по клику открывается, как "аккордеон". В раскрывшемся меню нажатие на ссылку его закрывает и переходит на часть лендинга. На сайте прописал два слайдера. Верхний слайдер с визуальными ссылками, при клике на которые переключают слайды (фото), а при наведении курсора на ссылку-картинку, выезжает слева блок с описанием, в верхнем левом углу слайдера, при отведении скрывается. Нижний слайдер "ротор" сделан в виде крутящихся блоков со сменой текста (отзывов).
Верстал по времени - примерно неделю. Больше всего времени тратится на изучение и написание чистого JavaScript.
