Типографика

Позаботьтесь о типографике, чтобы улучшить пользовательский опыт для ваших читателей. Как этого добиться?

Узнайте больше о типографике, особенно о наиболее часто используемых элементах, таких как абзацы, заголовки, списки и т. д.
Этот шаблон имеет валидный HTML-код, но если вы хотите сохранить его в таком виде, вам необходимо изучить и соблюдать принципы HTML.
Ознакомьтесь со стилями CSS, которые поставляются с этим шаблоном.

Heading 1

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero.

Heading 2

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero.

Heading 3

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero.

Heading 4

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero.

Paragraph with Big First Letter

This is a dropcap style applied to a paragraph of text. To use it, apply class of dropcap to your paragraph of text. To have a quote styled like that, apply "dropcap" class.

Quote/Citation

My mother said to me, "If you are a soldier, you will become a general. If you are a monk, you will become the Pope." Instead, I was a painter, and became Picasso... To have a quote styled like that, apply "quote" class.

Notice Styles with Background Color

Это предупреждающее сообщение, которое вы можете использовать в своем тексте. Просто добавьте класс «warning» к своим абзацам, чтобы добиться этого эффекта. Остальная часть текста является просто заполнителем. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

Это информационное сообщение, которое вы можете использовать в своем тексте. Просто добавьте класс «info» к своим абзацам, чтобы добиться этого эффекта. Остальная часть текста является просто заполнителем. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

Это сообщение об ошибке, которое вы можете использовать в своем тексте. Просто добавьте класс «error» к своим абзацам, чтобы добиться этого эффекта. Остальная часть текста является просто заполнителем. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

Notice Styles with Outline

Это предупреждающее сообщение, которое вы можете использовать в своем тексте. Просто добавьте класс «warning outline» к своим абзацам, чтобы добиться этого эффекта. Остальная часть текста является просто заполнителем. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

Это информационное сообщение, которое вы можете использовать в своем тексте. Просто добавьте класс «info outline» к своим абзацам, чтобы добиться этого эффекта. Остальная часть текста является просто заполнителем. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

Это сообщение об ошибке, которое вы можете использовать в своем тексте. Просто добавьте класс «error outline» к своим абзацам, чтобы добиться этого эффекта. Остальная часть текста является просто заполнителем. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

Typewriter Style

This is a typewriter message you may use in your text. Simply add "typewriter" class to your paragraphs to achieve this effect. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

1 This is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph and add class "p_number" to the paragraph.

2 This is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph and add class "p_number" to the paragraph.

A This is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph and add class "p_number" to the paragraph.

B This is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph and add class "p_number" to the paragraph.

Unordered List

list element one
list element two
list element three
list element four

Ordered List

list element one
list element two
list element three
list element four

Arrow list sample:

to achieve this effect
add class "arrow"
to the list block

Arrow left list sample:

to achieve this effect
add class "arrowleft"
to the list block

Calendar list sample:

to achieve this effect
add class "calendar"
to the list block

Check list sample:

to achieve this effect
add class "checklist"
to the list block

Delete list sample:

to achieve this effect
add class "delete"
to the list block

Email list sample:

to achieve this effect
add class "email"
to the list block

File list sample:

to achieve this effect
add class "file"
to the list block

Folder list sample:

to achieve this effect
add class "folder"
to the list block

Heart list sample:

to achieve this effect
add class "heart"
to the list block

Information list sample:

to achieve this effect
add class "information"
to the list block

Lock list sample:

to achieve this effect
add class "lock"
to the list block

Pencil list sample:

to achieve this effect
add class "pencil"
to the list block

Person list sample:

to achieve this effect
add class "person"
to the list block

RSS list sample:

to achieve this effect
add class "rss"
to the list block

Shopping list sample:

to achieve this effect
add class "shop"
to the list block

Song list sample:

to achieve this effect
add class "song"
to the list block

Star list sample:

to achieve this effect
add class "star"
to the list block

Trash list sample:

to achieve this effect
add class "trash"
to the list block

Tweak list sample:

to achieve this effect
add class "tweak"
to the list block

Unlock list sample:

to achieve this effect
add class "unlock"
to the list block

Warning list sample:

to achieve this effect
add class "warn"
to the list block

CSS3 Columns

Two columns - use paragraph with class "two-cols"

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Three columns - use paragraph with class "three-cols"

Four columns - use paragraph with class "four-cols"

Five columns - use paragraph with class "five-cols"

Шесть столбцов — используйте абзац с классом «six-cols»

Долгое время, когда у нас появилась свобода выбора, у нас не было никаких ограничений; я мог делать все, что мне больше всего нравилось. Lorem ipsum. dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Включен набор значков Font Awesome

Font Awesome — это набор шрифтов-иконок, который насчитывает более 1600 векторных иконок. Иконки масштабируются и отлично смотрятся в любом размере. Кроме того, шрифты-иконки лучше подходят для скорости сайта, чем обычные изображения-иконки, поскольку загружается только один файл. Вы можете легко включить эти иконки в свои статьи или модули, добавив блоки иконок.

Ваш личный астролог

В свободный момент, когда мы расслабились, у нас нет другого выбора, кроме как отказаться от конгу; я не могу делать то, что мне нравится больше всего.

Моя биография

Типографика

Heading 1

Heading 2

Heading 3

Heading 4

Paragraph with Big First Letter

Quote/Citation

Notice Styles with Background Color

Notice Styles with Outline

Typewriter Style

Unordered List

Ordered List

Arrow list sample:

Arrow left list sample:

Calendar list sample:

Check list sample:

Delete list sample:

Email list sample:

File list sample:

Folder list sample:

Heart list sample:

Information list sample:

Lock list sample:

Pencil list sample:

Person list sample:

RSS list sample:

Shopping list sample:

Song list sample:

Star list sample:

Trash list sample:

Tweak list sample:

Unlock list sample:

Warning list sample:

CSS3 Columns

Two columns - use paragraph with class "two-cols"

Three columns - use paragraph with class "three-cols"

Four columns - use paragraph with class "four-cols"

Five columns - use paragraph with class "five-cols"

Шесть столбцов — используйте абзац с классом «six-cols»

Включен набор значков Font Awesome

Ваш личный астролог

Шаблон

Страницы

О нас