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 эффектов.

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