Closed

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;

Header

• 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

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

imphasys

I have checked your pdf file and sure we can deliver this project upto the 100% ping me so we can discuss it more over chat. Please see some of my recent work: [login to view URL] [login to view URL] [login to view URL] [login to view URL] More

$37 AUD / hour
(55 Reviews)
10.0
kchg

Hi there, This is Kchg, Top 5 th freelancer (https://www.freelancer.com/u/kchg.html) 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
(377 Reviews)
10.0
ahmeddarwish123

Hello, I have already done this kind of project. Please contact me, let us discuss with your good job in detail. I can help you with my perfect skill and experience I also enjoy working for good clients with More

$41 AUD / hour
(13 Reviews)
9.4
infoway

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
(602 Reviews)
9.9
arhamsoftltd

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
(70 Reviews)
9.6
pawanjangirjpr

Hi, Thanks for the opportunity. I specialize in website design, mobile app design, landing page design, Infographic design logo design, Stationary design and Responsive html5/css3. I read through the job details More

$26 AUD / hour
(90 Reviews)
9.0
meet2amitvw

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
(104 Reviews)
9.2
JinMeng08

Hi, Hope you are doing well! I am a professional Full-Stack Web developer with over 7 years experiences. This project is very interesting to me and makes me exciting. I am a full-time freelancer and no active job no More

$41 AUD / hour
(34 Reviews)
9.5
leadconcept

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
(65 Reviews)
8.6
xtreemsolution

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
(111 Reviews)
8.4
mejora14

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
(175 Reviews)
8.9
$44 AUD / hour
(89 Reviews)
8.3
Harwinderpal

" 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
(315 Reviews)
8.1
lampcagriya

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)
8.1
zhengnami13

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
(72 Reviews)
7.8
caroldata

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
(42 Reviews)
7.3
hiretechexperts

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
(33 Reviews)
7.2
sunsoftpro

let contact me, i can help you!

$34 AUD / hour
(172 Reviews)
7.3
babitabubu

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
(224 Reviews)
7.1
mike199

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)
7.0