examples/bootstrap/homepage.bjs
[roojs1] / examples / bootstrap / homepage.js
index 8f8104f..5492260 100644 (file)
 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
 
 homepage = new Roo.XComponent({
-    part     :  ["bootstrap", "homepage" ],
-    order    : '001-homepage',
-    region   : 'center',
-    parent   : false,
-    name     : "unnamed module",
-    disabled : false, 
-    permname : '', 
-    _tree : function()
-    {
-        var _this = this;
-        var MODULE = this;
-        return {
-            '|xns' : 'Roo.bootstrap',
-            cls : 'home',
-            xtype : 'Body',
-            xns : Roo.bootstrap,
-            items : [
-               {
-                    '|xns' : 'Roo.bootstrap',
-                    cls : 'headroom animated',
-                    position : 'fixed-top',
-                    xtype : 'NavHeaderbar',
-                    inverse : true,
-                    brand : 'Hydra',
-                    xns : Roo.bootstrap,
-                    items : [
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            type : 'nav',
-                            xtype : 'NavGroup',
-                            align : 'right',
-                            xns : Roo.bootstrap,
-                            items : [
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    xtype : 'NavItem',
-                                    xns : Roo.bootstrap,
-                                    html : 'Home'
-                                },
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    xtype : 'NavItem',
-                                    xns : Roo.bootstrap,
-                                    html : 'About'
-                                },
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    xtype : 'NavItem',
-                                    xns : Roo.bootstrap,
-                                    html : 'More Pages'
-                                },
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    xtype : 'NavItem',
-                                    xns : Roo.bootstrap,
-                                    html : 'Contact'
-                                },
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    cls : 'btn',
-                                    xtype : 'NavItem',
-                                    xns : Roo.bootstrap,
-                                    html : 'Sign in / Sign up'
-                                }
-                            ]
-
-                        }
-                    ]
-
-                },
-               {
-                    '|xns' : 'Roo.bootstrap',
-                    tag : 'header',
-                    cls : 'pr-head',
-                    xtype : 'Element',
-                    xns : Roo.bootstrap,
-                    items : [
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            xtype : 'Container',
-                            xns : Roo.bootstrap,
-                            items : [
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    xtype : 'Row',
-                                    xns : Roo.bootstrap,
-                                    items : [
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            cls : 'lead',
-                                            xtype : 'Header',
-                                            xns : Roo.bootstrap,
-                                            html : 'The HR Platform'
-                                        },
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            tag : 'p',
-                                            cls : 'tagline',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            html : 'some tag line'
-                                        },
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            tag : 'p',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            items : [
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    tag : 'a',
-                                                    size : 'lg',
-                                                    href : '#',
-                                                    xtype : 'Button',
-                                                    xns : Roo.bootstrap,
-                                                    html : 'a button'
-                                                },
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    tag : 'a',
-                                                    size : 'lg',
-                                                    href : '#',
-                                                    xtype : 'Button',
-                                                    xns : Roo.bootstrap,
-                                                    html : 'a button'
-                                                }
-                                            ]
-
-                                        }
-                                    ]
-
-                                }
-                            ]
-
-                        }
-                    ]
-
-                },
-               {
-                    '|xns' : 'Roo.bootstrap',
-                    cls : 'container text-center',
-                    xtype : 'Element',
-                    xns : Roo.bootstrap,
-                    items : [
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            cls : 'thin',
-                            xtype : 'Header',
-                            xns : Roo.bootstrap,
-                            level : 2,
-                            html : 'The best place to tell people why they are here'
-                        },
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            tag : 'p',
-                            cls : 'text-muted',
-                            xtype : 'Element',
-                            xns : Roo.bootstrap,
-                            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'
-                        }
-                    ]
-
-                },
-               {
-                    '|xns' : 'Roo.bootstrap',
-                    cls : '',
-                    xtype : 'Element',
-                    xns : Roo.bootstrap,
-                    items : [
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            xtype : 'Container',
-                            xns : Roo.bootstrap,
-                            items : [
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    cls : 'text-center thin',
-                                    xtype : 'Header',
-                                    xns : Roo.bootstrap,
-                                    level : 3,
-                                    html : 'Reasons to use this template'
-                                },
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    cls : '',
-                                    xtype : 'Row',
-                                    xns : Roo.bootstrap,
-                                    items : [
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            cls : 'col-md-3 col-sm-6 highlight',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            items : [
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'h-caption',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            xtype : 'Header',
-                                                            xns : Roo.bootstrap,
-                                                            level : 4,
-                                                            html : '<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered'
-                                                        }
-                                                    ]
-
-                                                },
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'h-body text-center',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            tag : 'p',
-                                                            xtype : 'Element',
-                                                            xns : Roo.bootstrap,
-                                                            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?'
-                                                        }
-                                                    ]
-
-                                                }
-                                            ]
-
-                                        },
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            cls : 'col-md-3 col-sm-6 highlight',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            items : [
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'h-caption',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            xtype : 'Header',
-                                                            xns : Roo.bootstrap,
-                                                            level : 4,
-                                                            html : '<i class=\"fa fa-flash fa-5\"></i>Fat-free'
-                                                        }
-                                                    ]
-
-                                                },
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'h-body text-center',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            tag : 'p',
-                                                            xtype : 'Element',
-                                                            xns : Roo.bootstrap,
-                                                            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! '
-                                                        }
-                                                    ]
-
-                                                }
-                                            ]
-
-                                        },
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            cls : 'col-md-3 col-sm-6 highlight',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            items : [
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'h-caption',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            xtype : 'Header',
-                                                            level : 4,
-                                                            xns : Roo.bootstrap,
-                                                            html : '<i class=\"fa fa-heart fa-5\"></i>Creative Commons'
-                                                        }
-                                                    ]
-
-                                                },
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'h-body text-center',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            tag : 'p',
-                                                            xtype : 'Element',
-                                                            xns : Roo.bootstrap,
-                                                            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?'
-                                                        }
-                                                    ]
-
-                                                }
-                                            ]
-
-                                        },
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            cls : 'col-md-3 col-sm-6 highlight',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            items : [
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'h-caption',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            xtype : 'Header',
-                                                            xns : Roo.bootstrap,
-                                                            level : 4,
-                                                            html : '<i class=\"fa fa-smile-o fa-5\"></i>Author\'s support'
-                                                        }
-                                                    ]
-
-                                                },
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'h-body text-center',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            tag : 'p',
-                                                            xtype : 'Element',
-                                                            xns : Roo.bootstrap,
-                                                            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? '
-                                                        }
-                                                    ]
-
-                                                }
-                                            ]
-
-                                        }
-                                    ]
-
-                                }
-                            ]
-
-                        }
-                    ]
-
-                },
-               {
-                    '|xns' : 'Roo.bootstrap',
-                    xtype : 'Container',
-                    xns : Roo.bootstrap,
-                    items : [
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            cls : 'text-center top-space',
-                            xtype : 'Header',
-                            xns : Roo.bootstrap,
-                            level : 2,
-                            html : 'Frequently Asked Questions'
-                        },
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            xtype : 'Row',
-                            xns : Roo.bootstrap,
-                            items : [
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    cls : 'col-sm-6',
-                                    xtype : 'Element',
-                                    xns : Roo.bootstrap,
-                                    items : [
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            xtype : 'Header',
-                                            level : 3,
-                                            xns : Roo.bootstrap,
-                                            html : 'Which code editor would you recommend?'
-                                        },
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            tag : 'p',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            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!'
-                                        }
-                                    ]
-
-                                },
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    cls : 'col-sm-6',
-                                    xtype : 'Element',
-                                    xns : Roo.bootstrap,
-                                    items : [
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            xtype : 'Header',
-                                            level : 3,
-                                            xns : Roo.bootstrap,
-                                            html : 'Nice header. Where do I find more images like that one?'
-                                        },
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            tag : 'p',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            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>'
-                                        }
-                                    ]
-
-                                }
-                            ]
-
-                        },
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            xtype : 'Row',
-                            xns : Roo.bootstrap,
-                            items : [
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    cls : 'col-sm-6',
-                                    xtype : 'Element',
-                                    xns : Roo.bootstrap,
-                                    items : [
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            xtype : 'Header',
-                                            xns : Roo.bootstrap,
-                                            level : 3,
-                                            html : 'Can I use it to build a site for my client?'
-                                        },
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            tag : 'p',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            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'
-                                        }
-                                    ]
-
-                                },
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    cls : 'col-sm-6',
-                                    xtype : 'Element',
-                                    xns : Roo.bootstrap,
-                                    items : [
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            xtype : 'Header',
-                                            xns : Roo.bootstrap,
-                                            level : 3,
-                                            html : 'Can you customize this template for me?'
-                                        },
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            tag : 'p',
-                                            xtype : 'Element',
-                                            xns : Roo.bootstrap,
-                                            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.'
-                                        }
-                                    ]
-
-                                }
-                            ]
-
-                        },
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            cls : 'jumbotron top-space',
-                            xtype : 'Element',
-                            xns : Roo.bootstrap,
-                            items : [
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    xtype : 'Header',
-                                    level : 4,
-                                    xns : Roo.bootstrap,
-                                    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.'
-                                },
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    tag : 'p',
-                                    cls : 'text-right',
-                                    xtype : 'Element',
-                                    xns : Roo.bootstrap,
-                                    html : '<a class=\"btn btn-primary btn-large\">Learn more Â»</a>'
-                                }
-                            ]
-
-                        }
-                    ]
 
+ _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?",
+  '20d25edf30cd635994f8636d1b7af16f' :"The best place to tell people why they are here",
+  '6fc642524ba59140ab8b69301261d393' :"<i class=\"fa fa-heart fa-5\"></i>Creative Commons",
+  '2295195aac9d2c7b410428029f2369bf' :"More Pages",
+  '4e01ca94bcef3d1d6e1caff7fa42a099' :"Follow me",
+  '0b6d966a2b73f4617ae20d9d0f286926' :"<i class=\"fa fa-twitter fa-2\"></i>",
+  '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>",
+  '544ed65266ffc37e762fb588771a5c50' :"Nice header. Where do I find more images like that one?",
+  '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",
+  'bbaff12800505b22a853e8b7f4eb6a22' :"Contact",
+  '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",
+  'd54164e86d9e4d31e5c683861d3832a2' :"<i class=\"fa fa-dribbble fa-2\"></i>",
+  '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.",
+  '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! ",
+  '5405d8a903c83e89cb649f1b518ef1be' :"Frequently Asked Questions",
+  '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? ",
+  'ca98e91c48e9c483c403abb7af44d036' :"<i class=\"fa fa-smile-o fa-5\"></i>Author's support",
+  '748d1c66b53692e34084b5d1be6eb07a' :"some tag line",
+  'f757cef8954558e37499e14b7fcb23d3' :"Reasons to use this template",
+  '1522f8912011fd73c3b6b72604e9eb4f' :"<i class=\"fa fa-flash fa-5\"></i>Fat-free",
+  '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?",
+  'c71c85fb79a1e589cfe00a8233e37841' :"a button",
+  '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!",
+  '5b6c1f1969e02981d7d8455b6538292d' :"Can you customize this template for me?",
+  '8f7f4c1ce7a4f933663d10543562b096' :"About",
+  '89f57a5ba6334d012ddb709b186b3a98' :"<i class=\"fa fa-github fa-2\"></i>",
+  '3cf1ef47ec04254f4a98d9fde7f70581' :"Text widget",
+  '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.",
+  '8e9efcdf6f236ccbbd6ba45378fc5938' :"<i class=\"fa fa-facebook fa-2\"></i>",
+  '25d3bc8aaa2306df70a61938535634dc' :"<a class=\"btn btn-primary btn-large\">Learn more Â»</a>",
+  '4b4614a2a02ceb468d0030b06c9fc151' :"The HR Platform",
+  'c57215a93662add542baf3690cbde5db' :"Can I use it to build a site for my client?",
+  'f106c3ac1b76182d358f96951c8bb235' :"<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered",
+  '43afe83e70e529de2ddba6b515c4cb37' :"Which code editor would you recommend?",
+  '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.",
+  '8cf04a9734132302f96da8e113e80ce5' :"Home",
+  '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",
+  '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?",
+  '5ac2119f318eaad0c139c729c78eba5f' :"Sign in / Sign up"
+ },
+
+  part     :  ["bootstrap", "homepage" ],
+  order    : '001-homepage',
+  region   : 'center',
+  parent   : false,
+  name     : "unnamed module",
+  disabled : false, 
+  permname : '', 
+  _tree : function(_data)
+  {
+   var _this = this;
+   var MODULE = this;
+   return {
+   xtype : 'Body',
+   cls : 'home',
+   xns : Roo.bootstrap,
+   '|xns' : 'Roo.bootstrap',
+   items  : [
+    {
+     xtype : 'NavHeaderbar',
+     brand : 'Hydra',
+     cls : 'headroom animated',
+     inverse : true,
+     position : 'fixed-top',
+     xns : Roo.bootstrap,
+     '|xns' : 'Roo.bootstrap',
+     items  : [
+      {
+       xtype : 'NavGroup',
+       align : 'right',
+       type : 'nav',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'NavItem',
+         html : _this._strings['8cf04a9734132302f96da8e113e80ce5'] /* Home */,
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
+        },
+        {
+         xtype : 'NavItem',
+         html : _this._strings['8f7f4c1ce7a4f933663d10543562b096'] /* About */,
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
+        },
+        {
+         xtype : 'NavItem',
+         html : _this._strings['2295195aac9d2c7b410428029f2369bf'] /* More Pages */,
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
+        },
+        {
+         xtype : 'NavItem',
+         html : _this._strings['bbaff12800505b22a853e8b7f4eb6a22'] /* Contact */,
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
+        },
+        {
+         xtype : 'NavItem',
+         button_weight : 'primary',
+         cls : 'btn',
+         html : _this._strings['5ac2119f318eaad0c139c729c78eba5f'] /* Sign in / Sign up */,
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
+        }
+       ]
+      }
+     ]
+    },
+    {
+     xtype : 'Element',
+     cls : 'pr-head',
+     tag : 'header',
+     xns : Roo.bootstrap,
+     '|xns' : 'Roo.bootstrap',
+     items  : [
+      {
+       xtype : 'Container',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'Row',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Header',
+           cls : 'lead',
+           html : _this._strings['4b4614a2a02ceb468d0030b06c9fc151'] /* The HR Platform */,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          },
+          {
+           xtype : 'Element',
+           cls : 'tagline',
+           html : _this._strings['748d1c66b53692e34084b5d1be6eb07a'] /* some tag line */,
+           tag : 'p',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          },
+          {
+           xtype : 'Element',
+           tag : 'p',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           items  : [
+            {
+             xtype : 'Button',
+             href : '#',
+             html : _this._strings['c71c85fb79a1e589cfe00a8233e37841'] /* a button */,
+             size : 'lg',
+             tag : 'a',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap'
+            },
+            {
+             xtype : 'Button',
+             href : '#',
+             html : _this._strings['c71c85fb79a1e589cfe00a8233e37841'] /* a button */,
+             size : 'lg',
+             tag : 'a',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap'
+            }
+           ]
+          }
+         ]
+        }
+       ]
+      }
+     ]
+    },
+    {
+     xtype : 'Element',
+     cls : 'container text-center',
+     xns : Roo.bootstrap,
+     '|xns' : 'Roo.bootstrap',
+     items  : [
+      {
+       xtype : 'Header',
+       cls : 'thin',
+       html : _this._strings['20d25edf30cd635994f8636d1b7af16f'] /* The best place to tell people why they are here */,
+       level : 2,
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap'
+      },
+      {
+       xtype : 'Element',
+       cls : 'text-muted',
+       html : _this._strings['65e69ec9f42722989b738ea6c97aa70c'] /* 
+               The difference between involvement and commitment is like an eggs-and-ham breakfast:       
+       <br>        
+       the chicken was involved; the pig was committed.       
+               
+       */ ,
+       tag : 'p',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap'
+      }
+     ]
+    },
+    {
+     xtype : 'Element',
+     cls : '',
+     xns : Roo.bootstrap,
+     '|xns' : 'Roo.bootstrap',
+     items  : [
+      {
+       xtype : 'Container',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'Header',
+         cls : 'text-center thin',
+         html : _this._strings['f757cef8954558e37499e14b7fcb23d3'] /* Reasons to use this template */,
+         level : 3,
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
+        },
+        {
+         xtype : 'Row',
+         cls : '',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Element',
+           cls : 'col-md-3 col-sm-6 highlight',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           items  : [
+            {
+             xtype : 'Element',
+             cls : 'h-caption',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Header',
+               html : _this._strings['f106c3ac1b76182d358f96951c8bb235'] /* <i class="fa fa-cogs fa-5"></i>Bootstrap-powered */,
+               level : 4,
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              }
+             ]
+            },
+            {
+             xtype : 'Element',
+             cls : 'h-body text-center',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Element',
+               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? */,
+               tag : 'p',
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              }
+             ]
+            }
+           ]
+          },
+          {
+           xtype : 'Element',
+           cls : 'col-md-3 col-sm-6 highlight',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           items  : [
+            {
+             xtype : 'Element',
+             cls : 'h-caption',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Header',
+               html : _this._strings['1522f8912011fd73c3b6b72604e9eb4f'] /* <i class="fa fa-flash fa-5"></i>Fat-free */,
+               level : 4,
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              }
+             ]
+            },
+            {
+             xtype : 'Element',
+             cls : 'h-body text-center',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Element',
+               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!  */,
+               tag : 'p',
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              }
+             ]
+            }
+           ]
+          },
+          {
+           xtype : 'Element',
+           cls : 'col-md-3 col-sm-6 highlight',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           items  : [
+            {
+             xtype : 'Element',
+             cls : 'h-caption',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Header',
+               html : _this._strings['6fc642524ba59140ab8b69301261d393'] /* <i class="fa fa-heart fa-5"></i>Creative Commons */,
+               level : 4,
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              }
+             ]
+            },
+            {
+             xtype : 'Element',
+             cls : 'h-body text-center',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Element',
+               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? */,
+               tag : 'p',
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              }
+             ]
+            }
+           ]
+          },
+          {
+           xtype : 'Element',
+           cls : 'col-md-3 col-sm-6 highlight',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           items  : [
+            {
+             xtype : 'Element',
+             cls : 'h-caption',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Header',
+               html : _this._strings['ca98e91c48e9c483c403abb7af44d036'] /* <i class="fa fa-smile-o fa-5"></i>Author's support */,
+               level : 4,
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              }
+             ]
+            },
+            {
+             xtype : 'Element',
+             cls : 'h-body text-center',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Element',
+               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?  */,
+               tag : 'p',
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              }
+             ]
+            }
+           ]
+          }
+         ]
+        }
+       ]
+      }
+     ]
+    },
+    {
+     xtype : 'Container',
+     xns : Roo.bootstrap,
+     '|xns' : 'Roo.bootstrap',
+     items  : [
+      {
+       xtype : 'Header',
+       cls : 'text-center top-space',
+       html : _this._strings['5405d8a903c83e89cb649f1b518ef1be'] /* Frequently Asked Questions */,
+       level : 2,
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap'
+      },
+      {
+       xtype : 'Row',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'Element',
+         cls : 'col-sm-6',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Header',
+           html : _this._strings['43afe83e70e529de2ddba6b515c4cb37'] /* Which code editor would you recommend? */,
+           level : 3,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          },
+          {
+           xtype : 'Element',
+           html : _this._strings['932c1787f028d8eb514db1ac402fac54'] /* 
+           I'd highly recommend you <a href="http://www.sublimetext.com/">Sublime Text</a>            
+- a free to try text editor which I'm using daily. Awesome tool!
+           */ ,
+           tag : 'p',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        },
+        {
+         xtype : 'Element',
+         cls : 'col-sm-6',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Header',
+           html : _this._strings['544ed65266ffc37e762fb588771a5c50'] /* Nice header. Where do I find more images like that one? */,
+           level : 3,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          },
+          {
+           xtype : 'Element',
+           html : _this._strings['c90c8c53c27cd538b32a2fd0b7e2ac50'] /* 
+           Well, there are thousands of stock art galleries, but personally,            
+                                       I prefer to use photos from these sites:            
+               <a href="http://unsplash.com">Unsplash.com</a>            
+                                       and            
+<a href="http://www.flickr.com/creativecommons/by-2.0/tags/">Flickr - Creative Commons</a>
+           */ ,
+           tag : 'p',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        }
+       ]
+      },
+      {
+       xtype : 'Row',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'Element',
+         cls : 'col-sm-6',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Header',
+           html : _this._strings['c57215a93662add542baf3690cbde5db'] /* Can I use it to build a site for my client? */,
+           level : 3,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          },
+          {
+           xtype : 'Element',
+           html : _this._strings['6b405cff8a90f9f3fae8d953edf67160'] /* 
+           Yes, you can. You may use this template for any purpose, just don't forget about the            
+<a href="http://creativecommons.org/licenses/by/3.0/">license</a>           
+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.            
+
+           */ ,
+           tag : 'p',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        },
+        {
+         xtype : 'Element',
+         cls : 'col-sm-6',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Header',
+           html : _this._strings['5b6c1f1969e02981d7d8455b6538292d'] /* Can you customize this template for me? */,
+           level : 3,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          },
+          {
+           xtype : 'Element',
+           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. */,
+           tag : 'p',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        }
+       ]
+      },
+      {
+       xtype : 'Element',
+       cls : 'jumbotron top-space',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'Header',
+         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. */,
+         level : 4,
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
+        },
+        {
+         xtype : 'Element',
+         cls : 'text-right',
+         html : _this._strings['25d3bc8aaa2306df70a61938535634dc'] /* <a class="btn btn-primary btn-large">Learn more Â»</a> */,
+         tag : 'p',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
+        }
+       ]
+      }
+     ]
+    },
+    {
+     xtype : 'Container',
+     cls : 'top-space',
+     xns : Roo.bootstrap,
+     '|xns' : 'Roo.bootstrap',
+     items  : [
+      {
+       xtype : 'Container',
+       cls : 'footer1',
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'Container',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Row',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           items  : [
+            {
+             xtype : 'Element',
+             cls : 'col-md-3 widget',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Header',
+               cls : 'widget-title',
+               html : _this._strings['bbaff12800505b22a853e8b7f4eb6a22'] /* Contact */,
+               level : 3,
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              },
+              {
+               xtype : 'Element',
+               cls : 'widget-body',
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap',
+               items  : [
+                {
+                 xtype : 'Element',
+                 html : _this._strings['9cef554366342b985660f540adad49a3'] /* 
+                 +234 23 9873237                 
+<br>                 
+<a href="mailto:#">some.email@somewhere.com</a>                 
+<br>                 
+<br>                 
+234 Hidden Pond Road, Ashland City, TN 37015                 
+                                                       
+                 */ ,
+                 tag : 'p',
+                 xns : Roo.bootstrap,
+                 '|xns' : 'Roo.bootstrap'
+                }
+               ]
+              }
+             ]
+            },
+            {
+             xtype : 'Element',
+             cls : 'col-md-3 widget',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Header',
+               cls : 'widget-title',
+               html : _this._strings['4e01ca94bcef3d1d6e1caff7fa42a099'] /* Follow me */,
+               level : 3,
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              },
+              {
+               xtype : 'Element',
+               cls : 'widget-body',
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap',
+               items  : [
+                {
+                 xtype : 'Element',
+                 cls : 'follow-me-icons',
+                 tag : 'p',
+                 xns : Roo.bootstrap,
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
+                  {
+                   xtype : 'Element',
+                   html : _this._strings['0b6d966a2b73f4617ae20d9d0f286926'] /* <i class="fa fa-twitter fa-2"></i> */,
+                   tag : 'a',
+                   xns : Roo.bootstrap,
+                   '|xns' : 'Roo.bootstrap'
+                  },
+                  {
+                   xtype : 'Element',
+                   html : _this._strings['d54164e86d9e4d31e5c683861d3832a2'] /* <i class="fa fa-dribbble fa-2"></i> */,
+                   tag : 'a',
+                   xns : Roo.bootstrap,
+                   '|xns' : 'Roo.bootstrap'
+                  },
+                  {
+                   xtype : 'Element',
+                   html : _this._strings['89f57a5ba6334d012ddb709b186b3a98'] /* <i class="fa fa-github fa-2"></i> */,
+                   tag : 'a',
+                   xns : Roo.bootstrap,
+                   '|xns' : 'Roo.bootstrap'
+                  },
+                  {
+                   xtype : 'Element',
+                   html : _this._strings['8e9efcdf6f236ccbbd6ba45378fc5938'] /* <i class="fa fa-facebook fa-2"></i> */,
+                   tag : 'a',
+                   xns : Roo.bootstrap,
+                   '|xns' : 'Roo.bootstrap'
+                  }
+                 ]
+                }
+               ]
+              }
+             ]
+            },
+            {
+             xtype : 'Element',
+             cls : 'col-md-6 widget',
+             xns : Roo.bootstrap,
+             '|xns' : 'Roo.bootstrap',
+             items  : [
+              {
+               xtype : 'Header',
+               cls : 'widget-title',
+               html : _this._strings['3cf1ef47ec04254f4a98d9fde7f70581'] /* Text widget */,
+               level : 3,
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap'
+              },
+              {
+               xtype : 'Element',
+               cls : 'widget-body',
+               xns : Roo.bootstrap,
+               '|xns' : 'Roo.bootstrap',
+               items  : [
+                {
+                 xtype : 'Element',
+                 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? */,
+                 tag : 'p',
+                 xns : Roo.bootstrap,
+                 '|xns' : 'Roo.bootstrap'
                 },
-               {
-                    '|xns' : 'Roo.bootstrap',
-                    cls : 'top-space',
-                    xtype : 'Container',
-                    xns : Roo.bootstrap,
-                    items : [
-                       {
-                            '|xns' : 'Roo.bootstrap',
-                            cls : 'footer1',
-                            xtype : 'Container',
-                            xns : Roo.bootstrap,
-                            items : [
-                               {
-                                    '|xns' : 'Roo.bootstrap',
-                                    xtype : 'Container',
-                                    xns : Roo.bootstrap,
-                                    items : [
-                                       {
-                                            '|xns' : 'Roo.bootstrap',
-                                            xtype : 'Row',
-                                            xns : Roo.bootstrap,
-                                            items : [
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'col-md-3 widget',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            cls : 'widget-title',
-                                                            xtype : 'Header',
-                                                            level : 3,
-                                                            xns : Roo.bootstrap,
-                                                            html : 'Contact'
-                                                        },
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            cls : 'widget-body',
-                                                            xtype : 'Element',
-                                                            xns : Roo.bootstrap,
-                                                            items : [
-                                                               {
-                                                                    '|xns' : 'Roo.bootstrap',
-                                                                    tag : 'p',
-                                                                    xtype : 'Element',
-                                                                    xns : Roo.bootstrap,
-                                                                    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'
-                                                                }
-                                                            ]
-
-                                                        }
-                                                    ]
-
-                                                },
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'col-md-3 widget',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            cls : 'widget-title',
-                                                            xtype : 'Header',
-                                                            level : 3,
-                                                            xns : Roo.bootstrap,
-                                                            html : 'Follow me'
-                                                        },
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            cls : 'widget-body',
-                                                            xtype : 'Element',
-                                                            xns : Roo.bootstrap,
-                                                            items : [
-                                                               {
-                                                                    '|xns' : 'Roo.bootstrap',
-                                                                    tag : 'p',
-                                                                    cls : 'follow-me-icons',
-                                                                    xtype : 'Element',
-                                                                    xns : Roo.bootstrap,
-                                                                    items : [
-                                                                       {
-                                                                            '|xns' : 'Roo.bootstrap',
-                                                                            tag : 'a',
-                                                                            xtype : 'Element',
-                                                                            xns : Roo.bootstrap,
-                                                                            html : '<i class=\"fa fa-twitter fa-2\"></i>'
-                                                                        },
-                                                                       {
-                                                                            '|xns' : 'Roo.bootstrap',
-                                                                            tag : 'a',
-                                                                            xtype : 'Element',
-                                                                            xns : Roo.bootstrap,
-                                                                            html : '<i class=\"fa fa-dribbble fa-2\"></i>'
-                                                                        },
-                                                                       {
-                                                                            '|xns' : 'Roo.bootstrap',
-                                                                            tag : 'a',
-                                                                            xtype : 'Element',
-                                                                            xns : Roo.bootstrap,
-                                                                            html : '<i class=\"fa fa-github fa-2\"></i>'
-                                                                        },
-                                                                       {
-                                                                            '|xns' : 'Roo.bootstrap',
-                                                                            tag : 'a',
-                                                                            xtype : 'Element',
-                                                                            xns : Roo.bootstrap,
-                                                                            html : '<i class=\"fa fa-facebook fa-2\"></i>'
-                                                                        }
-                                                                    ]
-
-                                                                }
-                                                            ]
-
-                                                        }
-                                                    ]
-
-                                                },
-                                               {
-                                                    '|xns' : 'Roo.bootstrap',
-                                                    cls : 'col-md-6 widget',
-                                                    xtype : 'Element',
-                                                    xns : Roo.bootstrap,
-                                                    items : [
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            cls : 'widget-title',
-                                                            xtype : 'Header',
-                                                            level : 3,
-                                                            xns : Roo.bootstrap,
-                                                            html : 'Text widget'
-                                                        },
-                                                       {
-                                                            '|xns' : 'Roo.bootstrap',
-                                                            cls : 'widget-body',
-                                                            xtype : 'Element',
-                                                            xns : Roo.bootstrap,
-                                                            items : [
-                                                               {
-                                                                    '|xns' : 'Roo.bootstrap',
-                                                                    tag : 'p',
-                                                                    xtype : 'Element',
-                                                                    xns : Roo.bootstrap,
-                                                                    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?'
-                                                                },
-                                                               {
-                                                                    '|xns' : 'Roo.bootstrap',
-                                                                    tag : 'p',
-                                                                    xtype : 'Element',
-                                                                    xns : Roo.bootstrap,
-                                                                    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.'
-                                                                }
-                                                            ]
-
-                                                        }
-                                                    ]
-
-                                                }
-                                            ]
-
-                                        }
-                                    ]
-
-                                }
-                            ]
-
-                        }
-                    ]
-
+                {
+                 xtype : 'Element',
+                 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. */,
+                 tag : 'p',
+                 xns : Roo.bootstrap,
+                 '|xns' : 'Roo.bootstrap'
                 }
-            ]
-
-        };    }
+               ]
+              }
+             ]
+            }
+           ]
+          }
+         ]
+        }
+       ]
+      }
+     ]
+    }
+   ]
+  };  }
 });