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