<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="js/jquery-1.8.2.js"></script>
<script src="js/pageMain.js"></script>
<link href="css/pageMain.css" rel="stylesheet" />
</head>
<body>
<section>
<!-- view container -->
<ul id="pages" class="view-container" style="">
<!-- pageA container -->
<li id="pageA" class="page-container" style="left:0;display:block;">
<iframe id="ifOne" src="Main.html" style="width: 100%; height: 100%; position: absolute; border:0px; "></iframe>
</li>
<!-- pageB container -->
<li id="pageB" class="page-container" style="left:100%;display:none;">
<iframe id="ifTwo" src="MainChlid.html" style="width: 100%; height: 100%; position: absolute; border: 0px;" frameborder="0" scrolling="yes"></iframe>
</li>
<!-- pageC container -->
<li id="pageC" class="page-container" style="left:200%;display:none;">
<iframe id="ifThree" src="ChlidPage.html" style="width: 100%; height: 100%; position: absolute; border: 0px;" frameborder="0" scrolling="yes"></iframe>
</li>
</ul>
</section>
</body>
</html>