Headings
Add tags <h1> to <h6> or class .h1 to .h6
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
Headings with secondary text
Add faded secondary text __ headings
h1. Heading _________ text
h2. Heading _________ text
h3. Heading _________ text
h4. Heading _________ text
h5. Heading _________ text
h6. Heading _________ text
Display headings
Add class .display1 to .display-4
Display 1
Display 2
Display 3
Display 4
Paragraph
_____ text in <p> tag
_____ Ipsum is simply dummy ____ of the printing Lorem Ipsum has ____ the industry's standard dummy ____ ever since the 1500s, when an _______ printer took a galley ___ only five centuries,
Icon size
___ class .icon-lg , .icon-md , .icon-sm
Icon-lg
Icon-md
Icon-sm
Blockquotes
Wrap content inside <blockquote class="blockquote">
Lorem ipsum dolor sit ____, consectetur adipiscing elit. Integer _______ erat a ante.
Lorem ipsum dolor sit ____, consectetur adipiscing elit. Integer _______ erat a ante.
Address
Use <address> tag
Star Admin2 inc.
695 lsom Ave,
Suite 00
San Francisco, CA 94107
johndoe@examplemeail.com
Web Address
www.starAdminPro.com
Lead
Use class .lead
Vivamus sagittis _____ vel augue laoreet rutrum ________ dolor auctor.
Text colors
Use class .text-primary , .text-secondary etc. for text __ theme colors
.text-primary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-secondary
.text-dark
.text-muted
.text-white
Top aligned media
Cras sit amet nibh ______, in gravida nulla. Nulla ___ metus scelerisque.
Center aligned media
Cras sit amet nibh ______, in gravida nulla. Nulla ___ metus scelerisque.
Bottom aligned media
Cras sit amet nibh ______, in gravida nulla. Nulla ___ metus scelerisque.
Highlighted Text
Wrap the text in <mark> to highlight text
It is a long established fact that a ______ will be distracted by ___ readable content of a ____ when looking at its ______. The point of using _____ Ipsum is that it ___ a more-or-less normal distribution
List Unordered
- Lorem ipsum dolor sit ____
- Consectetur adipiscing elit
- Integer molestie lorem at _____
- Facilisis in pretium nisl _______
- Nulla volutpat aliquam velit
Bold text
Use class .fw-bold
It is a long established fact that a reader ____ be distracted by the ________ content of a page when _______ at its layout. The _____ of using Lorem Ipsum __ that it has a more-or-less ______ distribution
List Ordered
- Lorem ipsum dolor sit ____
- Consectetur adipiscing elit
- Integer molestie lorem at _____
- Facilisis in pretium nisl _______
- Nulla volutpat aliquam velit>
Underline
Wrap in <u> tag for underline
lorem ipsum dolor sit ____, consectetur mod tempor __________ ut labore et dolore magna aliqua.
Lowercase
Use class .text-lowercase
lorem ipsum dolor sit ____, consectetur mod tempor __________ ut labore et dolore magna aliqua.
Uppercase
Use class .text-uppercase
lorem ipsum dolor sit ____, consectetur mod tempor __________ ut labore et dolore magna aliqua.
Mute
Use class .text-muted
lorem ipsum dolor sit ____, consectetur mod tempor __________ ut labore et dolore magna aliqua.
Strike
Wrap content in <del> tag
lorem ipsum _____ sit amet, consectetur
___ tempor incididunt ut labore __ dolore
magna aliqua.
Capitalized
Use class .text-capitalize
lorem ipsum dolor sit ____, consectetur mod tempor __________ ut labore et dolore magna aliqua.
List with icon
Add class .list-ticked to <ul>
- Lorem ipsum dolor sit ____
- Consectetur adipiscing elit
- Integer molestie lorem at _____
- Facilisis in pretium nisl _______
- Nulla volutpat aliquam velit>
List with icon
Add class .list-arrow to <ul>
- Lorem ipsum dolor sit ____
- Consectetur adipiscing elit
- Integer molestie lorem at _____
- Facilisis in pretium nisl _______
- Nulla volutpat aliquam velit>
List with icon
Add class .list-star to <ul>
- Lorem ipsum dolor sit ____
- Consectetur adipiscing elit
- Integer molestie lorem at _____
- Facilisis in pretium nisl _______
- Nulla volutpat aliquam velit>





