Need 1 page landing site.
For the design see figure 1.
Site must be responsive. (This must be shown using screenshots on various devices. )
On the left you see a section with links. When End-User clicks on a link, content mist be fetched using AJAX and shown in DIV INFO-Box (This data is already stored in the database)
When the End-User clicks the "Show map" button a light box will pop-up.
In this light box (see figure 2) we have a map of The Netherlands. On the map you see a round white circle. Also you see a slider. Using this slider the End-User can change the diameter of the circle. (from 25 to 60 km)
Now user will move the circle over the map to the location of his interest. Then he presses the green OK button. The output of the script must produce 3 items. Two coordinates and the diameter of the circle.
example coordinates: The city of Gouda has the following coordinates: 52°1′N 4°43′E
You can check [url removed, login to view]'00.0%22N+4%C2%B043'00.0%22Eemail@example.com,4.739841,13z/data=!4m2!3m1!1s0x0:0x0
Suppose End-User set the circle to max, the third parameter will be 60
Now a couple of things must happen:
1) close the light box
2) prepare a PHP function call with 3 parameters
3) Show content in DIV INFO-Box
In the database we have a table called companies. There are already 200 companies in that table. Each company has 2 fields with its coordinates. Now you must cycle through all companies and determine if the distance between the company and the center of the circle is smaller than 60 (this was the third variable). If so the company (together with all other companies who's distance are also < 60 km) must be listed in the DIV info box. Name, address and link of company must be shown then a <hr> then next company.
(see [url removed, login to view] for PHP stuff)
22 freelancers are bidding on average $239 for this job
HI, How are you? I am interested in your project and ready to start working on this project. lets get this done. I am waiting for my selection. Thanks