Diplay separate contents with different headers


I want to display 2 different types of contents in my app. Left side content should have a header but another one shouldn’t. The required layout is shown in attached image.


In ionic I don’t know how to split the content & use different headers. Please help.


If you use the ion-side-menu, then you can have “split pane” support using the expose-aside-when option. So, when the screen size is considered “large”, the menu will always be open.

http://ionicframework.com/docs/api/directive/ionSideMenus/ &


Thanks Calendee for your help, But the problem is that I don’t want the left side content as sidemenu as I already have one sidemenu which is hidden on current screen. So, is there something which can work for us to split the screen in usual HTML style?