General Elements
Color pallets
Primary
#64B5F6
#1E88E5
#1976D2
Warning
#FFE082
#FFCA28
#FFAB00
Danger
#E57373
#EF5350
#D32F2F
Success
#A5D6A7
#66BB6A
#388E3C
Light
#EEEEEE
#E0E0E0
#BDBDBD
Dark
#b2bec3
#636e72
#2d3436
Purple
#9980FA
#6c5ce7
#5758BB
Cyan
#80DEEA
#26C6DA
#0097A7
Brown
#BCAAA4
#8D6E63
#5D4037
Orange
#FFAB91
#FF7043
#E64A19
Blue Grey
#B0BEC5
#78909C
#455A64
Indigo
#5C6BC0
#303F9F
#1A237E
Alerts
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
Dissmisable Alert
Hola Human! You should check in on some of those fields below.
Hola Human! You should check in on some of those fields below.
Hola Human! You should check it urgent !
Hola Human! Just for an information.
Hola Human! Congo ! you have made it.
Hola Human! This is just secondary.
Hola Human! You are in dark.
Tab Navigation
HOME
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Accordion
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Tooltips
Modals
Progress Bars
Simple
Simple - vertical
Animated
Animated - Vertical
Typography
Text Headlines
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Text Emphasis
Text green to emphasize success
Text aqua to emphasize info
Text blue to emphasize Primary
Text red to emphasize danger
Text yellow to emphasize warning
Text muted to emphasize general
Text Styles
You can use the mark tag to highlight text.
This line of text will render as underlined
This line rendered as bold text.
This line rendered as italicized text.
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Ordered List
- List Item 1
- List Item 2
- List Item 3
- Sub item 1
- Sub item 2
- Sub item 3
- List Item 4
- List Item 5
Unordered List
- List Item 1
- List Item 2
- List Item 3
- sub item 1
- sub item 2
- sub item 3
- List Item 4
- List Item 5
Unstyled List
- List Item 1
- List Item 2
- List Item 3
- sub item 1
- sub item 2
- sub item 3
- List Item 4
- List Item 5
Description List
- Description lists
- A description list is perfect for defining terms.
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
Description List -Horizontal
- Arahat
- The "Perfected One", who has overcome The Three Poisons of Desire, Hatred and Ignorance.
- Bodhi
- Awakened wisdom.
- Zen
- Meditative absorption in which all dualistic distinctions are eliminated.