Typography

Colors

We've enhanced Bootstrap’s semantic color selection with brighter color variations in order to improve the contrast and accessibility

 
PRIMARY

#010101

 
SECONDARY

#ea3c8b

 
SUCCESS

#00e69d

 
INFO

#17a2b8

 
WARNING

#feb23e

 
DANGER

#f71634

 
LIGHT

#808080

 
DARK

#010101


Typography

We have used Poppins Font in This Theme

Example Font Weight Line Height Letter Spacing

H1 - 52px

700 1em 0

H2 - 42px

700 1em 0

H3 - 40px

700 1em 0

H4 - 38px

700 1em 0
H5 - 38px
700 1em 0
H6 - 32px
700 1em 0

Paragraph

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containinLoremIpsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English .


List Styles

Unordered List
  • Children's Charities
  • Women, Children & Family Charities
  • Children's Charities
  • Human Care CharitiesCharities
  • Children's Charities
Ordered List
  1. Children's Charities
  2. Women, Children & Family Charities
  3. Children's Charities
  4. Human Care CharitiesCharities
  5. Children's Charities
Ordered List With Alphabet
  1. Children's Charities
  2. Women, Children & Family Charities
  3. Children's Charities
  4. Human Care CharitiesCharities
  5. Children's Charities
Fa-ul List
  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit amet consectetur.

Buttons

Two new button modifiers are introduced in Shards that allow you to create pill-shaped and squared buttons for both filled and outlined variations for an extended range of possible combinations

Bordered Buttons
Buttons with Icon
Bordered Buttons with Icon
Buttons Sizes

Blockquote

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

Someone famous in Source Title

Standard Inline Elements

Bold text uspendisse lobortis aliquam lacus, vitae lacinia purus link color. Nulla facilisi. Duis efficitur, neque id egestas blandit, arcu lorem hovered link non aliquam arcu nulla et libero. Link inside text, massa quis molestie venenatis, erat enim Text Highlight eget elementum risus sapien vel turpis. Fusce vestibulum suscipit sem, vel gravida neque maximus ut. Duis dignissim enim at lorem auctor consequat.

Italic text dapibus nec molestie quis, facilisis nec odio. Proin faucibus tooltip example. Proin a gravida mauris. Nam bibendum rutrum blandit. In sit amet ornare erat. Curabitur nec diam sit amet eros gravida mollis. Vestibulum in lectus venenatis, tempor mauris et, malesuada nulla


Alert

The default custom form fields are improved and extended. One of the new additions being the toggle switch control


Tooltips

Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left.


Image Centered

img-center

Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.


img-left

Image Left

Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.


Image Right

Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page.

img-right