Hotspot page design (do not bid, project is for user Orion)

This project is for user Orion. Hi Freelancers, I have a small free public Wi-Fi hotspot network (for people to use), and need to html code a login hotspot page. I already have a design ready in Photoshop file but need to add a Username, Password fields and a Login button, and convert the design into the html code. I use MikroTik network router for Wi-Fi Hotspot. By Hotspot, i mean it's a web-page which asks people to enter their username and password after which they're allowed to use the Wi-Fi Internet. I know how to edit the default MikroTik login page (simple html txt and image files), but never converted a design page from Photoshop to HTML for MikroTIk's Hotspot use, and don't know how to link the Username and Password fields so that whatever people enter, will actually check against the MikroTik's Hotspot login database. After user enters the correct login, they will need to be forwarded to my main web-site (hotspot has this feature, but you'll need to see where to enter code). I will need your help with this. It should be an easy project if you're familiar with how Username/Password fields work with HTML and how to link them to proper "login database location". More info: MikroTik Hotspot Design Info: [login to view URL]:Customizing_Hotspot (do not worry about Firewall/Network set-up, i'll do that) Youtube basic guide: [login to view URL] I will also attach an example of one of the old custom Hotspot page I have, it has HTML/Image folders from the MikroTik "web server" folder. This is to give you an idea of the code that router needs. I will send you a design in Photoshop format, and you'd need to code it and assist me with making it work on the MikroTik router. Let me know if you already have a prior experience working with designing and installing Hotspot pages - it's a plus.