Site Styles

H1- Lorem
Ipsum

H2- Lorem ipsum

H3- Lorem ipsum dolor sit

H4- Lorem ipsum dolor sit amet

H5- Lorem ipsum dolor sit amet
H6- Lorem ipsum dolor sit amet

#302B2A
#4C1A0D
#C08B61
#D9D6D5
75%
75%
75%
75%
50%
50%
50%
50%
25%
25%
25%
25%

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

p [em]- 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.

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

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

div- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
div [em]- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  • UL 01
  • UL 02
  • UL 03
  1. OL 01
  2. OL 02
  3. OL 03

  • Validation Summary Error
  • Error 2
  • Error 3

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


Cite Author
Mark text

Dfn text

Address
308 Roosevelt Dr.
New Boston, Pa 12345

Fieldset legend

Fieldset- Lorem ipsum dolor sit amet, consectetur adipiscing elit


Form Fields

— Dark Theme —
— Light Theme —



Button Colors

Button Primary
Button secondary
Button tertiary


Button Types

Href Button


Button Sizes







Site's Column Breakdown

Full Width- 24 Columns
*each block = 2 columns
2
4
6
8
10
12
14
16
18
20
22
24

*Full Width- 24 Columns with Padding
2+m
4
6
8
10
12
14
16
18
20
22
24

*Full Width- 24 Columns with Margins
2+m
4
6
8
10
12
14
16
18
20
22
24

*Full Width- 24 Columns with Margins & Padding
2+m
4
6
8
10
12
14
16
18
20
22
24


*1600px Width Container- 24 Columns
(p = padding, m = margin)
Grid Container - 1600px
2
4
6
8
10
12
14
16
18
20
22
24

2+p
4
6
8
10
12
14
16
18
20
22
24

2+m
4
6
8
10
12
14
16
18
20
22
24

2+p+m
4
6
8
10
12
14
16
18
20
22
24