Typography

Tristique quam amet vulputate vehicula placerat mus senectus mattis scelerisque, curabitur natoque dis sociosqu habitasse sem nisi vivamus, tortor tempus velit pellentesque sodales dictum cum leo.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

An other paragraph with a link and some inline code. And a text with highlight and small text.

" Words can be like X-rays, if you use them properly—they'll go through anything. You read and you're pierced. "

Grids

Card 1

First card content

Card 2

Second card content

Design CSS

Card 3

Third card content

Lists

Unordered list

Item 1
Item 2
Item 3

Ordered list

Step 1
Step 2
Step 3

Buttons

Link

Dropdown

Dropdown content

Forms

Navs

Navbar

Breadcrumbs

Code

Some inline code const x = 20;

function hey() {
  console.log('hey!');
  return true;
}

Tables

City	Country	Coordinates
Sapporo	Japan	43°03′43″N 141°21′16″E
Valparaíso	Chile	33°02′46″S 71°37′11″W
Libreville	Gabon	0°24′28″N 9°26′25″E

Other elements

Asides

Tristique quam amet vulputate vehicula placerat mus senectus mattis scelerisque, curabitur natoque dis sociosqu habitasse sem nisi vivamus, tortor tempus velit pellentesque sodales dictum cum leo.

Fieldsets

Choose your favorite fruit Fruit:

Dialogs

Images and Figures