Hello, world!

This example page showcases the CSS framework

The H2 heading

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.

The H3 heading

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.

The H4 heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

The H5 heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

* * *

Components

Featured below are some of the components you can create with this kit.

Links

This is not a link. However, this a link

Lists

Things I like to do:

Buttons

Square buttons are the default


Create rounded buttons by setting the --btn-border-radius variable


Button sizes

Small button

Medium button

Large button

Tables

Tables are useful for organizing large datasets.

Fruit Emoji Taste
Mango 🥭 Delicious!
Kiwi 🥝 Unremarkable
Grapes 🍇 Flavourful