AstraUkraine

Выполнил задачу: html-вёрстка сайта.

Сайт предназначенного для привлечения иностранных абитуриентов на обучение на Украине.

Отдельно дизайн для сайта не создавался, поєтому страницы свёрстаны по образцу с из нескольких psd-шаблонов доноров.

Вёрстка адаптивна, кросс-браузерная, в дальнейшем интегрировалась на CMS WordPress. На главной странице предусмотрена анимация при прокрутке и “ленивая” загрузка изображений.

Были свёрстаны такие шаблоны страниц как:

• главная;
• блог / категория;
• постоянная страница / запись блога;
• страница ошибки 404;
• страница результатов поиска.

Чем я занимался в проекте

• разработка структуры главной страницы;
• подбор psd-шаблона;
• html-вёрстка.

Библиотеки и фреймворки, которые я использовал

• FlexboxGrid.css – модульная бутстрап подобная сетка на флексбоксах
• LazyLoad.js – jQuery плагин для добавления “ленивой” загрузки изображений
• Superembed.js – обнаруживает встроенное видео популярных видеосервисов и делает его адаптивным
• Fancybox.js – jQuery плагин для создания модальных окон и галлереи
• jQuery -популярный JavaScript фреймворк;
• Slick.js – популярный слайдер
• WOW.js – анимация элементов при прокрутке страницы, WOW.js позволяет отложить запуск анимации элементов до момента их отображения на экране при прокрутке страницы. Разработчик WOW.js рекомендует использовать Animate.css для анимации.
• Animate.css – библиотека css-анимации для сайта, поддерживает более 70 эффектов.