Note Do Not Touch CSS File! Please contribute to the LESS files for styling.

Main color pallets are:

• Gray for the Navigation and footers (#e5e5e5)
• Blue for text box (#055596)
• Green for text box (#05af50)
• Orange for text box (#dc960a)
• White for text (#ffffff)

Any generic colors are referring to the colors above.

• To maintain them it is sugested to follow the less var documentation.

The basic layout and design of the site is to start from a mobile view (minimum width of 500 pixels)
and move up to tablet (minimum width of 800 pixels) and then up to desktop (any width above 800 pixels).

Orange colored text boxes go to a title header. Smaller headings or sections that need to call attention should be in blue. General text boxes should be in green. All colored boxes should be outlined in a 1 pixel solid black border.

Background is white.

Icons used are made by Eucalyp from FlatIcon Remember to add credit to the icons on the site or page that icons are placed

At the 800 pixel break point only three of the five icons are showing: Laundry, Toilet, and Vacuum.

Titles and text are centered in their containers unless they are a title header.

Mobile App mockup designs were made by Ciara ("CC") Beitel from our IOS team.

Home Chore Tracker main header container and Mission Statement container is edited under the first section with the class sec1.

Pitch is edited under sec2

Background stretches across 100% of the screen at any break point. Background is in gray.

Home icon is in blue. About Us icon is in green. Login icon is in orange. At the 500 pixel break point icons do not have text next to it.

This styling is consistent accross all pages

Background stretches across 100% of the screen at any break point. Background is in gray.

Sign Up button is centered and colored orange.

This styling is consistent across all pages.