Web Elements

Elements

The purpose of this HTML is to help determine what default settings are with CSS 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.

Colors

Mystery Black

#1B1B1B

Dark Grey

#303030

Turquoise

#22CAB1

Green Sea

#00BD9D

Light Gray

#F1F1F1

Typography

Titles & Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Body Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed urna sed neque blandit gravida vitae bibendum dictum, nisl nisi.

Bold Italic Hyperlink

  • Unordered list
  • Unordered list
  1. Ordered list
  2. Ordered list
Buttons

Styling
HOVERNORMALACTIVE
Sizes
LargeMediumSmall
Iconography

Form Elements

An example alert style

An example alert style

An example alert style

Accordions & Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed elementum mi. Cras eleifend ullamcorper diam, non rutrum lectus varius vel. In ullamcorper eros ut elit interdum accumsan. Nullam et purus tempus, venenatis augue vel, blandit neque. Aenean ultricies lectus sed velit viverra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed elementum mi. Cras eleifend ullamcorper diam, non rutrum lectus varius vel. In ullamcorper eros ut elit interdum accumsan. Nullam et purus tempus, venenatis augue vel, blandit neque. Aenean ultricies lectus sed velit viverra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed elementum mi. Cras eleifend ullamcorper diam, non rutrum lectus varius vel. In ullamcorper eros ut elit interdum accumsan. Nullam et purus tempus, venenatis augue vel, blandit neque. Aliquam eros ipsum, ornare eu posuere blandit, placerat vestibulum augue. Phasellus iaculis, eros eget ullamcorper tincidunt, ipsum dui sagittis tortor, egestas congue odio nibh nec tortor. Etiam vitae suscipit mauris. Aenean pharetra malesuada metus, a aliquam mauris. Integer in enim tempor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed elementum mi. Cras eleifend ullamcorper diam, non rutrum lectus varius vel. In ullamcorper eros ut elit interdum accumsan. Nullam et purus tempus, venenatis augue vel, blandit neque. Aliquam eros ipsum, ornare eu posuere blandit, placerat vestibulum augue. Phasellus iaculis, eros eget ullamcorper tincidunt, ipsum dui sagittis tortor, egestas congue odio nibh nec tortor. Etiam vitae suscipit mauris. Aenean pharetra malesuada metus, a aliquam mauris. Integer in enim tempor.

Leave a Reply