Tool Bar
Webriq logo
Notifications

Typography

Headers

Basic styling on header tags. In the example, you can see the 6 header tags' different sizes.

h1. Heading Secondary text

h2. Heading Secondary text

h3. Heading Secondary text

h4. Heading Secondary text

h5. Heading Secondary text
h6. Heading Secondary text

Body

Standard body.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam iaculis tincidunt tristique. Curabitur suscipit sollicitudin accumsan. Pellentesque ac leo at lectus mollis accumsan. Nullam ipsum ex, lobortis ut finibus vel, vestibulum eget lacus. Fusce sed faucibus enim. Fusce commodo scelerisque tempor. Donec gravida fringilla hendrerit. Donec nisl nibh, ornare vitae imperdiet vitae, tincidunt et libero. Sed cursus nibh eu leo volutpat faucibus non sit amet lacus. Integer at condimentum ligula. Aliquam erat volutpat. Donec in facilisis mi, et euismod elit. Mauris vehicula leo dui.


p Your text...

<p>Your text...</p>

Lead body

Make a paragraph stand out.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam iaculis tincidunt tristique. Curabitur suscipit sollicitudin accumsan. Pellentesque ac leo at lectus mollis accumsan. Nullam ipsum ex, lobortis ut finibus vel, vestibulum eget lacus. Fusce sed faucibus enim. Fusce commodo scelerisque tempor. Donec gravida fringilla hendrerit. Donec nisl nibh, ornare vitae imperdiet vitae, tincidunt et libero. Sed cursus nibh eu leo volutpat faucibus non sit amet lacus. Integer at condimentum ligula. Aliquam erat volutpat. Donec in facilisis mi, et euismod elit. Mauris vehicula leo dui.


p.lead Your text...

<p class="lead">Your text...</p>

Blockquote

Blockquotes are mainly used to give emphasis to a quote or citation. You can also use these for some extra text hierarchy and emphasis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi lacus, pretium lacinia elit sed, viverra cursus nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Pretium Lacinia

blockquote
  p
    | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi lacus, pretium lacinia elit sed, viverra cursus nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  footer
    cite(title='Pretium Lacinia') Pretium Lacinia

<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi lacus, pretium lacinia elit sed, viverra cursus nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    <footer><cite title="Pretium Lacinia">Pretium Lacinia</cite></footer>
</blockquote>