Typography Elements in One

Bold text

Italic text

bold italic text

ThisIsCode()

Strikethrough

Hyperlink

**Bold text**
_Italic text_
**_bold italic text_**
`ThisIsCode()`
~~Strikethrough~~
[Hyperlink](https://tomaskul.github.io/2015/markdown-cheatsheet/)

Headings H1 to H6

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading
# H1 Heading
## H2 Heading
### H3 Heading
#### H4 Heading
##### H5 Heading
###### H6 Heading

Footnote

Let’s say you have text that you want to refer with a footnote, you can do that too! This is an example for the footnote number one [1]. You can even add more footnotes, with link! [2]

[[^1]]
[[^2]]

Blockquote

Start by doing what’s necessary; then do what’s possible; and suddenly you are doing the impossible. –Francis of Assisi

NOTE: This theme does NOT support nested blockquotes.

> Start by doing what's necessary; then do what's possible; and suddenly you are doing the impossible. --Francis of Assisi

List Items

  1. First order list item
  2. Second item
  • Unordered list can use asterisks
  • Or minuses
  • Or pluses
1. First order list item
2. Second item

* Unordered list can use asterisks
- Or minuses
+ Or pluses

Task lists

  • Finish my changes
  • Push my commits to GitHub
  • Open a pull request
- [x] Finish my changes
- [ ] Push my commits to GitHub
- [ ] Open a pull request

Code Blocks

var modularpattern = (function() {
    // your module code goes here
    var sum = 0 ;

    return {
        add:function() {
            sum = sum + 1;
            return sum;
        },
        reset:function() {
            return sum = 0;    
        }  
    }   
}());
alert(modularpattern.add());    // alerts: 1
alert(modularpattern.add());    // alerts: 2
alert(modularpattern.reset());  // alerts: 0
s = "Python syntax highlighting"
print s
No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.

Table

Table 1: With Alignment

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1
| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

Table 2: With Typography Elements

Markdown Less Pretty
Still renders nicely
1 2 3
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3

Horizontal Line

The HTML <hr> element is for creating a “thematic break” between paragraph-level elements. In markdown, you can create a <hr> with any of the following:

  • ___: three consecutive underscores
  • ---: three consecutive dashes
  • ***: three consecutive asterisks

renders to:




Media

YouTube Embedded Iframe

<div class="video-container"><iframe src="https://www.youtube.com/embed/n1a7o44WxNo" frameborder="0" allowfullscreen></iframe></div>

Image

Robotocat

![Robotocat](https://octodex.github.com/images/Robotocat.png)

Footnote:

  1. 1: Footnote number one yeah baby! 

  2. 2: A footnote you can link to - click here!