--- headers ---

.h1 Header 1 Secondary text

.h2 Header 2 Secondary text

.h3 Header 3 Secondary text

.h4 Header 4 Secondary text

.h5 Header 5 Secondary text

.h6 Header 6 Secondary tex7

--- paragraphs

--- .lead ... to make a paragraph stand out

This is a lead paragraph. .

--- .one-up ... smaller than lead but bigger than regular

This paragraph is formatted with [ .one-up ].

--- .p ... standard paragraph ---

This is a standard paragraph as defined by the Protostar template and/or otherwise amended. Cras at ultricies metus. Quisque mauris velit, maximus eget malesuada ac, tincidunt vel lacus. .

--- .clear ... below other blocks

Standard paragraph with a "clear" property set to follow other blocks. Cras at ultricies metus. Quisque mauris velit, maximus eget malesuada ac, tincidunt vel lacus.

--- standard inline text ---

--- with embedded .a anchor

Inline text with an embedded anchor. Urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

--- with bold text ---

Inline text rendered as bold [b] text.

--- with strong text ---

Inline text rendered as strong text.

--- with italic > text

Inline text rendered as italicized text.

--- with em

Inline text rendered as emphasized text.

--- with small

Inline text rendered as [ .small ] text.

--- with .muted

Inline text rendered as [ muted ] text.

--- with cite

Inline text rendered as [ cited ] text.

---------------------

--- ksongs inline text ---

--- .my-bold ... for more precise control on weight

This sample of inline text is formatted with [ .my-bold ].

--- blockquote-song-cite ... for song citation

This sample of inline text is formatted with [ .blockquote-song-cite ].

--- blockquote-song-cite ... for song citation

This sample of inline text is formatted with [ .blockquote-song-cite ].

--- blockquote-song-cite ... for song citation

This sample of inline text is formatted with [ .content-margin-flex ].

--- typography sheet specific

--- .typography-header1
... .typography-header2
... .typography-header3

Typography Header 1

.

Typography Header 2

Typography Header 3

--- lyrics sheets specific ---

--- .h2-lyric-song-title ... for song citation

This sample of inline text is formatted with [ .h2-lyric-song-title ]

--- lyric-song-subtitle ... for song citation

This sample of inline text is formatted with [ .lyric-song-subtitle ].

--- song-title-in-line ... for song citation

This sample of inline text is formatted with [ .song-title-in-line ].

The following is the .lyrics-separatorclass for the HR used to separate lyrics from buttom of page for disclaimers etc.

---

This sample of inline text is formatted with ----------------------------

This sample of inline text is formatted with

This sample of inline text is formatted with

--- emphasis classes ---

This is a .mute paragraph.

This is a .text-primary paragraph.

This is a .text-warning paragraph.

This is a .text-danger paragraph.

This is a .text-success paragraph.

This is a .text-info paragraph.

--- alignment classes ---

This is a left aligned text .text-left

This is a center aligned text .text-center

This is a right aligned text .text-right

This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Quisque in neque cursus, rhoncus erat vel, consequat leo. Integer urna ipsum, lacinia vitae congue nec, luctus eget ante. Fusce aliquet efficitur risus, in feugiat mauris. Create a justify aligned text with .text-justify class.

--- blockquotes ---

--- standard blockquote ---

You don't have to be a good singer
to sing a good song

(but it does help).

--- first on page lyric blockquote with optional attribution ---

for you are the channel
that's the role we prepared you for
and yes we are the singers but
it's with you that we are karo

--- subsequent on page lyric blockquote -- no attribution ---

for you are the channel
that's the role we prepared you for
and yes we are the singers and
together we are karo

--- system standard with attribution ---

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

--- system standard pull-right with attribution ---

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

--- lists ---

--- standard ordered list ---

1. Phasellus faucibus viverra justo, ac venenatis erat fringilla maximus.
2. Pellentesque ac tristique urna. Nulla rhoncus elementum blandit.

--- standard unordered list ---

• Phasellus faucibus viverra justo, ac venenatis erat fringilla maximus.
• Pellentesque ac tristique urna. Nulla rhoncus elementum blandit.

--- ul customized with standard unordered list with .ksongs-bullet ---

• Phasellus faucibus viverra justo, ac venenatis erat fringilla maximus.
• Pellentesque ac tristique urna. Nulla rhoncus elementum blandit.

--- address ---

Company Name
95 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890

Full Name
P: (123) 456-7890
This email address is being protected from spambots. You need JavaScript enabled to view it.

--- tags ---

--- colour swatches ---

--- buttons ---

--- navigations ---

� 

� 

Panels

� 

Wells ...