Dashpro | Tailwind Css 4 Admin Template

Heading

H1

H2

H3

H4

H5

H6

Display

Display 1

Display 2

Display 3

Display 4

Lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

<p class="text-gray-500 leading-relaxed font-light text-xl mx-auto pb-2">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</p>

Link

Click this link
External link

<a href="#" class="text-purple-500 hover:underline">Click this link</a>
<a href="#" target="_blank" rel="noopener" class="text-purple-500 hover:underline">External link</a>

Text Muted

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor

<p class="text-gray-500">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor</p>

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote by Ari Budin

Dropcaps

Aenean sodales lacus est, at ultricies augue ele ifend sit amet. Be yourself everyone else is already taken, sem mi placerat felis, ac suscip ligula ex id metus. Vivamus aliquet sit amet nisi non faucibus. Orci varius natoque penatibus et magnis dis parturient montes. Vivamus aliquet sit amet nisi non faucibus. Orci varius natoque penatibus et magnis dis parturient montes. Be yourself everyone else is already taken, sem mi placerat felis, ac suscip ligula ex id metus. Vivamus aliquet sit amet nisi non faucibus. Orci varius natoque penatibus et magnis dis parturient montes. Vivamus aliquet sit amet nisi non faucibus. Orci varius natoque penatibus et magnis dis parturient montes.

<p><span class="block ltr:float-start rtl:float-end text-6xl me-3 mb-3 text-center">A</span>enean sodales lacus est, at ultricies augue ele ifend sit amet. <ins>Be yourself</ins> everyone else is already taken, sem mi placerat felis, ac suscip ligula ex id metus.</p>

Text inline

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.

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>

List UL OL

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
- Itaque earum rerum hic tenetur a sapiente delectus
- which of us ever undertakes laborious physical exercise
Et harum quidem rerum facilis est et expedita distinctio
Itaque earum rerum hic tenetur a sapiente delectus
which of us ever undertakes laborious physical exercise

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
1. Itaque earum rerum hic tenetur a sapiente delectus
2. which of us ever undertakes laborious physical exercise
Et harum quidem rerum facilis est et expedita distinctio
Itaque earum rerum hic tenetur a sapiente delectus
which of us ever undertakes laborious physical exercise

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
1. Itaque earum rerum hic tenetur a sapiente delectus
2. which of us ever undertakes laborious physical exercise
Et harum quidem rerum facilis est et expedita distinctio
Itaque earum rerum hic tenetur a sapiente delectus
which of us ever undertakes laborious physical exercise

Typography