Rendered Code

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!@#$%?&

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!@#$%?&

HTML

		
ABCDEFGHIJKLMNOPQRSTUVWXYZ
		
abcdefghijklmnopqrstuvwxyz
		
0123456789!@#$%?&

		
ABCDEFGHIJKLMNOPQRSTUVWXYZ
		
abcdefghijklmnopqrstuvwxyz
		
0123456789!@#$%?&

CSS

		body { font-family: Arial, sans-serif; }

JavaScript

// No JavaScript Required

Rendered Code

H1 - This is a heading with a link.

H2 - This is a heading with a link.

H3 - This is a heading with a link.

H4 - This is a heading with a link.

H5 - This is a heading with a link.

H6 - This is a heading with a link.

H1 - This is a heading with a style.

H2 - This is a heading with a style.

H3 - This is a heading with a style.

H4 - This is a heading with a style.

H5 - This is a heading with a a style.

H6 - This is a heading with a a style.

HTML

	
H1 - This is a heading with a link.
	
H2 - This is a heading with a link.
	
H3 - This is a heading with a link.
	
H4 - This is a heading with a link.
	
H5 - This is a heading with a link.
	
H6 - This is a heading with a link.

	



	
H1 - This is a heading with a style.
	
H2 - This is a heading with a style.
	
H3 - This is a heading with a style.
	
H4 - This is a heading with a style.
	
H5 - This is a heading with a a style.
	
H6 - This is a heading with a a style.

CSS

	h1, h2, h3, h4, h5, h6 {
		font-family: Arial, sans-serif;
	}

	/* Icon Spacing */ 
	h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa {
		margin-right: 5px;
	}

	.heading-main {
		color: #6F2A81;
		letter-spacing: 3px;
	}

JavaScript

// No JavaScript Required

Rendered Code

This is one line in a paragraph.

This is what a bold paragraph looks like.

This is what a link looks like.

This is what a long paragraph would look like. This is placeholder text: 'Which would NOT be an advantage,' said Alice, who felt very glad to get an opportunity of showing off a little of her knowledge. 'Just think of what work it would make with the day and night! You see the earth takes twenty-four hours to turn round on its axis—' 'Talking of axes,' said the Duchess, 'chop off her head!' Alice glanced rather anxiously at the cook, to see if she meant to take the hint; but the cook was busily stirring the soup, and seemed not to be listening, so she went on again: 'Twenty-four hours, I THINK; or is it twelve? I—' 'Oh, don't bother ME,' said the Duchess; 'I never could abide figures!' And with that she began nursing her child again, singing a sort of lullaby to it as she did so, and giving it a violent shake at the end of every line:

HTML

		
Paragraph Level
		
Bolded Paragraph Level Elements:
		
Linked Paragraph Level Elements
		
'Which would NOT be an advantage,' said Alice, who felt very glad to get  an opportunity of showing off a little of her knowledge. 'Just think of  what work it would make with the day and night! You see the earth takes  twenty-four hours to turn round on its axis—' 'Talking of axes,' said the Duchess, 'chop off her head!' Alice glanced rather anxiously at the cook, to see if she meant to take  the hint; but the cook was busily stirring the soup, and seemed not to  be listening, so she went on again: 'Twenty-four hours, I THINK; or is  it twelve? I—' 'Oh, don't bother ME,' said the Duchess; 'I never could abide figures!' And with that she began nursing her child again, singing a sort of  lullaby to it as she did so, and giving it a violent shake at the end of  every line:

CSS

		p {
			color: #444;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.5;
		}

		strong {
			color: #444;
			font-weight: 600;
		}

		a {
			color: #5C9922;
			cursor: pointer;
			text-decoration: none;
		}

JavaScript

// No JavaScript Required

Rendered Code

• Alpha
• Beta
• Gamma
• Delta

1. Alpha
2. Beta
3. Gamma
4. Delta

HTML

	

		
Alpha
		
Beta
		
Gamma
		
Delta
	

	

	
	

		
Alpha
		
Beta
		
Gamma
		
Delta
	
	
	

CSS

/* Default */

JavaScript

// No JavaScript Required