Это страница, демонстрирующая работу NTH-фреймворка версии 1.2. Подробнее о фреймфорке — на сайте автора.

Заголовок 1

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.Etiam viverra augue non enim.Etiam viverra augue non.

Читать далее

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.Morbi convallis felis vel nibh. Etiam viverra augue non enim.Morbi convallis felis vel nibh.

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.Morbi convallis felis vel nibh. Etiam viverra augue non enim.Morbi convallis felis vel nibh.

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.Morbi convallis felis vel nibh. Etiam viverra augue non enim.Morbi convallis felis vel nibh.

Заголовок 2

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Заголовок 3

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Заголовок 4

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Заголовок 5

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Заголовок 6

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

В западной традиции в качестве рыбы используется кусок латинского текста из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.

В западной традиции в качестве рыбы используется кусок латинского текста из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.

В западной традиции в качестве рыбы используется кусок латинского текста из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.Morbi convallis felis vel nibh. Etiam viverra augue non enim.Morbi convallis felis vel nibh.

Тег <address>: Россия, Санкт-Петербург, 000 000, Ул. Пети Пупкина, д. 12, Кв. 6

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.Etiam viverra augue non enim.Etiam viverra augue non.

h5 {font-size: 1.2em; margin: 1.33em 0 .67em}
h6 {font-size: 1.0em; margin: 1.6em 0 .8em}
cite, em, dfn, i {font-style: italic}
#test {}
 /* комментарий */
.test {}
code, kbd, samp, pre, tt, var {font-size: 92%; font-family: "Lucida Console", "Courier New", Courier, monospaced;}
pre code {font-size: 100%} 
pre {border:1px solid #d4d4d4; width:100%!important; overflow:scroll; position:relative; padding:.5em}
del, strike, s  {text-decoration: line-through; color: #666}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<div>
  <ul id="sur">
    <li>Пункт 01</li>
    <li>Пункт 02</li>
    <li><a href="#">Контакт</a></li>
    <li>Пункт 05</li>
  </ul>
  <!-- тут комментарий -->
  <p class="jopa">Sed scelerisque sagittis lorem. Phasellus sodales.</p>
</div>

Тег <a>: ссылка
Тег <abbr>: ГОУВПОСПбГМА
Тег <acronym>: замполит
Тег <b>: старожирный текст
Тег <big>: как бы, большой текст
Тег <cite>: цитата
Тег <code>: код PHP
Тег <del>: текст, который удален
Тег <dfn>: Кернинг
Тег <em>: акцентированный текст
Тег <i>: наклонный текст
Тег <ins>: добавленный в новую версию документа текст
Тег <kdb>: <Alt>+<Backspace>
Тег <q>: цитата в тексте, некорректно воспринимаемая IE
Тег <s>: зачеркнуто
Тег <samp>: вывод результата работы скрипта
Тег <small>: как бы, маленький текст
Тег <strike>: зачеркнуто
Тег <strong>: жирный текст
Тег <sub>: _{нижний индекс}
Тег <sup>: ^{верхний индекс}
Тег <tt>: моноширный текст
Тег <var>: $pupnik
Тег <u>: подчеркнуто

---

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

• Пункт 01
  • Пункт 01
    • Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo.
    • Пункт 02
    • Пункт 03
  • Пункт 02
  • Пункт 03
• Пункт 02
• Пункт 03

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Следующий нумерованный список имеет класс "relative" (это прижимает его к предыдущему параграфу):

1. Пункт 01
2. Пункт 02
3. Пункт 03

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

1. Пункт 01
2. Пункт 02
3. Пункт 03
   • Подпункт 03-01
   • Подпункт 03-02
     1. Подпункт 3-го уровня
     2. Подпункт 3-го уровня
   • Подпункт 03-03
   • Подпункт 03-04
4. Пункт 04
5. Пункт 05

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Термин 01

Определение термина 01

Термин 02

Определение термина 02

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Заголовок таблицы

thead th	05		thead td
tfoot th	500		tfoot td
tbody th		Sed scelerisque sagittis lorem.	tbody td
tbody td		Sed scelerisque sagittis lorem.	tbody td
tbody td		Sed scelerisque sagittis lorem.	tbody td
tbody td		Sed scelerisque sagittis lorem.	tbody td
tbody td		Sed scelerisque sagittis lorem.	tbody td
tbody td		Sed scelerisque sagittis lorem.	tbody td
tbody td		Sed scelerisque sagittis lorem.	tbody td

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Form legend

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Text input:

radio1
radio2
radio3

Checkbox:

Select field: Option 01Option 02

Textarea:
Textarea text

Button:

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.