← Back to branch summary

~knitzsche/+junk/tabtest

« back to all changes in this revision

Viewing changes to fix-page-tab-issue/examples/html5-theme/widgets/Indexbar.html

  • Committer: Kyle Nitzsche
  • Date: 2014-02-28 21:45:04 UTC
  • Revision ID: kyle.nitzsche@canonical.com-20140228214504-nzkax4md3v35r6p2
working test

Show diffs side-by-side

added added

removed removed

Lines of Context:
fix-page-tab-issue/examples/html5-theme/widgets/Indexbar.html
 
1
<!--
 
2
 Copyright (C) 2013 Adnane Belmadiaf <daker@ubuntu.com>
 
3
 License granted by Canonical Limited
 
4
 
 
5
 This file is part of ubuntu-html5-ui-toolkit.
 
6
 
 
7
 This package is free software; you can redistribute it and/or modify
 
8
 it under the terms of the GNU Lesser General Public License as 
 
9
 published by the Free Software Foundation; either version 3 of the 
 
10
 License, or
 
11
 (at your option) any later version.
 
12
 
 
13
 This package is distributed in the hope that it will be useful,
 
14
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 
15
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
16
 GNU General Public License for more details.
 
17
 
 
18
 You should have received a copy of the GNU Lesser General Public 
 
19
 License along with this program. If not, see 
 
20
 <http://www.gnu.org/licenses/>.
 
21
-->
 
22
 
 
23
<!DOCTYPE html>
 
24
<html>
 
25
<head>
 
26
    <meta charset="utf-8" />
 
27
    <meta name="copyright" content="Adnane Belmadiaf <daker@ubuntu.com>">
 
28
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
29
    <title>Ubuntu UI HTML5: Application Template</title>
 
30
    <link href="../../../0.1/ambiance/css/appTemplate.css" rel="stylesheet" type="text/css" />
 
31
</head>
 
32
 
 
33
<body>
 
34
    <div data-role="mainview">
 
35
 
 
36
        <header data-role="header">
 
37
            <ul data-role="tabs">
 
38
                <li data-role="tabitem" data-page="main">Ubuntu HTML5 UI Toolkit</li>
 
39
            </ul>
 
40
        </header>
 
41
 
 
42
        <div data-role="content">
 
43
            <a id="A"></a>
 
44
            <section data-role="list">
 
45
                <header>A - Standard</header>
 
46
                <ul data-role="listview">
 
47
                    <li>
 
48
                        <p>Label</p>
 
49
                    </li>
 
50
                    <li>
 
51
                        <p>Label</p>
 
52
                    </li>
 
53
                    <li>
 
54
                        <p>Label</p>
 
55
                    </li>
 
56
                    <li>
 
57
                        <p>Label</p>
 
58
                    </li>
 
59
                    <li>
 
60
                        <p>Label</p>
 
61
                    </li>
 
62
                    <li>
 
63
                        <p>Label</p>
 
64
                    </li>
 
65
                </ul>
 
66
            </section>
 
67
            <a id="B"></a>
 
68
            <section data-role="list">
 
69
                <header>B - Standard</header>
 
70
                <ul data-role="listview">
 
71
                    <li>
 
72
                        <p>Label</p>
 
73
                    </li>
 
74
                    <li>
 
75
                        <p>Label</p>
 
76
                    </li>
 
77
                    <li>
 
78
                        <p>Label</p>
 
79
                    </li>
 
80
                    <li>
 
81
                        <p>Label</p>
 
82
                    </li>
 
83
                    <li>
 
84
                        <p>Label</p>
 
85
                    </li>
 
86
                    <li>
 
87
                        <p>Label</p>
 
88
                    </li>
 
89
                </ul>
 
90
            </section>
 
91
            <a id="C"></a>
 
92
            <section data-role="list">
 
93
                <header>C - Standard</header>
 
94
                <ul data-role="listview">
 
95
                    <li>
 
96
                        <p>Label</p>
 
97
                    </li>
 
98
                    <li>
 
99
                        <p>Label</p>
 
100
                    </li>
 
101
                    <li>
 
102
                        <p>Label</p>
 
103
                    </li>
 
104
                    <li>
 
105
                        <p>Label</p>
 
106
                    </li>
 
107
                    <li>
 
108
                        <p>Label</p>
 
109
                    </li>
 
110
                    <li>
 
111
                        <p>Label</p>
 
112
                    </li>
 
113
                </ul>
 
114
            </section>
 
115
            <a id="D"></a>
 
116
            <section data-role="list">
 
117
                <header>D - Standard</header>
 
118
                <ul data-role="listview">
 
119
                    <li>
 
120
                        <p>Label</p>
 
121
                    </li>
 
122
                    <li>
 
123
                        <p>Label</p>
 
124
                    </li>
 
125
                    <li>
 
126
                        <p>Label</p>
 
127
                    </li>
 
128
                    <li>
 
129
                        <p>Label</p>
 
130
                    </li>
 
131
                    <li>
 
132
                        <p>Label</p>
 
133
                    </li>
 
134
                    <li>
 
135
                        <p>Label</p>
 
136
                    </li>
 
137
                </ul>
 
138
            </section>
 
139
            <a id="E"></a>
 
140
            <section data-role="list">
 
141
                <header>E - Standard</header>
 
142
                <ul data-role="listview">
 
143
                    <li>
 
144
                        <p>Label</p>
 
145
                    </li>
 
146
                    <li>
 
147
                        <p>Label</p>
 
148
                    </li>
 
149
                    <li>
 
150
                        <p>Label</p>
 
151
                    </li>
 
152
                    <li>
 
153
                        <p>Label</p>
 
154
                    </li>
 
155
                    <li>
 
156
                        <p>Label</p>
 
157
                    </li>
 
158
                    <li>
 
159
                        <p>Label</p>
 
160
                    </li>
 
161
                </ul>
 
162
            </section>
 
163
            <section data-role="indexbar">
 
164
                <ol>
 
165
                    <li><a href="#A">A</a></li>
 
166
                    <li><a href="#B">B</a></li>
 
167
                    <li><a href="#C">C</a></li>
 
168
                    <li><a href="#D">D</a></li>
 
169
                    <li><a href="#E">E</a></li>
 
170
                    <li><a href="#">F</a></li>
 
171
                    <li><a href="#">G</a></li>
 
172
                    <li><a href="#">H</a></li>
 
173
                    <li><a href="#">I</a></li>
 
174
                    <li><a href="#">J</a></li>
 
175
                    <li><a href="#">K</a></li>
 
176
                    <li><a href="#">L</a></li>
 
177
                    <li><a href="#">M</a></li>
 
178
                    <li><a href="#">N</a></li>
 
179
                    <li><a href="#">O</a></li>
 
180
                    <li><a href="#">P</a></li>
 
181
                    <li><a href="#">Q</a></li>
 
182
                    <li><a href="#">R</a></li>
 
183
                    <li><a href="#">S</a></li>
 
184
                    <li><a href="#">T</a></li>
 
185
                    <li><a href="#">U</a></li>
 
186
                    <li><a href="#">V</a></li>
 
187
                    <li><a href="#">W</a></li>
 
188
                    <li><a href="#">X</a></li>
 
189
                    <li><a href="#">Y</a></li>
 
190
                    <li><a href="#">Z</a></li>
 
191
                </ol>
 
192
            </section>
 
193
        </div>
 
194
    </div>
 
195
</body>
 
196
</html>