<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
<html><head>
|
<title>CiUI Demo</title>
|
<meta name="viewport" content="width=320"/>
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
|
<link rel="stylesheet" type="text/css" href="CiUI.css" />
|
<script src="CiUI.js" type="text/javascript"></script>
|
</head>
|
|
<body>
|
<div id="iphone_header">
|
<div id="iphone_backbutton">
|
<img src="images/back-button-tip.png" border="0" align="left" />
|
<a id="iphone_backbutton_text" href="#" class="go_back">Back</a>
|
</div>
|
<div id="iphone_title"></div>
|
</div>
|
|
<div id="iphone_body" style="clear:both;">
|
<ul class="menu">
|
<li><a href="form.php?demo=1" class="go_forward" title="Form Demo 1">Form Demo 1</a></li>
|
<li><a href="form.php?demo=2" class="go_forward" title="Form Demo 2">Form Demo 2</a></li>
|
<li><a href="page.php?page=1" class="go_forward" title="Item 1">Item 1</a></li>
|
<li><a href="page.php?page=2" class="go_forward" title="Item 2">Item 2</a></li>
|
<li><a href="page.php?page=3" class="go_forward" title="Item 3">Item 3</a></li>
|
<li><a href="page.php?page=4" class="go_forward" title="Item 4">Item 4</a></li>
|
<li><a href="page.php?page=5" class="go_forward" title="Item 5">Item 5</a></li>
|
</ul>
|
</div>
|
|
<div id="iphone_footer">My footer for CiUI demo</div>
|
|
<div id="iphone_loading_page">
|
<div id='loading' class="info_msg">
|
<img src="images/loading.gif" /><br />
|
loading...
|
</div>
|
</div>
|
</body>
|
</html>
|
