I need you to take our design as shown in the attatched image and program it in pure CSS similar to how [login to view URL] was coded, but with our own design of course. Our side menu needs to have a menu like [login to view URL] but must match out design.
The code must be presented in the following order: (you wil need to use positioning with css such as absolute and relative.
CODE ORDER
This website has three templates:
Cateogry Page (need that designed like the attatched design i just need the products presented
similar like: [login to view URL] where there are 3-4 products per row and when you mouseover it highlights the product. The product title should only be in the link not the price. i do need the chat online now which will
actually for us say email your questions or call us, and i need privacy protected. also where they have the da nang kids logo we will just not have that box and have our chat online now and privacy protected box extend full width maybe depending what looks right.)
Product Page (we want a box like they have: http://www.couturecandy.com/da-nang-kids/woven-cotton-tiered-skirt-7-16/product.html&color=WISTERIA that says Need Assistance? but ours will not have live chat we will replace that with email us.)
Info Page
NOTE: Each title/header should be using (category title, info title, product title on product
page not related items product title should use the h1 tag in the source code.)
BTW: You will not have to use ABSOLUTE POSITIONING for every single element in the code im sure you know but that will be upto you to decide on. Just beaware that product
descriptions, and category desriptions could be longer than shown on some items. Also on the info page text length on the page could vary as well.
The code should be programmed as follows for each:
==== CATEGORY ===
1. Category Title
2. Category Description
3. Shop by Category (with all categories listed below. Using the vertical menu i proided
will create a buleted list that google will see as very important.)
4. Products or Categories under category (like [login to view URL] and [login to view URL])
5. WHATS NEW, SALE, ORDER POLICIES (that whole chocolate bar including the search part)
6. 1-800-950-6268, Shopping Cart, Mailing List menu
7. About Us, Privacy Policy bar, (full bar)
8. any remaining content goes above the code for the copying statement.
=== PRODUCT ===
1. Product Title
2. Product text Description
3. Shop by Category (with all categories listed below. Using the vertical menu i proided
will create a buleted list that google will see as very important.)
4. Produt Details (size,color,price,weight,etc... including order, tell a friend button)
5. Special Note (see in design it says Add a cool belt buckle to go with one of your new
leather snap belts?)
6. Related Items
7. WHATS NEW, SALE, ORDER POLICIES (that whole chocolate bar including the search part)
8. 1-800-950-6268, Shopping Cart, Mailing List menu
9. About Us, Privacy Policy bar, (full bar)
10. any remaining content goes above the code for the copying statement.
=== INFO PAGE ====
1. Info Page Header (should be same size and placement as on the category page as category title uses.)
2. text (same style as category description)
3. Shop by Category (with all categories listed below. Using the vertical menu i provided will create a buleted list that google will see as very important.)
4. WHATS NEW, SALE, ORDER POLICIES (that whole chocolate bar including the search part)
5. 1-800-950-6268, Shopping Cart, Mailing List menu
6. About Us, Privacy Policy bar, (full bar)
7. any remaining content goes above the code for the copying statement.
I have been very clear with requirements. This job needs to be done right away. I need this done in the next 12-14 hours preferably. If you can't do this please be clear from the beginning. I am only unable to pay within my budget so do not bid if you are over. Payment made upon completion.