roojs-all.js

[roojs1] / examples / bootstrap / designagency.js

diff --git a/examples/bootstrap/designagency.js b/examples/bootstrap/designagency.js
index 5bd552e..ce72b6c 100644 (file)
--- a/examples/bootstrap/designagency.js
+++ b/examples/bootstrap/designagency.js
@@ -5,11 +5,28 @@
 designagency = new Roo.XComponent({
 
  _strings : {
+  '209cb9d0164fe6038115b87e0656cfee' :"OUR WORK",
   '0f9263536b9fc61ada745644735bfd8f' :"Work",
   'cc6d906151ac9361a25911478347b961' :"OUR SERVICES",
+  '5787bfc1aa0a5afd858c80b194b4634b' :"<i class=\"fa fa-twitter fa-2x\"></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.",
+  '519d8078a6279f149f310c70cbdc296a' :"<strong>100</strong><p>Projects</p>",
+  'd57f08db66c4cafaa9d6d747927bda1d' :"Project Title",
+  '2ffd8b578dd61b3769f2455f6c644886' :"<i class=\"fa fa-facebook fa-2x\"></i>",
+  '3cf1ef47ec04254f4a98d9fde7f70581' :"Text widget",
   'bbaff12800505b22a853e8b7f4eb6a22' :"Contact",
   '992a0f0542384f1ee5ef51b7cf4ae6c4' :"Services",
-  'ae9f975dc3c437397b6882f4e3136e0e' :"<h1>DESIGN AGENCY </h1>\n                    <h2>You Think, We Deliver </h2>\n                    <p class=\"p-cls\">\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                    </p>"
+  'c6bd7c609e99aacdff25214ffd3e8fe7' :"<b>100</b><p>Projects</p>",
+  '514b62dd88b999ce0e9eb276b1d490de' :"<i class=\"fa fa-github fa-2x\"></i>",
+  'ae9f975dc3c437397b6882f4e3136e0e' :"<h1>DESIGN AGENCY </h1>\n                    <h2>You Think, We Deliver </h2>\n                    <p class=\"p-cls\">\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                    </p>",
+  '6b4dbea0b39fb5927c10ee09ae0df2dc' :" for more about it",
+  '9b66469f3780f4f8f07f19706e45cc7d' :"+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",
+  '4e01ca94bcef3d1d6e1caff7fa42a099' :"Follow me",
+  '874e3c6e389643a7a710ca0ede8127ca' :"<i class=\"fa fa-dribbble fa-2x\"></i>",
+  'd9519092bd06a9916f80cdb0a1fd2859' :"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.",
+  '7215ee9c7d9dc229d2921a40e899ec5f' :" ",
+  '714341d9339756588d1dc724991c2b9a' :"Click Here",
+  '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?"
  },
 
   part     :  ["bootstrap", "designagency" ],
@@ -30,10 +47,11 @@ designagency = new Roo.XComponent({
    items : [
     {
      '|xns' : 'Roo.bootstrap',
-     autohide : false,
+     autohide : true,
      brand : 'Brand here',
      cls : 'navbar-default',
-     inverse : true,
+     main : true,
+     position : 'fixed-top',
      xns : Roo.bootstrap,
      xtype : 'NavHeaderbar',
      items : [
@@ -72,11 +90,13 @@ designagency = new Roo.XComponent({
     },
     {
      '|xns' : 'Roo.bootstrap',
+     cls : 'home',
      xns : Roo.bootstrap,
      xtype : 'Container',
      items : [
       {
        '|xns' : 'Roo.bootstrap',
+       cls : 'overlay',
        xns : Roo.bootstrap,
        xtype : 'Container',
        items : [
@@ -96,6 +116,7 @@ designagency = new Roo.XComponent({
     },
     {
      '|xns' : 'Roo.bootstrap',
+     cls : ' services',
      tag : 'section',
      xns : Roo.bootstrap,
      xtype : 'Container',
@@ -107,18 +128,20 @@ designagency = new Roo.XComponent({
        items : [
         {
          '|xns' : 'Roo.bootstrap',
+         cls : 'text-center pad-bottom',
          xns : Roo.bootstrap,
          xtype : 'Row',
          items : [
           {
            '|xns' : 'Roo.bootstrap',
-           cls : 'coi-md-offset-3',
+           cls : 'col-md-offset-3',
            md : 6,
            xns : Roo.bootstrap,
            xtype : 'Column',
            items : [
             {
              '|xns' : 'Roo.bootstrap',
+             cls : 'head-set',
              html : _this._strings['cc6d906151ac9361a25911478347b961'],
              level : 2,
              xns : Roo.bootstrap,
@@ -126,8 +149,555 @@ designagency = new Roo.XComponent({
             },
             {
              '|xns' : 'Roo.bootstrap',
+             html : _this._strings['d9519092bd06a9916f80cdb0a1fd2859'],
              xns : Roo.bootstrap,
-             xtype : 'Container'
+             xtype : 'Column'
+            }
+           ]
+
+          }
+         ]
+
+        },
+        {
+         '|xns' : 'Roo.bootstrap',
+         cls : 'text-center pad-bottom',
+         xns : Roo.bootstrap,
+         xtype : 'Row',
+         items : [
+          {
+           '|xns' : 'Roo.bootstrap',
+           fa : 'recycle',
+           fasize : 5,
+           md : 4,
+           sm : 4,
+           xns : Roo.bootstrap,
+           xtype : 'Column',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             cls : 'head-set',
+             html : _this._strings['cc6d906151ac9361a25911478347b961'],
+             level : 2,
+             xns : Roo.bootstrap,
+             xtype : 'Header'
+            },
+            {
+             '|xns' : 'Roo.bootstrap',
+             html : _this._strings['d9519092bd06a9916f80cdb0a1fd2859'],
+             xns : Roo.bootstrap,
+             xtype : 'Column'
+            }
+           ]
+
+          },
+          {
+           '|xns' : 'Roo.bootstrap',
+           fa : 'desktop',
+           fasize : 5,
+           md : 4,
+           sm : 4,
+           xns : Roo.bootstrap,
+           xtype : 'Column',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             cls : 'head-set',
+             html : _this._strings['cc6d906151ac9361a25911478347b961'],
+             level : 2,
+             xns : Roo.bootstrap,
+             xtype : 'Header'
+            },
+            {
+             '|xns' : 'Roo.bootstrap',
+             html : _this._strings['d9519092bd06a9916f80cdb0a1fd2859'],
+             xns : Roo.bootstrap,
+             xtype : 'Column'
+            }
+           ]
+
+          },
+          {
+           '|xns' : 'Roo.bootstrap',
+           fa : 'bolt',
+           fasize : 5,
+           md : 4,
+           sm : 4,
+           xns : Roo.bootstrap,
+           xtype : 'Column',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             cls : 'head-set',
+             html : _this._strings['cc6d906151ac9361a25911478347b961'],
+             level : 2,
+             xns : Roo.bootstrap,
+             xtype : 'Header'
+            },
+            {
+             '|xns' : 'Roo.bootstrap',
+             html : _this._strings['d9519092bd06a9916f80cdb0a1fd2859'],
+             xns : Roo.bootstrap,
+             xtype : 'Column'
+            }
+           ]
+
+          }
+         ]
+
+        }
+       ]
+
+      }
+     ]
+
+    },
+    {
+     '|xns' : 'Roo.bootstrap',
+     cls : 'parallax-like',
+     xns : Roo.bootstrap,
+     xtype : 'Container',
+     items : [
+      {
+       '|xns' : 'Roo.bootstrap',
+       cls : 'overlay',
+       xns : Roo.bootstrap,
+       xtype : 'Container',
+       items : [
+        {
+         '|xns' : 'Roo.bootstrap',
+         xns : Roo.bootstrap,
+         xtype : 'Container',
+         items : [
+          {
+           '|xns' : 'Roo.bootstrap',
+           cls : ' ',
+           xns : Roo.bootstrap,
+           xtype : 'Row',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             cls : ' ',
+             html : _this._strings['c6bd7c609e99aacdff25214ffd3e8fe7'],
+             md : 4,
+             sm : 4,
+             xns : Roo.bootstrap,
+             xtype : 'Column'
+            },
+            {
+             '|xns' : 'Roo.bootstrap',
+             html : _this._strings['519d8078a6279f149f310c70cbdc296a'],
+             md : 4,
+             sm : 4,
+             xns : Roo.bootstrap,
+             xtype : 'Column'
+            },
+            {
+             '|xns' : 'Roo.bootstrap',
+             html : _this._strings['519d8078a6279f149f310c70cbdc296a'],
+             md : 4,
+             sm : 4,
+             xns : Roo.bootstrap,
+             xtype : 'Column'
+            }
+           ]
+
+          }
+         ]
+
+        }
+       ]
+
+      }
+     ]
+
+    },
+    {
+     '|xns' : 'Roo.bootstrap',
+     cls : 'works',
+     tag : 'section',
+     xns : Roo.bootstrap,
+     xtype : 'Container',
+     items : [
+      {
+       '|xns' : 'Roo.bootstrap',
+       xns : Roo.bootstrap,
+       xtype : 'Container',
+       items : [
+        {
+         '|xns' : 'Roo.bootstrap',
+         cls : 'text-center pad-bottom',
+         xns : Roo.bootstrap,
+         xtype : 'Row',
+         items : [
+          {
+           '|xns' : 'Roo.bootstrap',
+           cls : 'col-md-offset-3',
+           md : 6,
+           xns : Roo.bootstrap,
+           xtype : 'Column',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             cls : 'head-set',
+             html : _this._strings['209cb9d0164fe6038115b87e0656cfee'],
+             level : 2,
+             xns : Roo.bootstrap,
+             xtype : 'Header'
+            },
+            {
+             '|xns' : 'Roo.bootstrap',
+             html : _this._strings['d9519092bd06a9916f80cdb0a1fd2859'],
+             xns : Roo.bootstrap,
+             xtype : 'Column'
+            }
+           ]
+
+          }
+         ]
+
+        },
+        {
+         '|xns' : 'Roo.bootstrap',
+         cls : 'text-center portfolio-item',
+         xns : Roo.bootstrap,
+         xtype : 'Row',
+         items : [
+          {
+           '|xns' : 'Roo.bootstrap',
+           md : 4,
+           sm : 4,
+           xns : Roo.bootstrap,
+           xtype : 'Column',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             alert : 'info',
+             xns : Roo.bootstrap,
+             xtype : 'Container',
+             items : [
+              {
+               '|xns' : 'Roo.bootstrap',
+               cls : 'img-responsive',
+               src : 'http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg',
+               xns : Roo.bootstrap,
+               xtype : 'Img'
+              },
+              {
+               '|xns' : 'Roo.bootstrap',
+               html : _this._strings['d57f08db66c4cafaa9d6d747927bda1d'],
+               level : 3,
+               xns : Roo.bootstrap,
+               xtype : 'Header'
+              },
+              {
+               '|xns' : 'Roo.bootstrap',
+               html : _this._strings['7215ee9c7d9dc229d2921a40e899ec5f'],
+               level : 5,
+               xns : Roo.bootstrap,
+               xtype : 'Header',
+               items : [
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 html : _this._strings['714341d9339756588d1dc724991c2b9a'],
+                 xns : Roo.bootstrap,
+                 xtype : 'Link'
+                },
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 html : _this._strings['6b4dbea0b39fb5927c10ee09ae0df2dc'],
+                 tag : 'span',
+                 xns : Roo.bootstrap,
+                 xtype : 'Element'
+                }
+               ]
+
+              }
+             ]
+
+            }
+           ]
+
+          },
+          {
+           '|xns' : 'Roo.bootstrap',
+           md : 4,
+           sm : 4,
+           xns : Roo.bootstrap,
+           xtype : 'Column',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             alert : 'info',
+             xns : Roo.bootstrap,
+             xtype : 'Container',
+             items : [
+              {
+               '|xns' : 'Roo.bootstrap',
+               cls : 'img-responsive',
+               src : 'http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg',
+               xns : Roo.bootstrap,
+               xtype : 'Img'
+              },
+              {
+               '|xns' : 'Roo.bootstrap',
+               html : _this._strings['d57f08db66c4cafaa9d6d747927bda1d'],
+               level : 3,
+               xns : Roo.bootstrap,
+               xtype : 'Header'
+              },
+              {
+               '|xns' : 'Roo.bootstrap',
+               html : _this._strings['7215ee9c7d9dc229d2921a40e899ec5f'],
+               level : 5,
+               xns : Roo.bootstrap,
+               xtype : 'Header',
+               items : [
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 html : _this._strings['714341d9339756588d1dc724991c2b9a'],
+                 xns : Roo.bootstrap,
+                 xtype : 'Link'
+                },
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 html : _this._strings['6b4dbea0b39fb5927c10ee09ae0df2dc'],
+                 tag : 'span',
+                 xns : Roo.bootstrap,
+                 xtype : 'Element'
+                }
+               ]
+
+              }
+             ]
+
+            }
+           ]
+
+          },
+          {
+           '|xns' : 'Roo.bootstrap',
+           md : 4,
+           sm : 4,
+           xns : Roo.bootstrap,
+           xtype : 'Column',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             alert : 'info',
+             xns : Roo.bootstrap,
+             xtype : 'Container',
+             items : [
+              {
+               '|xns' : 'Roo.bootstrap',
+               cls : 'img-responsive',
+               src : 'http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg',
+               xns : Roo.bootstrap,
+               xtype : 'Img'
+              },
+              {
+               '|xns' : 'Roo.bootstrap',
+               html : _this._strings['d57f08db66c4cafaa9d6d747927bda1d'],
+               level : 3,
+               xns : Roo.bootstrap,
+               xtype : 'Header'
+              },
+              {
+               '|xns' : 'Roo.bootstrap',
+               html : _this._strings['7215ee9c7d9dc229d2921a40e899ec5f'],
+               level : 5,
+               xns : Roo.bootstrap,
+               xtype : 'Header',
+               items : [
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 html : _this._strings['714341d9339756588d1dc724991c2b9a'],
+                 xns : Roo.bootstrap,
+                 xtype : 'Link'
+                },
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 html : _this._strings['6b4dbea0b39fb5927c10ee09ae0df2dc'],
+                 tag : 'span',
+                 xns : Roo.bootstrap,
+                 xtype : 'Element'
+                }
+               ]
+
+              }
+             ]
+
+            }
+           ]
+
+          }
+         ]
+
+        }
+       ]
+
+      }
+     ]
+
+    },
+    {
+     '|xns' : 'Roo.bootstrap',
+     cls : 'top-space',
+     tag : 'footer',
+     xns : Roo.bootstrap,
+     xtype : 'Container',
+     items : [
+      {
+       '|xns' : 'Roo.bootstrap',
+       xns : Roo.bootstrap,
+       xtype : 'Container',
+       items : [
+        {
+         '|xns' : 'Roo.bootstrap',
+         xns : Roo.bootstrap,
+         xtype : 'Container',
+         items : [
+          {
+           '|xns' : 'Roo.bootstrap',
+           xns : Roo.bootstrap,
+           xtype : 'Row',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             cls : 'col-md-3 widget',
+             xns : Roo.bootstrap,
+             xtype : 'Element',
+             items : [
+              {
+               '|xns' : 'Roo.bootstrap',
+               cls : 'widget-title',
+               html : _this._strings['bbaff12800505b22a853e8b7f4eb6a22'],
+               level : 3,
+               xns : Roo.bootstrap,
+               xtype : 'Header'
+              },
+              {
+               '|xns' : 'Roo.bootstrap',
+               cls : 'widget-body',
+               xns : Roo.bootstrap,
+               xtype : 'Element',
+               items : [
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 html : _this._strings['9b66469f3780f4f8f07f19706e45cc7d'],
+                 tag : 'p',
+                 xns : Roo.bootstrap,
+                 xtype : 'Element'
+                }
+               ]
+
+              }
+             ]
+
+            },
+            {
+             '|xns' : 'Roo.bootstrap',
+             cls : 'col-md-3 widget',
+             xns : Roo.bootstrap,
+             xtype : 'Element',
+             items : [
+              {
+               '|xns' : 'Roo.bootstrap',
+               cls : 'widget-title',
+               html : _this._strings['4e01ca94bcef3d1d6e1caff7fa42a099'],
+               level : 3,
+               xns : Roo.bootstrap,
+               xtype : 'Header'
+              },
+              {
+               '|xns' : 'Roo.bootstrap',
+               cls : 'widget-body',
+               xns : Roo.bootstrap,
+               xtype : 'Element',
+               items : [
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 cls : 'follow-me-icons',
+                 tag : 'p',
+                 xns : Roo.bootstrap,
+                 xtype : 'Element',
+                 items : [
+                  {
+                   '|xns' : 'Roo.bootstrap',
+                   html : _this._strings['5787bfc1aa0a5afd858c80b194b4634b'],
+                   tag : 'a',
+                   xns : Roo.bootstrap,
+                   xtype : 'Element'
+                  },
+                  {
+                   '|xns' : 'Roo.bootstrap',
+                   html : _this._strings['874e3c6e389643a7a710ca0ede8127ca'],
+                   tag : 'a',
+                   xns : Roo.bootstrap,
+                   xtype : 'Element'
+                  },
+                  {
+                   '|xns' : 'Roo.bootstrap',
+                   html : _this._strings['514b62dd88b999ce0e9eb276b1d490de'],
+                   tag : 'a',
+                   xns : Roo.bootstrap,
+                   xtype : 'Element'
+                  },
+                  {
+                   '|xns' : 'Roo.bootstrap',
+                   html : _this._strings['2ffd8b578dd61b3769f2455f6c644886'],
+                   tag : 'a',
+                   xns : Roo.bootstrap,
+                   xtype : 'Element'
+                  }
+                 ]
+
+                }
+               ]
+
+              }
+             ]
+
+            },
+            {
+             '|xns' : 'Roo.bootstrap',
+             cls : 'col-md-6 widget',
+             xns : Roo.bootstrap,
+             xtype : 'Element',
+             items : [
+              {
+               '|xns' : 'Roo.bootstrap',
+               cls : 'widget-title',
+               html : _this._strings['3cf1ef47ec04254f4a98d9fde7f70581'],
+               level : 3,
+               xns : Roo.bootstrap,
+               xtype : 'Header'
+              },
+              {
+               '|xns' : 'Roo.bootstrap',
+               cls : 'widget-body',
+               xns : Roo.bootstrap,
+               xtype : 'Element',
+               items : [
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 html : _this._strings['2a2f84bd9854960f2c63eeb3af60fb70'],
+                 tag : 'p',
+                 xns : Roo.bootstrap,
+                 xtype : 'Element'
+                },
+                {
+                 '|xns' : 'Roo.bootstrap',
+                 html : _this._strings['fa7d0f3e094ac32ae6947791153a4ff7'],
+                 tag : 'p',
+                 xns : Roo.bootstrap,
+                 xtype : 'Element'
+                }
+               ]
+
+              }
+             ]
+
             }
            ]