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 : 3,
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                                     html : 'Reasons to use this template'
186                                 },
187                                 {
188                                     '|xns' : 'Roo.bootstrap',
189                                     cls : '',
190                                     xtype : 'Row',
191                                     xns : Roo.bootstrap,
192                                     items : [
193                                         {
194                                             '|xns' : 'Roo.bootstrap',
195                                             cls : 'col-md-3 col-sm-6 highlight',
196                                             xtype : 'Element',
197                                             xns : Roo.bootstrap,
198                                             items : [
199                                                 {
200                                                     '|xns' : 'Roo.bootstrap',
201                                                     cls : 'h-caption',
202                                                     xtype : 'Element',
203                                                     xns : Roo.bootstrap,
204                                                     items : [
205                                                         {
206                                                             '|xns' : 'Roo.bootstrap',
207                                                             xtype : 'Header',
208                                                             xns : Roo.bootstrap,
209                                                             level : 4,
210                                                             html : '<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered'
211                                                         }
212                                                     ]
213
214                                                 },
215                                                 {
216                                                     '|xns' : 'Roo.bootstrap',
217                                                     cls : 'h-body text-center',
218                                                     xtype : 'Element',
219                                                     xns : Roo.bootstrap,
220                                                     items : [
221                                                         {
222                                                             '|xns' : 'Roo.bootstrap',
223                                                             tag : 'p',
224                                                             xtype : 'Element',
225                                                             xns : Roo.bootstrap,
226                                                             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?'
227                                                         }
228                                                     ]
229
230                                                 }
231                                             ]
232
233                                         },
234                                         {
235                                             '|xns' : 'Roo.bootstrap',
236                                             cls : 'col-md-3 col-sm-6 highlight',
237                                             xtype : 'Element',
238                                             xns : Roo.bootstrap,
239                                             items : [
240                                                 {
241                                                     '|xns' : 'Roo.bootstrap',
242                                                     cls : 'h-caption',
243                                                     xtype : 'Element',
244                                                     xns : Roo.bootstrap,
245                                                     items : [
246                                                         {
247                                                             '|xns' : 'Roo.bootstrap',
248                                                             xtype : 'Header',
249                                                             xns : Roo.bootstrap,
250                                                             level : 4,
251                                                             html : '<i class=\"fa fa-flash fa-5\"></i>Fat-free'
252                                                         }
253                                                     ]
254
255                                                 },
256                                                 {
257                                                     '|xns' : 'Roo.bootstrap',
258                                                     cls : 'h-body text-center',
259                                                     xtype : 'Element',
260                                                     xns : Roo.bootstrap,
261                                                     items : [
262                                                         {
263                                                             '|xns' : 'Roo.bootstrap',
264                                                             tag : 'p',
265                                                             xtype : 'Element',
266                                                             xns : Roo.bootstrap,
267                                                             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! '
268                                                         }
269                                                     ]
270
271                                                 }
272                                             ]
273
274                                         },
275                                         {
276                                             '|xns' : 'Roo.bootstrap',
277                                             cls : 'col-md-3 col-sm-6 highlight',
278                                             xtype : 'Element',
279                                             xns : Roo.bootstrap,
280                                             items : [
281                                                 {
282                                                     '|xns' : 'Roo.bootstrap',
283                                                     cls : 'h-caption',
284                                                     xtype : 'Element',
285                                                     xns : Roo.bootstrap,
286                                                     items : [
287                                                         {
288                                                             '|xns' : 'Roo.bootstrap',
289                                                             xtype : 'Header',
290                                                             level : 4,
291                                                             xns : Roo.bootstrap,
292                                                             html : '<i class=\"fa fa-heart fa-5\"></i>Creative Commons'
293                                                         }
294                                                     ]
295
296                                                 },
297                                                 {
298                                                     '|xns' : 'Roo.bootstrap',
299                                                     cls : 'h-body text-center',
300                                                     xtype : 'Element',
301                                                     xns : Roo.bootstrap,
302                                                     items : [
303                                                         {
304                                                             '|xns' : 'Roo.bootstrap',
305                                                             tag : 'p',
306                                                             xtype : 'Element',
307                                                             xns : Roo.bootstrap,
308                                                             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?'
309                                                         }
310                                                     ]
311
312                                                 }
313                                             ]
314
315                                         },
316                                         {
317                                             '|xns' : 'Roo.bootstrap',
318                                             cls : 'col-md-3 col-sm-6 highlight',
319                                             xtype : 'Element',
320                                             xns : Roo.bootstrap,
321                                             items : [
322                                                 {
323                                                     '|xns' : 'Roo.bootstrap',
324                                                     cls : 'h-caption',
325                                                     xtype : 'Element',
326                                                     xns : Roo.bootstrap,
327                                                     items : [
328                                                         {
329                                                             '|xns' : 'Roo.bootstrap',
330                                                             xtype : 'Header',
331                                                             xns : Roo.bootstrap,
332                                                             level : 4,
333                                                             html : '<i class=\"fa fa-smile-o fa-5\"></i>Author\'s support'
334                                                         }
335                                                     ]
336
337                                                 },
338                                                 {
339                                                     '|xns' : 'Roo.bootstrap',
340                                                     cls : 'h-body text-center',
341                                                     xtype : 'Element',
342                                                     xns : Roo.bootstrap,
343                                                     items : [
344                                                         {
345                                                             '|xns' : 'Roo.bootstrap',
346                                                             tag : 'p',
347                                                             xtype : 'Element',
348                                                             xns : Roo.bootstrap,
349                                                             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? '
350                                                         }
351                                                     ]
352
353                                                 }
354                                             ]
355
356                                         }
357                                     ]
358
359                                 }
360                             ]
361
362                         }
363                     ]
364
365                 },
366                 {
367                     '|xns' : 'Roo.bootstrap',
368                     xtype : 'Container',
369                     xns : Roo.bootstrap,
370                     items : [
371                         {
372                             '|xns' : 'Roo.bootstrap',
373                             cls : 'text-center top-space',
374                             xtype : 'Header',
375                             xns : Roo.bootstrap,
376                             level : 2,
377                             html : 'Frequently Asked Questions'
378                         }
379                     ]
380
381                 }
382             ]
383
384         };    }
385 });