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