replacing layout with ul