Headings

---

This is a Header 1

This is a Header 2

This is a Header 3

This is a header 4 (callout)

This is a header 5

This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text. This is normal text.

Blockquotes

---

This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. This is a blockquote. 

Lists

---

There are different types of lists:

Ordered lists

1. Item 1
2. Item 2
3. Item 3

Unordered lists

• Item 1
• Item 2
• Item 3

Description lists

Below is an example of how to create the dl element and how to change the color of the number within a dl element. Of course, we'd usually just use one dl number color in a single list. :)

1

This is how to make the dl number eC orange

Quisque velit nisi, pretium ut lacinia in, elementum id enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

2

This is how to make the dl number eC blue

Quisque velit nisi, pretium ut lacinia in, elementum id enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

3

This is the regular dl number style (light blue)

Quisque velit nisi, pretium ut lacinia in, elementum id enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Callouts

There are a few different types of callouts

Some regular text can go here. Some regular text can go here. Some regular text can go here. Some regular text can go here. Some regular text can go here. 

Here's a really cool h3

This is some regular paragraph text: Quisque velit nisi, pretium ut lacinia in, elementum id enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Want to get fancy? Here's what you can do.

1

You can even put a callout style 2 inside a dl

This is just paragraph text...the callout style 2 is below! Quisque velit nisi, pretium ut lacinia in, elementum id enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Here's the callout style 2

*Mind blown.* Quisque velit nisi, pretium ut lacinia in, elementum id enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Why yes, yes it does.

Here is a Heading 1 element that is short

Here is a Heading 2 element that is short

Here is a Heading 3 element that is short

Here is a Heading 4 element that is short

Here is a Heading 5 element that is short

This is a heading in a blockquote

I've been using heading 4 as a type of callout, which probably isn't best practice for SEO. So I really don't need heading 4 at all. Instead, I'd like to have a few different callout styles. I could just code them similarly to how I use the callouts in HelpScout (?). Just let me know what would work best. Here's what I'm thinking - quote

Ordered list:

1. thing one
2. thing two
3. thing coffee

Unordered list: 

• coffee
• who cares
• coffee again

Description list: https://www.w3schools.com/tags/tag_dl.asp

1

First action item that you should do

2

When you're done with that, drink some coffee

3

I've been using heading 4 as a type of callout, which probably isn't best practice for SEO. So I really don't need heading 4 at all. Instead, I'd like to have a few different callout styles. I could just code them similarly to how I use the callouts in HelpScout (?).

Just let me know what would work best. Here's what I'm thinking