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

Design a login page for a swimming club that 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