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)
(main color - green, blue, grey)
- Header background color: light green
- Center background color: Insert Image (grey)
- Side column background color: Insert Image (dark grey)
- 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
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.
