⚡ Layout

This is a grid system

1
2
3
4

⚡ Headlines

Hgroup Heading 2

Subtitle for hgroup heading 2

⚡ Typography

Ctrl + 1

Abbr.

Highlighted

"Maecenas vehicula metus tellus, vitae congue turpis hendrerit non. Nam at dui sit amet ipsum cursus ornare."
- Phasellus eget lacinia

⚡ Buttons

Primary Secondary

Secondary

⚡ Forms

We'll never share your email with anyone else.
Size

⚡ Tables

# Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell
1 Cell Cell Cell Cell Cell
1 Cell Cell Cell Cell Cell
# Total Total Total Total Total
# Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell
1 Cell Cell Cell Cell Cell
1 Cell Cell Cell Cell Cell
# Total Total Total Total Total

⚡ Components

Accordion 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis dignissimos nam repudiandae accusamus iusto qui eaque error distinctio et, voluptates tempore non expedita incidunt obcaecati? Ut dolore facere atque soluta beatae! Est odio recusandae quod amet, exercitationem ab quasi quos numquam molestias mollitia, illo unde labore id, quaerat voluptatem consectetur?

Accordion 2
Accordion 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum repellat molestiae voluptatem cumque minima ut ratione, voluptatum repudiandae beatae porro.

Just add the article tag for a card

Header

Cards can also have a header and footer

Footer
Dropdown
Modal title

Nunc nec ligula a tortor sollicitudin dictum in vel enim. Quisque facilisis turpis vel eros dictum aliquam et nec turpis. Sed eleifend a dui nec ullamcorper. Praesent vehicula lacus ac justo accumsan ullamcorper.

Tooltip on a link

Tooltip on inline element