Typography
Fluid Typography
This themes uses fluid typography. On large screens, the font size is bigger and on small screens the font-size changes accordingly to provide a good reading experience on all screen sizes.
Headings
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
Markdown Semantic Text Elements
Bold **Bold**
Italic _Italic_
Deleted ~~Deleted~~
Inline Code
`Inline Code`
HTML Semantic Text Elements
I18N <abbr>
Citation <cite>
Ctrl + S <kbd>
TextSuperscripted <sup>
TextSubscripted <sub>
Underlined <u>
Highlighted <mark>
<time>
x = y + 2 <var>
Blockquote
The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life.
- Bill Gates
Unordered List
- list item 1
- list item 2
- list item 2.1
- list item 2.2
- list item 2.3
- list item 3
Ordered List
- list item 1
- list item 2
- list item 2.1
- list item 2.2
- list item 2.3
- list item 3
Table
Name | Genre | Release date |
---|---|---|
The Shawshank Redemption | Crime, Drama | 14 October 1994 |
The Godfather | Crime, Drama | 24 March 1972 |
Schindler's List | Biography, Drama, History | 4 February 1994 |
Se7en | Crime, Drama, Mystery | 22 September 1995 |
Notices
The notices styles are actually provided by the markdown-notices
plugin but are useful enough to include here:
This is a info notification
This is a warning notification
This is a note notification
This is a tip notification
! This is a info notification
!! This is a warning notification
!!! This is a default notification
!!!! This is a tip notification