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.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
Regular 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.
Small paragraph: 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.
Block Quotes
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.
Text Colors for headers and paragraphs
Classes can be added to change colors. Our palette will be incorporated into the bakery builder for ease of use.
pink
green-dark
green-spring
brown
brown-dark
grey
orange
Background and full paragraph colors
Within the block builder, classes can be added to change text or background colors in a div (i.e. block area). This div has the class “beige-background.”
Within the block builder, classes can be added to change text or background colors in a div (i.e. block area). This div has the class “pink” which is coloring the paragraph text pink.
Within the block builder, classes can be added to change text or background colors in a div (i.e. block area). This div has the class “beige-background inset-shadow.”
Within the block builder, classes can be added to change text or background colors in a div (i.e. block area). This div has the class “green-dark” which is coloring the paragraph text pink.
Button Examples
Color Overrides
I’ve update the internal color styling for the following:
- classic green = gwp spring green (dark green hover)
- pink = gwp beet pink (orange hover)
- chino = gwp brown light (dark brown hover)
- juicy pink = gwp beet pink (green hover)
Mix and match shapes (round vs. rounded) with above colors as desired.
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
forms . tables . radios .checks . quotes . other to be incorporated