Были созданы 3 страницы: Main page, Сatalog page(навигация: Listing => All Listing), Product page(навигация: карточка товара => WordPress Plugin):
- большинство элементов на странице реализовано при помощи фреймворка Bootstrap;
- сборка проекта осуществлялась при помощи инструмента GULP, использовался npm;
- стили в данном проекте были прописаны с помощью теxнологии SASS;
- в некоторых местах были использованы mixin;
- создана адаптивная верстка для всех размеров гаджетов, которая также является кроссбраузерной;
- подключены иконочные шрифты font-awesome, текстовые шрифты от Google fonts;
- выпадающий список товаров при клике на значок product-cart в шапке страницы;
- модальное окно при клике на кнопку Login в шапке страницы;
- фильтрация товаров на странице происходит при помощи табов;
- товары Trending products реализованы при помощи карусели;
- выпадающие списки при клике на значок product-cart, bell, message и имя юзера в шапке страницы;
- бегунок в фильтре цен в левой колонке страницы 'Prise range' реализован при помощи Java script библиотеки jQuery;
- при наведении курсора на поля поиска, кнопки, ссылки, карточки товаров и т.п., элементы становятся активными;
- выпадающие списки при клике на значок product-cart, bell, message и имя юзера в шапке страницы;
- выпадающий список в правой части страницы при клике на Regular;
- интересная реализация внешнего вида кнопок в правой части страницы, а также на кнопках с соц.сетями при наведении на них;
- описание товара, отзывы, комментарии, поддержка реализованы при помощи табов;
- интересная реализация цветныx ярлыков при помощи стилей в правой чаcти страницы;