jquery-mobile/_containers-states.html

76 lines
No EOL
1.7 KiB
HTML

<?php /*gzip page*/ ob_start("ob_gzhandler"); ?>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Framework - Static Containers, States</title>
<link rel="stylesheet" type="text/css" href="css/all" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>
<div class="ui-page">
<div class="ui-header">
<h1>Containers and states</h1>
<a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>
</div>
<div class="ui-content">
<div class="ui-body ui-body-a">
<h1>Description</h1>
<p>This page displays examples of themeable containers that are used throughout the jQuery Mobile framework.</p>
</div>
<div class="ui-bar ui-bar-a">
<a href="#" data-icon="arrow-l">Button</a>
<h1>ui-bar-a</h1>
</div>
<div class="ui-body ui-body-a">
<p>ui-body-a <a href="#" class="ui-link">ui-link</a></p>
<a href="#" data-role="button">Button</a>
</div>
<div class="ui-bar ui-bar-b">
<a href="#" data-icon="arrow-l">Button</a>
<h1>ui-bar-b</h1>
</div>
<div class="ui-body ui-body-b">
<p>ui-body-b <a href="#" class="ui-link">ui-link</a></p>
<a href="#" data-role="button">Button</a>
</div>
<div class="ui-bar ui-bar-c">
<a href="#" data-icon="arrow-l">Button</a>
<h1>ui-bar-c</h1>
</div>
<div class="ui-body ui-body-c">
<p>ui-body-c <a href="#" class="ui-link">ui-link</a></p>
<a href="#" data-role="button">Button</a>
</div>
<div class="ui-bar ui-bar-d">
<a href="#" data-icon="arrow-l">Button</a>
<h1>ui-bar-d</h1>
</div>
<!--
<div class="ui-list ui-list-up-a">
<p>ui-list-up-a</p>
<a href="#" data-role="button">Button</a>
</div>
<div class="ui-list ui-list-up-b">
<p>ui-list-up-a</p>
<a href="#" data-role="button">Button</a>
</div>
-->
</div>
</div>
</body>
</html>