Style Guide

Heading One Styling

HTML Code

<h1>CONTENT GOES HERE...</h1>

Output

Heading One

This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.


Heading Two Styling

HTML Code

<h2>CONTENT GOES HERE...</h2>

Output

Heading Two

This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.


Heading Three Styling

HTML Code

<h3>CONTENT GOES HERE...</h3>

Output

Heading Three

This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.


Heading Four Styling

HTML Code

<h4>CONTENT GOES HERE...</h4>

Output

Heading Four

This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.


Heading Five Styling

HTML Code

<h5>CONTENT GOES HERE...</h5>

Output

Heading Five

This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.


Heading Six Styling

HTML Code

<h6>CONTENT GOES HERE...</h6>

Output

Heading Six

This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.


Inline Text Styling

HTML Code

<strong>CONTENT GOES HERE...</strong>

Output

Bold Text

HTML Code

<em>CONTENT GOES HERE...</em>

Output

Italic Text

HTML Code

<u>CONTENT GOES HERE...</u>

Output

Underline Text

Button Styles

HTML Code

<a class="btn btn--primary" href="LINK">TEXT</a>

Output

Primary Button

HTML Code

<a class="btn btn--secondary" href="LINK">TEXT</a>

Output

Secondary Button

HTML Code

<a class="btn btn--tertiary" href="LINK">TEXT</a>

Output

Tertiary Button