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                                                     cls : 'btn btn-default btn-lg',
119                                                     href : '#',
120                                                     xtype : 'Button',
121                                                     xns : Roo.bootstrap,
122                                                     html : 'a button'
123                                                 },
124                                                 {
125                                                     '|xns' : 'Roo.bootstrap',
126                                                     tag : 'a',
127                                                     size : 'lg',
128                                                     href : '#',
129                                                     xtype : 'Button',
130                                                     xns : Roo.bootstrap,
131                                                     html : 'a button'
132                                                 }
133                                             ]
134
135                                         }
136                                     ]
137
138                                 }
139                             ]
140
141                         }
142                     ]
143
144                 },
145                 {
146                     '|xns' : 'Roo.bootstrap',
147                     cls : 'container text-center',
148                     xtype : 'Element',
149                     xns : Roo.bootstrap,
150                     items : [
151                         {
152                             '|xns' : 'Roo.bootstrap',
153                             cls : 'thin',
154                             xtype : 'Header',
155                             xns : Roo.bootstrap,
156                             level : 2,
157                             html : 'The best place to tell people why they are here'
158                         },
159                         {
160                             '|xns' : 'Roo.bootstrap',
161                             tag : 'p',
162                             cls : 'text-muted',
163                             xtype : 'Element',
164                             xns : Roo.bootstrap,
165                             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'
166                         }
167                     ]
168
169                 },
170                 {
171                     '|xns' : 'Roo.bootstrap',
172                     cls : '',
173                     xtype : 'Element',
174                     xns : Roo.bootstrap,
175                     items : [
176                         {
177                             '|xns' : 'Roo.bootstrap',
178                             xtype : 'Container',
179                             xns : Roo.bootstrap,
180                             items : [
181                                 {
182                                     '|xns' : 'Roo.bootstrap',
183                                     cls : 'text-center thin',
184                                     xtype : 'Header',
185                                     xns : Roo.bootstrap,
186                                     level : 3,
187                                     html : 'Reasons to use this template'
188                                 },
189                                 {
190                                     '|xns' : 'Roo.bootstrap',
191                                     cls : '',
192                                     xtype : 'Row',
193                                     xns : Roo.bootstrap,
194                                     items : [
195                                         {
196                                             '|xns' : 'Roo.bootstrap',
197                                             cls : 'col-md-3 col-sm-6 highlight',
198                                             xtype : 'Element',
199                                             xns : Roo.bootstrap,
200                                             items : [
201                                                 {
202                                                     '|xns' : 'Roo.bootstrap',
203                                                     cls : 'h-caption',
204                                                     xtype : 'Element',
205                                                     xns : Roo.bootstrap,
206                                                     items : [
207                                                         {
208                                                             '|xns' : 'Roo.bootstrap',
209                                                             xtype : 'Header',
210                                                             xns : Roo.bootstrap,
211                                                             level : 4,
212                                                             html : '<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered'
213                                                         }
214                                                     ]
215
216                                                 },
217                                                 {
218                                                     '|xns' : 'Roo.bootstrap',
219                                                     cls : 'h-body text-center',
220                                                     xtype : 'Element',
221                                                     xns : Roo.bootstrap,
222                                                     items : [
223                                                         {
224                                                             '|xns' : 'Roo.bootstrap',
225                                                             tag : 'p',
226                                                             xtype : 'Element',
227                                                             xns : Roo.bootstrap,
228                                                             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?'
229                                                         }
230                                                     ]
231
232                                                 }
233                                             ]
234
235                                         },
236                                         {
237                                             '|xns' : 'Roo.bootstrap',
238                                             cls : 'col-md-3 col-sm-6 highlight',
239                                             xtype : 'Element',
240                                             xns : Roo.bootstrap,
241                                             items : [
242                                                 {
243                                                     '|xns' : 'Roo.bootstrap',
244                                                     cls : 'h-caption',
245                                                     xtype : 'Element',
246                                                     xns : Roo.bootstrap,
247                                                     items : [
248                                                         {
249                                                             '|xns' : 'Roo.bootstrap',
250                                                             xtype : 'Header',
251                                                             xns : Roo.bootstrap,
252                                                             level : 4,
253                                                             html : '<i class=\"fa fa-flash fa-5\"></i>Fat-free'
254                                                         }
255                                                     ]
256
257                                                 },
258                                                 {
259                                                     '|xns' : 'Roo.bootstrap',
260                                                     cls : 'h-body text-center',
261                                                     xtype : 'Element',
262                                                     xns : Roo.bootstrap,
263                                                     items : [
264                                                         {
265                                                             '|xns' : 'Roo.bootstrap',
266                                                             tag : 'p',
267                                                             xtype : 'Element',
268                                                             xns : Roo.bootstrap,
269                                                             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! '
270                                                         }
271                                                     ]
272
273                                                 }
274                                             ]
275
276                                         },
277                                         {
278                                             '|xns' : 'Roo.bootstrap',
279                                             cls : 'col-md-3 col-sm-6 highlight',
280                                             xtype : 'Element',
281                                             xns : Roo.bootstrap,
282                                             items : [
283                                                 {
284                                                     '|xns' : 'Roo.bootstrap',
285                                                     cls : 'h-caption',
286                                                     xtype : 'Element',
287                                                     xns : Roo.bootstrap,
288                                                     items : [
289                                                         {
290                                                             '|xns' : 'Roo.bootstrap',
291                                                             xtype : 'Header',
292                                                             level : 4,
293                                                             xns : Roo.bootstrap,
294                                                             html : '<i class=\"fa fa-heart fa-5\"></i>Creative Commons'
295                                                         }
296                                                     ]
297
298                                                 },
299                                                 {
300                                                     '|xns' : 'Roo.bootstrap',
301                                                     cls : 'h-body text-center',
302                                                     xtype : 'Element',
303                                                     xns : Roo.bootstrap,
304                                                     items : [
305                                                         {
306                                                             '|xns' : 'Roo.bootstrap',
307                                                             tag : 'p',
308                                                             xtype : 'Element',
309                                                             xns : Roo.bootstrap,
310                                                             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?'
311                                                         }
312                                                     ]
313
314                                                 }
315                                             ]
316
317                                         },
318                                         {
319                                             '|xns' : 'Roo.bootstrap',
320                                             cls : 'col-md-3 col-sm-6 highlight',
321                                             xtype : 'Element',
322                                             xns : Roo.bootstrap,
323                                             items : [
324                                                 {
325                                                     '|xns' : 'Roo.bootstrap',
326                                                     cls : 'h-caption',
327                                                     xtype : 'Element',
328                                                     xns : Roo.bootstrap,
329                                                     items : [
330                                                         {
331                                                             '|xns' : 'Roo.bootstrap',
332                                                             xtype : 'Header',
333                                                             xns : Roo.bootstrap,
334                                                             level : 4,
335                                                             html : '<i class=\"fa fa-smile-o fa-5\"></i>Author\'s support'
336                                                         }
337                                                     ]
338
339                                                 },
340                                                 {
341                                                     '|xns' : 'Roo.bootstrap',
342                                                     cls : 'h-body text-center',
343                                                     xtype : 'Element',
344                                                     xns : Roo.bootstrap,
345                                                     items : [
346                                                         {
347                                                             '|xns' : 'Roo.bootstrap',
348                                                             tag : 'p',
349                                                             xtype : 'Element',
350                                                             xns : Roo.bootstrap,
351                                                             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? '
352                                                         }
353                                                     ]
354
355                                                 }
356                                             ]
357
358                                         }
359                                     ]
360
361                                 }
362                             ]
363
364                         }
365                     ]
366
367                 },
368                 {
369                     '|xns' : 'Roo.bootstrap',
370                     xtype : 'Container',
371                     xns : Roo.bootstrap,
372                     items : [
373                         {
374                             '|xns' : 'Roo.bootstrap',
375                             cls : 'text-center top-space',
376                             xtype : 'Header',
377                             xns : Roo.bootstrap,
378                             level : 2,
379                             html : 'Frequently Asked Questions'
380                         },
381                         {
382                             '|xns' : 'Roo.bootstrap',
383                             xtype : 'Row',
384                             xns : Roo.bootstrap,
385                             items : [
386                                 {
387                                     '|xns' : 'Roo.bootstrap',
388                                     cls : 'col-sm-6',
389                                     xtype : 'Element',
390                                     xns : Roo.bootstrap,
391                                     items : [
392                                         {
393                                             '|xns' : 'Roo.bootstrap',
394                                             xtype : 'Header',
395                                             level : 3,
396                                             xns : Roo.bootstrap,
397                                             html : 'Which code editor would you recommend?'
398                                         },
399                                         {
400                                             '|xns' : 'Roo.bootstrap',
401                                             tag : 'p',
402                                             xtype : 'Element',
403                                             xns : Roo.bootstrap,
404                                             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!'
405                                         }
406                                     ]
407
408                                 },
409                                 {
410                                     '|xns' : 'Roo.bootstrap',
411                                     cls : 'col-sm-6',
412                                     xtype : 'Element',
413                                     xns : Roo.bootstrap,
414                                     items : [
415                                         {
416                                             '|xns' : 'Roo.bootstrap',
417                                             xtype : 'Header',
418                                             level : 3,
419                                             xns : Roo.bootstrap,
420                                             html : 'Nice header. Where do I find more images like that one?'
421                                         },
422                                         {
423                                             '|xns' : 'Roo.bootstrap',
424                                             tag : 'p',
425                                             xtype : 'Element',
426                                             xns : Roo.bootstrap,
427                                             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>'
428                                         }
429                                     ]
430
431                                 }
432                             ]
433
434                         },
435                         {
436                             '|xns' : 'Roo.bootstrap',
437                             xtype : 'Row',
438                             xns : Roo.bootstrap,
439                             items : [
440                                 {
441                                     '|xns' : 'Roo.bootstrap',
442                                     cls : 'col-sm-6',
443                                     xtype : 'Element',
444                                     xns : Roo.bootstrap,
445                                     items : [
446                                         {
447                                             '|xns' : 'Roo.bootstrap',
448                                             xtype : 'Header',
449                                             xns : Roo.bootstrap,
450                                             level : 3,
451                                             html : 'Can I use it to build a site for my client?'
452                                         },
453                                         {
454                                             '|xns' : 'Roo.bootstrap',
455                                             tag : 'p',
456                                             xtype : 'Element',
457                                             xns : Roo.bootstrap,
458                                             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'
459                                         }
460                                     ]
461
462                                 },
463                                 {
464                                     '|xns' : 'Roo.bootstrap',
465                                     cls : 'col-sm-6',
466                                     xtype : 'Element',
467                                     xns : Roo.bootstrap,
468                                     items : [
469                                         {
470                                             '|xns' : 'Roo.bootstrap',
471                                             xtype : 'Header',
472                                             xns : Roo.bootstrap,
473                                             level : 3,
474                                             html : 'Can you customize this template for me?'
475                                         },
476                                         {
477                                             '|xns' : 'Roo.bootstrap',
478                                             tag : 'p',
479                                             xtype : 'Element',
480                                             xns : Roo.bootstrap,
481                                             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.'
482                                         }
483                                     ]
484
485                                 }
486                             ]
487
488                         },
489                         {
490                             '|xns' : 'Roo.bootstrap',
491                             cls : 'jumbotron top-space',
492                             xtype : 'Element',
493                             xns : Roo.bootstrap,
494                             items : [
495                                 {
496                                     '|xns' : 'Roo.bootstrap',
497                                     xtype : 'Header',
498                                     level : 4,
499                                     xns : Roo.bootstrap,
500                                     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.'
501                                 },
502                                 {
503                                     '|xns' : 'Roo.bootstrap',
504                                     tag : 'p',
505                                     cls : 'text-right',
506                                     xtype : 'Element',
507                                     xns : Roo.bootstrap,
508                                     html : '<a class=\"btn btn-primary btn-large\">Learn more Â»</a>'
509                                 }
510                             ]
511
512                         }
513                     ]
514
515                 },
516                 {
517                     '|xns' : 'Roo.bootstrap',
518                     cls : 'top-space',
519                     xtype : 'Container',
520                     xns : Roo.bootstrap,
521                     items : [
522                         {
523                             '|xns' : 'Roo.bootstrap',
524                             cls : 'footer1',
525                             xtype : 'Container',
526                             xns : Roo.bootstrap,
527                             items : [
528                                 {
529                                     '|xns' : 'Roo.bootstrap',
530                                     xtype : 'Container',
531                                     xns : Roo.bootstrap,
532                                     items : [
533                                         {
534                                             '|xns' : 'Roo.bootstrap',
535                                             xtype : 'Row',
536                                             xns : Roo.bootstrap,
537                                             items : [
538                                                 {
539                                                     '|xns' : 'Roo.bootstrap',
540                                                     cls : 'col-md-3 widget',
541                                                     xtype : 'Element',
542                                                     xns : Roo.bootstrap,
543                                                     items : [
544                                                         {
545                                                             '|xns' : 'Roo.bootstrap',
546                                                             cls : 'widget-title',
547                                                             xtype : 'Header',
548                                                             level : 3,
549                                                             xns : Roo.bootstrap,
550                                                             html : 'Contact'
551                                                         },
552                                                         {
553                                                             '|xns' : 'Roo.bootstrap',
554                                                             cls : 'widget-body',
555                                                             xtype : 'Element',
556                                                             xns : Roo.bootstrap,
557                                                             items : [
558                                                                 {
559                                                                     '|xns' : 'Roo.bootstrap',
560                                                                     tag : 'p',
561                                                                     xtype : 'Element',
562                                                                     xns : Roo.bootstrap,
563                                                                     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'
564                                                                 }
565                                                             ]
566
567                                                         }
568                                                     ]
569
570                                                 },
571                                                 {
572                                                     '|xns' : 'Roo.bootstrap',
573                                                     cls : 'col-md-3 widget',
574                                                     xtype : 'Element',
575                                                     xns : Roo.bootstrap,
576                                                     items : [
577                                                         {
578                                                             '|xns' : 'Roo.bootstrap',
579                                                             cls : 'widget-title',
580                                                             xtype : 'Header',
581                                                             level : 3,
582                                                             xns : Roo.bootstrap,
583                                                             html : 'Follow me'
584                                                         },
585                                                         {
586                                                             '|xns' : 'Roo.bootstrap',
587                                                             cls : 'widget-body',
588                                                             xtype : 'Element',
589                                                             xns : Roo.bootstrap,
590                                                             items : [
591                                                                 {
592                                                                     '|xns' : 'Roo.bootstrap',
593                                                                     tag : 'p',
594                                                                     cls : 'follow-me-icons',
595                                                                     xtype : 'Element',
596                                                                     xns : Roo.bootstrap,
597                                                                     items : [
598                                                                         {
599                                                                             '|xns' : 'Roo.bootstrap',
600                                                                             tag : 'a',
601                                                                             xtype : 'Element',
602                                                                             xns : Roo.bootstrap,
603                                                                             html : '<i class=\"fa fa-twitter fa-2\"></i>'
604                                                                         },
605                                                                         {
606                                                                             '|xns' : 'Roo.bootstrap',
607                                                                             tag : 'a',
608                                                                             xtype : 'Element',
609                                                                             xns : Roo.bootstrap,
610                                                                             html : '<i class=\"fa fa-dribbble fa-2\"></i>'
611                                                                         },
612                                                                         {
613                                                                             '|xns' : 'Roo.bootstrap',
614                                                                             tag : 'a',
615                                                                             xtype : 'Element',
616                                                                             xns : Roo.bootstrap,
617                                                                             html : '<i class=\"fa fa-github fa-2\"></i>'
618                                                                         },
619                                                                         {
620                                                                             '|xns' : 'Roo.bootstrap',
621                                                                             tag : 'a',
622                                                                             xtype : 'Element',
623                                                                             xns : Roo.bootstrap,
624                                                                             html : '<i class=\"fa fa-facebook fa-2\"></i>'
625                                                                         }
626                                                                     ]
627
628                                                                 }
629                                                             ]
630
631                                                         }
632                                                     ]
633
634                                                 },
635                                                 {
636                                                     '|xns' : 'Roo.bootstrap',
637                                                     cls : 'col-md-6 widget',
638                                                     xtype : 'Element',
639                                                     xns : Roo.bootstrap,
640                                                     items : [
641                                                         {
642                                                             '|xns' : 'Roo.bootstrap',
643                                                             cls : 'widget-title',
644                                                             xtype : 'Header',
645                                                             level : 3,
646                                                             xns : Roo.bootstrap,
647                                                             html : 'Text widget'
648                                                         },
649                                                         {
650                                                             '|xns' : 'Roo.bootstrap',
651                                                             cls : 'widget-body',
652                                                             xtype : 'Element',
653                                                             xns : Roo.bootstrap,
654                                                             items : [
655                                                                 {
656                                                                     '|xns' : 'Roo.bootstrap',
657                                                                     tag : 'p',
658                                                                     xtype : 'Element',
659                                                                     xns : Roo.bootstrap,
660                                                                     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?'
661                                                                 },
662                                                                 {
663                                                                     '|xns' : 'Roo.bootstrap',
664                                                                     tag : 'p',
665                                                                     xtype : 'Element',
666                                                                     xns : Roo.bootstrap,
667                                                                     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.'
668                                                                 }
669                                                             ]
670
671                                                         }
672                                                     ]
673
674                                                 }
675                                             ]
676
677                                         }
678                                     ]
679
680                                 }
681                             ]
682
683                         }
684                     ]
685
686                 }
687             ]
688
689         };    }
690 });