Fork me on GitHub

Section with name Typography

Subsection with name Paragraphs

Paragraph with regular font.

Use <i> for italic text or <em> for emphasized text.
Use <b> for bold text or <strong> for strong text.
Use <tt> or <code> for monospaced text.

Use a regular <a> for a https link or a mailto link.

This is a notice, created by adding class note to an element.

This extra information, created by adding class smallinfo to an element, developed for the release dates below version headers in release notes.

Code

Wrap inline snippets of code with <code>.

Wrap multi line pieces of code with <source>:

  <repository>
    <id>hippo-forge</id>
    <name>Hippo Forge Maven 2 repository.</name>
    <url>https://maven.bloomreach.com/repository/maven2-forge/</url>
  </repository>

<source> element will be displayed in 'plain' mode by default , using SyntaxHighlighter automatically.

If you want to render the source in better syntax highlighting, then you can wrap the <source> by a <div> with brush option like <div class="brush: xml">...</div>. Then it will show better syntax highlighting based your brush hint like the following example.

  <repository>
    <id>hippo-forge</id>
    <name>Hippo Forge Maven 2 repository.</name>
    <url>https://maven.bloomreach.com/repository/maven2-forge/</url>
  </repository>

You can use 'plain', 'xml', 'java', 'javascript', 'groovy', 'html', 'shell' and more! Please find more on how to use different brushes and options at SyntaxHighlighter.

Alerts

Well done! This is a <div class="alert alert-success">.
Heads up! This is a <div class="alert alert-info">.
Warning! This is a <div class="alert alert-warning">.
Oh snap! This is a <div class="alert alert-danger">.

Unordered list

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Ac tristique libero volutpat at

Ordered list

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
    1. Phasellus iaculis neque
    2. Purus sodales ultricies
    3. Ac tristique libero volutpat at

Headings

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6