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

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

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

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

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

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

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

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

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

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

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

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

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

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

Другие уроки по теме «HTML и CSS»

  • Создание крутого Swiper-слайдера от А до Я.
    Джедай вёрстки #8. Материалы курса
  • Адаптивная вёрстка галереи без JS. HTML + CSS target. Работа с изображениями (Retina img)
  • Bootstrap 4. Сетка. Подробное руководство
  • CSS Grid: адаптивная верстка реального макета
  • CSS Grid: Новый взгляд на адаптивную верстку сайтов. Руководство

Разделы сайта:

  • Курсы
  • HTML и CSS
  • Веб-дизайн
  • Инструменты
  • Оффтоп
  • MODX
  • WordPress
  • jQuery
  • Адаптивный веб-дизайн
  • Создание иконок
  • Обработка изображений
  • Иллюстрации и Инфографика
  • Интерфейсы UI/UX
  • Прототипирование
  • JavaScript
  • Хостинг

Полезные ресурсы:

  • Lazy Load Placeholder
  • Документация Gulp 4
  • Рабочее место разработчика
2021 © WebDesign Master