PSD Design - to html / css - to bootstrap

[krazyhorse]

Hi Guys

I made a PSD photoshop design here:

http://tumolo.co.uk/saxonimg/

I then proceeded to "slice" or "code" the static design, into html / css here:

http://tumolo.co.uk/saxon/

A BIT OF BACKGROUND ABOUT ME:

I used to do design and still do photoshop design, however I've got fed up of finding and waiting for good coders, so decided to learn html/css/bootstrap myself. I'm completely self taught with youtube clips and places like lynda.com - so go easy on me please

1. In order to code bespoke designs to display on web, I chose bootstrap, as I can code the site to be mobile friendly. Please note - I have NOT started the mobile friendly code yet

2. can anyone please give me their advice opinion on my code? is it good? bad? have I put unecessary code for just simple things e.g. I found myself defining the font for the site all over the CSS, could I just have placed it in a "global" position?

3. THE FOOTER: how do I align the VERTICAL LINES so that it all looks a bit nicer i.e. centralized?

4. How do I remove that white gap at the bottom?

Any feedback is welcome. I realize that some people might have opinions of coding straight away and no need to design - please advise on this too... I'd like to hear opinions...

Thanks all

[Rick]

The links work now.
1: Your code. It is difficult to make an opinion about your code by using a browser debugger. Generally if the code works it is OK. I did see 66 errors for links the are path back through the server.
2. White space below the footer, set the body margin-bottom to zero.
3: Footer vertical lines. I don't think you need them at all. If it were me, I'd remove them.

[alorgen]

One of my friends thinks that creating a mobile website would be a better choice, given that he has just begun to establish his web presence. We are using a Bootstrap website theme from http://www.templatemonster.com/prope...rap-templates/ for his local pizzeria website, and now we're left with getting HTML and CSS code slightly customized to meet our specific requirements design-wise. The question I have is how should we apply this customization to create an actual operating website that people can visit? And how can we actually test run it on different browser platforms before it goes public?

[Rick]

Since a web site that is built using bootstrap already has the capability to be responsive so that the site can be viewed from desktop view to tablet to mobile, design is fairly easy. One must understand that some items (like images) may not work well in mobile views. This can be handled by using smaller images and using bootstrap visible/hidden events.
To test (and I am using Visual Studio as my developing platform) I install all major browsers and in each using VS. There are also on line tools to test with.
I find by reviewing the analytics of web sites I have created and are running on line, that Google's Chrome, Internet Explorer and Safari are the browsers most used. There are on line sites you can test with.