Текст, заголовки
Заголовки
Заголовок 1: <h1>, <p class="h1">
Заголовок 1: <h1 class="text-center">, <p class="h1 text-center">
Заголовок 2: <h2>, <p class="h2">
Заголовок 3: <h3>, <p class="h3">
Заголовок 4: <h4>, <p class="h4">
Заголовок 5: <h5>, <p class="h5">
Заголовок 6: <h6>, <p class="h6">
Шрифты
font-weight:300 (прописывать руками при необходимости)
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей.
Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
font-weight:400 (по умолчанию в тексте)
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей.
Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
font-weight:500 (жирный) <strong>
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей.
Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
font-weight:600 (жирный) <b>
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей.
Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
font-weight:700
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей.
Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Текст маленького размера class="small-text"
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей.
Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Текст очень маленького размера class="extra-small-text"
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей.
Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Позиционирование
Текст слева (по умолчанию, применять только если необходимо) class="text-left"
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio voluptates dolorem obcaecati, corporis repudiandae voluptatem id, earum alias dicta consectetur natus illo, recusandae et quidem porro maxime! Odit, ea, itaque?
Текст по центру class="text-center"
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio voluptates dolorem obcaecati, corporis repudiandae voluptatem id, earum alias dicta consectetur natus illo, recusandae et quidem porro maxime! Odit, ea, itaque? Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Текст по ширине class="text-justify"
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio voluptates dolorem obcaecati, corporis repudiandae voluptatem id, earum alias dicta consectetur natus illo, recusandae et quidem porro maxime! Odit, ea, itaque? Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Текст справа class="text-right"
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio voluptates dolorem obcaecati, corporis repudiandae voluptatem id, earum alias dicta consectetur natus illo, recusandae et quidem porro maxime! Odit, ea, itaque? Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Ссылки
Обычная ссылкаПунктирная ссылка с классом link-dash
class="link-dash" — применяется для контекстных окон (не ведущих на другие страницы)
Кусок текста H1
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis qui commodi vero nulla magnam similique modi vitae saepe. Ut harum fuga minima beatae atque adipisci obcaecati quam perferendis laboriosam recusandae.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis qui commodi vero nulla magnam similique modi vitae saepe. Ut harum fuga minima beatae atque adipisci obcaecati quam perferendis laboriosam recusandae.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis qui commodi vero nulla magnam similique modi vitae saepe. Ut harum fuga minima beatae atque adipisci obcaecati quam perferendis laboriosam recusandae.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis qui commodi vero nulla magnam similique modi vitae saepe. Ut harum fuga minima beatae atque adipisci obcaecati quam perferendis laboriosam recusandae.
Кусок текста H2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, esse! Nisi vel dolore excepturi hic. Fugiat nobis ut earum! Perspiciatis eaque excepturi beatae vero magni autem nulla repellat delectus ea.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Кусок текста H1
Кусок текста H2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, esse! Nisi vel dolore excepturi hic. Fugiat nobis ut earum! Perspiciatis eaque excepturi beatae vero magni autem nulla repellat delectus ea.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Кусок текста H3
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, esse! Nisi vel dolore excepturi hic. Fugiat nobis ut earum! Perspiciatis eaque excepturi beatae vero magni autem nulla repellat delectus ea.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Кусок текста H2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, esse! Nisi vel dolore excepturi hic. Fugiat nobis ut earum! Perspiciatis eaque excepturi beatae vero magni autem nulla repellat delectus ea.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Кусок текста H2
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, esse! Nisi vel dolore excepturi hic. Fugiat nobis ut earum! Perspiciatis eaque excepturi beatae vero magni autem nulla repellat delectus ea.
- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Кусок текста H2
Кусок текста H3
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate velit sunt doloribus earum animi laboriosam incidunt modi nihil reprehenderit deserunt necessitatibus dicta repellat, vel, assumenda explicabo culpa minus omnis a.
Кусок текста H4
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, esse! Nisi vel dolore excepturi hic. Fugiat nobis ut earum! Perspiciatis eaque excepturi beatae vero magni autem nulla repellat delectus ea.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Кусок текста H5
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum, esse! Nisi vel dolore excepturi hic. Fugiat nobis ut earum! Perspiciatis eaque excepturi beatae vero magni autem nulla repellat delectus ea.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis quo voluptas sequi dolor accusamus voluptate est nobis, vero nemo reiciendis adipisci beatae ratione doloremque corporis ut dolores quos architecto eius.
Изменение шрифтов при адаптиве
Размеры на desktop:
h1 - font-size: 52px; margin-bottom: 42px
h2 - font-size: 48px; margin-bottom: 48px
h3 - font-size: 38px; margin-bottom: 34px
h4 - font-size: 28px; margin-bottom: 24px
h5 - font-size: 22px; margin-bottom: 24px
p - font-size: 20px; margin-bottom: 12px
small-text - font-size: 17px;
extra-small-text - font-size: 15px;
Размеры на телефоне:
h1 - font-size: 32px; margin-bottom: 26px
h2 - font-size: 26px; margin-bottom: 26px
h3 - font-size: 22px; margin-bottom: 18px
h4 - font-size: 18px; margin-bottom: 18px
h5 - font-size: 12px; margin-bottom: 18px
p - font-size: 17px; margin-bottom: 12px
small-text - font-size: 15px;
extra-small-text - font-size: 15px;