The Code

Starting off as you see in the image below this was the HTML code, doctype is stating what type of code sheet it is. You then have header, title, link to the stylesheet (CSS), end of header, start of the body tag, then the two <divs> containing two id's, wrapper and header. 

The code above is essential when making any website in HTML and CSS. You must put the tags in the right way or it won't work properly.

Below you see i added my first logo image. I had to source it from the website folder, in which i constructed before i started coding. You must have all of your files organised otherwise nothing will work.

 I had to get into the habit of closing every tag that i opened, if i didnt close the tag, again it wouldnt work.

In the image above, you can see i started to construct my navigation bar in my HTML code. The image below is the navigation bar for the footer, relatively speaking its the same code as i copied and pasted it because they are going to do the same job.

Below you see is th end of the HTML code. As i said earlier, always remember to close your tags. 

-           -        -          -         -          -           -          -          -         -         -         -          -        -         -          - 

The image below is of the web font code i got off of google web fonts.

below is the CSS coding i use in order to style my paragraph of text i order to get it sitting naturally .

 The screen shot below is that of the CSS that goes hand in hand with the beginning of the HTML code i mentioned earlier.