Boilerplate
Table of Contents
- Headings Examples of headings for font size, line height and style reference.
- Paragraphs Default body text styles
- Characters Font special character support check for Romanian and Hungarian localization (commonly covered under Latin Extended subsets).
- Scripts Various special writing mode examples.
- Lists List style reference.
- Columns Custom column layout demonstration. Full support is from x/1 to x/10 columns.
- Tables Content table style reference.
- Images Inline image (and caption) style reference.
- Forms Interactive elements template presentation.
Headings
Maecenas et justo auctor
Vestibulum accumsan magna
Ut dapibus tortor egestas
Sed volutpat ex tempor
Ut blandit eros elementum
Dolor dignissim ultricies
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae eros lacus. Curabitur ultrices augue et lacinia aliquam. Maecenas porttitor diam elit, ac sollicitudin odio viverra nec. Integer convallis dui quis justo mattis, quis porttitor justo porttitor. Sed lobortis tempus fringilla. Maecenas a sagittis mauris. Vestibulum blandit convallis tellus. Pellentesque id sodales dui. Aliquam pretium odio a rhoncus ultrices. Mauris dignissim risus quis eros blandit sodales. Nullam vitae lobortis quam. Nam porta nulla mi, a molestie odio pulvinar non. Donec et orci rutrum, congue ligula id, aliquam nulla. Duis in finibus tellus. Vivamus nec dapibus massa, in pretium enim. Praesent quis hendrerit augue. Mauris quis placerat felis. Sed dignissim vel sem eget placerat. Curabitur non fermentum purus. Aenean ac metus mattis, fermentum neque vel, iaculis augue. Nam eget semper velit. Donec ligula erat, dictum non sem in, vestibulum venenatis nisi. Etiam id accumsan mi, at faucibus sem. Nulla facilisi.Characters
Headings
Ăă Ââ Îî Șș Țț Áá Éé Íí Óó Öö Őő Úú Üü Űű
Body text
Ăă Ââ Îî Șș Țț Áá Éé Íí Óó Öö Őő Úú Üü ŰűMonospaced
Ăă Ââ Îî Șș Țț Áá Éé Íí Óó Öö Őő Úú Üü Űű
Scripts
a tag (link), span tag (normal text), b tag (bold), strong tag (bold), i tag (italic), em tag (emphasis), u tag (underline),q tag(inline quote), cite tag (citation), dfn tag (definition), ABBR (abbreviation),
code tag
(inline code), kbd tag (keyboard input), samp tag (code sample)
Nullam interdum nulla id felis convallis egestas. Nulla a suscipit turpis, vitae efficitur neque. Integer at laoreet lacus. Phasellus at efficitur ante. Morbi feugiat elementum magna.– Block quote
Pre-formatted Code Name: John Smith Address: 123 Pine Ave. Phone: 555-1234
Lists
Unordered list
- Duis sodales nisl vestibulum sodales aliquam.
- Morbi id velit at velit ullamcorper suscipit.
- Morbi tempor mauris et congue blandit.
- Proin tincidunt nibh a nisi feugiat volutpat.
Ordered list
- In commodo massa eget odio tincidunt rutrum.
- Phasellus eget purus ultrices, venenatis lorem.
- Pellentesque id est ac est pharetra lacinia.
- In porttitor metus vitae semper facilisis.
Description list
- Donec tincidunt
- In malesuada nisl eget feugiat congue.
- Posuere mollis
- Pellentesque varius orci quis.
Columns
Size x / 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In erat nulla, imperdiet sit amet dapibus ac, euismod a est. Nullam lobortis vel nulla at ullamcorper. Proin pellentesque felis vitae lorem vulputate, ut feugiat tortor dignissim. Curabitur eget ligula ac orci ultrices consectetur eget id leo. Donec sem elit, vestibulum ac libero quis, mattis tempor quam. Proin viverra lobortis pharetra. Suspendisse mollis leo ipsum, vitae dictum mi fermentum in. Cras viverra vehicula tortor quis egestas.
Duis sit amet ultrices risus. Aenean leo sapien, efficitur ut placerat nec, scelerisque a felis. Quisque euismod libero ante, sed scelerisque magna mollis pellentesque. Aenean et eros faucibus, rutrum augue a, consectetur ligula. Nullam vel libero quam. Ut aliquet dolor fermentum dapibus consequat. Etiam rutrum, felis eu rutrum eleifend, erat lectus vestibulum felis, ac congue nibh massa vel turpis. Vestibulum vehicula scelerisque justo, nec pellentesque lorem tristique id. Etiam laoreet aliquet blandit. Curabitur ac tempus erat.
Size x / 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut arcu sit amet lacus malesuada elementum sed non nunc. Curabitur vulputate pellentesque velit, at congue dolor egestas at. Vivamus at risus facilisis, sollicitudin erat quis, vulputate magna. Sed sed risus a ipsum euismod consectetur.
Nullam et ipsum dolor. Pellentesque blandit auctor tincidunt. In non placerat libero. Curabitur dictum, est nec vestibulum hendrerit, lectus sem pharetra orci, et fringilla quam felis sit amet nibh. Cras sagittis tortor vitae magna sodales, eu tincidunt nisi gravida. Praesent vulputate non magna nec tempor.
Aenean rhoncus mattis massa, id convallis dui interdum a. Vestibulum ut tellus mollis, lacinia eros vel, vulputate diam. Praesent diam risus, lobortis quis molestie eu, posuere a tellus. Phasellus consequat et ligula ac pretium. Nunc fringilla ligula nec iaculis eleifend.
Tables
Basic
Name header | Value header | ||
---|---|---|---|
Name 1 | Value 1A | Value 1B | Value 1C |
Name 2 | Value 2A | Value 2B | Value 2C |
Name 3 | Value 3A | Value 3B | Value 3C |
Notes |
Data table
Name header | Value header | ||
---|---|---|---|
Name 1 | Value 1A | Value 1B | Value 1C |
Name 2 | Value 2A | Value 2B | Value 2C |
Name 3 | Value 3A | Value 3B | Value 3C |
Name 4 | Value 4A | Value 4B | Value 4C |
Name 5 | Value 5A | Value 5B | Value 5C |
Notes |
Images



