Серия видео, в котором мы не только сделаем дизайн первого экрана, но и сверстаем его при помощи современных технологий (html5, css3, JavaScript, gulp)

Резюме по верстке:

  1. Адаптивная версия сайта на Bootstrap 5
  2. Адаптивное выпадающее меню
  3. Прелоадер (Preloader)
  4. Анимация CSS
  5. Оживление и интерактивность с помощью нативного JS

Ссылка на установку окружения - https://www.youtube.com/watch?v=HYuFw-YldjU


Ссылка на мою сборку Gulp - https://drive.google.com/file/d/1F-VPWjkK-XfgOMorQzoS0-F6byD_9stc/view?usp=sharing


Первый урок



Второй урок



Третий урок



Четвертый урок



Пятый урок



Шестой урок



Важно! Рекомендую ознакомиться с готовыми шаблонами Figma. В них вы сможете отработать новые для вас функции, объекты, фишки и т.д., которые вы узнали из данного урока. Ссылки на шаблоны: ссылка 1 и ссылка 2