8f8104fd2be2e0047d6d1ae31d9d4e325c606f53
[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                                     cls : 'col-sm-6',
388                                     xtype : 'Element',
389                                     xns : Roo.bootstrap,
390                                     items : [
391                                         {
392                                             '|xns' : 'Roo.bootstrap',
393                                             xtype : 'Header',
394                                             level : 3,
395                                             xns : Roo.bootstrap,
396                                             html : 'Which code editor would you recommend?'
397                                         },
398                                         {
399                                             '|xns' : 'Roo.bootstrap',
400                                             tag : 'p',
401                                             xtype : 'Element',
402                                             xns : Roo.bootstrap,
403                                             html : 'I\'d highly recommend you <a href=\"http://www.sublimetext.com/\">Sublime Text</a> \n- a free to try text editor which I\'m using daily. Awesome tool!'
404                                         }
405                                     ]
406
407                                 },
408                                 {
409                                     '|xns' : 'Roo.bootstrap',
410                                     cls : 'col-sm-6',
411                                     xtype : 'Element',
412                                     xns : Roo.bootstrap,
413                                     items : [
414                                         {
415                                             '|xns' : 'Roo.bootstrap',
416                                             xtype : 'Header',
417                                             level : 3,
418                                             xns : Roo.bootstrap,
419                                             html : 'Nice header. Where do I find more images like that one?'
420                                         },
421                                         {
422                                             '|xns' : 'Roo.bootstrap',
423                                             tag : 'p',
424                                             xtype : 'Element',
425                                             xns : Roo.bootstrap,
426                                             html : 'Well, there are thousands of stock art galleries, but personally, \n\t\t\t\t\tI prefer to use photos from these sites: \n\t\t<a href=\"http://unsplash.com\">Unsplash.com</a> \n\t\t\t\t\tand \n<a href=\"http://www.flickr.com/creativecommons/by-2.0/tags/\">Flickr - Creative Commons</a>'
427                                         }
428                                     ]
429
430                                 }
431                             ]
432
433                         },
434                         {
435                             '|xns' : 'Roo.bootstrap',
436                             xtype : 'Row',
437                             xns : Roo.bootstrap,
438                             items : [
439                                 {
440                                     '|xns' : 'Roo.bootstrap',
441                                     cls : 'col-sm-6',
442                                     xtype : 'Element',
443                                     xns : Roo.bootstrap,
444                                     items : [
445                                         {
446                                             '|xns' : 'Roo.bootstrap',
447                                             xtype : 'Header',
448                                             xns : Roo.bootstrap,
449                                             level : 3,
450                                             html : 'Can I use it to build a site for my client?'
451                                         },
452                                         {
453                                             '|xns' : 'Roo.bootstrap',
454                                             tag : 'p',
455                                             xtype : 'Element',
456                                             xns : Roo.bootstrap,
457                                             html : 'Yes, you can. You may use this template for any purpose, just don\'t forget about the \n<a href=\"http://creativecommons.org/licenses/by/3.0/\">license</a>\nwhich says: \"You must give appropriate credit\", i.e. you must provide the name of the creator and a link to the original template in your work. \n'
458                                         }
459                                     ]
460
461                                 },
462                                 {
463                                     '|xns' : 'Roo.bootstrap',
464                                     cls : 'col-sm-6',
465                                     xtype : 'Element',
466                                     xns : Roo.bootstrap,
467                                     items : [
468                                         {
469                                             '|xns' : 'Roo.bootstrap',
470                                             xtype : 'Header',
471                                             xns : Roo.bootstrap,
472                                             level : 3,
473                                             html : 'Can you customize this template for me?'
474                                         },
475                                         {
476                                             '|xns' : 'Roo.bootstrap',
477                                             tag : 'p',
478                                             xtype : 'Element',
479                                             xns : Roo.bootstrap,
480                                             html : 'Yes, I can. Please drop me a line to sergey-at-pozhilov.com and describe your needs in details. Please note, my services are not cheap.'
481                                         }
482                                     ]
483
484                                 }
485                             ]
486
487                         },
488                         {
489                             '|xns' : 'Roo.bootstrap',
490                             cls : 'jumbotron top-space',
491                             xtype : 'Element',
492                             xns : Roo.bootstrap,
493                             items : [
494                                 {
495                                     '|xns' : 'Roo.bootstrap',
496                                     xtype : 'Header',
497                                     level : 4,
498                                     xns : Roo.bootstrap,
499                                     html : 'Dicta, nostrum nemo soluta sapiente sit dolor quae voluptas quidem doloribus recusandae facere magni ullam suscipit sunt atque rerum eaque iusto facilis esse nam veniam incidunt officia perspiciatis at voluptatibus. Libero, aliquid illum possimus numquam fuga.'
500                                 },
501                                 {
502                                     '|xns' : 'Roo.bootstrap',
503                                     tag : 'p',
504                                     cls : 'text-right',
505                                     xtype : 'Element',
506                                     xns : Roo.bootstrap,
507                                     html : '<a class=\"btn btn-primary btn-large\">Learn more Â»</a>'
508                                 }
509                             ]
510
511                         }
512                     ]
513
514                 },
515                 {
516                     '|xns' : 'Roo.bootstrap',
517                     cls : 'top-space',
518                     xtype : 'Container',
519                     xns : Roo.bootstrap,
520                     items : [
521                         {
522                             '|xns' : 'Roo.bootstrap',
523                             cls : 'footer1',
524                             xtype : 'Container',
525                             xns : Roo.bootstrap,
526                             items : [
527                                 {
528                                     '|xns' : 'Roo.bootstrap',
529                                     xtype : 'Container',
530                                     xns : Roo.bootstrap,
531                                     items : [
532                                         {
533                                             '|xns' : 'Roo.bootstrap',
534                                             xtype : 'Row',
535                                             xns : Roo.bootstrap,
536                                             items : [
537                                                 {
538                                                     '|xns' : 'Roo.bootstrap',
539                                                     cls : 'col-md-3 widget',
540                                                     xtype : 'Element',
541                                                     xns : Roo.bootstrap,
542                                                     items : [
543                                                         {
544                                                             '|xns' : 'Roo.bootstrap',
545                                                             cls : 'widget-title',
546                                                             xtype : 'Header',
547                                                             level : 3,
548                                                             xns : Roo.bootstrap,
549                                                             html : 'Contact'
550                                                         },
551                                                         {
552                                                             '|xns' : 'Roo.bootstrap',
553                                                             cls : 'widget-body',
554                                                             xtype : 'Element',
555                                                             xns : Roo.bootstrap,
556                                                             items : [
557                                                                 {
558                                                                     '|xns' : 'Roo.bootstrap',
559                                                                     tag : 'p',
560                                                                     xtype : 'Element',
561                                                                     xns : Roo.bootstrap,
562                                                                     html : '+234 23 9873237\n<br>\n<a href=\"mailto:#\">some.email@somewhere.com</a>\n<br>\n<br>\n234 Hidden Pond Road, Ashland City, TN 37015\n\t\t\t\t\t\t\t'
563                                                                 }
564                                                             ]
565
566                                                         }
567                                                     ]
568
569                                                 },
570                                                 {
571                                                     '|xns' : 'Roo.bootstrap',
572                                                     cls : 'col-md-3 widget',
573                                                     xtype : 'Element',
574                                                     xns : Roo.bootstrap,
575                                                     items : [
576                                                         {
577                                                             '|xns' : 'Roo.bootstrap',
578                                                             cls : 'widget-title',
579                                                             xtype : 'Header',
580                                                             level : 3,
581                                                             xns : Roo.bootstrap,
582                                                             html : 'Follow me'
583                                                         },
584                                                         {
585                                                             '|xns' : 'Roo.bootstrap',
586                                                             cls : 'widget-body',
587                                                             xtype : 'Element',
588                                                             xns : Roo.bootstrap,
589                                                             items : [
590                                                                 {
591                                                                     '|xns' : 'Roo.bootstrap',
592                                                                     tag : 'p',
593                                                                     cls : 'follow-me-icons',
594                                                                     xtype : 'Element',
595                                                                     xns : Roo.bootstrap,
596                                                                     items : [
597                                                                         {
598                                                                             '|xns' : 'Roo.bootstrap',
599                                                                             tag : 'a',
600                                                                             xtype : 'Element',
601                                                                             xns : Roo.bootstrap,
602                                                                             html : '<i class=\"fa fa-twitter fa-2\"></i>'
603                                                                         },
604                                                                         {
605                                                                             '|xns' : 'Roo.bootstrap',
606                                                                             tag : 'a',
607                                                                             xtype : 'Element',
608                                                                             xns : Roo.bootstrap,
609                                                                             html : '<i class=\"fa fa-dribbble fa-2\"></i>'
610                                                                         },
611                                                                         {
612                                                                             '|xns' : 'Roo.bootstrap',
613                                                                             tag : 'a',
614                                                                             xtype : 'Element',
615                                                                             xns : Roo.bootstrap,
616                                                                             html : '<i class=\"fa fa-github fa-2\"></i>'
617                                                                         },
618                                                                         {
619                                                                             '|xns' : 'Roo.bootstrap',
620                                                                             tag : 'a',
621                                                                             xtype : 'Element',
622                                                                             xns : Roo.bootstrap,
623                                                                             html : '<i class=\"fa fa-facebook fa-2\"></i>'
624                                                                         }
625                                                                     ]
626
627                                                                 }
628                                                             ]
629
630                                                         }
631                                                     ]
632
633                                                 },
634                                                 {
635                                                     '|xns' : 'Roo.bootstrap',
636                                                     cls : 'col-md-6 widget',
637                                                     xtype : 'Element',
638                                                     xns : Roo.bootstrap,
639                                                     items : [
640                                                         {
641                                                             '|xns' : 'Roo.bootstrap',
642                                                             cls : 'widget-title',
643                                                             xtype : 'Header',
644                                                             level : 3,
645                                                             xns : Roo.bootstrap,
646                                                             html : 'Text widget'
647                                                         },
648                                                         {
649                                                             '|xns' : 'Roo.bootstrap',
650                                                             cls : 'widget-body',
651                                                             xtype : 'Element',
652                                                             xns : Roo.bootstrap,
653                                                             items : [
654                                                                 {
655                                                                     '|xns' : 'Roo.bootstrap',
656                                                                     tag : 'p',
657                                                                     xtype : 'Element',
658                                                                     xns : Roo.bootstrap,
659                                                                     html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, dolores, quibusdam architecto voluptatem amet fugiat nesciunt placeat provident cumque accusamus itaque voluptate modi quidem dolore optio velit hic iusto vero praesentium repellat commodi ad id expedita cupiditate repellendus possimus unde?'
660                                                                 },
661                                                                 {
662                                                                     '|xns' : 'Roo.bootstrap',
663                                                                     tag : 'p',
664                                                                     xtype : 'Element',
665                                                                     xns : Roo.bootstrap,
666                                                                     html : 'Eius consequatur nihil quibusdam! Laborum, rerum, quis, inventore ipsa autem repellat provident assumenda labore soluta minima alias temporibus facere distinctio quas adipisci nam sunt explicabo officia tenetur at ea quos doloribus dolorum voluptate reprehenderit architecto sint libero illo et hic.'
667                                                                 }
668                                                             ]
669
670                                                         }
671                                                     ]
672
673                                                 }
674                                             ]
675
676                                         }
677                                     ]
678
679                                 }
680                             ]
681
682                         }
683                     ]
684
685                 }
686             ]
687
688         };    }
689 });