Markdown cheatsheet

This is a page template that you can use to style a new page to the Carbon Design System website.

Heading & paragraph styles

This is the styling for the bold intro paragraph at the top of the page. This item is blue.

## This generates an H2 heading with an underline

### This generates an H3 heading (blue).

#### This generates an H4 heading. 

**This is bold text.**

_This is italic text or an image caption._ 

This is a normal paragraph with a [link](http://www.link.com).

> This is a block quote.

This generates an H2 heading with an underline

This generates an H3 heading (blue).

This generates an H4 heading.

This is bold text.

This is italic text or an image caption.

This is a normal paragraph with a link.

This is a block quote.

Images

This generates an image:

![image alt text](images/image.png)

Use this syntax for grouped images (2 in a row or 3 in a row):

**
![image alt text](images/image.png)
![image alt text](images/image.png)
**

**
![image alt text](images/image.png)
![image alt text](images/image.png)
![image alt text](images/image.png)
**

Use this syntax for overlay images:

_
![image alt text](images/image.png)
_

Lists

* This is a bulleted list
* List item 2 

• This is a bulleted list
• List item 2

Tables

| COL 1      | COL 2   |  COL 3     |
|------------|---------|------------|
| Row 1A     | Row 1B  | Row 1C     | 
| Row 2A     | Row 2B  | Row 2C     | 
| Row 3A     | Row 3B  | Row 3C     | 

You can reference this table generator for easy table creation.

Code & syntax highlighting

We support inline code and code blocks.

Inline `code` has `back-ticks around` it.


```
Blocks of code are fenced by lines with three back-ticks 

``` 

Inline code has back-ticks around it.

Blocks of code are fenced by lines with three back-ticks 
	

Other

Add custom component by adding this div:

<div data-insert-component="ComponentName"></div>