Navigation Button

CSS selector:

.button-nav

Sample code:

Rendered element:

In-text link

CSS selector:

.inText-link

Sample code:

Rendered element:

Submit/Reset Buttons

CSS selector:

.buttons-form

Sample code:

Rendered element:

Text Input Field

CSS selector:

.formInput-name

Sample code:

Rendered element:

Headings

CSS selector:

section h1

section h2

section h3

Sample code:

Rendered element:

Header Level 1

Header Level 2

Header Level 3

Color Palettes

CSS selector:

.color1

.color2

.color3

.color4

Sample code:

Rendered element:

Paragraphs

CSS selector:

.content

Sample code:

Rendered element:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Bulleted Lists

CSS selector:

.list

Sample code:

Rendered element:

Numbered Lists

.numberList

CSS selector:

Sample code:

Rendered element:

1. Nissan
2. Mitsubishi
3. Subaru

Main Navigation

CSS selector:

nav.navigation

Sample code:

Rendered element:

Grid Structure

Rendered element:

Product Listing

CSS selector:

.productImage

Sample code:

Rendered element: