Всем привет, дорогие друзья! Это очередной выпуск рубрики "Практика верстки" и сегодня мы сверстаем симпатичный вертикальный таймлайн. Задача будет усложнена однородностью HTML кода и использованием Bootstrap 4 Sass-примесей для позиционирования колонок и блоков.
Готовый результат: Смотреть
Полезные ссылки:
- Исходники урока: Скачать с GitHub
- Стартер: OptimizedHTML 4
- Дополнительный урок #1: Bootstrap 4. Сетка. Подробное руководство
- Дополнительный урок #2: OptimizedHTML 4: Стартовый шаблон для верстки сайтов
- Геометрические UTF-8 символы: UTF-8 Geometric Shapes
Премиум уроки от WebDesign Master
Другие уроки по теме «Верстка»
- Создание красивого сайта с горизонтальным Parallax эффектом | Материалы урока
- Создание сайта портфолио с крутой анимацией | Материалы урока
- Создание красивого сайта с Parallax эффектом при скролле | Материалы урока
- Создание Parallax эффекта на сайте при движении мыши | Материалы урока
- Создание красивого сайта с поддержкой темной темы (HTML, CSS, GSAP) | Материалы урока
- Создание крутого 3D сайта с анимацией прокрутки | Материалы урока