Floating menu -- 2

This project is about to modify an excistion floating project accordning
to the description below and the pictures in the picture folder.
=============================================================


1) The menu button should be round. The symbol should be in the middle (see picture symbol round.jpg)

2) Floating menu1 (symbol filter) should be changed accordning to the picture floatingmenu1.jpg

3) Floating menu2 (symbol person) should be changed accordning to the picture floatingmenu2.jpg

4) Add two buttons to the index.html.
a) Button1 should save (to an txt file) the aboslute position within the window of all floating menu/button and if the floating menu
or the floating button is shows for each floating menu.
b) Button2 should change back to the saved values for the floating menu/button (if the floating menus has been moved, the floating mennu should move back to the saved position and show button or menu dependent of the saved value)

5) The floating menu/button should follow the absolute position within the window if the window is rezized (in/out vertical/horizontel)
and always be shown.

6) It should not be possible to move the menu or the button out of the window. If you try to move the button or the
menu out of the window(left/right/up/down), the size of the button should be visable on the screen, see move.jpg


7) Everything should also work on a touch screen (IOS and Android), for example move the floating menu/button around.

See included zip-file for the starting code and the pictures

NOTE:
Additional code should be written in JQuery/Javascript/CSS/HTML