You will be provided with a .rar package that is a static variant of the website with un-minfied js files that you can alter. Please place the files in the root folder. This package will be sent to you if the project is awarded.
The screen should be expandable depending on the content (both upper and lower part from the thin horizontal line).
It should work on all devices: full responsive. The right content with the prices will move below the "this can take up to 40 seconds" content in case the width becomes small. The box will always be centered unless if the height of the lightbox is more than 3/4 the height of the device then the lightbox will be full-screen and both light gray and dark grey overlay will disappear.
When the search is finished in top right of the light box a black cross to close will appear (similar to the one that appears when you continue to booking).
Sometimes the search is very quick (e.g. 1 second only) then the results will load with the lightbox still on top of it, but the spinning whell including text will be hidden and a black cross on the top right of the lightbox will be shown (similar to the one that appears when you continue to booking). As 1 second is too little time for users to make changes in the configuration. Therefore, if the search is faster than say: 5 seconds (e.g. search taking 1 second) then the popup will stay 4 (5 – 1) seconds longer. However when the search is finished the spinning wheel (red) will be hidden and the black cross in top right will appear. It should be possible to set the number of seconds as var in top of the main js file of the resultpage.
If the device issmall this scren should expand the whole screen, and if needed vertical scrollbars should appear.
The above is a sketch. All icons can be found in the sprites or images in the image folder of the package that will be sent to you. Please collect all the icons and paste them in a separate sprite and use that for your work.
Depending on the type of icon an http request will be send to the server, so the server knows what to do.
Check fields should be made for all transportation icons. This is the list of transportation:
Types for start and arrive transport icons:
Types main transport icons:
22 freelancers are bidding on average $199 for this job
Hello, I am an experienced web developer. I could help you to make some changes on your webapp based on your requirements. Please contact me if you are interested in my offer. Thank you.