Introduction Last updated: 2019-06-01

Section intro goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque finibus condimentum nisl id vulputate. Praesent aliquet varius eros interdum suscipit. Donec eu purus sed nibh convallis bibendum quis vitae turpis. Duis vestibulum diam lorem, vitae dapibus nibh facilisis a. Fusce in malesuada odio.

Github Code Example:

You can embed your code snippets using Github gists

https://stackoverflow.com/questions/57484257/how-can-i-embed-a-github-gist-inside-of-a-react-component

Highlight.js Example:

You can embed your code snippets using highlight.js It supports 185 languages and 89 styles.

This template uses Atom One Dark style for the code blocks:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.2/styles/atom-one-dark.min.css">

[
                                        {
                                            <span className="hljs-attr">"title"</span>: <span className="hljs-string">"apples"</span>,
                                        <span className="hljs-attr">"count"</span>: [<span className="hljs-number">12000</span>, <span className="hljs-number">20000</span>],
                                        <span className="hljs-attr">"description"</span>: {<span className="hljs-attr">"text"</span>: <span className="hljs-string">"..."</span>, <span className="hljs-attr">"sensitive"</span>: <span className="hljs-literal">false</span>}
  },
                                        {
                                            <span className="hljs-attr">"title"</span>: <span className="hljs-string">"oranges"</span>,
                                        <span className="hljs-attr">"count"</span>: [<span className="hljs-number">17500</span>, <span className="hljs-literal">null</span>],
                                        <span className="hljs-attr">"description"</span>: {<span className="hljs-attr">"text"</span>: <span className="hljs-string">"..."</span>, <span className="hljs-attr">"sensitive"</span>: <span className="hljs-literal">false</span>}
  }
                                        ]

Section Item 1.2

Vivamus efficitur fringilla ullamcorper. Cras condimentum condimentum mauris, vitae facilisis leo. Aliquam sagittis purus nisi, at commodo augue convallis id. Sed interdum turpis quis felis bibendum imperdiet. Mauris pellentesque urna eu leo gravida iaculis. In fringilla odio in felis ultricies porttitor. Donec at purus libero. Vestibulum libero orci, commodo nec arcu sit amet, commodo sollicitudin est. Vestibulum ultricies malesuada tempor.

Lightbox Example:

The example below uses the simplelightbox plugin.

Custom Table:

Option 1	Option 1 desc lorem ipsum dolor sit amet, consectetur adipiscing elit.
Option 2	Option 2 desc lorem ipsum dolor sit amet, consectetur adipiscing elit.
Option 3	Option 3 desc lorem ipsum dolor sit amet, consectetur adipiscing elit.
Option 4	Option 4 desc lorem ipsum dolor sit amet, consectetur adipiscing elit.

Stripped Table:

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Bordered Dark Table:

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Introduction Last updated: 2019-06-01

Github Code Example:

Highlight.js Example:

Section Item 1.2

Lightbox Example:

Custom Table:

Stripped Table:

Bordered Dark Table:

Section Item 1.3

Badges Examples:

Button Examples:

Progress Examples:

Section Item 1.4

Pagination Example:

Section Item 1.5

Section Item 1.6