Верстка проекту сайту приймальної комісії
Верстка проекту сайту приймальної комісії. Верстка адаптивна, виконана на 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 Коментарі