<!DOCTYPE html>
<html>

<head>
	<meta name="viewport" content="width=device-width,user-scalable=no"/>
	<link rel="stylesheet" href="lib/tau/mobile/theme/default/tau.css">
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<title>Tizen Web IDE - Template - Tizen - Tizen Web UI Framework - Master-Detail</title>
</head>

<body>
<div class="ui-page" id="section1">
	<header>
		<h1>Master-detail application</h1>
	</header><!-- /header -->

	<div class="ui-content">
		<div class="app-introduction">
			<h2>Section 1</h2>
			<p>This is Section 1.</p>
		</div>
		<ul class="ui-listview">
			<li class="ui-group-index">Another sections</li>
			<li><a href="index.html">Introduction</a></li>
			<li><a href="section1.html">Section 1</a></li>
			<li><a href="section2.html">Section 2</a></li>
		</ul>
	</div><!-- /content -->
</div><!-- /page -->

<script type="text/javascript" src="lib/tau/mobile/js/tau.js"></script>
<script src="js/main.js"></script>
</body>
</html>
