WebDesign Master
Курсы
Адаптивная HTML верстка вертикального таймлайна

Адаптивная HTML верстка вертикального таймлайна

Всем привет, дорогие друзья! Это очередной выпуск рубрики "Практика верстки" и сегодня мы сверстаем симпатичный вертикальный таймлайн. Задача будет усложнена однородностью HTML кода и использованием Bootstrap 4 Sass-примесей для позиционирования колонок и блоков.

Адаптивная HTML верстка вертикального таймлайна - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Готовый результат: Смотреть

Полезные ссылки:

  • Исходники урока: Скачать с GitHub
  • Стартер: OptimizedHTML 4
  • Дополнительный урок #1: Bootstrap 4. Сетка. Подробное руководство
  • Дополнительный урок #2: OptimizedHTML 4: Стартовый шаблон для верстки сайтов
  • Геометрические UTF-8 символы: UTF-8 Geometric Shapes

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «Верстка»

  • Создание красивого сайта с поддержкой темной темы (HTML, CSS, GSAP)
  • Создание крутого 3D сайта с анимацией прокрутки
  • Создание потрясающей галереи на HTML, CSS и JavaScript
  • Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном
  • Создание крутого Swiper-слайдера от А до Я | Материалы курса
  • Создание пользовательского курсора с красивой анимацией. CSS / JavaScript / GSAP. Видеоурок и материалы

Разделы

  • Курсы
  • Инструменты
  • Веб-дизайн
  • Верстка
  • CMS

Полезное

  • Настройка WSL
  • Окружение без WSL
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp
2022 © WebDesign Master