Web Blog Colour

For the colour of the website the owner wanted it to have a metal look and fell to it, first for the background i used a image of stainless steel by adding the code to my CSS as showed below. Then for the header of the website i also used a metal background image with the company name postioned on top of the image using similar CSS code as i did for the body.

The menu bar i that i used from bootstrap was already the dark colours for the website that i wanted so i left these colours alone. After adding the images to the website the text became hard to read in some parts of the website, so to fix this i added a white background colour to the container, by doing this it also created a floating look when scrolling on the webpage.

Stainless Steel background CSS

Background_code

Metal header background CSS

Banner_img_css

Metal header background source code

Banner_source_code

White body CSS

css_white_background

White body soruce code

white

Leave a comment