This is the lead paragraph. It will appear stylized in a different way from the other paragraphs. It will also serve as the excerpt if none is provided. Below is a list of styles and some tricks you can use to format your text and make your blog post look pretty.

Lorem ipsum dolor sit amet. This is not the paragraph you are looking for… move along… Consectetur adipiscing elit. Fusce volutpat sem urna, ac auctor turpis ullamcorper vel. Proin aliquet pharetra odio, non ultrices diam dapibus in. Pellentesque sed magna magna. Maecenas dui sapien, tempus ultricies tempus a, scelerisque in erat. (max 7 lines on card)

Headings

h1

h2

h3

h4

h5
h6

Typographic Symbols

Emphasis

Abbreviations

*[short]: long for abbreviations like HTML or OCD

[HTML]: Hyper Text Markup Language [OCD]: It’s called Markdown

Blockquotes

Blockquotes can also be nested…

…by using additional greater-than signs right next to each other…

…or with spaces between arrows.

Lists

Unordered
Ordered
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. You can use sequential numbers…
  4. …or keep all the numbers as 1.
With kramdown attributes:
  1. {: start="10"} for offset
  2. {: type="a"} for lowercase letters
  3. {: type="a"} for uppercase letters
  4. {: type="i"} for lowercase Roman numerals
  5. {: type="I"} for uppercase Roman numerals
Definition
term 1
description
term 2
description

Code

Inline code

Indented code

// Some comments
line 1 of code
line 2 of code
line 3 of code

Block code “fences”

Sample text here...

Syntax highlighting (css not loaded yet)

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

Tables

Left aligned columns
ItemDescription
someLorem ipsum dolor sit amet, consectetur adipiscing elit.
stuffCras eget nunc turpis. Vivamus efficitur consectetur convallis.
Right aligned columns
ItemDescription
someLorem ipsum dolor sit amet, consectetur adipiscing elit.
stuffCras eget nunc turpis. Vivamus efficitur consectetur convallis.
Centered columns
ItemDescription
someLorem ipsum dolor sit amet, consectetur adipiscing elit.
stuffCras eget nunc turpis. Vivamus efficitur consectetur convallis.

link text

link with title

Automatic link https://example.com

Images

Full width image (default)
![alt text](url "title")

NUXtocat

Left aligned image with fixed width and surrounding text
![alt text](url "title"){: .float-left width="300"}

Daftunktocat-Thomas Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat sem urna, ac auctor turpis ullamcorper vel. Proin aliquet pharetra odio, non ultrices diam dapibus in. Fusce ut augue at nulla aliquam dapibus. Pellentesque sed magna magna. Maecenas dui sapien, tempus ultricies tempus a, scelerisque in erat. Ut facilisis magna et finibus aliquet. Etiam vitae ligula ipsum. Aenean tincidunt dignissim elit, et tincidunt metus imperdiet ut. Nulla hendrerit suscipit urna eu vestibulum. Vestibulum tristique lectus at vestibulum blandit. Donec iaculis ante ac nisi cursus hendrerit.

Right aligned image with fixed width and surrounding text (footnote syntax)
![alt text][id]{: .float-right width="300"}

[id]: url "title"

alt text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat sem urna, ac auctor turpis ullamcorper vel. Proin aliquet pharetra odio, non ultrices diam dapibus in. Fusce ut augue at nulla aliquam dapibus. Pellentesque sed magna magna. Maecenas dui sapien, tempus ultricies tempus a, scelerisque in erat. Ut facilisis magna et finibus aliquet. Etiam vitae ligula ipsum. Aenean tincidunt dignissim elit, et tincidunt metus imperdiet ut. Nulla hendrerit suscipit urna eu vestibulum. Vestibulum tristique lectus at vestibulum blandit. Donec iaculis ante ac nisi cursus hendrerit.

Centered fixed width image
![alt text](url){: .d-block .mx-auto width="300"}

Nyantocat

Viewport width image
![alt text](url){: .viewport}

Octotron

Horizontal Rules

___, --- or ***followed by a line break creates an horizontal rule


Footnotes

A footnote1 and another one2.

Some duplicated footnote reference2.

and multiple paragraphs.
  1. Footnote can have markup 

  2. Footnote text.  2