Типографика

Это стандартная ссылка

Это ссылка с инверсией цвета

Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.

По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. В отличии от lorem ipsum, текст рыба на русском языке наполнит любой макет непонятным смыслом и придаст неповторимый колорит советских времен.

Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.

text-left Выравнивание текста по левому краю

text-center Выравнивание текста по центру

text-right Выравнивание текста по правому краю

text-justify Выравнивание текста по ширине

text-uppercase Все символы текста становятся прописными (верхний регистр)

text-bold Жирный текст

small-text Маленький текст

Заголовок - h1

Заголовок - h2

Заголовок - h3

Заголовок - h4

Заголовок - h5

Заголовок - h6

Это класс с названием h1

Это класс с названием h2

Это класс с названием h3

Это класс с названием h4

Это класс с названием h5

Это класс с названием h6

headling-underline Светлое подчеркивание заголовка по правому краю

headling-underline_small Короткое подчеркивание заголовка

.headling-underline_full Полное светлое подчеркивание заголовка

.headling-underline_full-black Полное тёмное подчеркивание заголовка

Заголовок с картинкой - подложкой

Пример кода (указываем в style --bg-url и --bg-url-2x - свои пути для картинки и свой заголовок) для вставки:

Результат кода

Кнопка с классом btn

Кнопка с классом btn btn-grey

Кнопка с классом btn btn-primary

Кнопка с классом order-btn

Кнопка с классом order-btn order-btn_primary

Кнопка с классом order-btn order-btn_grey

Кнопка с классом order-btn order-btn_red

Чтобы открыть картинку в модальном окне - нужно обернуть её в ссылку с атрибутом data-fancybox с указанием пути к картинке в атрибуте data-src

Код для вставки:

Картинка в модальном окне <a href="#" data-fancybox="" data-src="/upload/invisible-doors/modal2.webp"><img src="/upload/invisible-doors/modal2orig.webp"></a>

Для нескольких картинок указываем одинаковый атрибут data-fancybox

Код для вставки: