
Вёрстка проекта сайта приёмной комиссии
Вёрстка проекта сайта приёмной комиссии. Вёрстка адаптивна, выполнена на Gulp.js с использованием препроцессоров SASS и PUG.
Git-репозиторий https://github.com/mar-pstu/vstup-theme
Превью проекта: https://pstu.edu/vstup/
Моя роль в проекте:
- участие в разработке концепции информационной структуры главной страницы сайта;
- подбор psd макета;
- вёрстка.
Подробней о проекте вёрстки
Проект вёрстки выполнен на Gulp.js. Стили написаны на препроцессоре SASS (синтаксис SCSS), html-код на препроцессоре PUG (Jade). Основой проекта послужил мой Стартовый шаблон.
Вёрстка сайта адаптивна, хорошо отображается на мобильных устройствах и десктопах.
Главная страница выполнена в виде лендинга.
Библиотеки и фреймворки, которые я использовал:
- FlexboxGrid.css – модульная бутстрап подобная сетка на флексбоксах;
- LazyLoad.js – jQuery плагин для добавления “ленивой” загрузки изображений;
- Superembed.js – обнаруживает встроенное видео популярных видеосервисов и делает его адаптивным;
- Fancybox.js – jQuery плагин для создания модальных окон и галлереи;
- jQuery -популярный JavaScript фреймворк;
- Slick.js – популярный слайдер.
В проекте вёрстки предусмотрены следующие шаблоны страниц:
Подписаться
0 комментариев