How to make curvy lines using html, css and javascript

Question

I want to make a horizontal line in which more than one cutve should be exist, and there should be circle shapded buttons, whenever a click is performed then the button should perform a task.

 

you can see the image of curvy line from the link below:

 

https://drive.google.com/open?id=0B3KlOwy-lFOMck5RRHFOdzVCc2s

 

Please help me to do this ASAP, Thanks in advance