Project One: Redesigning Evoke website: Progress

Today I discovered that I wasn't closing off all my div's properly and so this was disrupting the design of the website. I have had to go back through my code and check that everything has a opening and closing tag. I managed to get this sorted and that seem to automatically fix some of the problems I was having with trying to get the footer in the center and other elements on the page.

I originally planned on using the font 'Arial' for the body of the text and 'Century' for the tabs and menu bars but I have ended up just using 'Arial' for everything. Something else I have realised is that when I was making the mock up in illustrator for the headings 'About Us' and '... Explorers and Dreamers ...' , I stretched out the headings so they looked narrower and of course I can't do that in the code that I am aware of. The headings have ended up looking abit different because of this.

I also have figured out why the main image kept repeating itself. By default the image will repeat so to stop this from happening you need to use the code "background-repeat: no-repeat;".

Here is some screen shots of the 'home' page and 'about' page finished. I have linked them together and most things on the pages have links and hovers.

'Home' Page:

'About' Page:

Some challenges I had along the way were the footer and trying to get everything it the correct position. I considered just making is simpler because it just wasn't going the way I wanted it to. I did get there in the end though. I also had trouble with the 'Find Shows' section on the home page. So I ended up simplifying that and just making it a list instead. Overall I think I have decided its best to stick to a simple layout for coding purposes especially if your still learning. 

A couple of things I would still like to do are:

- Add a third page

- Create hovers for the social media icons in the footer and search icon at the top.

- Create links for the 'Guest Collections' and 'Best of 2012' sections on the Homepage.