create navbar with cheracter select