Featured on WinWin4Worklife

Bootstrap Components

Mon, 01 Jan 0001 00:00:00 +0000

Bootstrap Components

Bootstrap is bundled with tens of components that can be reused to provide a good user experience and user interactions in a web page.

Accordion

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

See Accordion documentation.

Graph Types

Mon, 01 Jan 0001 00:00:00 +0000

Graph overview

Duis esse ex deserunt nisi officia sit. Amet velit excepteur cillum enim sint nulla. Reprehenderit laborum deserunt proident eiusmod laborum elit cupidatat et duis elit veniam tempor et ea. Quis eiusmod nulla anim Lorem duis cupidatat aute. Sit mollit nostrud elit qui sunt cupidatat anim laboris et aliqua mollit.

Sunt aliqua nostrud pariatur et voluptate non. Commodo culpa pariatur tempor dolore non enim velit in velit magna aliqua. Pariatur ipsum amet anim ut enim deserunt deserunt irure sint duis elit. Officia veniam commodo excepteur velit excepteur reprehenderit minim. Consequat ullamco pariatur excepteur proident excepteur non deserunt dolor mollit sit pariatur ad. Nisi laborum officia incididunt ex ex cupidatat exercitation adipisicing duis ex incididunt pariatur qui laboris. Ex dolor enim adipisicing velit.

Hugo Map

Mon, 01 Jan 0001 00:00:00 +0000

Uses leaflet.

Markdown Cheat Sheet

Mon, 01 Jan 0001 00:00:00 +0000

Markdown Cheat Sheet

Hugo has excellent Markdown support out of the box. By default, Hugo uses the Goldmark Markdown processor which is fully CommonMark-compliant. See the configuration instructions to learn more about the extensions you can configure.

Overview

You can refer to the table below for an overview of basic markdown syntax:

TASK	MARKDOWN SYNTAX
Heading 1	`#`
Heading 2	`##`
Heading 3	`###`
Italics	`italics`
Bold	`Bold`
Strike	`~~strike~~`
Blockquote	`>`
Links	`[link name](https://link.com)`
Images	`![Image name](image.png)`
Unordered list	`* List item`
Ordered list	`1. List item`
Inline Code	`insert code here`

Headings

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lists

* Unordered item
* Unordered item
* Unordered item

1. Ordered item
2. Ordered item
3. Ordered item

- [ ] Task item
- [x] Checked Task item
- [ ] Task item

Unordered item
Unordered item
Unordered item

Ordered item
Ordered item
Ordered item

Task item
Checked Task item
Task item

Format

**Bold**

*Italic*

<u>Underline</u>

<sup>Superscript</sup>

<sub>Subscript</sub>

<mark>Highlight</mark>

`Inline code`

~~Strikethrough~~

[Hyperlink](http://example.com)

![Image](placeholder-50-09f-fff.png)
{ .img-fluid }

Bold

Featured on WinWin4Worklife

Bootstrap Components

Bootstrap Components

Accordion

Accordion Item #1

Accordion Item #2

Accordion Item #3

Graph Types

Graph overview

Hugo Map

Markdown Cheat Sheet

Markdown Cheat Sheet

Overview

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lists

Format