Вёрстка проекта сайта приёмной комиссии

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 – популярный слайдер.

В проекте вёрстки предусмотрены следующие шаблоны страниц:

• Главная
• Блог
• Страница
• Страница с меню
• Образовательная программа
• 404
• Область знаний
• Специальность
• Образовательные программы
• Результаты поиска