Всем привет, дорогие друзья! Это очередной выпуск рубрики "Практика верстки" и сегодня мы сверстаем симпатичный вертикальный таймлайн. Задача будет усложнена однородностью HTML кода и использованием Bootstrap 4 Sass-примесей для позиционирования колонок и блоков.
Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Готовый результат: Смотреть
Полезные ссылки:
- Исходники урока: Скачать с GitHub
- Стартер: OptimizedHTML 4
- Дополнительный урок #1: Bootstrap 4. Сетка. Подробное руководство
- Дополнительный урок #2: OptimizedHTML 4: Стартовый шаблон для верстки сайтов
- Геометрические UTF-8 символы: UTF-8 Geometric Shapes
Премиум уроки от WebDesign Master
Другие уроки по теме «HTML и CSS»
- Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном - Материалы урока
- HTML верстка «ленивого» слайдера | Верстка макета Figma. Часть 6 | Создание коммерческого сайта от А до Я. Урок 21
- Карточки эквивалентной высоты, анимация | HTML верстка макета Figma. Часть 5 | Создание коммерческого сайта от А до Я. Урок 20
- Верстка модального окна Micromodal.js | HTML верстка макета Figma. Часть 4 | Коммерческий сайт от А до Я. Урок 19
- Анимированный слайдер на Swiper.js | HTML верстка макета Figma. Часть 3 | Коммерческий сайт от А до Я. Урок 18
- HTML верстка макета Figma. Часть 2 | Создание коммерческого сайта от А до Я. Урок 17