Марафон вёрстки 6.0
Посмотри, как верстают реальные сайт под Wordpress
Урок №1
Создаем шапку сайта

Получите PSD макет и все материалы к нему по ссылке: http://glo.academy/wp-playlist

Ссылка на сайт Bootstrap 4: http://getbootstrap.com
Сервис для работы с макетами Avocode: https://avocode.com
Справочник HTML/CSS на русском языке: http://webref.ru
Документация Sass на русском https://sass-scss.ru
Документация Sass на анлглийском http://sass-lang.com

Больше контента здесь: https://vk.com/glo_academy
Урок №2
Работаем над левым сайтбаром и контентной частью

Получите PSD макет и все материалы к нему по ссылке: http://glo.academy/wp-playlist

Ссылка на сайт Bootstrap 4: http://getbootstrap.com
Сервис для работы с макетами Avocode: https://avocode.com
Справочник HTML/CSS на русском языке: http://webref.ru
Документация Sass на русском https://sass-scss.ru
Документация Sass на анлглийском http://sass-lang.com
Крутой слайдер на jQuery - Slick Slider http://kenwheeler.github.io/slick/

Больше контента здесь: https://vk.com/glo_academy
Урок №3
На этом уроке мы займемся версткой футера.
Приступим!

Получите PSD макет и все материалы к нему по ссылке: http://glo.academy/wp-playlist

Ссылка на сайт Bootstrap 4: http://getbootstrap.com
Сервис для работы с макетами Avocode: https://avocode.com
Справочник HTML/CSS на русском языке: http://webref.ru
Документация Sass на русском https://sass-scss.ru
Документация Sass на анлглийском http://sass-lang.com
Сервис для составления своих шрифтовых иконок http://fontello.com

Больше контента здесь: https://vk.com/glo_academy
Урок №4
Приступаем к адаптиву!

Получите PSD макет и все материалы к нему по ссылке: http://glo.academy/wp-playlist

Ссылка на сайт Bootstrap 4: http://getbootstrap.com
Сервис для работы с макетами Avocode: https://avocode.com
Справочник HTML/CSS на русском языке: http://webref.ru
Документация Sass на русском https://sass-scss.ru
Документация Sass на анлглийском http://sass-lang.com
Сервис для составления своих шрифтовых иконок http://fontello.com
Крутой слайдер на jQuery - Slick Slider http://kenwheeler.github.io/slick/

Больше контента здесь: https://vk.com/glo_academy
Урок №5
Верстаем страницу "О компании" и "Контакты"

Получите PSD макет и все материалы к нему по ссылке: http://glo.academy/wp-playlist

Ссылка на сайт Bootstrap 4: http://getbootstrap.com
Сервис для работы с макетами Avocode: https://avocode.com
Справочник HTML/CSS на русском языке: http://webref.ru
Документация Sass на русском https://sass-scss.ru
Документация Sass на анлглийском http://sass-lang.com

Больше контента здесь: https://vk.com/glo_academy
Урок №6
Приступаем к вёрстке калькулятора!

Получите PSD макет и все материалы к нему по ссылке: http://glo.academy/wp-playlist

Ссылка на сайт Bootstrap 4: http://getbootstrap.com
Сервис для работы с макетами Avocode: https://avocode.com
Справочник HTML/CSS на русском языке: http://webref.ru
Документация Sass на русском https://sass-scss.ru
Документация Sass на анлглийском http://sass-lang.com
Библиотека для стилизации ползунка Powerange: http://abpetkov.github.io/powerange/
Помощь в изучении jQuery http://jquery.page2page.ru

Больше контента здесь: https://vk.com/glo_academy
Нажми на кнопку и узнай подробнее об обучении в Академии!
Made on
Tilda