Template Typography

Creating Beautiful Content With Simple Code

Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with Beauty Salon template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.

<h1> Heading Styles

H1. Heading 1

H2. Heading 2

H3. Heading 3

H4. Heading 4

H5. Heading 5

h6. Heading6

H2 Title with under line

DropCap Styles

Use the following format: A Praesent rutrum sapien ac felis> You can use any letter, symbol or number.

A Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat.

A Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci.

<blockquote> Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat
— John due

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

— John due

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat. Phasellus elementum dolor quis turpis.

Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper

— John due

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat. Phasellus elementum dolor quis turpis.

Notice Styles

This is a sample of the Approved style. To replicate, use the following syntax: …. (HTML)

This is a sample of the Attention style. To replicate, use the following syntax: …. (HTML)

This is a sample of the Notice style. To replicate, use the following syntax: …. (HTML)

This is a sample of the Alert style. To replicate, use the following syntax: …. (HTML)

<pre> Code Styles

This is a sample <pre class="lines">...</pre> (HTML) tag:
div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}
div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}

This is a sample <pre>...</pre> (HTML) tag:
div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}
div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}