seperate the layout with data