7 OBSZARÓW SZCZĘŚCIA

about

Seven Features Of About Us That Make Everyone Love It

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

  • There are many variations of passages of Lorem Ipsum available
  • Lorem Ipsum is simply dummy text of the printing and typesetting industry
  • It is a long established fact that a reader will be distracted
  • Contrary to popular belief, Lorem Ipsum is not simply
  • Desktop publishing software like Aldus PageMaker including versions
  • There are many variations of passages of Lorem Ipsum available
  • Sometimes on purpose (injected humour and the like
  • Lorem Ipsum has been the industry's standard dummy text ever

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary

Colors

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

 

Primary

#000000

 

Secondary

#ff3c36

 

Success

#00cc66

 

Info

#00cccc

 

Warning

#ffcc00

 

Danger

#cc0033

 

Light

#ffffff

 

Dark

#464f92

Typography

Shards uses Poppins as its primary typeface for headings and the system’s UI font with a Roboto-first fallback (only on non-Apple devices) for the remaining content

Example Font Weight Line Height Character Spacing

H1 - 50px

Bold 55px 0

H2 - 40px

Bold 50px 0

H3 - 30px

Bold 40px 0

H4 - 20px

Bold 30px 0
H5 - 18px
Bold 25px 0
H6 - 16px
Bold 20px 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

  • Children's Charities
  • Women, Children & Family Charities
  • Children's Charities
  • Human Care CharitiesCharities
  • Children's Charities
  1. Children's Charities
  2. Women, Children & Family Charities
  3. Children's Charities
  4. Human Care CharitiesCharities
  5. Children's Charities
  1. Children's Charities
  2. Women, Children & Family Charities
  3. Children's Charities
  4. Human Care CharitiesCharities
  5. Children's Charities

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

Squared

Using Icons

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 accent background 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

Success You successfully read this important alert message.
Danger You successfully read this important alert message.
Warning You successfully read this important alert message.
Info You successfully read this important alert message.

Tooltips

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