finished front end part i