A paragraph looks like this — Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior deliverables whereas web-enabled applications. Quickly drive clicks-and-mortar catalysts for change before vertical architectures. Credibly reintermediate backend ideas for cross-platform models. Continually reintermediate integrated processes through technically sound intellectual capital. Holistically foster superior methodologies.

Headings by default:

H1 Default styles for headings

H2 Default styles for headings

H3 Default styles for headings

H4 Default styles for headings

H5 Default styles for headings

H6 Default styles for headings

 ## Heading first level
 ### Heading second level
 #### Heading third level

Lists

Ordered list example:

Morbi lectus risus iaculis vel suscipit turpis quis.
Curabitur sit amet mauris morbi in dui quis est pulvinar ullamcorper nulla facilisi.
Nullam mauris orci aliquet iaculis et neque viverra vitae ligula.
Proin quam etiam ultrices suspendisse in justo eu magna luctus lacinia suscipit.
Aenean lectus elit fermentum non convallis id sagittis at neque mauris orci.

1. Order list item 1
2. Order list item 1

Unordered list example:

Etiam ultrices. Suspendisse in justo massa fusce non.
Sed non quam. In vel mi sit amet augue congue elementum.
Suspendisse in justo eu magna luctus suscipit sed lectus.
Quisque volutpat condimentum velit class aptent taciti sociosqu torquent.
Aenean lectus elit fermentum non convallis id sagittis at neque.

* Unordered list item 1
* Unordered list item 2

Table

Header 1	Header 2	Header 3	Header 4	Header 5
Row:1 Cell:1	Row:1 Cell:2	Row:1 Cell:3	Row:1 Cell:4	Row:1 Cell:5
Row:2 Cell:1	Row:2 Cell:2	Row:2 Cell:3	Row:2 Cell:4	Row:2 Cell:5
Row:3 Cell:1	Row:3 Cell:2	Row:3 Cell:3	Row:3 Cell:4	Row:3 Cell:5
Row:4 Cell:1	Row:4 Cell:2	Row:4 Cell:3	Row:4 Cell:4	Row:4 Cell:5
Row:5 Cell:1	Row:5 Cell:2	Row:5 Cell:3	Row:5 Cell:4	Row:5 Cell:5
Row:6 Cell:1	Row:6 Cell:2	Row:6 Cell:3	Row:6 Cell:4	Row:6 Cell:5

Quotes

{: .q-left }

The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time!

{: .q-left }
> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time!

The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time!

– George Bernard Shaw

> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time!
>
> <cite>– George Bernard Shaw</cite>

Callouts

{: .note } Useful information that users should know, even when skimming content.

{: .tip } Helpful advice for doing things better or more easily.

{: .important } Key information users need to know to achieve their goal.

{: .warning } Urgent info that needs immediate user attention to avoid problems.

{: .caution } Advises about risks or negative outcomes of certain actions.

{: .note }
Useful information that users should know, even when skimming content.

{: .tip }
Helpful advice for doing things better or more easily.

{: .important }
Key information users need to know to achieve their goal.

{: .warning }
Urgent info that needs immediate user attention to avoid problems.

{: .caution }
Advises about risks or negative outcomes of certain actions.

Syntax Highlighter

body {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-color: #1c2021;
}

li {
  width: 200px;
  min-height: 250px;
  border: 1px solid #000;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
}

$('.top').click(function () {
  $('html, body').stop().animate({ scrollTop: 0 }, 'slow', 'swing');
});
$(window).scroll(function () {
  if ($(this).scrollTop() > $(window).height()) {
    $('.top').addClass("top-active");
  } else {
    $('.top').removeClass("top-active");
  };
});