web site looking for advice

Ciaran219

the whole year inn wrote: »

Surprised you didnt go with a Slider on the first page,just have to get a few nice pictures and looks better,what ever suits tho.
Keep up the good work.

http://mariesschooluniforms.com/

Sites done now, looks a little different
still a couple of things id like to change like the main photo having that faded in the background once i get a better one. But definitely liking the Bootstrap framework

Hollister11

Ciaran219 wrote: »

http://mariesschooluniforms.com/

Sites done now, looks a little different
still a couple of things id like to change like the main photo having that faded in the background once i get a better one. But definitely liking the Bootstrap framework

Try and centre everything. It would look much neater. In your body tag use the text-align:Center; rule.

Also the copyright symbol isn't showing at the bottom, it's just showing the word copyright

Ciaran219

Thanks @ Hollister. You any advise on the Img at the top not fitting on a phone?

<IMG HEIGHT="600px" WIDTH="1200px" SRC="Images/shop.jpg"

Hollister11

Ciaran219 wrote: »

Thanks @ Hollister. You any advise on the Img at the top not fitting on a phone?

<IMG HEIGHT="600px" WIDTH="1200px" SRC="Images/shop.jpg"

Try setting the max width to 100%

Ciaran219

sometimes its always the simple things we miss

worked like a charm, thanks

Hollister11

Another piece of advice.

The contact form doesn't work. When you submit you are redirected to an error message.

tricky D

I think you need to step back a bit and rethink your approach. I would recommend getting a dedicated bootstrap theme/template instead of what you are currently using which looks a bit of a mishmash with some of the responsiveness being handled by bootstrap, some in the style sheet and some in the img tag attributes. (well the version you had an hour or two ago looked that way with some responsive stuff in bootstrap, some elsewhere) That could get messy when it would be better to have a single method, the bootstrap theme/template handling it all. And it is messy as is, with loads of bad errors in the html like alt being used as a tag when it should be an image attribute (in the image tag) and using width="100%" for image sizing isn't a recommended workaround imho. Taking the the bootstrap theme would also take care of responsive hamburger menus and more.

A note on centre aligned text, it's not great for readability as the eye catches a new line better when text is left aligned.

The content could also do with some retreatment eg. instead of 4/5 lines of text at the top of the page a list of the main selling points would be more effective. Eg.

• Skirts, Pinafores, Shirts, Ties, Trousers and also Track Bottoms and Jumpers.
• Suppliers of Banba quality Knitwear & Tracksuits.
• Family run since 1980.
• Prices include crests and badges.
• Something about value.

Lists are easier to read than paragraphs which is important at the top of the homepage. Initially users generally scan text when they arrive to a site. After that paragraphs are ok once the user is more comfortable that they are in the right place.

I'd also put images of the uniforms at the top of the page as these are what are what the users are looking for. Look at treating some of the text's typefacing eg. make the prices bold, though don't overdo that too much.

Check your grammar, punctuation and spelling. There are errors there. Get some one else to check it as well.

There should be an email link treated as a mailto and the phone numbers should use the tel protocol so that a phonecall can be made at a single click for a phone.

Use the regular types of icons for facebook which users are familiar with.

Think about embedding the Google Map into the page around the footer/contact details.

Get the forms working as mentioned and as you are taking stuff in from forms, I'd get a privacy policy. As for the subscribe bit, let the users know what and why they are subscribing to - sell it a bit instead of just saying subscribe.

I'm not a fan of single pages but I suspect you might not have enough content to populate more pages. I'd be looking to get dedicated pages for each product type: jumpers, skirts, shirts, etc. Same for testimonials.

Lastly, I recommend using lowercase exclusively for filenames, directory names and not use any special characters like '&' in links. Not a biggie these days but makes old timers like myself cry.

Hope that helps and good luck.

Ciaran219

tricky D wrote: »

I think you need to step back a bit and rethink your approach. I would recommend getting a dedicated bootstrap theme/template instead of what you are currently using which looks a bit of a mishmash with some of the responsiveness being handled by bootstrap, some in the style sheet and some in the img tag attributes. (well the version you had an hour or two ago looked that way with some responsive stuff in bootstrap, some elsewhere) That could get messy when it would be better to have a single method, the bootstrap theme/template handling it all. And it is messy as is, with loads of bad errors in the html like alt being used as a tag when it should be an image attribute (in the image tag) and using width="100%" for image sizing isn't a recommended workaround imho. Taking the the bootstrap theme would also take care of responsive hamburger menus and more.

A note on centre aligned text, it's not great for readability as the eye catches a new line better when text is left aligned.

The content could also do with some retreatment eg. instead of 4/5 lines of text at the top of the page a list of the main selling points would be more effective. Eg.

• Skirts, Pinafores, Shirts, Ties, Trousers and also Track Bottoms and Jumpers.
• Suppliers of Banba quality Knitwear & Tracksuits.
• Family run since 1980.
• Prices include crests and badges.
• Something about value.

Lists are easier to read than paragraphs which is important at the top of the homepage. Initially users generally scan text when they arrive to a site. After that paragraphs are ok once the user is more comfortable that they are in the right place.

I'd also put images of the uniforms at the top of the page as these are what are what the users are looking for. Look at treating some of the text's typefacing eg. make the prices bold, though don't overdo that too much.

Check your grammar, punctuation and spelling. There are errors there. Get some one else to check it as well.

There should be an email link treated as a mailto and the phone numbers should use the tel protocol so that a phonecall can be made at a single click for a phone.

Use the regular types of icons for facebook which users are familiar with.

Think about embedding the Google Map into the page around the footer/contact details.

Get the forms working as mentioned and as you are taking stuff in from forms, I'd get a privacy policy. As for the subscribe bit, let the users know what and why they are subscribing to - sell it a bit instead of just saying subscribe.

I'm not a fan of single pages but I suspect you might not have enough content to populate more pages. I'd be looking to get dedicated pages for each product type: jumpers, skirts, shirts, etc. Same for testimonials.

Lastly, I recommend using lowercase exclusively for filenames, directory names and not use any special characters like '&' in links. Not a biggie these days but makes old timers like myself cry.

Hope that helps and good luck.

Thanks for the feedback, again I'm new to this still. Started back in February so I'll definitely take it all on board.
The contact us form I am having issues with the email attachment to it as its not working still.
The subscribe will be taken out by the looks of it as they aren't willing to commit getting any mail sent to people that sign up to it.

Content wise, yeah I've been given nothing to work with to be honest. I have to get anything that's there myself. The only pictures I was sent were skirts on a hanger on a curtain pole with the curtain behind it.

I did have the Facebook logo previously at the bottom but I did like the button at the top as a change to be honest.

Bootstrap itself is entirely new to me so I've no doubt I've got some issues in there. I will be tidying it up issues like what you've pointed out as I go along. This site is for my old grandparents who are both 75 and not going to be even maintaining or using the site so it's me doing it for free to get a portfolio built mainly.

Thanks for the advise though, appreciate it.

daymobrew

-webskit-background-size:cover;

Typo again: -webskit-background-size should be -webkit-background-size.

Ciaran219

Hollister11 wrote: »

Another piece of advice.

The contact form doesn't work. When you submit you are redirected to an error message.

From what i can tell i need to change my Index.html doc to index.php and then create a contact.php file with the PHP mailer files so the contact form will run properly. Does that sound right?

Buford T Justice

Ciaran219 wrote: »

From what i can tell i need to change my Index.html doc to index.php and then create a contact.php file with the PHP mailer files so the contact form will run properly. Does that sound right?

If you want to do that, you'll have to implement php as a server side language to do it.