Учебный шаблон адаптивного сайта одностраничника ModeStyle

Учебный шаблон ModeStyle

Контент шаблона сайта ModeStyle заполнен информацией на русском языке, которая может быть полезна при его редактировании. Вы можете использовать его в качестве учебного пособия для приобретения навыков в работе с адаптивными шаблонами.

Тем не менее, ModeStyle отвечает всем современным требованиям к интернет ресурсам, имеет привлекательный вид и несколько оригинальных решений в области дизайна.

Особенности шаблона ModeStyle

- Фиксированное меню с активным выделением пунктов в зависимости от просматриваемого раздела.
- Видео в шапке заполняет всю ширину экрана и воспроизводится при нажатии кнопки просмотра. Адаптировано к просмотру видео роликов с сервиса YouTube за счёт встроенного YTPlayer скрипта.
- Горизонтальный аккордеон просмотра записей.
- Карточки товаров или услуг меняют отображение при активации.
- Галерея просмотра фотографий открывается в новом окне.
- Слайдер просмотра отзывов прекращает прокрутку при расположении мыши в его области.
- Интерактивная карта Яндекс (Google) объекта в блоке контакты имеет фиксированные размеры, не влияющие на адаптивность шаблона.
- Вертикальная навигация по странице выполнена в виде двух стрелок: вверх, вниз.
- Футер страницы содержит микроблок, состоящий из шести картинок с анимационным эффектом при наведении мыши.

Шаблон ModeStyle построен с использованием фреймворка Bootstrap v3.3.1. Именно это обеспечивает его адаптивный просмотр на любом мобильном устройстве.


При наполнении шаблона контентом вам будет достаточно заменить русский текст и имеющиеся картинки на свои. С этой задачей справится любой пользователь не имеющий специальных навыков в веб-программировании.
Не смотря на полную адаптивность данного проекта к мобильному просмотру, старайтесь соблюдать соотношение размеров картинок. Это не относится к картинкам, просматриваемым в слайдере и в блоках, которые имеют соответствующие комментарии в тексте.

Шаблон имеет кроссбраузерную совместимость, проверен на: Google Chrome, Mozilla Firefox, Opera, Яндекс.Браузер, Microsoft Edge, Internet Explorer 9-11.


Скачать шаблон ModeStyle [1,37 Mb] (cкачиваний: 15)

В архиве лежит описание по редактированию шаблона.

Автор: Saah | Просмотров: 57 | 29-10-2019,Вт, 12:37  

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

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