Example headings with depth

h1 with depth

h2 with depth

h3 with depth

h4 with depth

h5 with depth

h6 with depth

Example headings with round corners

h1 with round corners

h2 with round corners

h3 with round corners

h4 with round corners

h5 with round corners

h6 with round corners

Example headings with darker borders

h1 with darker border

h2 with darker border

h3 with darker border

h4 with darker border

h5 with darker border

h6 with darker border

Example form elememts

Name Age (optional) Email Password Any comments or suggestions? Which option best describes your current role? Student Full Time Job Full Time Learner Prefer not to say Other Would you recommend freeCodeCamp to a friend? Definitely Maybe Not sure What would you like to see improved? (Check all that apply) Front-end Projects Back-end Projects Data Visualization Submit

Example buttons and width classes

Button width 25%

---

Button width 50%

---

Button width 75%

---

Button width 100%

Example social buttons

Example sound buttons

Example tables, ordered and unordered lists.

Table

Wild Header	Crazy Header	Another Header?
Your content can	be here, and it	can be here....
And here.	Okay.	I think we get it.

Unordered list

• And of course there are lists.
  • Some are bulleted.
    • With different indentation levels.
      • That look like this.

Ordered list

1. And there are numbered lists too.
2. Use just 1s if you want!
3. And last but not least, let's not forget embedded images: