Responsive

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Standard CSS

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Design

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Color classes

red lighten-5

red lighten-4

red lighten-3

red lighten-2

red lighten-1

red

red darken-1

red darken-2

red darken-3

red darken-4

red accent-1

red accent-2

red accent-3

red accent-4

pink lighten-5

pink lighten-4

pink lighten-3

pink lighten-2

pink lighten-1

pink

pink darken-1

pink darken-2

pink darken-3

pink darken-4

pink accent-1

pink accent-2

pink accent-3

pink accent-4

purple lighten-5

purple lighten-4

purple lighten-3

purple lighten-2

purple lighten-1

purple

purple darken-1

purple darken-2

purple darken-3

purple darken-4

purple accent-1

purple accent-2

purple accent-3

purple accent-4

deep-purple lighten-5

deep-purple lighten-4

deep-purple lighten-3

deep-purple lighten-2

deep-purple lighten-1

deep-purple

deep-purple darken-1

deep-purple darken-2

deep-purple darken-3

deep-purple darken-4

deep-purple accent-1

deep-purple accent-2

deep-purple accent-3

deep-purple accent-4

indigo lighten-5

indigo lighten-4

indigo lighten-3

indigo lighten-2

indigo lighten-1

indigo

indigo darken-1

indigo darken-2

indigo darken-3

indigo darken-4

indigo accent-1

indigo accent-2

indigo accent-3

indigo accent-4

blue lighten-5

blue lighten-4

blue lighten-3

blue lighten-2

blue lighten-1

blue

blue darken-1

blue darken-2

blue darken-3

blue darken-4

blue accent-1

blue accent-2

blue accent-3

blue accent-4

light-blue lighten-5

light-blue lighten-4

light-blue lighten-3

light-blue lighten-2

light-blue lighten-1

light-blue

light-blue darken-1

light-blue darken-2

light-blue darken-3

light-blue darken-4

light-blue accent-1

light-blue accent-2

light-blue accent-3

light-blue accent-4

cyan lighten-5

cyan lighten-4

cyan lighten-3

cyan lighten-2

cyan lighten-1

cyan

cyan darken-1

cyan darken-2

cyan darken-3

cyan darken-4

cyan accent-1

cyan accent-2

cyan accent-3

cyan accent-4

teal lighten-5

teal lighten-4

teal lighten-3

teal lighten-2

teal lighten-1

teal

teal darken-1

teal darken-2

teal darken-3

teal darken-4

teal accent-1

teal accent-2

teal accent-3

teal accent-4

green lighten-5

green lighten-4

green lighten-3

green lighten-2

green lighten-1

green

green darken-1

green darken-2

green darken-3

green darken-4

green accent-1

green accent-2

green accent-3

green accent-4

light-green lighten-5

light-green lighten-4

light-green lighten-3

light-green lighten-2

light-green lighten-1

light-green

light-green darken-1

light-green darken-2

light-green darken-3

light-green darken-4

light-green accent-1

light-green accent-2

light-green accent-3

light-green accent-4

yellow lighten-5

yellow lighten-4

yellow lighten-3

yellow lighten-2

yellow lighten-1

yellow

yellow darken-1

yellow darken-2

yellow darken-3

yellow darken-4

yellow accent-1

yellow accent-2

yellow accent-3

yellow accent-4

amber lighten-5

amber lighten-4

amber lighten-3

amber lighten-2

amber lighten-1

amber

amber darken-1

amber darken-2

amber darken-3

amber darken-4

amber accent-1

amber accent-2

amber accent-3

amber accent-4

orange lighten-5

orange lighten-4

orange lighten-3

orange lighten-2

orange lighten-1

orange

orange darken-1

orange darken-2

orange darken-3

orange darken-4

orange accent-1

orange accent-2

orange accent-3

orange accent-4

deep-orange lighten-5

deep-orange lighten-4

deep-orange lighten-3

deep-orange lighten-2

deep-orange lighten-1

deep-orange

deep-orange darken-1

deep-orange darken-2

deep-orange darken-3

deep-orange darken-4

deep-orange accent-1

deep-orange accent-2

deep-orange accent-3

deep-orange accent-4

brown lighten-5

brown lighten-4

brown lighten-3

brown lighten-2

brown lighten-1

brown

brown darken-1

brown darken-2

brown darken-3

brown darken-4

grey lighten-5

grey lighten-4

grey lighten-3

grey lighten-2

grey lighten-1

grey

grey darken-1

grey darken-2

grey darken-3

grey darken-4

blue-grey lighten-5

blue-grey lighten-4

blue-grey lighten-3

blue-grey lighten-2

blue-grey lighten-1

blue-grey

blue-grey darken-1

blue-grey darken-2

blue-grey darken-3

blue-grey darken-4

.m-white

.m-black

.m-transparent

Grid System

12
11
10
9
8
7
6
5
4
3
2
1
1
1
1
1
1
1
1
1
1
1
1

Tables

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94
John Doe 80

Forms and Lists

Input Form

Lists

  • 1
  • 2
  • 3
  • 4
  • 1
  • 2
  • 3
  • 4

Navbar

Card-panel: Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Normal Card

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

This is a Link This is a Link
Card Image

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Small
Medium
Large
Biger

Bottons

Buttom

Pagination