Frontend HTML build from existing mockups

We are launching a new project and looking at fresh blood to join the ranks.

The scope of this assignment is to created version 1 of 5 screens (attached), and the goal is to build a relationship needing around 100-150 hours over the coming few months.

The screens to be completed are (in order of importance)

1) Checklist screen (p5)

2) Listing screen (p3)

3) result screen (p6)

4) Dashboard (p2)

5) Login (p1)

6) Add New (p4)

A much more extensive amount of details regarding the Checklist screen will be provided, but here's a starting point;


• the name of the audit, on hover, is underlined with a pencil on the right, and when clicked turns into a styled "text box" to allow "in place editing"

• the status bar will progress live and change colour as it moves forward, with smooth animation

• the statement of advice "dropdown" shows a clickable list of documents, and is drag & drop enabled for upload

• the relevant section navigation will make the left hand side document to scroll (in the same doc) or load a new doc. (you only need to do the animations - see below in source doc)

• the Categories dropdown will scroll the checklist items to a certain category

• the filter and sort drop down (tbd) allows alphabetical and importance sorting, the filtering is based on a list of checkbox options

Checklist (right)

• the list scrolls behind the header (up to 100 items)

• when an item is selected / clicked, the item expands to show more details (same for all items) and scrolls to be at the top of the list (ie, the expanded item always at the top)

• the checkboxes for the list are colour coded

• each list entry have a rating and "why" section; the rating is 5 "stylised" buttons which don't look like buttons, the why box is a textarea

• the "rating buttons" are grey, and colour coded on hover or selection, individually as red-orange-yellow-green-blue

Document (left)

• scrolls within the page (ie, top of the page stays, content scrolls)

• has sections highlighted

• when changing document from the top-left dropdown a css animation minimises the current document towards the top left, and the new document appears inversely

• document option popup (three-dots menu)

• Relevant section will browse to a different section in the loaded document with smooth "accelerating" scroll.

• a warning message may appear on certain documents

The other pages are more self explanatory. A tweaked version of this may be uploaded.

Deliverables include HTML (all pages) using foundation framework, and if possible latest angular.

Delivery v1 before Monday 12th, final before Wednesday 14th.

Please let me know that you have read the entire brief. Else your wasting my time and yours

Skills: CSS, HTML, HTML5, Javascript, Website Design

See more: create html email existing website, copy html css existing site, html code existing ebay listing, convert website to sketch, create mockup from existing site, convert webpage to sketch file, protoship dev, protoship sketch plugin, convert webpage to svg, protoship teleport, protoship plugin, php, css, html, website design, wordpress, javascript, html5, codeigniter, angular.js

About the Employer:
( 1 review ) Sydney, Australia

Project ID: #16247365

79 freelancers are bidding on average $36/hour for this job


Hi there, This is Kchg, Top 5 th freelancer ( with good skills, good experiences and great reviews.. I am Self motivated and Reliable Front-end developer with over a decade of More

$38 AUD / hour
(381 Reviews)

I read the entire brief. We are very much interested in your project and this is highly doable at our end. Please check some of our premium works: [login to view URL] [login to view URL] http://newtests More

$27 AUD / hour
(626 Reviews)

Can we discuss more about project to finalise the proper scope with estimated cost and time so ping me over the freelancer chat ?.....I will share some demo as well for recent works if you want to check. You can als More

$25 AUD / hour
(106 Reviews)

Hi there, I have read everything & checked the attached PDF document, so this deadline is achievable but it all depends on the overall revisions back & forth and you response time. I can have one of my front-end dev More

$33 AUD / hour
(68 Reviews)

Still waiting for your feedback. Hello, Hope you doing great I checked your requirement that you need to designer and developer who can provide you complete solution with unique design and development time. S More

$25 AUD / hour
(126 Reviews)

Hi, I am glad to offer my services for the front end HTML build on your site. I have seen the attached pdf and understand the requirement of the dashboard. There is lots of jquery front end work needed. I am avai More

$30 AUD / hour
(74 Reviews)

" Hello ✦ I will provide you neat and clean code and responsive pages. ✦ Can we do quick chat right now so that we can discuss the project briefly? I am available for an interview Monday to Saturday 10 am to More

$25 AUD / hour
(337 Reviews)

Hello, We have ready your project's proposal & checked 6 screens form "project [login to view URL]" very carefully. We are highly experienced with FOUNDATION FRAMEWORK. We will deliver the project v1 before Monday12th, fina More

$26 AUD / hour
(190 Reviews)

Dear Client I read the job details extremely carefully and I am absolutely sure that I can complete your job within your delivery time. I am an expert web developer. I have 8+ years experiences in web development. More

$41 AUD / hour
(73 Reviews)

Hope you are fine! We are Web and Mobile Application development company providing solutions to our customers. We are serving 110 countries with 16000+ customers globally. For detailed information about our serv More

$41 AUD / hour
(158 Reviews)

Hello, I Have read the description specified , but need to ask few things. So please click Chat button to send me a text message when you have time to discuss about the project. At present I am putting a placeholder b More

$42 AUD / hour
(36 Reviews)

Hello! I have got acquainted with your Frontend project requirements and have a proposal as well as some questions that we should discuss. My name is Alex. I am a representative of web agency Pixel based in Kiev, More

$30 AUD / hour
(38 Reviews)

let contact me, i can help you!

$34 AUD / hour
(179 Reviews)

Hi, I’m a Web Designer/Developer from the UK. My name is Mike. Your project description sounds interesting to me and I do have skills & experience that are required to complete this project. Let's have a quick chat whe More

$41 AUD / hour
(51 Reviews)

Hi ready to start work now and can complete on time. Let's talk to discuss a bit further. I'm online and ready to discuss the project to be done.

$41 AUD / hour
(229 Reviews)

Hi there, Greetings from TheSynapses! My experience in Android / iPhone/ iPad / iOS6 / iOS7 - All kind of parsing XML,JSON,SOAP,Feed...etc. - In-App purchase, Paypal integration. - Google MAP, GeoLocation, GPS More

$41 AUD / hour
(12 Reviews)

Let's start. we could do it. we have expertisation on this for last 10 years. we could start immediately.

$41 AUD / hour
(153 Reviews)

Dear sebt, I would like to discuss your project in brief and I am much interested to assist you on the development of your Project "Frontend HTML build from existing mockups" with fulfilling all of and elegantly. R More

$35 AUD / hour
(23 Reviews)

Hello I have more than 4 years of experience with web design & developing responsive websites in HTML, PHP & wordpress. I have read the description of your project and as per your instructions I can develop this web More

$27 AUD / hour
(47 Reviews)

Hello I understand all the requirements and I'm ready to start If we work together for this project, I think we can work more in future. Please do not worry about the success of your project, you can rely on m More

$27 AUD / hour
(43 Reviews)