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, html pages existing, static html build, frontend html editor, add html table existing template, upload problem frontend html mybackned perl, online examination frontend html backend php notes, mysql frontend html report generation, html mail existing site, html build custom calculator, html build calendar iphone app, html build service, convert access frontend html, html build clan ladder

About the Employer:
( 1 review ) Sydney, Australia

Project ID: #16247365

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

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
(101 Reviews)
9.2
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: [url removed, login to view] [url removed, login to view] http://newtests More

$27 AUD / hour
(565 Reviews)
9.6
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
(355 Reviews)
9.4
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
(63 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
(100 Reviews)
8.2
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
(63 Reviews)
7.7
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
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
(64 Reviews)
8.2
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
(294 Reviews)
8.0
mejora14

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

$26 AUD / hour
(161 Reviews)
7.8
sunsoftpro

let contact me, i can help you!

$34 AUD / hour
(171 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
(217 Reviews)
7.0
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
prashushinde9

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
(46 Reviews)
6.9
tudiptechnology

Hi there, We have developed applications that have backend in PHP (Laravel, Yii, CodeIgniter, CakePHP or Symfony) and front end is usually AngularJS or other JavaScript library. Few applications that we have wo More

$25 AUD / hour
(17 Reviews)
6.8
Thesynapses

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
(11 Reviews)
6.5
techwelfare

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

$41 AUD / hour
(138 Reviews)
7.0
mmadi

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
(20 Reviews)
6.6
pixelagency1

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
(32 Reviews)
6.6
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
(20 Reviews)
6.5