forked from jquery-archive/jquery-mobile
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
97 lines (80 loc) · 4.71 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery Mobile Demos</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="../css/themes/default/jquery.mobile.css">
<link rel="stylesheet" href="_assets/css/jqm-demos.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
<script src="../external/jquery/jquery.js"></script>
<script src="_assets/js/"></script>
<script src="../js/"></script>
</head>
<body>
<div data-role="page" class="jqm-demos jqm-home">
<div data-role="header" class="jqm-header">
<h2><img src="_assets/img/jquery-logo.png" alt="jQuery Mobile"></h2>
<p>Version <span class="jqm-version"></span></p>
<a href="#" class="jqm-navmenu-link ui-btn ui-btn-icon-notext ui-corner-all ui-icon-bars ui-nodisc-icon ui-alt-icon ui-btn-left">Menu</a>
<a href="#" class="jqm-search-link ui-btn ui-btn-icon-notext ui-corner-all ui-icon-search ui-nodisc-icon ui-alt-icon ui-btn-right">Search</a>
</div><!-- /header -->
<div role="main" class="ui-content jqm-content">
<h1>Demos</h1>
<p><strong>jQuery Mobile is a touch-optimized HTML5 UI framework designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.</strong></p>
<img src="_assets/img/devices.png">
<p>New to jQuery Mobile? Get started by reading this <a href="intro/" data-ajax="false">introduction</a>. For technical info, visit the <a href="http://api.jquerymobile.com" title="jQuery Mobile API documentation" target="_blank">API documentation</a>. Downloads and info about the project can be found on <a href="http://jquerymobile.com" title="jQuery Mobile web site" target="_blank">jquerymobile.com</a>.</p>
<div class="ui-grid-a ui-responsive">
<div class="ui-block-a">
<div class="jqm-block-content">
<h3>Pages & Navigation</h3>
<p><a href="pages/" data-ajax="false">Pages</a></p>
<p><a href="navigation/" data-ajax="false">Navigation</a></p>
<p><a href="loader/" data-ajax="false">Loader</a></p>
<p><a href="transitions/" data-ajax="false">Transitions</a></p>
</div>
</div>
<div class="ui-block-b">
<div class="jqm-block-content">
<h3>CSS Framework</h3>
<p><a href="theme-default/" data-ajax="false">Theming</a></p>
<p><a href="button-markup/" data-ajax="false">Buttons</a></p>
<p><a href="icons/" data-ajax="false">Icons</a></p>
<p><a href="grids/" data-ajax="false">Grids</a></p>
<p><a href="../body-bar-classes/" data-ajax="false">Body and bar classes</a></p>
</div>
</div>
<div class="ui-block-a">
<div class="jqm-block-content">
<h3>Widgets</h3>
<p><a href="toolbar/" data-ajax="false">Toolbar</a>, <a href="navbar/" data-ajax="false">Navbar</a></p>
<p><a href="tabs/" data-ajax="false">Tabs</a>, <a href="panel/" data-ajax="false">Panel</a>, <a href="popup/" data-ajax="false">Popup</a></p>
<p><a href="listview/" data-ajax="false">Listview</a></p>
<p><a href="collapsible/" data-ajax="false">Collapsible</a>, <a href="collapsibleset/" data-ajax="false">Collapsible set</a></p>
<p><a href="table-reflow/" data-ajax="false">Table Reflow</a>, <a href="table-column-toggle/" data-ajax="false">Table Column Toggle</a></p>
<p><a href="filterable/" data-ajax="false">Filterable</a></p>
</div>
</div>
<div class="ui-block-b">
<div class="jqm-block-content">
<h3>Form widgets</h3>
<p><a href="checkboxradio-checkbox/" data-ajax="false">Checkboxes</a>, <a href="checkboxradio-radio/" data-ajax="false">Radio buttons</a></p>
<p><a href="selectmenu/" data-ajax="false">Selectmenu</a>, <a href="selectmenu-custom/" data-ajax="false">Custom menu</a></p>
<p><a href="flipswitch/" data-ajax="false">Flipswitch</a></p>
<p><a href="slider/" data-ajax="false">Slider</a>, <a href="rangeslider/" data-ajax="false">Rangeslider</a></p>
<p><a href="button/" data-ajax="false">Input button</a></p>
<p><a href="controlgroup/" data-ajax="false">Controlgroup</a></p>
</div>
</div>
</div>
</div><!-- /content -->
<?php include( 'jqm-navmenu.php' ); ?>
<div data-role="footer" data-position="fixed" data-tap-toggle="false" class="jqm-footer">
<p>jQuery Mobile Demos version <span class="jqm-version"></span></p>
<p>Copyright 2014 The jQuery Foundation</p>
</div><!-- /footer -->
<?php include( 'jqm-search.php' ); ?>
</div><!-- /page -->
</body>
</html>