mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-22 17:00:24 +00:00
75 lines
No EOL
1.6 KiB
HTML
75 lines
No EOL
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>jQuery Mobile Framework - Static Containers, States</title>
|
|
<link rel="stylesheet" media="only all" href="css/all" />
|
|
<script type="text/javascript" src="js/all"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div data-role="page">
|
|
|
|
<div data-role="header">
|
|
<h1>Containers and states</h1>
|
|
|
|
</div>
|
|
|
|
<div data-role="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> |