Тестовая страница

На этой странице размещены примеры отображения отдельных тегов и блоков для этого сайта.

Максимальная ширина контента страницы ограничена шириной блока с классом wrap.

Заголовок h2

3аголовок h3

3аголовок h4

Заголовок секции

Если необходимо, возможно разместить контент секциями - у секции широкий отступ снизу от 80рх до 30px в зависимости от ширины экрана

Блок с отступом на светлом фоне на всю ширину контента. Внутри таких блоков возможно размещение любого контента.

Блок с двойным отступом на желтом фоне всю ширину контента. Можно размещать изображения, галереи, слайдеры

Разметка блоков

Левый блок с отступом c на светлом фоне. Внутри таких блоков возможно размещение любого контента.

Правый блок с отступом на светлом фоне. Можно размещать изображения, галереи, слайдеры.

Разметка адаптивных блоков

Текстовый блок с отступом на светлом фоне. Высота блоков зависит от контента, размещенного внутри блока

Текстовый блок с двойным отступом, бордером с радиусом 5px и тенью

Простое изображение с затемнением и c применением Lazy Load

Изображение с hover-эффектом и ссылкой на галерею c применением Lazy Load

Цитаты

Цитата с правым выступом

Цитата с кавычками

Цитата с левым выступом и кавычками

Элементы

Простая ссылка

Кнопка

Блок с раскрывающимся текстом

Если высота контента в блоке больше чем высота блока - нижняя часть текста скрывается и появляестся ссылка для просмотра всего текста. При нажати на ссылку весь текст раскрывается.

В этом блоке высота текста задана 140px.

ОткрытьСкрыть