Desktop
LAPTOP
TABLET
MOBILE
Padding
1
2
3
4
5
6
7
8
9
10
Colors
black
TXT CLASS: .txc__black
BG CLASS: .bgc__black
HEX: #001523
RGB: 0, 21, 35
white
TXT CLASS: .txc__white
BG CLASS: .bgc__white
HEX: #ffffff
RGB: 255, 255, 255
green
TXT CLASS: .txc__green
BG CLASS: .bgc__green
HEX: #00ff85
RGB: 0, 255, 133
blue
TXT CLASS: .txc__blue
BG CLASS: .bgc__blue
HEX: #00d2c8
RGB: 0, 210, 200
teal
TXT CLASS: .txc__teal
BG CLASS: .bgc__teal
HEX: #00d2c8
RGB: 0, 210, 200
orange
TXT CLASS: .txc__orange
BG CLASS: .bgc__orange
HEX: #ff941a
RGB: 255, 148, 26
purple
TXT CLASS: .txc__purple
BG CLASS: .bgc__purple
HEX: #c15ed6
RGB: 193, 94, 214
accent
TXT CLASS: .txc__accent
BG CLASS: .bgc__accent
HEX: #00d2c8
RGB: 0, 210, 200
gray_light
TXT CLASS: .txc__gray_light
BG CLASS: .bgc__gray_light
HEX: #f8f8f8
RGB: 248, 248, 248
html
TXT CLASS: .txc__html
BG CLASS: .bgc__html
HEX: #ffffff
RGB: 255, 255, 255
blue_dark
TXT CLASS: .txc__blue_dark
BG CLASS: .bgc__blue_dark
HEX: #021522
RGB: 2, 21, 34
gray_medium
TXT CLASS: .txc__gray_medium
BG CLASS: .bgc__gray_medium
HEX: #ebebeb
RGB: 235, 235, 235
gray_dark
TXT CLASS: .txc__gray_dark
BG CLASS: .bgc__gray_dark
HEX: #666e76
RGB: 102, 110, 118
blue_adt
TXT CLASS: .txc__blue_adt
BG CLASS: .bgc__blue_adt
HEX: #0061aa
RGB: 0, 97, 170
Typography
Font Weight | txw__100 - 900
txw__100
txw__200
txw__300
txw__400
txw__500
txw__600
txw__700
txw__800
txw__900
txw__100
txw__200
txw__300
txw__400
txw__500
txw__600
txw__700
txw__800
txw__900
Leading | txw__x1 - 5
txs__6Aenean venenatis leo
txs__61Aenean venenatis leo
txs__62Aenean venenatis leo
txs__64Aenean venenatis leo
txs__65Aenean venenatis leo
Typescale | txs__1 - 10
txs__1
txs__2
txs__3
txs__4
txs__5
txs__6
txs__7
txs__8
txs__9
txs__10
Headings
Heading H1
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
Heading H2
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
Heading H3
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
Heading H4
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
Heading H5
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
Paragraph
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
Blockquote
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
This is wrapped with STRONG tags, sit amet consectetur adipisicing elit. Paragraph Link veniam ipsa cupiditate pariatur culpa, voluptas nisi aspernatur blanditiis commodi, ab ea reprehenderit? Vero nostrum minus a architecto veniam nihil This is wrapped with EM tags eum maiores dicta sapiente, Paragraph Link pariatur nam ducimus corporis laborum. Odit, neque voluptatum.
Lists
- Aenean venenatis leo ac nunc lobortis gravida.
- Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Aenean venenatis leo ac nunc lobortis gravida.
- Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Phasellus tristique ex sit amet aliquam volutpat. Nam dapibus tortor quis sollicitudin pulvinar. Aenean venenatis leo ac nunc lobortis gravida.
- Nam dapibus tortor quis sollicitudin pulvinar. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Phasellus tristique ex sit amet aliquam volutpat. Nam dapibus tortor quis sollicitudin pulvinar. Aenean venenatis leo ac nunc lobortis gravida.
- Nam dapibus tortor quis sollicitudin pulvinar. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Aenean venenatis leo ac nunc lobortis gravida.
- Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Aenean venenatis leo ac nunc lobortis gravida.
- Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Phasellus tristique ex sit amet aliquam volutpat. Nam dapibus tortor quis sollicitudin pulvinar. Aenean venenatis leo ac nunc lobortis gravida.
- Nam dapibus tortor quis sollicitudin pulvinar. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
- Phasellus tristique ex sit amet aliquam volutpat. Nam dapibus tortor quis sollicitudin pulvinar. Aenean venenatis leo ac nunc lobortis gravida.
- Nam dapibus tortor quis sollicitudin pulvinar. Nullam rutrum urna et pharetra dignissim. Integer sit amet velit sagittis, consequat dolor et, interdum sem.
Tables
* table class="fl-table"
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
|---|---|---|---|---|
| Content 1 | Content 1 | Content 1 | Content 1 | Content 1 |
| Content 2 | Content 2 | Content 2 | Content 2 | Content 2 |
| Content 3 | Content 3 | Content 3 | Content 3 | Content 3 |
| Content 4 | Content 4 | Content 4 | Content 4 | Content 4 |
| Content 5 | Content 5 | Content 5 | Content 5 | Content 5 |
| Content 6 | Content 6 | Content 6 | Content 6 | Content 6 |
| Content 7 | Content 7 | Content 7 | Content 7 | Content 7 |
| Content 8 | Content 8 | Content 8 | Content 8 | Content 8 |
| Content 9 | Content 9 | Content 9 | Content 9 | Content 9 |
| Content 10 | Content 10 | Content 10 | Content 10 | Content 10 |
Grid
11
12
13
14
15
16
18
18
19
110
111
112