Вёрстка проекта сайта приёмной комиссии - Портфолио chomovva

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

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

Скрин главной страницы
vote
Article Rating
Подписаться
Уведомление о
guest
0 Комментарий
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x