Оформление текста

Заголовок H1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.

Заголовок H2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.

Заголовок H3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.

Заголовок H4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.

Заголовок H5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.

Заголовок H6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.

Заголовок

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin placerat velit ac augue volutpat vitae suscipit lacus viverra. Vivamus adipiscing fringilla sem, sit amet gravida felis fringilla non. Cras vitae aliquet nisl. Nulla facilisi. Praesent facilisis vulputate nunc, et sagittis nibh eleifend sit amet. Nam ultrices aliquet quam, sed sollicitudin mi iaculis ac. Mauris id sapien nec libero dapibus gravida. Vivamus auctor metus sit amet magna feugiat elementum. Integer blandit velit quis leo bibendum vel venenatis eros ultrices. Maecenas adipiscing elementum sem aliquet congue. Proin tincidunt volutpat augue et accumsan. Sed blandit nisl at enim suscipit interdum. Vivamus at elit massa. Quisque sit amet mauris orci, sit amet tincidunt elit. Proin dolor arcu, euismod quis interdum nec, eleifend et massa.

<div class="wrapper">
        <div class="grid_9">
        < -- ваш текст -- >
        </div>
        </div>

Заголовок

Aliquam sit amet mauris felis, lacinia tincidunt ligula. Nunc vestibulum ornare mi vitae porttitor. Phasellus egestas consequat feugiat. Fusce ut elit eget neque tincidunt pretium. Quisque sodales massa at nunc egestas bibendum. Vivamus metus massa, tincidunt non viverra sit amet, viverra at metus. Aliquam ut tellus mauris, in gravida enim. Proin sit amet nunc odio, ut convallis nisi. Etiam ut turpis vel nisl facilisis suscipit sit amet quis dui. Suspendisse odio mauris, semper sed semper sed, mattis eget mi. Nulla facilisi. Integer feugiat mattis semper. Ut hendrerit ipsum et urna elementum vel pellentesque ante ornare. Duis tellus nisi, aliquet in suscipit nec, blandit in ipsum.

Заголовок

Aliquam sit amet mauris felis, lacinia tincidunt ligula. Nunc vestibulum ornare mi vitae porttitor. Phasellus egestas consequat feugiat. Fusce ut elit eget neque tincidunt pretium. Quisque sodales massa at nunc egestas bibendum. Vivamus metus massa, tincidunt non viverra sit amet, viverra at metus. Aliquam ut tellus mauris, in gravida enim. Proin sit amet nunc odio, ut convallis nisi. Etiam ut turpis vel nisl facilisis suscipit sit amet quis dui. Suspendisse odio mauris, semper sed semper sed, mattis eget mi. Nulla facilisi. Integer feugiat mattis semper. Ut hendrerit ipsum et urna elementum vel pellentesque ante ornare. Duis tellus nisi, aliquet in suscipit nec, blandit in ipsum.

<div class="wrapper">
        <div class="grid_4">
        <-- ваш текст -->
        </div>
        <div class="grid_4">
        <-- ваш текст -->
        </div>
        </div>

Картинка выровненная по левому или правому краю

Donec in velit vel ipsum auctor pulvinar aesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Aenean auctor wisi et urna.

Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Intger rutrum ante eu lacus. faucibus orci luctus et ultrices usce feugiat malesuada odio.Morb nunc odio, gravida at, cursus nec, luctus a, lorem.


                                <div class="wrapper">
                                <figure class="img-indent">
                                <img src="images/test.jpg" alt="">
                                </figure>
                                Simple text ...
                                </div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulu- mmolestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient motes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec nonummy hendrerit mauris molestie.

scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curaes uspendissesollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit magna, hendrerit sit amet, tincidunt ac.


                                <div class="wrapper">
                                <figure class="img-indent-r">
                                <img src="images/test.jpg" alt="">
                                </figure>
                                Simple text ...
                                </div>

Оформление таблиц

Это простая таблица с 5 колонками и 5 строками.

Заголовок 1 Заголовок 2 Заголовок 3 Заголовок 4 Заголовок 5
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Ячейка 5

Оформление других элементов

  • Это аббривиатура <abbr> </abbr>
  • Это выделенный текст <strong> </strong>
  • Это особый текст <em> </em>
  • Это жирный текст <b> </b>
  • Это курсивный текст <i> </i>
  • Это текст цитаты <cite> </cite>
  • Это маленький текст <small> </small>
  • Это большой текст <big> </big>
  • Это перечеркнутый текст <del> </del>
  • Это выделенный текст <ins> </ins>
  • Это выделенный текст <dfn> </dfn>
  • Это “текст цитаты” <q> </q>

Кнопки и ссылки

Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam.

Подробнее Любая другая кнопка Читать далее 
<a href="#" class="button">Подробнее</a>

Списки

<ul class="list-1">
                                <li>Sample text</li>
                                <li>Sample text</li>
                                <li><a href="#"></a>
                                <ul>
                                <li>sample text</li>
                                <li>sample text</li>
                                </ul>
                                </li>
                                </ul>
  1. Etuer adipiscing itesent enean nonu
  2. Msumyen hassumellus portasuscip
  3. Integer rutre eu lacibuci luct utrie
  4. Cubilia ndisse sollicerisque vitit
  5. Udin velit sed lerrasu nec podiam eu
  6. Quissumque diam lorem
<ol class="ol-list-1">
                                <li>Sample text</li>
                                <li>Sample text</li>
                                <li><a href="#"></a>
                                <ul>
                                <li>sample text</li>
                                <li>sample text</li>
                                </ul>
                                </li>
                                </ol>

Цитирование

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit.

Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat.

<blockquote class="quotes-1">Suspendisse semper bibendum...</blockquote>