Update Design

Design

Page Layout

Text

#header

• margin: 0px;
• padding: 10px 0;
• font-size: 26px;
• color: #11616a;
• font-weight: bold;

#body

• margin: 0;
• padding: 0;
• line-height: 1.5em;
• font-family:"Palatino Linotype", "Book Antiqua", "Palatino", "serif";
• font-size: 12px;
• color: #ffffff;
• background: #696653;

#paragraph

• padding: 0 0 15px 0;
• color:#000;

Colour
(main color - green, blue, grey)

1. Header background color: light green 
2.  Center background color: Insert Image (grey)
3. Side column background color: Insert Image (dark grey)
4. Footer background color: black

Inclusivity

Website is support by Google Chrome, Opera, IE and Mozilla Firefox.

Navigation

1.      Webpages always include back links

2.      Webpages always include a home page link

3.      Use a consistency style for links

Ø  a:link, a:visited { color: #f4d153; text-decoration:none;}

Ø  a:active, a:hover { color: #f4d153; text-decoration: underline;}

Folder Tree

There is our folder tree sample, each of the module separate to their own folder. The images also separated according to each of the modules.     

Flow

There have seven webpages that consists of different information. The home page is about some of the information of Sabah. Each of the webpage have consist if calculator at Left Column. This budget calculate allow user to calculate their budget based on hotel price and place. Other than that, it will allow user to print out package summary with login user.