Project Detail

Description

DO NOT ATTEMPT TO CONTACT ME OUTSIDE OF THIS WEBSITE. USE THE PMB FOR ANY QUESTIONS. IF YOU CONTACT ME OUTSIDE THIS WEBSITE YOUR BID WILL BE AUTOMATICALLY IGNORED. NO "PLACEHOLDER" BIDS.

This is a quick CSS and content modification to one page of a website that I developed for a client recently. I need there to be a list (formatted as a definition list <dl> ) of material types offered. This is written on the attached PDF. Each material type will be a <dt> and then the sizes/shapes offered will be a <dd>. Sample HTML for this page has been included, along with the CSS files currently in use. All <dd> should be hidden by default. When a user clicks on a material type <dt> the sizes and shapes text associated with it in the <dd> should "unhide" below it. There should also be an obvious "close" mechanism such as a link that says "close" or some other obvious way to re-hide this expanded content. It is NOT necessary for this to be animated using jQuery or any other JavaScript effects library; however if that is how you prefer to do it that is fine...I really don't care how it is implemented so long as it works and the final markup is able to be validated using the W3C validator for both CSS and HTML. There are a few lines of the written text on the PDF that are hard to read. Please make your best guess. You will probably be able to make sense of the patterns within this information as you get started with the data entry. Accuracy IS important, so please let me know upon completion, which items you were not 100% sure about the typing.

If you can provide a "proof of concept" sample of this using just 2-3 materials from my file (or refer me to a link to see the effect on another page), preference will be given to your bid.

NOTE: I may end the bidding early if I find a provider that understands my need and can cheaply and quickly accomplish it.


Additional files submitted:
page_edits.pdf
html.zip