Web programming from supplied PSD - SL (7 page website)
4393
£150(approx. $188)
- Posted:
- Proposals: 5
- Remote
- #129840
- Archived
Description
Experience Level: Expert
I have PSD designs for a 7 page website. I will email across the PSD in a zip file.
Navigation:
On/over/active states will be required for the navigation. I would like to use this effect: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/
Fonts:
Please use Google webfonts - font name 'Bitter'.
Gallery:
For the gallery page I would like to integrate this JS slideshow:
http://visualslideshow.com/javascript-slideshow.html
The gallery functionality will only appear on the About Us page and you will see that I have indicated how I would like it laid out in my PSD. Please let me know if you stumble across any limitations with this suggested slideshow.
I would like the transitions slower than shown in the demo and a larger space for writing captions but we can fine tune that once it’s up and running.
Contact Form:
Can we create required fields and flag error messages if a field is left blank. We will also need to add a thank you message when the form is successfully submitted.
Can you set it up to go to my email for the time being.
Structure:
Images - Currently the same images are being used on all pages – this is purely for placeholder purposes so please structure code so that I can easily replace images in each page.
Homepage – There are x4 boxes on the homepage with images & text for Soft & Hard Landscaping, Fencing, Grounds Maintenance and Gritting & Snow Clearance. I would like these to be created as separate elements, ie, background image with boarder as one layer, white opacity stripe as another layer, text as another layer. I want to do it this way so that we can set a hover state to change the opacity of the white strip from 60% to 80%.
Content pages – as with the boxes on the homepage, I would also like to structure the main images on each content page in the same way. So we have the image in the background, then a white opacity strip over the top, and then the text as a separate layer so the text is legible to the search engines.
URL Structure:
Please build pages using the following URL structure-
Homepage – index.html
Grounds Maintenance – commercial-grounds-maintenance.html
Gritting & Snow Clearance – regional-gritting-snow-clearance.html
Soft & Hard Landscaping – commercial-landscaping.html
Fencing – commercial-fencing.html
About Us – about-sherratt-landscaping.html
Contact Us – contact-commercial-contractors.html
If you can build the website on your own dev environment and send me a link when it’s ready to be tested, then once approved could you send me a ZIP file containing all working files for us to upload onto our server.
Navigation:
On/over/active states will be required for the navigation. I would like to use this effect: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/
Fonts:
Please use Google webfonts - font name 'Bitter'.
Gallery:
For the gallery page I would like to integrate this JS slideshow:
http://visualslideshow.com/javascript-slideshow.html
The gallery functionality will only appear on the About Us page and you will see that I have indicated how I would like it laid out in my PSD. Please let me know if you stumble across any limitations with this suggested slideshow.
I would like the transitions slower than shown in the demo and a larger space for writing captions but we can fine tune that once it’s up and running.
Contact Form:
Can we create required fields and flag error messages if a field is left blank. We will also need to add a thank you message when the form is successfully submitted.
Can you set it up to go to my email for the time being.
Structure:
Images - Currently the same images are being used on all pages – this is purely for placeholder purposes so please structure code so that I can easily replace images in each page.
Homepage – There are x4 boxes on the homepage with images & text for Soft & Hard Landscaping, Fencing, Grounds Maintenance and Gritting & Snow Clearance. I would like these to be created as separate elements, ie, background image with boarder as one layer, white opacity stripe as another layer, text as another layer. I want to do it this way so that we can set a hover state to change the opacity of the white strip from 60% to 80%.
Content pages – as with the boxes on the homepage, I would also like to structure the main images on each content page in the same way. So we have the image in the background, then a white opacity strip over the top, and then the text as a separate layer so the text is legible to the search engines.
URL Structure:
Please build pages using the following URL structure-
Homepage – index.html
Grounds Maintenance – commercial-grounds-maintenance.html
Gritting & Snow Clearance – regional-gritting-snow-clearance.html
Soft & Hard Landscaping – commercial-landscaping.html
Fencing – commercial-fencing.html
About Us – about-sherratt-landscaping.html
Contact Us – contact-commercial-contractors.html
If you can build the website on your own dev environment and send me a link when it’s ready to be tested, then once approved could you send me a ZIP file containing all working files for us to upload onto our server.
Stephen S.
0% (0)Projects Completed
6
Freelancers worked with
4
Projects awarded
43%
Last project
22 Oct 2012
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies