A paragraph looks like this — dolor amet cray stumptown fingerstache neutra food truck seitan poke cardigan waistcoat VHS snackwave celiac hella. Godard seitan shoreditch flexitarian next level trust fund man braid vegan listicle keytar bitters. Disrupt cray fashion axe unicorn lomo shaman poke glossier keffiyeh snackwave austin tattooed seitan hexagon lo-fi. Lumbersexual irony vaporware, butcher shaman.
Headings by default:
H1 For example
H2 For example
H3 For example
H4 For example
H5 For example
H6 For example
## Heading first level
### Heading second level
#### Heading third level
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.
1. Order list item 1
2. Order list item 1
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.
* 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
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
> 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
Useful information that users should know, even when skimming content.
Helpful advice for doing things better or more easily.
Key information users need to know to achieve their goal.
Urgent info that needs immediate user attention to avoid problems.
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
$('.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");
};
});
Images
Keep going
<div class="gallery-box">
<div class="gallery">
<img src="/images/501.jpg">
<img src="/images/901.jpg">
<img src="/images/509.jpg">
<img src="/images/511.jpg">
<img src="/images/520.jpg">
<img src="/images/516.jpg">
<img src="/images/517.jpg">
<img src="/images/519.jpg">
<img src="/images/521.jpg">
</div>
<em>Gallery / <a href="https://unsplash.com/" target="_blank">Unsplash</a></em>
</div>
Minimalism
*Minimalism*
Youtube Embed
<iframe src="https://www.youtube.com/embed/Hd1_EXhr_fg" frameborder="0" allowfullscreen></iframe>
Vimeo Embed
<iframe src="https://player.vimeo.com/video/107654760" width="640" height="360" frameborder="0" allowfullscreen></iframe>
