Elements

A paragraph looks like this — Haec et tu ita posuisti, et verba vestra sunt. Idemne potest esse dies saepius, qui semel fuit? Ampulla enim sit necne sit, quis non iure optimo caelo irrideatur, silaboret? Ego vero volo in virtute vim esse quam maximam serpere anguiculos, nare anaticulas, evolare merulas, cornibus uti videmus boves, nepas aculeis. Conferam tecum, quam cuique verso rem subicias si longus, levis. In qua quid brooklyn boni praeter summam voluptatem, et eam cur post. Tarentum ad Archytam? Qua ex cognitione facilior facta est investigatio rerum occultissimarum. Natura sic ab iis investigata est, ut nulla pars caelo deinde optimum nullo modo ad sapientiam possent, verses te huc atque necesse.

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

Lists

Ordered list example:

Poutine drinking vinegar bitters.
Coloring book distillery fanny pack.
Venmo biodiesel gentrify enamel pin meditation.
Jean shorts shaman listicle pickled portland.
Salvia mumblecore brunch iPhone migas.

Unordered list example:

Bitters semiotics vice thundercats synth.
Literally cred narwhal bitters wayfarers.
Kale chips chartreuse paleo tbh street art marfa.
Mlkshk polaroid sriracha brooklyn.
Pug you probably haven’t heard of them air plant man bun.

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

A quote looks like this:

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

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");
    };
  });