git.roojs.org Git - roojs1/blob - examples/bootstrap/designagency.bjs

   1 {
   2  "name" : "designagency",
   3  "parent" : "",
   4  "title" : "",
   5  "path" : "/home/alan/gitlive/roojs1/examples/bootstrap/designagency.bjs",
   6  "permname" : "",
   7  "modOrder" : "001",
   8  "strings" : {
   9   "209cb9d0164fe6038115b87e0656cfee" : "OUR WORK",
  10   "0f9263536b9fc61ada745644735bfd8f" : "Work",
  11   "cc6d906151ac9361a25911478347b961" : "OUR SERVICES",
  12   "519d8078a6279f149f310c70cbdc296a" : "<strong>100</strong><p>Projects</p>",
  13   "d57f08db66c4cafaa9d6d747927bda1d" : "Project Title",
  14   "bbaff12800505b22a853e8b7f4eb6a22" : "Contact",
  15   "992a0f0542384f1ee5ef51b7cf4ae6c4" : "Services",
  16   "e8722250d11c9b245deddb2d44d41912" : "Click for details",
  17   "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>",
  18   "362941b352bfa1c7456569357508476f" : "more about it",
  19   "d9519092bd06a9916f80cdb0a1fd2859" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.",
  20   "7215ee9c7d9dc229d2921a40e899ec5f" : " "
  21  },
  22  "items" : [
  23   {
  24    "xtype" : "Body",
  25    "$ xns" : "Roo.bootstrap",
  26    "items" : [
  27     {
  28      "Boolean autohide" : false,
  29      "String cls" : "navbar-default",
  30      "xtype" : "NavHeaderbar",
  31      "Boolean inverse" : true,
  32      "$ xns" : "Roo.bootstrap",
  33      "String brand" : "Brand here",
  34      "items" : [
  35       {
  36        "xtype" : "NavGroup",
  37        "String align" : "right",
  38        "$ xns" : "Roo.bootstrap",
  39        "items" : [
  40         {
  41          "String href" : "#",
  42          "xtype" : "NavItem",
  43          "$ xns" : "Roo.bootstrap",
  44          "String html" : "Services"
  45         },
  46         {
  47          "String href" : "#",
  48          "xtype" : "NavItem",
  49          "$ xns" : "Roo.bootstrap",
  50          "String html" : "Work"
  51         },
  52         {
  53          "String href" : "#",
  54          "xtype" : "NavItem",
  55          "$ xns" : "Roo.bootstrap",
  56          "String html" : "Contact"
  57         }
  58        ]
  59       }
  60      ]
  61     },
  62     {
  63      "xtype" : "Container",
  64      "$ xns" : "Roo.bootstrap",
  65      "items" : [
  66       {
  67        "xtype" : "Container",
  68        "$ xns" : "Roo.bootstrap",
  69        "items" : [
  70         {
  71          "Number md" : 8,
  72          "String cls" : "text-center col-md-offset-2",
  73          "xtype" : "Column",
  74          "$ xns" : "Roo.bootstrap",
  75          "String html" : "<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>"
  76         }
  77        ]
  78       }
  79      ]
  80     },
  81     {
  82      "String tag" : "section",
  83      "String cls" : " services",
  84      "xtype" : "Container",
  85      "$ xns" : "Roo.bootstrap",
  86      "items" : [
  87       {
  88        "xtype" : "Container",
  89        "$ xns" : "Roo.bootstrap",
  90        "items" : [
  91         {
  92          "String cls" : "text-center pad-bottom",
  93          "xtype" : "Row",
  94          "$ xns" : "Roo.bootstrap",
  95          "items" : [
  96           {
  97            "Number md" : 6,
  98            "String cls" : "col-md-offset-3",
  99            "xtype" : "Column",
 100            "$ xns" : "Roo.bootstrap",
 101            "items" : [
 102             {
 103              "String cls" : "head-set",
 104              "xtype" : "Header",
 105              "Number level" : 2,
 106              "$ xns" : "Roo.bootstrap",
 107              "String html" : "OUR SERVICES"
 108             },
 109             {
 110              "xtype" : "Column",
 111              "$ xns" : "Roo.bootstrap",
 112              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
 113             }
 114            ]
 115           },
 116           {
 117            "Number md" : 4,
 118            "xtype" : "Column",
 119            "String fa" : "recycle",
 120            "$ xns" : "Roo.bootstrap",
 121            "Number sm" : 4,
 122            "items" : [
 123             {
 124              "String cls" : "head-set",
 125              "xtype" : "Header",
 126              "Number level" : 2,
 127              "$ xns" : "Roo.bootstrap",
 128              "String html" : "OUR SERVICES"
 129             },
 130             {
 131              "xtype" : "Column",
 132              "$ xns" : "Roo.bootstrap",
 133              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
 134             }
 135            ]
 136           },
 137           {
 138            "Number md" : 4,
 139            "xtype" : "Column",
 140            "$ xns" : "Roo.bootstrap",
 141            "Number sm" : 4,
 142            "items" : [
 143             {
 144              "String cls" : "head-set",
 145              "xtype" : "Header",
 146              "Number level" : 2,
 147              "$ xns" : "Roo.bootstrap",
 148              "String html" : "OUR SERVICES"
 149             },
 150             {
 151              "xtype" : "Column",
 152              "$ xns" : "Roo.bootstrap",
 153              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
 154             }
 155            ]
 156           },
 157           {
 158            "Number md" : 4,
 159            "xtype" : "Column",
 160            "$ xns" : "Roo.bootstrap",
 161            "Number sm" : 4,
 162            "items" : [
 163             {
 164              "String cls" : "head-set",
 165              "xtype" : "Header",
 166              "Number level" : 2,
 167              "$ xns" : "Roo.bootstrap",
 168              "String html" : "OUR SERVICES"
 169             },
 170             {
 171              "xtype" : "Column",
 172              "$ xns" : "Roo.bootstrap",
 173              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
 174             }
 175            ]
 176           }
 177          ]
 178         }
 179        ]
 180       }
 181      ]
 182     },
 183     {
 184      "String tag" : "section",
 185      "String cls" : "parallax-like",
 186      "xtype" : "Container",
 187      "$ xns" : "Roo.bootstrap",
 188      "items" : [
 189       {
 190        "xtype" : "Container",
 191        "$ xns" : "Roo.bootstrap",
 192        "items" : [
 193         {
 194          "String cls" : "text-center pad-bottom",
 195          "xtype" : "Row",
 196          "$ xns" : "Roo.bootstrap",
 197          "items" : [
 198           {
 199            "Number md" : 4,
 200            "xtype" : "Column",
 201            "$ xns" : "Roo.bootstrap",
 202            "String html" : "<strong>100</strong><p>Projects</p>",
 203            "Number sm" : 4
 204           },
 205           {
 206            "Number md" : 4,
 207            "xtype" : "Column",
 208            "$ xns" : "Roo.bootstrap",
 209            "String html" : "<strong>100</strong><p>Projects</p>",
 210            "Number sm" : 4
 211           },
 212           {
 213            "Number md" : 4,
 214            "xtype" : "Column",
 215            "$ xns" : "Roo.bootstrap",
 216            "String html" : "<strong>100</strong><p>Projects</p>",
 217            "Number sm" : 4
 218           }
 219          ]
 220         }
 221        ]
 222       }
 223      ]
 224     },
 225     {
 226      "String tag" : "section",
 227      "String cls" : "works",
 228      "xtype" : "Container",
 229      "$ xns" : "Roo.bootstrap",
 230      "items" : [
 231       {
 232        "xtype" : "Container",
 233        "$ xns" : "Roo.bootstrap",
 234        "items" : [
 235         {
 236          "String cls" : "text-center pad-bottom",
 237          "xtype" : "Row",
 238          "$ xns" : "Roo.bootstrap",
 239          "items" : [
 240           {
 241            "Number md" : 6,
 242            "String cls" : "col-md-offset-3",
 243            "xtype" : "Column",
 244            "$ xns" : "Roo.bootstrap",
 245            "items" : [
 246             {
 247              "String cls" : "head-set",
 248              "xtype" : "Header",
 249              "Number level" : 2,
 250              "$ xns" : "Roo.bootstrap",
 251              "String html" : "OUR WORK"
 252             },
 253             {
 254              "xtype" : "Column",
 255              "$ xns" : "Roo.bootstrap",
 256              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
 257             }
 258            ]
 259           },
 260           {
 261            "Number md" : 4,
 262            "xtype" : "Column",
 263            "$ xns" : "Roo.bootstrap",
 264            "Number sm" : 4,
 265            "items" : [
 266             {
 267              "String cls" : "img-responsive",
 268              "xtype" : "Img",
 269              "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
 270              "$ xns" : "Roo.bootstrap"
 271             },
 272             {
 273              "xtype" : "Header",
 274              "Number level" : 3,
 275              "$ xns" : "Roo.bootstrap",
 276              "String html" : "Project Title"
 277             },
 278             {
 279              "xtype" : "Header",
 280              "Number level" : 5,
 281              "$ xns" : "Roo.bootstrap",
 282              "String html" : " ",
 283              "items" : [
 284               {
 285                "xtype" : "Link",
 286                "$ xns" : "Roo.bootstrap",
 287                "String html" : "Click for details"
 288               },
 289               {
 290                "String tag" : "span",
 291                "xtype" : "Container",
 292                "$ xns" : "Roo.bootstrap",
 293                "String html" : "more about it"
 294               }
 295              ]
 296             }
 297            ]
 298           },
 299           {
 300            "Number md" : 4,
 301            "xtype" : "Column",
 302            "$ xns" : "Roo.bootstrap",
 303            "Number sm" : 4,
 304            "items" : [
 305             {
 306              "String cls" : "img-responsive",
 307              "xtype" : "Img",
 308              "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
 309              "$ xns" : "Roo.bootstrap"
 310             },
 311             {
 312              "xtype" : "Header",
 313              "$ xns" : "Roo.bootstrap",
 314              "Number level" : 3,
 315              "String html" : "Project Title"
 316             },
 317             {
 318              "xtype" : "Header",
 319              "$ xns" : "Roo.bootstrap",
 320              "Number level" : 5,
 321              "String html" : " ",
 322              "items" : [
 323               {
 324                "xtype" : "Link",
 325                "$ xns" : "Roo.bootstrap",
 326                "String html" : "Click for details"
 327               },
 328               {
 329                "String tag" : "span",
 330                "xtype" : "Container",
 331                "$ xns" : "Roo.bootstrap",
 332                "String html" : "more about it"
 333               }
 334              ]
 335             }
 336            ]
 337           },
 338           {
 339            "Number md" : 4,
 340            "xtype" : "Column",
 341            "$ xns" : "Roo.bootstrap",
 342            "Number sm" : 4,
 343            "items" : [
 344             {
 345              "String cls" : "img-responsive",
 346              "xtype" : "Img",
 347              "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
 348              "$ xns" : "Roo.bootstrap"
 349             },
 350             {
 351              "xtype" : "Header",
 352              "Number level" : 3,
 353              "$ xns" : "Roo.bootstrap",
 354              "String html" : "Project Title"
 355             },
 356             {
 357              "xtype" : "Header",
 358              "Number level" : 5,
 359              "$ xns" : "Roo.bootstrap",
 360              "String html" : " ",
 361              "items" : [
 362               {
 363                "xtype" : "Link",
 364                "$ xns" : "Roo.bootstrap",
 365                "String html" : "Click for details"
 366               },
 367               {
 368                "String tag" : "span",
 369                "xtype" : "Container",
 370                "$ xns" : "Roo.bootstrap",
 371                "String html" : "more about it"
 372               }
 373              ]
 374             }
 375            ]
 376           }
 377          ]
 378         }
 379        ]
 380       }
 381      ]
 382     }
 383    ]
 384   }
 385  ]
 386 }