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