Main content

Typography

Headings

h1. Dolor Rhoncus Arcu Vivamus At

h2. Aenean Amet Sit Eget Dolor Nunc Tempor Placerat

h3. Eu Scelerisque Condimentum

h4. Ligula Augue Justo

h5. Vivamus Consectetur Lacinia Ligula Vehicula
h6. Sed Ultrices Blandit Nunc Justo Pellentesque Ante Diam

Lead

Sit nibh eget tempor facilisi amet elit dui mi enim

Styles

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

And this is a muted text.

abbr abbr+init

Colors

.text-primary .text-secondary .text-success .text-danger .text-warning .text-info .text-light .text-dark .text-white

Primary link Secondary link Success link Danger link Warning link Info link Light link Dark link White link

Inline code

For example, <section> should be wrapped as inline.

y = m x + b

To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,

This text is meant to be treated as sample output from a computer program.

Displays

Display 1

Display 2

Display 3

Display 4

Sample body

Aliquam laoreet erat ipsum, id bibendum mauris dictum at. Etiam ut elit arcu. Ut quis finibus dolor. Sed diam urna, iaculis non lectus interdum, suscipit auctor orci. Etiam at vulputate mauris. Sed hendrerit non ipsum at sodales. Vivamus venenatis odio in justo blandit aliquam quis eu libero. Sed molestie lobortis ante ac faucibus. Proin quis metus eget enim consequat porta.

Porta enim neque etiam urna aenean arcu. Sed nunc finibus laoreet suscipit suscipit nunc facilisis placerat enim tincidunt tellus etiam facilisi tincidunt. Ipsum augue risus porta aenean blandit justo purus fringilla.

Code block


/*
 * @author John Smith <john.smith@example.com>
 */
package l2f.gameserver.model;

public abstract class L2Char extends L2Object {
	public static final Short ERROR = 0x0001;

	public void moveTo(int x, int y, int z) {
		_ai = null;
		log("Should not be called");
		if (1 > 5) { // wtf!?
			return;
		}
	}
}

Blockquote

Facilisi nibh venenatis ultrices mollis risus eu eget mi et nunc. Ac mauris fringilla suscipit vehicula facilisi at urna. Risus ultrices finibus rhoncus porta purus adipiscing.

Someone famous in Source Title

...centered

Ipsum tempor odio ipsum risus neque mattis condimentum vulputate fringilla porta ante mollis. Nulla ut mi rhoncus pretium sed tempor dictum lorem.

Someone famous in Source Title

...on right

Mauris pretium consectetur condimentum laoreet eu nibh arcu arcu amet ipsum et facilisi purus laoreet. Mollis facilisis suscipit ipsum laoreet ante.

Someone famous in Source Title

List

  • Et
  • Finibus tempor mattis lorem etiam odio
    • Rhoncus tellus pellentesque dolor congue etiam venenatis aenean lorem nibh
    • Fringilla sit nullam
      • Eu metus arcu pretium congue mollis mattis
    • Tincidunt enim nullam facilisi metus
  • Ante porta suscipit

...unstyled

  • Ut purus justo eu justo tempor
  • Scelerisque facilisi
    • Proin metus mattis
    • Facilisis suscipit diam neque tincidunt dolor blandit
      • Blandit sit et lacinia finibus lorem
    • Odio eu proin
  • Finibus viverra

...inline

  • Risus rhoncus aenean eget facilisi neque
  • Vivamus dolor enim sit nulla amet tellus
  • Id facilisi mi eu elit diam dictum dolor ut urna

Definition list

Description lists
A description list is perfect for defining terms.
Euismod

Placerat congue mollis aenean enim.

Purus
Lorem justo nunc mollis mollis placerat placerat
Truncated term is truncated
Condimentum vivamus
Nesting
Diam dui condimentum rhoncus neque vulputate elit ipsum nullam
Lorem dictum mollis tincidunt fringilla suscipit arcu

Background colors

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white