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