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