start of the site 2

Since i have got the layout of my website sorted i wanted mainly to sort the colour scheme and font out.
here are some print screens

This is the big computer screen view.
The colours i have chosen are dark green and light green the reason for this is because the amazon river is surrounded by a jungle so green was the best choice. I wanted the the white content wrapper you see in the middle to be a light blue colour so it could act as the river but as the content will go on this having a white background will make it easy to for the audience to read the text.
my navigation is aligned at the top i really like this because it makes it simple to work around the website. I think something i would like to add is the colour of the text on the navigation bar could change from white to green when on the selected page.

Here is a screen shot from the iPad size, you can see the background has changed from white to green which i am going to switch back, this will make the content that I'm going to have on there easy to read.

Also the navigation system has changed from aligning at the top in a row to a drop down menu you can see is a drop down menu from the 'menu' text and the three white blocks at the top right hand corner.

now you can see a screen shot of the mobile version with the drop down menu open. Its not completly right yet as i would like again for there to be a white background instead of the light green and also i would like for the drop down menu to be the light green colour instead of dark this way it still has the three colours and differentiates between the menu bar and the tabs.

Okay so here are print screen's of what the html and css looks like in order to create the website you can see I'm the images above.

With this code and the css you can see how the navigation was created.

With this css code you can see how the navigation was created an you can see how the colours, fonts were imported into the navigation.