Colors

Teal
#6ac9ca
rgba(106, 201, 202, 1)

Orange
#f8991d
rgba(248, 153, 29, 1)

Green
#c4d82e
rgba(196, 216, 46, 1)

Olive
#738468
rgba(115, 132, 104, 1)

Black
#000000
rgba(0, 0, 0, 1)

Dark Grey
#333
rgba(51, 51, 51, 1)

Medium Grey
#808080
rgba(128, 128, 128, 1)

Light Grey
#ccc
rgba(204, 204, 204, 1)

White
#ffffff
rgba(255, 255, 255, 1)

Grid examples

block

HTML examples

The purpose of this HTML is to help determine what default settings are with Bitters and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.

Headings

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading

h6. Heading

Paragraph

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Links

default link

List Types

Definition List

Definition List Title: This is a definition list division.

Ordered List

List Item 1
List Item 2
List Item 3

Unordered List

List Item 1
List Item 2
List Item 3

%default-ol Ordered List

List Item 1
List Item 2
List Item 3

%default-ul Unordered List

List Item 1
List Item 2
List Item 3

Fieldsets and Form Elements

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Form Element

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.

Text Field:

Text Area:

Select Element:

Radio Buttons: Radio 1 Radio 2 Radio 3

Checkboxes: Checkbox 1 Checkbox 2 Checkbox 3

Password:

File Input:

Tables

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3