Completed

Build a modern comparison table in HTML+CSS (Please read description first and see the attached picture before you apply)

Hi!

I'm looking for someone who's able to code the table in the attached image in HTML+CSS. It will be used on a Wordpress-page, so I need the HTML and CSS code separately. Don't use Javascript on this, please.

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).

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.

Colors:

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: [login to view URL]

"Winner"-Column

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.

Accordion-Tabs

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).

Text+Icons:

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.

Regards,

Martin

Skills: CSS, HTML, Javascript, PHP, WordPress

See more: html css designer job description, convert table html css div, comparison table html jquery, how to get freelance php projects, php developer work from home jobs, php jobs salary, online php projects to earn money, php remote jobs, php developer jobs, freelance php developer hourly rate, online php work from home, php, css, html, website design, wordpress, javascript, psd to html, graphic design, html5

About the Employer:
( 1 review ) Wien, Austria

Project ID: #15879841

Awarded to:

dwirianto

Hi again, Martin! It's my second shot I guess. I'm interested on this project. Should you have any other requirements, let me know, I'm more than happy to help. Cheers Relevant Skills and Experience HTML, CSS Propose More

€80 EUR in 4 days
(14 Reviews)
4.9

48 freelancers are bidding on average €168 for this job

€526 EUR in 25 days
(677 Reviews)
9.0
jxsarwar

Hi Martin, I've checked the attached image and can provide you it's HTML/CSS with pixel perfect result. Relevant Skills and Experience You can check my few websites below: [login to view URL] [login to view URL] h More

€250 EUR in 5 days
(301 Reviews)
8.3
sunsoftpro

100% pure css, contact me so can show demo project!

€226 EUR in 7 days
(195 Reviews)
7.6
tranngocanh1702

I am able to build the comparison table as your screenshot. Here is my demo in HTML, CSS [login to view URL] I am ready to start now. Relevant Skills and Experience I am Anna with more than 5 years experience in PHP More

€200 EUR in 3 days
(136 Reviews)
7.6
digiwebcreators

Hi, I have checked the image and ready to code it in HTML/CSS page. I have a query. Please send me a message so that we can discuss job. I have 10+ years of experience in website designing. Relevant Skills and Exper More

€100 EUR in 3 days
(399 Reviews)
7.5
babitabubu

Hello ready to start work on this job requirement now, have read the details and checked the TABLE image and details marked into that. Let's start work now? Relevant Skills and Experience CSS, HTML, Javascript, PHP, W More

€222 EUR in 3 days
(219 Reviews)
7.1
salienttemplates

Hello, We are experts in HTML,CSS,Boostrap,Jquery,Javascript,core Php, Magento, WordPress, Codeigniter, and many other open source framework Thanks Relevant Skills and Experience Hello, We are experts in HTML,CSS,Boos More

€200 EUR in 3 days
(273 Reviews)
7.4
sdinfoways

HI -we will convert an attached table to 100% css based html no JavaScript. and will deliver the it as per given details. Relevant Skills and Experience =[login to view URL] =[login to view URL] =http:// More

€150 EUR in 2 days
(197 Reviews)
7.3
vpnsolution

I have seen your attached .png file . I can complete these task within 1 day. I have done tons of project which are similar to your requirement. Relevant Skills and Experience I am experienced Front-End Designer and More

€155 EUR in 1 day
(253 Reviews)
7.5
Designbackoffice

We able to code the table in the attached image in HTML+CSS with unlimited revisions. OUR PORTFOLIO [login to view URL] Relevant Skills and Experience I would love to discuss your project over chat. Sincerely Rega More

€277 EUR in 3 days
(81 Reviews)
7.0
imagicaworld

Dear Client,Hope you doing well. I have gone through your requirement and as per my previous work experience i am ready to start work immediately on your project. Relevant Skills and Experience Please have a look at More

€200 EUR in 5 days
(119 Reviews)
6.8
vishsoftware

I have gone through your requirements and seen your specifications that you want to build a modern comparison table in HTML+CSS in WordPress site. Relevant Skills and Experience I have few questions about your project More

€133 EUR in 3 days
(84 Reviews)
6.5
ranumehta2017

Dear Hiring Manager, Hope you are doing well. I have read your description I am a freelancer having more than 6 years of experience in the same domain. Relevant Skills and Experience WordPress CMS websites using the More

€150 EUR in 2 days
(38 Reviews)
5.7
enriquethumar

I have 8+ years experience in web / ios fields,and 3+ years of experience in private company having 500+ employee as a Technical Team leader Relevant Skills and Experience php , wordpress , joomla , magento , shopi More

€123 EUR in 3 days
(44 Reviews)
5.6
€250 EUR in 10 days
(100 Reviews)
5.7
lxitservices1

Hi, I have seen the attached table and the link very well and assure you that i will Build a modern comparison table in HTML+CSS with 100% responsive for mobile view as per your exact points. Relevant Skills and Exper More

€250 EUR in 7 days
(28 Reviews)
5.5
mdubey

Dear sir, I'm very interested for this project & I can surely do this project, I work with Team who always looking for such type of project, so please try to give me one chance. Relevant Skills and Experienc More

€100 EUR in 3 days
(57 Reviews)
5.3
kritijain911

Hi, Please come on personal chat board for further discussion so that i can do it according to you Relevant Skills and Experience I have 3+years of experience in php, mysql server, Codeigniter,Wordpress, magento, E-c More

€155 EUR in 3 days
(33 Reviews)
5.3
webdeveloperexpe

i am expert in wordpress and interested in your project ready to start work right now Relevant Skills and Experience CSS, HTML, Javascript, PHP, WordPress Proposed Milestones €166 EUR - initial

€166 EUR in 3 days
(59 Reviews)
5.4
iitsolutions

Hello client, I read out all your requirements and I can provide it in given time and in less budget. I am a PHP developer, I got a huge experiences in HTML and PHP Relevant Skills and Experience [login to view URL] More

€155 EUR in 3 days
(32 Reviews)
5.4