<ons-page id="pgMain_$name">
<ons-splitter id="$name">
  <ons-splitter-side id="$name_menu" side="left" width="220px" collapse swipeable>
    <ons-page>
      <ons-list>
        <ons-list-item onclick="fn.load('home.html')" tappable>
          Home
        </ons-list-item>
        <ons-list-item onclick="fn.load('settings.html')" tappable>
          Settings
        </ons-list-item>
        <ons-list-item onclick="fn.load('about.html')" tappable>
          About
        </ons-list-item>
      </ons-list>
    </ons-page>
  </ons-splitter-side>
  <ons-splitter-content id="$name_content" page="home.html"></ons-splitter-content>
</ons-splitter>
</ons-page>

<!-- Add home.html template and other html templates as above - change as needed -->
<template id="home.html">
	<ons-page id="pgHome">
		<ons-toolbar>
			<div class="left">
				<ons-toolbar-button onclick="fn.open()">
					<ons-icon icon="md-menu"></ons-icon>
				</ons-toolbar-button>
			</div>
			
			<div class="center">
				Home
			</div>
		</ons-toolbar>
	</ons-page>
</template>