examples/bootstrap/homepage.bjs
[roojs1] / examples / bootstrap / homepage.js
1 //<script type="text/javascript">
2
3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
4
5 homepage = new Roo.XComponent({
6     part     :  ["bootstrap", "homepage" ],
7     order    : '001-homepage',
8     region   : 'center',
9     parent   : false,
10     name     : "unnamed module",
11     disabled : false, 
12     permname : '', 
13     _tree : function()
14     {
15         var _this = this;
16         var MODULE = this;
17         return {
18             '|xns' : 'Roo.bootstrap',
19             cls : 'home',
20             xtype : 'Body',
21             xns : Roo.bootstrap,
22             items : [
23                 {
24                     '|xns' : 'Roo.bootstrap',
25                     cls : 'headroom animated',
26                     position : 'fixed-top',
27                     xtype : 'NavHeaderbar',
28                     inverse : true,
29                     brand : 'Hydra',
30                     xns : Roo.bootstrap,
31                     items : [
32                         {
33                             '|xns' : 'Roo.bootstrap',
34                             type : 'nav',
35                             xtype : 'NavGroup',
36                             align : 'right',
37                             xns : Roo.bootstrap,
38                             items : [
39                                 {
40                                     '|xns' : 'Roo.bootstrap',
41                                     xtype : 'NavItem',
42                                     xns : Roo.bootstrap,
43                                     html : 'Home'
44                                 },
45                                 {
46                                     '|xns' : 'Roo.bootstrap',
47                                     xtype : 'NavItem',
48                                     xns : Roo.bootstrap,
49                                     html : 'About'
50                                 },
51                                 {
52                                     '|xns' : 'Roo.bootstrap',
53                                     xtype : 'NavItem',
54                                     xns : Roo.bootstrap,
55                                     html : 'More Pages'
56                                 },
57                                 {
58                                     '|xns' : 'Roo.bootstrap',
59                                     xtype : 'NavItem',
60                                     xns : Roo.bootstrap,
61                                     html : 'Contact'
62                                 },
63                                 {
64                                     '|xns' : 'Roo.bootstrap',
65                                     cls : 'btn',
66                                     xtype : 'NavItem',
67                                     xns : Roo.bootstrap,
68                                     html : 'Sign in / Sign up'
69                                 }
70                             ]
71
72                         }
73                     ]
74
75                 },
76                 {
77                     '|xns' : 'Roo.bootstrap',
78                     tag : 'header',
79                     cls : 'pr-head',
80                     xtype : 'Element',
81                     xns : Roo.bootstrap,
82                     items : [
83                         {
84                             '|xns' : 'Roo.bootstrap',
85                             xtype : 'Container',
86                             xns : Roo.bootstrap,
87                             items : [
88                                 {
89                                     '|xns' : 'Roo.bootstrap',
90                                     xtype : 'Row',
91                                     xns : Roo.bootstrap,
92                                     items : [
93                                         {
94                                             '|xns' : 'Roo.bootstrap',
95                                             cls : 'lead',
96                                             xtype : 'Header',
97                                             xns : Roo.bootstrap,
98                                             html : 'The HR Platform'
99                                         },
100                                         {
101                                             '|xns' : 'Roo.bootstrap',
102                                             tag : 'p',
103                                             cls : 'tagline',
104                                             xtype : 'Element',
105                                             xns : Roo.bootstrap,
106                                             html : 'some tag line'
107                                         },
108                                         {
109                                             '|xns' : 'Roo.bootstrap',
110                                             tag : 'p',
111                                             xtype : 'Element',
112                                             xns : Roo.bootstrap,
113                                             items : [
114                                                 {
115                                                     '|xns' : 'Roo.bootstrap',
116                                                     tag : 'a',
117                                                     size : 'lg',
118                                                     href : '#',
119                                                     xtype : 'Button',
120                                                     xns : Roo.bootstrap,
121                                                     html : 'a button'
122                                                 },
123                                                 {
124                                                     '|xns' : 'Roo.bootstrap',
125                                                     tag : 'a',
126                                                     size : 'lg',
127                                                     href : '#',
128                                                     xtype : 'Button',
129                                                     xns : Roo.bootstrap,
130                                                     html : 'a button'
131                                                 }
132                                             ]
133
134                                         }
135                                     ]
136
137                                 }
138                             ]
139
140                         }
141                     ]
142
143                 },
144                 {
145                     '|xns' : 'Roo.bootstrap',
146                     cls : 'container text-center',
147                     xtype : 'Element',
148                     xns : Roo.bootstrap,
149                     items : [
150                         {
151                             '|xns' : 'Roo.bootstrap',
152                             cls : 'thin',
153                             xtype : 'Header',
154                             xns : Roo.bootstrap,
155                             level : 2,
156                             html : 'The best place to tell people why they are here'
157                         },
158                         {
159                             '|xns' : 'Roo.bootstrap',
160                             tag : 'p',
161                             cls : 'text-muted',
162                             xtype : 'Element',
163                             xns : Roo.bootstrap,
164                             html : '\tThe difference between involvement and commitment is like an eggs-and-ham breakfast:\n\t<br> \n\tthe chicken was involved; the pig was committed.\n\t\t'
165                         }
166                     ]
167
168                 },
169                 {
170                     '|xns' : 'Roo.bootstrap',
171                     cls : '',
172                     xtype : 'Element',
173                     xns : Roo.bootstrap,
174                     items : [
175                         {
176                             '|xns' : 'Roo.bootstrap',
177                             xtype : 'Container',
178                             xns : Roo.bootstrap,
179                             items : [
180                                 {
181                                     '|xns' : 'Roo.bootstrap',
182                                     cls : 'text-center thin',
183                                     xtype : 'Header',
184                                     xns : Roo.bootstrap,
185                                     level : 3,
186                                     html : 'Reasons to use this template'
187                                 },
188                                 {
189                                     '|xns' : 'Roo.bootstrap',
190                                     cls : '',
191                                     xtype : 'Row',
192                                     xns : Roo.bootstrap,
193                                     items : [
194                                         {
195                                             '|xns' : 'Roo.bootstrap',
196                                             cls : 'col-md-3 col-sm-6 highlight',
197                                             xtype : 'Element',
198                                             xns : Roo.bootstrap,
199                                             items : [
200                                                 {
201                                                     '|xns' : 'Roo.bootstrap',
202                                                     cls : 'h-caption',
203                                                     xtype : 'Element',
204                                                     xns : Roo.bootstrap,
205                                                     items : [
206                                                         {
207                                                             '|xns' : 'Roo.bootstrap',
208                                                             xtype : 'Header',
209                                                             xns : Roo.bootstrap,
210                                                             level : 4,
211                                                             html : '<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered'
212                                                         }
213                                                     ]
214
215                                                 },
216                                                 {
217                                                     '|xns' : 'Roo.bootstrap',
218                                                     cls : 'h-body text-center',
219                                                     xtype : 'Element',
220                                                     xns : Roo.bootstrap,
221                                                     items : [
222                                                         {
223                                                             '|xns' : 'Roo.bootstrap',
224                                                             tag : 'p',
225                                                             xtype : 'Element',
226                                                             xns : Roo.bootstrap,
227                                                             html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque aliquid adipisci aspernatur. Soluta quisquam dignissimos earum quasi voluptate. Amet, dignissimos, tenetur vitae dolor quam iusto assumenda hic reprehenderit?'
228                                                         }
229                                                     ]
230
231                                                 }
232                                             ]
233
234                                         },
235                                         {
236                                             '|xns' : 'Roo.bootstrap',
237                                             cls : 'col-md-3 col-sm-6 highlight',
238                                             xtype : 'Element',
239                                             xns : Roo.bootstrap,
240                                             items : [
241                                                 {
242                                                     '|xns' : 'Roo.bootstrap',
243                                                     cls : 'h-caption',
244                                                     xtype : 'Element',
245                                                     xns : Roo.bootstrap,
246                                                     items : [
247                                                         {
248                                                             '|xns' : 'Roo.bootstrap',
249                                                             xtype : 'Header',
250                                                             xns : Roo.bootstrap,
251                                                             level : 4,
252                                                             html : '<i class=\"fa fa-flash fa-5\"></i>Fat-free'
253                                                         }
254                                                     ]
255
256                                                 },
257                                                 {
258                                                     '|xns' : 'Roo.bootstrap',
259                                                     cls : 'h-body text-center',
260                                                     xtype : 'Element',
261                                                     xns : Roo.bootstrap,
262                                                     items : [
263                                                         {
264                                                             '|xns' : 'Roo.bootstrap',
265                                                             tag : 'p',
266                                                             xtype : 'Element',
267                                                             xns : Roo.bootstrap,
268                                                             html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, commodi, sequi quis ad fugit omnis cumque a libero error nesciunt molestiae repellat quos perferendis numquam quibusdam rerum repellendus laboriosam reprehenderit! '
269                                                         }
270                                                     ]
271
272                                                 }
273                                             ]
274
275                                         },
276                                         {
277                                             '|xns' : 'Roo.bootstrap',
278                                             cls : 'col-md-3 col-sm-6 highlight',
279                                             xtype : 'Element',
280                                             xns : Roo.bootstrap,
281                                             items : [
282                                                 {
283                                                     '|xns' : 'Roo.bootstrap',
284                                                     cls : 'h-caption',
285                                                     xtype : 'Element',
286                                                     xns : Roo.bootstrap,
287                                                     items : [
288                                                         {
289                                                             '|xns' : 'Roo.bootstrap',
290                                                             xtype : 'Header',
291                                                             level : 4,
292                                                             xns : Roo.bootstrap,
293                                                             html : '<i class=\"fa fa-heart fa-5\"></i>Creative Commons'
294                                                         }
295                                                     ]
296
297                                                 },
298                                                 {
299                                                     '|xns' : 'Roo.bootstrap',
300                                                     cls : 'h-body text-center',
301                                                     xtype : 'Element',
302                                                     xns : Roo.bootstrap,
303                                                     items : [
304                                                         {
305                                                             '|xns' : 'Roo.bootstrap',
306                                                             tag : 'p',
307                                                             xtype : 'Element',
308                                                             xns : Roo.bootstrap,
309                                                             html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, vitae, perferendis, perspiciatis nobis voluptate quod illum soluta minima ipsam ratione quia numquam eveniet eum reprehenderit dolorem dicta nesciunt corporis?'
310                                                         }
311                                                     ]
312
313                                                 }
314                                             ]
315
316                                         },
317                                         {
318                                             '|xns' : 'Roo.bootstrap',
319                                             cls : 'col-md-3 col-sm-6 highlight',
320                                             xtype : 'Element',
321                                             xns : Roo.bootstrap,
322                                             items : [
323                                                 {
324                                                     '|xns' : 'Roo.bootstrap',
325                                                     cls : 'h-caption',
326                                                     xtype : 'Element',
327                                                     xns : Roo.bootstrap,
328                                                     items : [
329                                                         {
330                                                             '|xns' : 'Roo.bootstrap',
331                                                             xtype : 'Header',
332                                                             xns : Roo.bootstrap,
333                                                             level : 4,
334                                                             html : '<i class=\"fa fa-smile-o fa-5\"></i>Author\'s support'
335                                                         }
336                                                     ]
337
338                                                 },
339                                                 {
340                                                     '|xns' : 'Roo.bootstrap',
341                                                     cls : 'h-body text-center',
342                                                     xtype : 'Element',
343                                                     xns : Roo.bootstrap,
344                                                     items : [
345                                                         {
346                                                             '|xns' : 'Roo.bootstrap',
347                                                             tag : 'p',
348                                                             xtype : 'Element',
349                                                             xns : Roo.bootstrap,
350                                                             html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, excepturi, maiores, dolorem quasi reprehenderit illo accusamus nulla minima repudiandae quas ducimus reiciendis odio sequi atque temporibus facere corporis eos expedita? '
351                                                         }
352                                                     ]
353
354                                                 }
355                                             ]
356
357                                         }
358                                     ]
359
360                                 }
361                             ]
362
363                         }
364                     ]
365
366                 },
367                 {
368                     '|xns' : 'Roo.bootstrap',
369                     xtype : 'Container',
370                     xns : Roo.bootstrap,
371                     items : [
372                         {
373                             '|xns' : 'Roo.bootstrap',
374                             cls : 'text-center top-space',
375                             xtype : 'Header',
376                             xns : Roo.bootstrap,
377                             level : 2,
378                             html : 'Frequently Asked Questions'
379                         },
380                         {
381                             '|xns' : 'Roo.bootstrap',
382                             xtype : 'Row',
383                             xns : Roo.bootstrap,
384                             items : [
385                                 {
386                                     '|xns' : 'Roo.bootstrap',
387                                     xtype : 'Element',
388                                     xns : Roo.bootstrap,
389                                     items : [
390                                         {
391                                             '|xns' : 'Roo.bootstrap',
392                                             xtype : 'Header',
393                                             level : 3,
394                                             xns : Roo.bootstrap
395                                         }
396                                     ]
397
398                                 }
399                             ]
400
401                         },
402                         {
403                             '|xns' : 'Roo.bootstrap',
404                             xtype : 'Row',
405                             xns : Roo.bootstrap
406                         }
407                     ]
408
409                 }
410             ]
411
412         };    }
413 });