Марафон вёрстки 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
Нажми на кнопку и узнай подробнее об обучении в Академии!
Узнать об обучении
Академия Верстки
VK
Youtube
Telegram