Annulé

Build a modern comparison table in HTML+CSS (Please read description first 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

Compétences : CSS, HTML, PHP, WordPress

en voir plus : html css designer job description, convert table html css div, comparison table html jquery, html problems and solution, responsive table css design, common css problems, how to solve browser compatibility issues in html and css, browser compatibility issues and solutions, mobile table design, css problems and solutions, responsive data tables bootstrap, seo, css, html, wordpress, bootstrap, graphic design, woocoomerce, shopify, css html comparison table

Concernant l'employeur :
( 1 commentaire ) Wien, Austria

Nº du projet : #15645893

76 freelance font une offre moyenne de €174 pour ce travail

puneetjaini

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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(1876 Commentaires)
9.0
sapotacorp

Dear MartinVIE. I check [login to view URL] carefully and I am absolutely sure that I can do the project very well. Our WordPress's projects: [login to view URL] Our latest Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 5 jours
(1028 Commentaires)
8.7
monitrix

Hi Martin, I check attached file would provide you pixel perfect layout by using only html ,css for wordpress use. Thanks:)

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(506 Commentaires)
8.9
linuxfreak1985

Hi, I have read the project description and I am ready to design and Build a modern comparison table in HTML+CSS for you. Mentioned below is my Past Portfolio [login to view URL] Relevant Skills and Exp Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 5 jours
(965 Commentaires)
8.5
webqueue

Hi, I would like to discuss with you about the requirement. Please provide me details. Relevant Skills and Experience OUR RECENTLY DEVELOPED WORDPRSS SITE LINKS: [login to view URL] [login to view URL] Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 5 jours
(474 Commentaires)
8.6
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(786 Commentaires)
8.2
OP3NSOURC3

Hi, I have checked the attachment and understand the requirements. Ready to start on the html/css right away. Relevant Skills and Experience Some recent projects(all html/css created by us): [login to view URL] www.w Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 15 jours
(214 Commentaires)
8.2
shivmirthyusl

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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(272 Commentaires)
8.4
Harwinderpal

Hi Martin ✦I am Expert in HTML,CSS,Photoshop Design,Wordpress,Bootstrap. Here is the some of my best links which I have designed and front-end develop in past years. * [login to view URL] (My personal Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(306 Commentaires)
8.1
tranngocanh1702

Hi Martin. I am able to fix the comparison table like in the screenshot and requirement and don't use JS for the accordion-tabs. I am ready to start now. Relevant Skills and Experience I am Anna with more than 5 years Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 5 jours
(128 Commentaires)
7.5
mascotindia123

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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 4 jours
(250 Commentaires)
7.5
vietwebdev

Hi I have more than 7 year in Design and Develop responsive website, Jquery, HTML, CSS so I believe I will make you happy in both the quality work and the service I provide you. Relevant Skills and Experience Pleas Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 2 jours
(244 Commentaires)
7.6
raoasghar

Hey sure i'll not use any javascript and built table using attached image in HTML+CSS where you can easily used in a Wordpress-page, so it will be HTML and CSS code separately. Let's start Relevant Skills and Experi Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 2 jours
(312 Commentaires)
7.6
Risalat1

Ready to work with you, could you please send me details of the changes you need so we will estimate it accordingly ............ Relevant Skills and Experience Ready to work with you, could you please send me details Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 5 jours
(405 Commentaires)
8.0
dbuglab

Hello.., ((( I have Checked the Attachments and Ready to build the table Using HTML and CSS according to the description. ))) "" KINDLY SHARE THE DETAILS IN BRIEF FOR QUICK START..!!! "" [[ 7+ Years Of Experie Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(193 Commentaires)
7.5
yogeshssanwal

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 Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 4 jours
(257 Commentaires)
7.0
maxpl

I am a full stack developer from Poland. I can start - now. Please message me to discuss further. Relevant Skills and Experience I have 6+ years of experience in webdesign/development and Mobile Development (Android Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 5 jours
(41 Commentaires)
6.9
kalidass678

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, Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(178 Commentaires)
7.2
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(102 Commentaires)
7.1
a4logic

Dear Sir/Madam, I am keenly considering your job post including these skills. Relevant Skills and Experience I am expert in the following website designing languages. HTML PHP CSS Joomla Wordpress Magento Shopify Pr Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% EUR en 3 jours
(102 Commentaires)
6.7