Mio Club Login - Copy this Html, Bootstrap Component to your project

Design a login page (with registration, sign in and sign out, password forgotten and so on) and an account page for a swimming club named "MioClub". when logged in the user lands on the account page with a profile picture (that the user can insert, change and delete) and some generic details (first name, surname, birth date, phone number, reference, notes, and a balance in € for the race cost. every single user can edit every field but just view the balance, while a super user account (the administration of the club) can just view every field and edit the balance