Верстка сайта PSM (HTML5, CSS3, JavaScript) Главная

Описание

Реализовано:
- кроссбраузерность + валидность кода
- шапка сайта имеет несколько стилей в зависимости от перемещения по странице
- стилизация форм ввода, выпадающих списков
- скрипт для функционала страниц
- проработка на стабильность

Функционал скриптовой части:
- fixed основной шапки сайта сразу после скрола
- субменю в шапке + его активное/некативное состояние

- fixed вторичной навигации + прилипание к основной шапке в зависимости от % позиции перемещения по странице
- субменю во вторичной навигации для ускоренного перехода в каталог + его активное/некативное состояние в зависимости от положения и кликабельности

- подменю при клике на товар на главной для упрощенного перехода в саму единицу товара

- универсальное меню навигации (на всех страницах слева, кроме главной), как каталога так и просто ссылок. Может иметь подменю + как скрывать/показывать его, при клике по ссылкам так и сразу принять активное (открытое) состояние при классе "эктив" для показа активной внутренней ссылки в определенной категории (показано в видео).

- текстовые спойлеры
- текстовые табы со вкладками
- валидация полей ввода на странице обратной связи + блокировка отправки пустой формы


Ввиду ограничений фриланса по загрузке изображений - скриншот уменьшен на 30%

Ссылки на примеры реализации

 goo.gl/SFyHEc

Презентация проекта