what . who

Sample Page

visual options

everyone deserves fresh produce

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

link


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

link in brown


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

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

 


forms . tables . radios .checks . quotes . other to be incorporated

join us