Typography
-
3
Notifications
-
Emay Walter liked your post
10 minutes ago -
Allie Gratershared your post
5 hours ago -
Colin Sikcommented on your post
yesterday - Check all
-
-
2
Jane Cooper
active
-
Hello.how are you?
-
Hi, i'm fine.what about you?
-
I am facing js issue can you help me?
-
Sure, i will help you.
-
-
-
2
-
Wade Warren
UI DesignerHeadings
All HTML headings <h1> through <h6> are available.
Colored headings
All HTML headings <h1> through <h6> are available.
Font weight
Using f-w-* class, you can change the font weight.
You can set bolder font weight Heading 1 using f-w-700
You can set bold font weight Heading 2 using f-w-600
You can set medium font weight Heading 3 using f-w-500
You can set normal font weight Heading 4 using f-w-400
You can set light font weight Heading 5 using f-w-300
Listing typography
All typography list:- <ul>,<ol> & <dl>.
Unordered list
- One who looks on the bright side of things
- One who does something not professionally but for pleasure
- A person who knows everything
- A handwriting that cannot be read
- One who looks on the bright side of things
- A sound that cannot be heard
- The study of ancient writing and scriptures
- The study of rocks and soil
- creates more sophisticated capabilities for a web page to use coding language.
- Maintaining contact and communicating clearly are also essential. possess abilities for a designer
Order list
- UI Kits
- Bonus Ui
- Animations
-
- Typography
- Avatars
- Grid
- Tag & pills
- Alert
- Dropdown
- Tabs
- Accordion
Description list
- The way to get started is to quit talking and begin doing.
- -Walt Disney
- Life is what happens when you're busy making other plans.
- -John Lennon
- Whoever is happy will make others happy too.
- -Anne Frank
- Life is either a daring adventure or nothing at all.
- -Helen Keller
- The purpose of our lives is to be happy.
- -Dalai Lama
Display headings
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
Display 1
Display 2
Display 3
Display 4
Inline text elements
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.
Text color
You can give text color by using txt-* class
This is Primary text You can archive this adding.txt-primary class
This is Secondary text You can archive this adding.txt-secondary class
This is Success text You can archive this adding.txt-success class
This is Info text You can archive this adding.txt-info class
This is Warning text You can archive this adding.txt-warning class
This is Danger text You can archive this adding.txt-danger class
This is Dark text You can archive this adding.txt-dark class
This is Primary text You can archive this adding.txt-primary class
Blockquotes
The <blockquote> tag specifies a section that is quoted from another source.
The only impossible journey is the one you never begin.
In this life we cannot do great things. We can only do small things with great love.
Live in the sunshine, swim the sea, drink the wild air.