roojs-all.js
[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
7  _strings : {
8   '167d10e1548c4dd34c59a5a143acbcc8' :"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?",
9   '20d25edf30cd635994f8636d1b7af16f' :"The best place to tell people why they are here",
10   '6fc642524ba59140ab8b69301261d393' :"<i class=\"fa fa-heart fa-5\"></i>Creative Commons",
11   '2295195aac9d2c7b410428029f2369bf' :"More Pages",
12   '4e01ca94bcef3d1d6e1caff7fa42a099' :"Follow me",
13   '0b6d966a2b73f4617ae20d9d0f286926' :"<i class=\"fa fa-twitter fa-2\"></i>",
14   'c90c8c53c27cd538b32a2fd0b7e2ac50' :"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>",
15   '544ed65266ffc37e762fb588771a5c50' :"Nice header. Where do I find more images like that one?",
16   '65e69ec9f42722989b738ea6c97aa70c' :"\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",
17   'bbaff12800505b22a853e8b7f4eb6a22' :"Contact",
18   '9cef554366342b985660f540adad49a3' :"+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",
19   'd54164e86d9e4d31e5c683861d3832a2' :"<i class=\"fa fa-dribbble fa-2\"></i>",
20   'fa7d0f3e094ac32ae6947791153a4ff7' :"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.",
21   'bd04e83c01b437cca28fc08e693a76a8' :"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! ",
22   '5405d8a903c83e89cb649f1b518ef1be' :"Frequently Asked Questions",
23   'bda9f9ca9e653bb4a20a30b8d0f253d4' :"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? ",
24   'ca98e91c48e9c483c403abb7af44d036' :"<i class=\"fa fa-smile-o fa-5\"></i>Author's support",
25   '748d1c66b53692e34084b5d1be6eb07a' :"some tag line",
26   'f757cef8954558e37499e14b7fcb23d3' :"Reasons to use this template",
27   '1522f8912011fd73c3b6b72604e9eb4f' :"<i class=\"fa fa-flash fa-5\"></i>Fat-free",
28   'a966e9d1c9065dbbea23d8d6705b9e42' :"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?",
29   'c71c85fb79a1e589cfe00a8233e37841' :"a button",
30   '932c1787f028d8eb514db1ac402fac54' :"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!",
31   '5b6c1f1969e02981d7d8455b6538292d' :"Can you customize this template for me?",
32   '8f7f4c1ce7a4f933663d10543562b096' :"About",
33   '89f57a5ba6334d012ddb709b186b3a98' :"<i class=\"fa fa-github fa-2\"></i>",
34   '3cf1ef47ec04254f4a98d9fde7f70581' :"Text widget",
35   '5264548d77038db97f4f4aa5d8813b8b' :"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.",
36   '8e9efcdf6f236ccbbd6ba45378fc5938' :"<i class=\"fa fa-facebook fa-2\"></i>",
37   '25d3bc8aaa2306df70a61938535634dc' :"<a class=\"btn btn-primary btn-large\">Learn more »</a>",
38   '4b4614a2a02ceb468d0030b06c9fc151' :"The HR Platform",
39   'c57215a93662add542baf3690cbde5db' :"Can I use it to build a site for my client?",
40   'f106c3ac1b76182d358f96951c8bb235' :"<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered",
41   '43afe83e70e529de2ddba6b515c4cb37' :"Which code editor would you recommend?",
42   '778d568d19d00c60b9cd62573dff9d48' :"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.",
43   '8cf04a9734132302f96da8e113e80ce5' :"Home",
44   '6b405cff8a90f9f3fae8d953edf67160' :"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",
45   '2a2f84bd9854960f2c63eeb3af60fb70' :"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?",
46   '5ac2119f318eaad0c139c729c78eba5f' :"Sign in / Sign up"
47  },
48
49   part     :  ["bootstrap", "homepage" ],
50   order    : '001-homepage',
51   region   : 'center',
52   parent   : false,
53   name     : "unnamed module",
54   disabled : false, 
55   permname : '', 
56   _tree : function(_data)
57   {
58    var _this = this;
59    var MODULE = this;
60    return {
61    xtype : 'Body',
62    cls : 'home',
63    xns : Roo.bootstrap,
64    '|xns' : 'Roo.bootstrap',
65    items  : [
66     {
67      xtype : 'NavHeaderbar',
68      brand : 'Hydra',
69      cls : 'headroom animated',
70      inverse : true,
71      position : 'fixed-top',
72      xns : Roo.bootstrap,
73      '|xns' : 'Roo.bootstrap',
74      items  : [
75       {
76        xtype : 'NavGroup',
77        align : 'right',
78        type : 'nav',
79        xns : Roo.bootstrap,
80        '|xns' : 'Roo.bootstrap',
81        items  : [
82         {
83          xtype : 'NavItem',
84          html : _this._strings['8cf04a9734132302f96da8e113e80ce5'] /* Home */,
85          xns : Roo.bootstrap,
86          '|xns' : 'Roo.bootstrap'
87         },
88         {
89          xtype : 'NavItem',
90          html : _this._strings['8f7f4c1ce7a4f933663d10543562b096'] /* About */,
91          xns : Roo.bootstrap,
92          '|xns' : 'Roo.bootstrap'
93         },
94         {
95          xtype : 'NavItem',
96          html : _this._strings['2295195aac9d2c7b410428029f2369bf'] /* More Pages */,
97          xns : Roo.bootstrap,
98          '|xns' : 'Roo.bootstrap'
99         },
100         {
101          xtype : 'NavItem',
102          html : _this._strings['bbaff12800505b22a853e8b7f4eb6a22'] /* Contact */,
103          xns : Roo.bootstrap,
104          '|xns' : 'Roo.bootstrap'
105         },
106         {
107          xtype : 'NavItem',
108          button_outline : true,
109          button_weight : 'primary',
110          cls : 'btn',
111          html : _this._strings['5ac2119f318eaad0c139c729c78eba5f'] /* Sign in / Sign up */,
112          xns : Roo.bootstrap,
113          '|xns' : 'Roo.bootstrap'
114         }
115        ]
116       }
117      ]
118     },
119     {
120      xtype : 'Element',
121      cls : 'pr-head',
122      tag : 'header',
123      xns : Roo.bootstrap,
124      '|xns' : 'Roo.bootstrap',
125      items  : [
126       {
127        xtype : 'Container',
128        xns : Roo.bootstrap,
129        '|xns' : 'Roo.bootstrap',
130        items  : [
131         {
132          xtype : 'Row',
133          xns : Roo.bootstrap,
134          '|xns' : 'Roo.bootstrap',
135          items  : [
136           {
137            xtype : 'Header',
138            cls : 'lead',
139            html : _this._strings['4b4614a2a02ceb468d0030b06c9fc151'] /* The HR Platform */,
140            xns : Roo.bootstrap,
141            '|xns' : 'Roo.bootstrap'
142           },
143           {
144            xtype : 'Element',
145            cls : 'tagline',
146            html : _this._strings['748d1c66b53692e34084b5d1be6eb07a'] /* some tag line */,
147            tag : 'p',
148            xns : Roo.bootstrap,
149            '|xns' : 'Roo.bootstrap'
150           },
151           {
152            xtype : 'Element',
153            tag : 'p',
154            xns : Roo.bootstrap,
155            '|xns' : 'Roo.bootstrap',
156            items  : [
157             {
158              xtype : 'Button',
159              href : '#',
160              html : _this._strings['c71c85fb79a1e589cfe00a8233e37841'] /* a button */,
161              size : 'lg',
162              tag : 'a',
163              xns : Roo.bootstrap,
164              '|xns' : 'Roo.bootstrap'
165             },
166             {
167              xtype : 'Button',
168              href : '#',
169              html : _this._strings['c71c85fb79a1e589cfe00a8233e37841'] /* a button */,
170              size : 'lg',
171              tag : 'a',
172              xns : Roo.bootstrap,
173              '|xns' : 'Roo.bootstrap'
174             }
175            ]
176           }
177          ]
178         }
179        ]
180       }
181      ]
182     },
183     {
184      xtype : 'Element',
185      cls : 'container text-center',
186      xns : Roo.bootstrap,
187      '|xns' : 'Roo.bootstrap',
188      items  : [
189       {
190        xtype : 'Header',
191        cls : 'thin',
192        html : _this._strings['20d25edf30cd635994f8636d1b7af16f'] /* The best place to tell people why they are here */,
193        level : 2,
194        xns : Roo.bootstrap,
195        '|xns' : 'Roo.bootstrap'
196       },
197       {
198        xtype : 'Element',
199        cls : 'text-muted',
200        html : _this._strings['65e69ec9f42722989b738ea6c97aa70c'] /* 
201         The difference between involvement and commitment is like an eggs-and-ham breakfast:       
202         <br>        
203         the chicken was involved; the pig was committed.       
204                 
205        */ ,
206        tag : 'p',
207        xns : Roo.bootstrap,
208        '|xns' : 'Roo.bootstrap'
209       }
210      ]
211     },
212     {
213      xtype : 'Element',
214      cls : '',
215      xns : Roo.bootstrap,
216      '|xns' : 'Roo.bootstrap',
217      items  : [
218       {
219        xtype : 'Container',
220        xns : Roo.bootstrap,
221        '|xns' : 'Roo.bootstrap',
222        items  : [
223         {
224          xtype : 'Header',
225          cls : 'text-center thin',
226          html : _this._strings['f757cef8954558e37499e14b7fcb23d3'] /* Reasons to use this template */,
227          level : 3,
228          xns : Roo.bootstrap,
229          '|xns' : 'Roo.bootstrap'
230         },
231         {
232          xtype : 'Row',
233          cls : '',
234          xns : Roo.bootstrap,
235          '|xns' : 'Roo.bootstrap',
236          items  : [
237           {
238            xtype : 'Element',
239            cls : 'col-md-3 col-sm-6 highlight',
240            xns : Roo.bootstrap,
241            '|xns' : 'Roo.bootstrap',
242            items  : [
243             {
244              xtype : 'Element',
245              cls : 'h-caption',
246              xns : Roo.bootstrap,
247              '|xns' : 'Roo.bootstrap',
248              items  : [
249               {
250                xtype : 'Header',
251                html : _this._strings['f106c3ac1b76182d358f96951c8bb235'] /* <i class="fa fa-cogs fa-5"></i>Bootstrap-powered */,
252                level : 4,
253                xns : Roo.bootstrap,
254                '|xns' : 'Roo.bootstrap'
255               }
256              ]
257             },
258             {
259              xtype : 'Element',
260              cls : 'h-body text-center',
261              xns : Roo.bootstrap,
262              '|xns' : 'Roo.bootstrap',
263              items  : [
264               {
265                xtype : 'Element',
266                html : _this._strings['167d10e1548c4dd34c59a5a143acbcc8'] /* 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? */,
267                tag : 'p',
268                xns : Roo.bootstrap,
269                '|xns' : 'Roo.bootstrap'
270               }
271              ]
272             }
273            ]
274           },
275           {
276            xtype : 'Element',
277            cls : 'col-md-3 col-sm-6 highlight',
278            xns : Roo.bootstrap,
279            '|xns' : 'Roo.bootstrap',
280            items  : [
281             {
282              xtype : 'Element',
283              cls : 'h-caption',
284              xns : Roo.bootstrap,
285              '|xns' : 'Roo.bootstrap',
286              items  : [
287               {
288                xtype : 'Header',
289                html : _this._strings['1522f8912011fd73c3b6b72604e9eb4f'] /* <i class="fa fa-flash fa-5"></i>Fat-free */,
290                level : 4,
291                xns : Roo.bootstrap,
292                '|xns' : 'Roo.bootstrap'
293               }
294              ]
295             },
296             {
297              xtype : 'Element',
298              cls : 'h-body text-center',
299              xns : Roo.bootstrap,
300              '|xns' : 'Roo.bootstrap',
301              items  : [
302               {
303                xtype : 'Element',
304                html : _this._strings['bd04e83c01b437cca28fc08e693a76a8'] /* 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!  */,
305                tag : 'p',
306                xns : Roo.bootstrap,
307                '|xns' : 'Roo.bootstrap'
308               }
309              ]
310             }
311            ]
312           },
313           {
314            xtype : 'Element',
315            cls : 'col-md-3 col-sm-6 highlight',
316            xns : Roo.bootstrap,
317            '|xns' : 'Roo.bootstrap',
318            items  : [
319             {
320              xtype : 'Element',
321              cls : 'h-caption',
322              xns : Roo.bootstrap,
323              '|xns' : 'Roo.bootstrap',
324              items  : [
325               {
326                xtype : 'Header',
327                html : _this._strings['6fc642524ba59140ab8b69301261d393'] /* <i class="fa fa-heart fa-5"></i>Creative Commons */,
328                level : 4,
329                xns : Roo.bootstrap,
330                '|xns' : 'Roo.bootstrap'
331               }
332              ]
333             },
334             {
335              xtype : 'Element',
336              cls : 'h-body text-center',
337              xns : Roo.bootstrap,
338              '|xns' : 'Roo.bootstrap',
339              items  : [
340               {
341                xtype : 'Element',
342                html : _this._strings['a966e9d1c9065dbbea23d8d6705b9e42'] /* 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? */,
343                tag : 'p',
344                xns : Roo.bootstrap,
345                '|xns' : 'Roo.bootstrap'
346               }
347              ]
348             }
349            ]
350           },
351           {
352            xtype : 'Element',
353            cls : 'col-md-3 col-sm-6 highlight',
354            xns : Roo.bootstrap,
355            '|xns' : 'Roo.bootstrap',
356            items  : [
357             {
358              xtype : 'Element',
359              cls : 'h-caption',
360              xns : Roo.bootstrap,
361              '|xns' : 'Roo.bootstrap',
362              items  : [
363               {
364                xtype : 'Header',
365                html : _this._strings['ca98e91c48e9c483c403abb7af44d036'] /* <i class="fa fa-smile-o fa-5"></i>Author's support */,
366                level : 4,
367                xns : Roo.bootstrap,
368                '|xns' : 'Roo.bootstrap'
369               }
370              ]
371             },
372             {
373              xtype : 'Element',
374              cls : 'h-body text-center',
375              xns : Roo.bootstrap,
376              '|xns' : 'Roo.bootstrap',
377              items  : [
378               {
379                xtype : 'Element',
380                html : _this._strings['bda9f9ca9e653bb4a20a30b8d0f253d4'] /* 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?  */,
381                tag : 'p',
382                xns : Roo.bootstrap,
383                '|xns' : 'Roo.bootstrap'
384               }
385              ]
386             }
387            ]
388           }
389          ]
390         }
391        ]
392       }
393      ]
394     },
395     {
396      xtype : 'Container',
397      xns : Roo.bootstrap,
398      '|xns' : 'Roo.bootstrap',
399      items  : [
400       {
401        xtype : 'Header',
402        cls : 'text-center top-space',
403        html : _this._strings['5405d8a903c83e89cb649f1b518ef1be'] /* Frequently Asked Questions */,
404        level : 2,
405        xns : Roo.bootstrap,
406        '|xns' : 'Roo.bootstrap'
407       },
408       {
409        xtype : 'Row',
410        xns : Roo.bootstrap,
411        '|xns' : 'Roo.bootstrap',
412        items  : [
413         {
414          xtype : 'Element',
415          cls : 'col-sm-6',
416          xns : Roo.bootstrap,
417          '|xns' : 'Roo.bootstrap',
418          items  : [
419           {
420            xtype : 'Header',
421            html : _this._strings['43afe83e70e529de2ddba6b515c4cb37'] /* Which code editor would you recommend? */,
422            level : 3,
423            xns : Roo.bootstrap,
424            '|xns' : 'Roo.bootstrap'
425           },
426           {
427            xtype : 'Element',
428            html : _this._strings['932c1787f028d8eb514db1ac402fac54'] /* 
429            I'd highly recommend you <a href="http://www.sublimetext.com/">Sublime Text</a>            
430 - a free to try text editor which I'm using daily. Awesome tool!
431            */ ,
432            tag : 'p',
433            xns : Roo.bootstrap,
434            '|xns' : 'Roo.bootstrap'
435           }
436          ]
437         },
438         {
439          xtype : 'Element',
440          cls : 'col-sm-6',
441          xns : Roo.bootstrap,
442          '|xns' : 'Roo.bootstrap',
443          items  : [
444           {
445            xtype : 'Header',
446            html : _this._strings['544ed65266ffc37e762fb588771a5c50'] /* Nice header. Where do I find more images like that one? */,
447            level : 3,
448            xns : Roo.bootstrap,
449            '|xns' : 'Roo.bootstrap'
450           },
451           {
452            xtype : 'Element',
453            html : _this._strings['c90c8c53c27cd538b32a2fd0b7e2ac50'] /* 
454            Well, there are thousands of stock art galleries, but personally,            
455                                         I prefer to use photos from these sites:            
456                 <a href="http://unsplash.com">Unsplash.com</a>            
457                                         and            
458 <a href="http://www.flickr.com/creativecommons/by-2.0/tags/">Flickr - Creative Commons</a>
459            */ ,
460            tag : 'p',
461            xns : Roo.bootstrap,
462            '|xns' : 'Roo.bootstrap'
463           }
464          ]
465         }
466        ]
467       },
468       {
469        xtype : 'Row',
470        xns : Roo.bootstrap,
471        '|xns' : 'Roo.bootstrap',
472        items  : [
473         {
474          xtype : 'Element',
475          cls : 'col-sm-6',
476          xns : Roo.bootstrap,
477          '|xns' : 'Roo.bootstrap',
478          items  : [
479           {
480            xtype : 'Header',
481            html : _this._strings['c57215a93662add542baf3690cbde5db'] /* Can I use it to build a site for my client? */,
482            level : 3,
483            xns : Roo.bootstrap,
484            '|xns' : 'Roo.bootstrap'
485           },
486           {
487            xtype : 'Element',
488            html : _this._strings['6b405cff8a90f9f3fae8d953edf67160'] /* 
489            Yes, you can. You may use this template for any purpose, just don't forget about the            
490 <a href="http://creativecommons.org/licenses/by/3.0/">license</a>           
491 which 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.            
492
493            */ ,
494            tag : 'p',
495            xns : Roo.bootstrap,
496            '|xns' : 'Roo.bootstrap'
497           }
498          ]
499         },
500         {
501          xtype : 'Element',
502          cls : 'col-sm-6',
503          xns : Roo.bootstrap,
504          '|xns' : 'Roo.bootstrap',
505          items  : [
506           {
507            xtype : 'Header',
508            html : _this._strings['5b6c1f1969e02981d7d8455b6538292d'] /* Can you customize this template for me? */,
509            level : 3,
510            xns : Roo.bootstrap,
511            '|xns' : 'Roo.bootstrap'
512           },
513           {
514            xtype : 'Element',
515            html : _this._strings['778d568d19d00c60b9cd62573dff9d48'] /* 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. */,
516            tag : 'p',
517            xns : Roo.bootstrap,
518            '|xns' : 'Roo.bootstrap'
519           }
520          ]
521         }
522        ]
523       },
524       {
525        xtype : 'Element',
526        cls : 'jumbotron top-space',
527        xns : Roo.bootstrap,
528        '|xns' : 'Roo.bootstrap',
529        items  : [
530         {
531          xtype : 'Header',
532          html : _this._strings['5264548d77038db97f4f4aa5d8813b8b'] /* 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. */,
533          level : 4,
534          xns : Roo.bootstrap,
535          '|xns' : 'Roo.bootstrap'
536         },
537         {
538          xtype : 'Element',
539          cls : 'text-right',
540          html : _this._strings['25d3bc8aaa2306df70a61938535634dc'] /* <a class="btn btn-primary btn-large">Learn more »</a> */,
541          tag : 'p',
542          xns : Roo.bootstrap,
543          '|xns' : 'Roo.bootstrap'
544         }
545        ]
546       }
547      ]
548     },
549     {
550      xtype : 'Container',
551      cls : 'top-space',
552      xns : Roo.bootstrap,
553      '|xns' : 'Roo.bootstrap',
554      items  : [
555       {
556        xtype : 'Container',
557        cls : 'footer1',
558        xns : Roo.bootstrap,
559        '|xns' : 'Roo.bootstrap',
560        items  : [
561         {
562          xtype : 'Container',
563          xns : Roo.bootstrap,
564          '|xns' : 'Roo.bootstrap',
565          items  : [
566           {
567            xtype : 'Row',
568            xns : Roo.bootstrap,
569            '|xns' : 'Roo.bootstrap',
570            items  : [
571             {
572              xtype : 'Element',
573              cls : 'col-md-3 widget',
574              xns : Roo.bootstrap,
575              '|xns' : 'Roo.bootstrap',
576              items  : [
577               {
578                xtype : 'Header',
579                cls : 'widget-title',
580                html : _this._strings['bbaff12800505b22a853e8b7f4eb6a22'] /* Contact */,
581                level : 3,
582                xns : Roo.bootstrap,
583                '|xns' : 'Roo.bootstrap'
584               },
585               {
586                xtype : 'Element',
587                cls : 'widget-body',
588                xns : Roo.bootstrap,
589                '|xns' : 'Roo.bootstrap',
590                items  : [
591                 {
592                  xtype : 'Element',
593                  html : _this._strings['9cef554366342b985660f540adad49a3'] /* 
594                  +234 23 9873237                 
595 <br>                 
596 <a href="mailto:#">some.email@somewhere.com</a>                 
597 <br>                 
598 <br>                 
599 234 Hidden Pond Road, Ashland City, TN 37015                 
600                                                         
601                  */ ,
602                  tag : 'p',
603                  xns : Roo.bootstrap,
604                  '|xns' : 'Roo.bootstrap'
605                 }
606                ]
607               }
608              ]
609             },
610             {
611              xtype : 'Element',
612              cls : 'col-md-3 widget',
613              xns : Roo.bootstrap,
614              '|xns' : 'Roo.bootstrap',
615              items  : [
616               {
617                xtype : 'Header',
618                cls : 'widget-title',
619                html : _this._strings['4e01ca94bcef3d1d6e1caff7fa42a099'] /* Follow me */,
620                level : 3,
621                xns : Roo.bootstrap,
622                '|xns' : 'Roo.bootstrap'
623               },
624               {
625                xtype : 'Element',
626                cls : 'widget-body',
627                xns : Roo.bootstrap,
628                '|xns' : 'Roo.bootstrap',
629                items  : [
630                 {
631                  xtype : 'Element',
632                  cls : 'follow-me-icons',
633                  tag : 'p',
634                  xns : Roo.bootstrap,
635                  '|xns' : 'Roo.bootstrap',
636                  items  : [
637                   {
638                    xtype : 'Element',
639                    html : _this._strings['0b6d966a2b73f4617ae20d9d0f286926'] /* <i class="fa fa-twitter fa-2"></i> */,
640                    tag : 'a',
641                    xns : Roo.bootstrap,
642                    '|xns' : 'Roo.bootstrap'
643                   },
644                   {
645                    xtype : 'Element',
646                    html : _this._strings['d54164e86d9e4d31e5c683861d3832a2'] /* <i class="fa fa-dribbble fa-2"></i> */,
647                    tag : 'a',
648                    xns : Roo.bootstrap,
649                    '|xns' : 'Roo.bootstrap'
650                   },
651                   {
652                    xtype : 'Element',
653                    html : _this._strings['89f57a5ba6334d012ddb709b186b3a98'] /* <i class="fa fa-github fa-2"></i> */,
654                    tag : 'a',
655                    xns : Roo.bootstrap,
656                    '|xns' : 'Roo.bootstrap'
657                   },
658                   {
659                    xtype : 'Element',
660                    html : _this._strings['8e9efcdf6f236ccbbd6ba45378fc5938'] /* <i class="fa fa-facebook fa-2"></i> */,
661                    tag : 'a',
662                    xns : Roo.bootstrap,
663                    '|xns' : 'Roo.bootstrap'
664                   }
665                  ]
666                 }
667                ]
668               }
669              ]
670             },
671             {
672              xtype : 'Element',
673              cls : 'col-md-6 widget',
674              xns : Roo.bootstrap,
675              '|xns' : 'Roo.bootstrap',
676              items  : [
677               {
678                xtype : 'Header',
679                cls : 'widget-title',
680                html : _this._strings['3cf1ef47ec04254f4a98d9fde7f70581'] /* Text widget */,
681                level : 3,
682                xns : Roo.bootstrap,
683                '|xns' : 'Roo.bootstrap'
684               },
685               {
686                xtype : 'Element',
687                cls : 'widget-body',
688                xns : Roo.bootstrap,
689                '|xns' : 'Roo.bootstrap',
690                items  : [
691                 {
692                  xtype : 'Element',
693                  html : _this._strings['2a2f84bd9854960f2c63eeb3af60fb70'] /* 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? */,
694                  tag : 'p',
695                  xns : Roo.bootstrap,
696                  '|xns' : 'Roo.bootstrap'
697                 },
698                 {
699                  xtype : 'Element',
700                  html : _this._strings['fa7d0f3e094ac32ae6947791153a4ff7'] /* 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. */,
701                  tag : 'p',
702                  xns : Roo.bootstrap,
703                  '|xns' : 'Roo.bootstrap'
704                 }
705                ]
706               }
707              ]
708             }
709            ]
710           }
711          ]
712         }
713        ]
714       }
715      ]
716     }
717    ]
718   };  }
719 });