I put the table in the image together in photoshop for demonstration purposes, so it doesn't look 100% accurate. It's more that you get an idea how the end result should look like.
I think the attached image with my comments is more or less self-explaining. However, here are some details:
It will be a review table to give the visitor a good overview of like 60 products (=60 columns).
Fixed width please. On a Desktop it should show 5-6 columns (about 1000px in total) by default, on a mobile the first two.
It doesn't matter, which colors you will use during the coding-process, I will change them afterwards, so it matches the overall design of the website.
Fixed columns & rows:
The Header with the logos and buttons and the left column should have a fixed position. Here's an example of what I mean: [url removed, login to view]
As this will be a comparison table with a winner, the first column should stand out and have a slightly shadow around the column. This column is also higher than the rest.
I need a few accordion-tabs in the table, where all tabs are closed by default EXCEPT the first one - It's more clear in the attached image.
Mobile View, Responsiveness
I don't need the table to be responsive! On a cell phone, users should see the first two columns of the table (like it's drawn in the attached image).
All Icons, Text, Numbers and Pictures are just examples and will be changed afterwards by me. I will use "Font Awesome" for the Icons of the first column.
Please apply with some reference or examples of your portfolio, so I can see how skilled you are in HTML+CSS.
Feel free to get in touch anytime, if anything remained unclear.
49 freelancers are bidding on average €168 for this job