Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1
<!-- BEGIN PAGE HEADER-->
2
<h3 class="page-title">
3
Content Loading via Ajax <small>loading page content via ajax</small>
4
</h3>
5
<div class="page-bar">
6
        <ul class="page-breadcrumb">
7
                <li>
8
                        <i class="fa fa-home"></i>
9
                        <a href="index.html">Home</a>
10
                        <i class="fa fa-angle-right"></i>
11
                </li>
12
                <li>
13
                        <a href="#"></a>
14
                </li>
15
        </ul>
16
        <div class="page-toolbar">
17
                <div class="btn-group pull-right">
18
                        <button type="button" class="btn btn-fit-height grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
19
                        Actions <i class="fa fa-angle-down"></i>
20
                        </button>
21
                        <ul class="dropdown-menu pull-right" role="menu">
22
                                <li>
23
                                        <a href="#">Action</a>
24
                                </li>
25
                                <li>
26
                                        <a href="#">Another action</a>
27
                                </li>
28
                                <li>
29
                                        <a href="#">Something else here</a>
30
                                </li>
31
                                <li class="divider">
32
                                </li>
33
                                <li>
34
                                        <a href="#">Separated link</a>
35
                                </li>
36
                        </ul>
37
                </div>
38
        </div>
39
</div>
40
<!-- END PAGE HEADER-->
41
<!-- BEGIN PAGE CONTENT-->
42
<div class="row margin-bottom-20">
43
        <div class="col-md-12">
44
                <p>
45
                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
46
                </p>
47
                <p>
48
                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
49
                </p>
50
                <p>
51
                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
52
                </p>
53
                <a href="layout_ajax_content_2.html" class="btn green ajaxify">
54
                Load another ajax content </a>
55
        </div>
56
</div>
57
<div class="row">
58
        <div class="col-md-6">
59
                <!-- BEGIN SAMPLE TABLE PORTLET-->
60
                <div class="portlet box red">
61
                        <div class="portlet-title">
62
                                <div class="caption">
63
                                        <i class="fa fa-cogs"></i>Simple Table
64
                                </div>
65
                                <div class="tools">
66
                                        <a href="javascript:;" class="collapse">
67
                                        </a>
68
                                        <a href="#portlet-config" data-toggle="modal" class="config">
69
                                        </a>
70
                                        <a href="javascript:;" class="reload">
71
                                        </a>
72
                                        <a href="javascript:;" class="remove">
73
                                        </a>
74
                                </div>
75
                        </div>
76
                        <div class="portlet-body">
77
                                <table class="table table-hover">
78
                                <thead>
79
                                <tr>
80
                                        <th>
81
                                                 #
82
                                        </th>
83
                                        <th>
84
                                                 First Name
85
                                        </th>
86
                                        <th>
87
                                                 Last Name
88
                                        </th>
89
                                        <th class="hidden-480">
90
                                                 Username
91
                                        </th>
92
                                        <th>
93
                                                 Status
94
                                        </th>
95
                                </tr>
96
                                </thead>
97
                                <tbody>
98
                                <tr>
99
                                        <td>
100
                                                 1
101
                                        </td>
102
                                        <td>
103
                                                 Mark
104
                                        </td>
105
                                        <td>
106
                                                 Otto
107
                                        </td>
108
                                        <td class="hidden-480">
109
                                                 makr124
110
                                        </td>
111
                                        <td>
112
                                                <span class="label label-success">
113
                                                Approved </span>
114
                                        </td>
115
                                </tr>
116
                                <tr>
117
                                        <td>
118
                                                 2
119
                                        </td>
120
                                        <td>
121
                                                 Jacob
122
                                        </td>
123
                                        <td>
124
                                                 Nilson
125
                                        </td>
126
                                        <td class="hidden-480">
127
                                                 jac123
128
                                        </td>
129
                                        <td>
130
                                                <span class="label label-info">
131
                                                Pending </span>
132
                                        </td>
133
                                </tr>
134
                                <tr>
135
                                        <td>
136
                                                 3
137
                                        </td>
138
                                        <td>
139
                                                 Larry
140
                                        </td>
141
                                        <td>
142
                                                 Cooper
143
                                        </td>
144
                                        <td class="hidden-480">
145
                                                 lar
146
                                        </td>
147
                                        <td>
148
                                                <span class="label label-warning">
149
                                                Suspended </span>
150
                                        </td>
151
                                </tr>
152
                                <tr>
153
                                        <td>
154
                                                 3
155
                                        </td>
156
                                        <td>
157
                                                 Sandy
158
                                        </td>
159
                                        <td>
160
                                                 Lim
161
                                        </td>
162
                                        <td class="hidden-480">
163
                                                 sanlim
164
                                        </td>
165
                                        <td>
166
                                                <span class="label label-danger">
167
                                                Blocked </span>
168
                                        </td>
169
                                </tr>
170
                                </tbody>
171
                                </table>
172
                        </div>
173
                </div>
174
                <!-- END SAMPLE TABLE PORTLET-->
175
        </div>
176
        <div class="col-md-6">
177
                <!-- BEGIN BORDERED TABLE PORTLET-->
178
                <div class="portlet box yellow">
179
                        <div class="portlet-title">
180
                                <div class="caption">
181
                                        <i class="fa fa-coffee"></i>Bordered Table
182
                                </div>
183
                                <div class="tools">
184
                                        <a href="javascript:;" class="collapse">
185
                                        </a>
186
                                        <a href="#portlet-config" data-toggle="modal" class="config">
187
                                        </a>
188
                                        <a href="javascript:;" class="reload">
189
                                        </a>
190
                                        <a href="javascript:;" class="remove">
191
                                        </a>
192
                                </div>
193
                        </div>
194
                        <div class="portlet-body">
195
                                <table class="table table-bordered table-hover">
196
                                <thead>
197
                                <tr>
198
                                        <th>
199
                                                 #
200
                                        </th>
201
                                        <th>
202
                                                 First Name
203
                                        </th>
204
                                        <th>
205
                                                 Last Name
206
                                        </th>
207
                                        <th class="hidden-480">
208
                                                 Username
209
                                        </th>
210
                                        <th>
211
                                                 Status
212
                                        </th>
213
                                </tr>
214
                                </thead>
215
                                <tbody>
216
                                <tr>
217
                                        <td>
218
                                                 1
219
                                        </td>
220
                                        <td>
221
                                                 Mark
222
                                        </td>
223
                                        <td>
224
                                                 Otto
225
                                        </td>
226
                                        <td class="hidden-480">
227
                                                 makr124
228
                                        </td>
229
                                        <td>
230
                                                <span class="label label-success">
231
                                                Approved </span>
232
                                        </td>
233
                                </tr>
234
                                <tr>
235
                                        <td>
236
                                                 2
237
                                        </td>
238
                                        <td>
239
                                                 Jacob
240
                                        </td>
241
                                        <td>
242
                                                 Nilson
243
                                        </td>
244
                                        <td class="hidden-480">
245
                                                 jac123
246
                                        </td>
247
                                        <td>
248
                                                <span class="label label-info">
249
                                                Pending </span>
250
                                        </td>
251
                                </tr>
252
                                <tr>
253
                                        <td>
254
                                                 3
255
                                        </td>
256
                                        <td>
257
                                                 Larry
258
                                        </td>
259
                                        <td>
260
                                                 Cooper
261
                                        </td>
262
                                        <td class="hidden-480">
263
                                                 lar
264
                                        </td>
265
                                        <td>
266
                                                <span class="label label-warning">
267
                                                Suspended </span>
268
                                        </td>
269
                                </tr>
270
                                <tr>
271
                                        <td>
272
                                                 3
273
                                        </td>
274
                                        <td>
275
                                                 Sandy
276
                                        </td>
277
                                        <td>
278
                                                 Lim
279
                                        </td>
280
                                        <td class="hidden-480">
281
                                                 sanlim
282
                                        </td>
283
                                        <td>
284
                                                <span class="label label-danger">
285
                                                Blocked </span>
286
                                        </td>
287
                                </tr>
288
                                </tbody>
289
                                </table>
290
                        </div>
291
                </div>
292
                <!-- END BORDERED TABLE PORTLET-->
293
        </div>
294
</div>
295
<!-- END PAGE CONTENT-->