Build a modern comparison table in HTML+CSS (Please read description first before you apply)
€30-250 EUR
Plačilo ob prevzemu
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
ID projekta: #15645893
Več o projektu
71 freelancerjev ponuja v povprečju za €176 na tem delu
Hi Martin, I am proficient in HTML/Css and can develop table as per your requirement. Relevant Skills and Experience II have over 18 years of experience in developing website's, done more than 2000 projects successful Več
Hi Martin, I check attached file would provide you pixel perfect layout by using only html ,css for wordpress use. Thanks:)
HI Martin, Thank you for the opportunity. You are looking to code the table as shown in the attached image in HTML+CSS Relevant Skills and Experience We have 10+ Yrs of experience Proposed Milestones €155 EUR - On di Več
Hello, We specialize in custom CSS, HTML, PHP, JS, MyAql, solutions and services. PLAMP is our favourite tool to use for any website. We can work with you on any level of your project that you may need support w Več
Dear Martin, I am Kalidass Senior designer I have more than 8 years experience in designing. I have read your full description I am very much confident to do this job. Relevant Skills and Experience Ourskills : PHP, Več
Build a modern comparison table in html css Relevant Skills and Experience Respected Sir, We have 7+ year exp in php html css and wordpress. We have expertise in content management system in wordpress. Proposed Mi Več
Sure thing. I will complete within 24 hours. I have reviewed attached PNG. I'm ready to start work now. Relevant Skills and Experience CSS, HTML, PHP, WordPress Proposed Milestones €155 EUR - 155
Hello. hope you are doing great. I have good hands in Html CSS and Bootstrap .. I can show you my portfolio on your response... Thanking you!! Required Skills : Graphic design, CSS, HTML, PHP, WordPress(CMS), Website Več
I have 7+ years in wordpress - website design & development with very good experience. Relevant Skills and Experience I am good in CSS, HTML, PHP, WordPress Proposed Milestones €200 EUR - Cost
Hello, I am very interested in your respective job post. I am working as a freelancer from last 6+ years and have extended knowledge of web designing, web developments, mobile apps or online and my working is 50 Ho Več
HI Martin, As per your job description, I am the senior developer I am skilled in both the front end and back end technologies. Thanks Relevant Skills and Experience Website design and development Proposed Milesto Več