Адаптивный шаблон сайта Quad с комментариями на русском языке

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

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

Шаблон выполнен при использовании HTML5, CSS, JS скриптов, без применения дополнительных фреймворков типа Bootstrap.
Шаблон Quad состоит из 3-х полноценных страниц:
1. Главная страница: 8 блоков, 5 слайдеров, видео, прогресс бар, отзывы, интерактивная карта, обратная связь...
2. Стационарная галерея фотографий.
3. Просмотр фотографий с использованием слайдера.

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

Меню: фиксированное меню меняет свой цвет и активность пунктов при прокрутке в зависимости от просматриваемого фрагмента страницы.
Слайдеры: в шаблоне используются 6 разновидностей слайдеров для просмотра текстовой информации, галереи фотографий, отзывов...
Просмотр видео: для включения своего видео сюжета достаточно заменить имеющийся код на свой, предоставленный youtube или vimeo.com.
Прогресс бар: в состав страницы входят анимированные полосы прогресса, которые меняют свою длину в зависимости от указанного процента.
Контакты: подключена Google карта местности и форма обратной связи.

Оригинально осуществляется прокрутка страницы шаблона. Две вертикальные полосы прокручиваются поочерёдно независимо друг от друга.

Контент шаблона заполнен информацией на русском языке, которая описывает особенности конкретного блока подлежащего редактированию. Также внутри кода имеются комментарии обозначающие разбивку блоков. Для удобной работы с тестовыми изображениями они подписаны своими размерами. Это значительно упростит редактирование шаблона начинающими веб-мастерами.

Скриншоты шаблона Quad


Не смотря на свою нестандартность, шаблон полностью адаптивен к просмотру на любом мобильном устройстве. Вы легко сможете это проверить нажав комбинацию клавиш Shift+Ctrl+C и уменьшив размер просматриваемой области до минимума.

Скачать адаптивный Шаблон QUAD.rar [2,83 Mb] (cкачиваний: 2)

В комплекте имеется описание редактирования шаблона

Автор: Saah | Просмотров: 31 | 10-10-2019,Чт, 18:48  

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

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