develop the front template