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