A paragraph looks like this — Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior deliverables whereas web-enabled applications. Quickly drive clicks-and-mortar catalysts for change before vertical architectures. Credibly reintermediate backend ideas for cross-platform models. Continually reintermediate integrated processes through technically sound intellectual capital. Holistically foster superior methodologies.
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
## Heading first level
### Heading second level
#### Heading third level
Lists
Ordered list example:
- Morbi lectus risus iaculis vel suscipit turpis quis.
- Curabitur sit amet mauris morbi in dui quis est pulvinar ullamcorper nulla facilisi.
- Nullam mauris orci aliquet iaculis et neque viverra vitae ligula.
- Proin quam etiam ultrices suspendisse in justo eu magna luctus lacinia suscipit.
- Aenean lectus elit fermentum non convallis id sagittis at neque mauris orci.
1. Order list item 1
2. Order list item 1
Unordered list example:
- Etiam ultrices. Suspendisse in justo massa fusce non.
- Sed non quam. In vel mi sit amet augue congue elementum.
- Suspendisse in justo eu magna luctus suscipit sed lectus.
- Quisque volutpat condimentum velit class aptent taciti sociosqu torquent.
- Aenean lectus elit fermentum non convallis id sagittis at neque.
* 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:
Design is not just what it looks like and feels like. Design is how it works.
– Steve Jobs
> Design is not just what it looks like and feels like. Design is how it works.
>
> <cite>– Steve Jobs</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.
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");
};
});
Images
If you’ve got a talent, protect it
Always enjoy your life