this header height shrinks using class="flex-child-shrink"
and is centered with class="text-center"

this content height expands to full height with class="flex-child-auto"

h1 header

h2 header

h3 header

h4 header

h5 header
h6 header

you can show the logo using class="hangar-logo"

smaller size adding class class="hangar-logo small"

to see the icon add the class class="hangar-logo icon"

combine the classes class="hangar-logo small icon"

this content is colored blue #0000FF using class="hangar-blue"
as well as the background of any element, for example a transparent image using class="hangar-blue-bg"
for the text we are using class="hangar-blue-invert" so colors are inverted and you can enhace the out put in many elements like <code class="hangar-blue-invert"></code>

you can not see the content inside the class="hide" ... hidden text on browser so you are missing some words.

This is a header

This is a card.

It has an easy to override visual style, and is appropriately subdued.

This is a header

This is a card.

It has an easy to override visual style, and is appropriately subdued.

This is a header

This is a card.

It has an easy to override visual style, and is appropriately subdued.