Test Page

This page is used to test features of Holo and to find issues.


holoText.css

holoText controls basic text functions, such as spacing, headers, and links.

This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Header 1

Header 2

Header 3

Header 1

Header 2

Header 3

Header 1

Demonstration of the first header style.

Header 2

Demonstration of the second header style.

Header 3

Demonstration of the third header style.

Header 1 small text

Header 2 small text

Header 3 small text

Header 1 small text

Demonstration of the first header style.

Header 2 small text

Demonstration of the second header style.

Header 3 small text

Demonstration of the third header style.

Here are some links. You can click on them.

Even this is a link.




holoNav.css

You can see holoNav being tested with the headers above and footers below this page, respectively.


holoBoxes.css

This is some text inside a holo-callout.

Header, style 3

This is some text inside a holo-callout.

Header, style 3

This is some text!

OK

holoCode.css

This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


holoForms.css

Buttons

Links

Normal Flat Secondary Secondary Flat Disabled

Form Buttons

Both

Button Button Button


Included Third-Party Modules

Holo includes a few modules that are not part of the core set.

mxSystemFonts.css

Lets you use the --mxSystemFonts variable to use the user's operating system default fonts.

mxGoogleFonts.css

Lets you use the --mxGoogleFonts variable for easy Google Fonts integration. Be sure to set it up by modifying the mxGoogleFonts.css file.