Tamamlanmış

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: [url removed, login to view]

"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

Beceriler: CSS, HTML, Javascript, PHP, WordPress

Daha fazlasını gör: 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

İşveren Hakkında:
( 1 değerlendirme ) Wien, Austria

Proje NO: #15879841

Seçilen:

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 Daha Fazla

%selectedBids___i_period_sub_7% gün içinde 80%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(10 Değerlendirme)
3.9

Bu iş için 49 freelancer ortalamada €168 teklif veriyor

in %bids___i_period_sub_35% gün içinde526%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(635 Değerlendirme)
8.9
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(237 Değerlendirme)
7.8
sunsoftpro

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

in %bids___i_period_sub_35% gün içinde226%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(184 Değerlendirme)
7.3
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde200%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(100 Değerlendirme)
7.3
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde200%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(258 Değerlendirme)
7.3
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:// Daha Fazla

in %bids___i_period_sub_35% gün içinde150%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(189 Değerlendirme)
7.2
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde100%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(375 Değerlendirme)
7.4
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde222%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(206 Değerlendirme)
7.0
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde277%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(60 Değerlendirme)
6.8
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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% EUR
(189 Değerlendirme)
7.0
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde133%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(76 Değerlendirme)
6.3
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde200%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(73 Değerlendirme)
6.3
in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(89 Değerlendirme)
5.6
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

in %bids___i_period_sub_35% gün içinde166%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(59 Değerlendirme)
5.4
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde123%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(40 Değerlendirme)
5.3
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(26 Değerlendirme)
5.3
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde150%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(29 Değerlendirme)
5.0
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde100%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(42 Değerlendirme)
4.6
subha

Hello, Read description first and see the attached picture. We can do this job very well. We have a highly qualified team of 10+ people with expertise in the work we do. Relevant Skills and Experience * 8+ years expe Daha Fazla

in %bids___i_period_sub_35% gün içinde140%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(26 Değerlendirme)
5.2
hossaincse2

A proposal has not yet been provided

in %bids___i_period_sub_35% gün içinde55%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(45 Değerlendirme)
4.6