Build a fantastic looking HTML div (design a UX) to show some data

I need someone to create a simple div of width 400px that showcases data with an amazing looking UX built with HTML and CSS and Javascript.

I'm building an electronic board for some election coverage that runs off a webpage containing DIVs, and I need someone to design a div that shows results for each candidate. I want to copy the way CNN shows this on their magic wall (the full magic wall is shown in one attachment, but I only want the part in the second image done - the candidate boxes).

Create a black background on the page, and have the div float transparently on the page 10px in from top and left. Then, you can fill this div with whatever you need to design (can be multiple divs) so that you create the same effect as on this page, with white boxes and transparent gaps between the boxes so that you can see the underlying page between them.

I also need the percent reporting black box at the bottom done.

For the progress bars, I need the design to make it easy to drop in a percentage number and have the bar fill as much as is correct (such as 60%). It would be great if these could be animated in some way as well :)

I need the width of the total boxes to be 400px wide. The font to be used is Asap, a Google Font (<link href="[url removed, login to view]:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">). Use whatever weights makes it look most exact.

Finally, just use dummy images for the pictures - I can easily replace those. Thank you!

Evner: CSS, HTML, Javascript, Web Design

Se mere: responsive web design tutorial, responsive web design template, responsive web design framework, responsive web design bootstrap, responsive web design examples, adaptive web design, responsive web design css, what is responsive web design, copy html div, looking copy paste data entry work, copy table data mdb mdb vbnet, html table copy website, excel macro copy paste data application, html div link, simple html sales copy page, photoshop website layout html div, quote copy typing data entry, html div fixer, copy paste data entry work, html div css

Om arbejdsgiveren:
( 7 bedømmelser ) Balmain, Australia

Projekt ID: #16062868

Tildelt til:


hello, i have done several project like this i will do your work very well. Thank [login to view URL] we discuss more? thanks

$13 AUD på 1 dag
(4 bedømmelser)

6 freelancere byder i gennemsnit $23 på dette job


need someone to create a simple div of width 400px that showcases data with an amazing looking UX built with HTML and CSS and Javascript.

$30 AUD in 2 dage
(36 bedømmelser)
$25 AUD på 1 dag
(22 bedømmelser)

I'm Moiz Iqbal and i have 3+ year of experience at Web Development and Designing and I am ready to start working on your CSS and HTML5 jobs and projects. I have been worked as a CSS Designer and HTML5 Programmer and ha Flere

$25 AUD på 1 dag
(1 bedømmelse)

I feel that I am the Perfect match for your requirements after thoroughly reviewing the job description and desired skills . So I hope Good response from You. Best Regerds Al Mahmud

$20 AUD på 1 dag
(0 bedømmelser)
$25 AUD på 1 dag
(0 bedømmelser)