Одностраничный адаптивный шаблон сайта Oksha


Адаптивный шаблон сайта Oksha

Одностраничный шаблон Oksha построен при использовании библиотеки front-end Bootstrap 3, что позволяет ему быть полностью адаптивным к просмотру на любом мобильном устройстве при сохранении пропорций отображаемого контента.

Оформление шаблона Oksha.

Заголовок сайта состоит из слайдера, занимающего весь экран монитора.
В контент сайта включены:
- фиксированное меню при прокрутке страницы;
- два прогресс бара разных дизайнерских решений;
- две прокрутки с эффектами параллакс - оригинально смотрится подвал сайта;
- оригинальный просмотр фотографий и их сортировки;
- карточки товаров или услуг, для их представления достаточно заполнить блоки ценников;
- дополнительный слайдер для размещения комментариев;
- форму обратной связи и т.д.

Адаптивный шаблон сайта Oksha

Относится к группе одностраничных сайтов типа Landing Page. Хотя на его основе можно построить несколько дополнительных страниц: создайте копию исходной страницы и удалите из неё лишние блоки, слайдер в том числе.

Адаптивный шаблон сайта Oksha

Включены информационные блоки нескольких видов:
- иконки с текстом в 3 колонки;
- картинка с текстом в 4 колонки;
- заголовок с текстом по ширине секции.
Их можно реконструировать на своё усмотрение.

Анимация.
При прокрутке страницы шаблона блоки появляются с эффектом анимации благодаря подключенному файлу css/animate.css.
Ниже указаны некоторые основные значения кода для редактирования эффектов:
fadeIn - проявление;
bounceInDown - появление сверху;
bounceInUp - появление снизу;
bounceInLeft - выдвижение слева;
bounceInRight - выдвижение справа;
shake - встряхивание справа на лево...

data-wow-delay — задержка перед началом анимации;
data-wow-duration — изменяет продолжительность анимации;
data-wow-iteration — количество повторов анимации;
data-wow-offset — расстояние в px необходимое для начала анимации. Рассчитывается от нижнего края окна браузера до верхней границы блока или картинки...

Адаптивный шаблон сайта Oksha

Смотреть одностраничный адаптивный шаблон сайта Oksha онлайн

Скачать бесплатно: Шаблон сайта Oksha.zip [4,27 Mb] (cкачиваний: 24)

Автор: Saah | Просмотров: 98 | 2-02-2020,Вс, 09:45  

Добавить свой комментарий:

@
Похожие публикации