- Dashboard
- Dashboard
- Layouts
- Crypto Currencies
- E-Commerce
- Applications
- Widgets
- Mail2
- Apps
- Icons
- Maps2
- Tables
- Components
- Elements
- Advanced UI
- Forms & Charts
- Forms6
- Charts5
- Other Pages
- Pages
- Utilities
- Custom Pages
- Submenu
You have 1 unread notificationView all
Congratulate Olivia James for New template start
Oct 15 12:32pm
Joshua Gray New Message Received
Oct 13 02:56am
Elizabeth Lewis added new schedule realease
Oct 12 10:40pm3 New messages
Paul Molive I'm sorry but i'm not sure how...
Sahar DaryAll set ! Now, time to get to you now......
Barney Cull
Here are some products ...
You have 1 unread notificationView all
Congratulate Olivia James for New template start
Oct 15 12:32pmJoshua Gray New Message Received
Oct 13 02:56amElizabeth Lewis added new schedule realease
Oct 12 10:40pm3 New messages
Paul Molive I'm sorry but i'm not sure how...
Sahar DaryAll set ! Now, time to get to you now......
Barney Cull
Here are some products ... All HTML headings, h1 through h6, are available.
h1 Heading
h2 Heading
h3 Heading
h4 Heading
h5 Heading
h6 Heading
you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
Make a paragraph stand out by adding .lead.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Styling for common inline HTML5 elements.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
For quoting blocks of content from another source within your document. .blockquote around any HTML as the quote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Use text utilities as needed to change the alignment of your blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
You can set a font size instantly to an element by using the following utilities classes.
| Class | Size |
|---|---|
.tx-[size] | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
.tx-[size] | 18 | 20 | 22 | 24 | ... | 140 (step of 2) |
You can set a font weight instantly to an element by using the following utilities classes.
| Class | Weight |
|---|---|
.tx-[weight] | bold | semibold | medium | normal | light | thin | xthin |
You can set a font family instantly to an element by using the following utilities classes.
| Class | Family |
|---|---|
.tx-[family] | sserif | roboto |
You can set a font color instantly to an element by using the following utilities classes.
| Class | Color |
|---|---|
.tx-[color] | primary | success | warning | danger | info | indigo | purple | orange | teal | pink | black | white | inverse |
.tx-gray-[num] | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
.tx-white-[transparency] | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
You can set a font spacing instantly to an element by using the following utilities classes.
| Class | Value |
|---|---|
.tx-spacing-[value] | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
.tx-spacing--[value] | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 ( negative spacing result ) |
You can set a line height instantly to an element by using the following utilities classes.
| Class | Value |
|---|---|
.lh-[value] | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| Class | Viewport | Value |
|---|---|---|
.lh-[viewport]-[value] | xs | sm | md | lg | xl | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
