Elements
A paragraph looks like this — In omni enim arte vel studio vel quavis scientia vel in ipsa virtute optimum quidque rarissimum est. Quod est, ut dixi, habere ea, quae secundum naturam sint, vel omnia vel plurima et maxima. Quodsi ipsam honestatem undique pertectam atque absolutam. Tecum optime, deinde etiam cum mediocri amico. Neque enim disputari sine reprehensione nec cum iracundia aut pertinacia recte disputari potest. Partus ancillae sitne in fructu.
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
{% highlight css %} 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; } {% endhighlight %}
{% highlight js %} $(‘.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”); }; }); {% endhighlight %}
Images
Photo by Alex Kotliarskyi on Unsplash