examples/bootstrap/designagency.bjs
[roojs1] / 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   "c6bd7c609e99aacdff25214ffd3e8fe7" : "<b>100</b><p>Projects</p>",
17   "e8722250d11c9b245deddb2d44d41912" : "Click for details",
18   "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>",
19   "362941b352bfa1c7456569357508476f" : "more about it",
20   "d9519092bd06a9916f80cdb0a1fd2859" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.",
21   "7215ee9c7d9dc229d2921a40e899ec5f" : " "
22  },
23  "items" : [
24   {
25    "xtype" : "Body",
26    "$ xns" : "Roo.bootstrap",
27    "items" : [
28     {
29      "Boolean autohide" : true,
30      "String cls" : "navbar-default",
31      "xtype" : "NavHeaderbar",
32      "Boolean inverse" : true,
33      "$ xns" : "Roo.bootstrap",
34      "String brand" : "Brand here",
35      "items" : [
36       {
37        "xtype" : "NavGroup",
38        "String align" : "right",
39        "$ xns" : "Roo.bootstrap",
40        "items" : [
41         {
42          "String href" : "#",
43          "xtype" : "NavItem",
44          "$ xns" : "Roo.bootstrap",
45          "String html" : "Services"
46         },
47         {
48          "String href" : "#",
49          "xtype" : "NavItem",
50          "$ xns" : "Roo.bootstrap",
51          "String html" : "Work"
52         },
53         {
54          "String href" : "#",
55          "xtype" : "NavItem",
56          "$ xns" : "Roo.bootstrap",
57          "String html" : "Contact"
58         }
59        ]
60       }
61      ]
62     },
63     {
64      "String cls" : "home",
65      "xtype" : "Container",
66      "$ xns" : "Roo.bootstrap",
67      "items" : [
68       {
69        "String cls" : "overlay",
70        "xtype" : "Container",
71        "$ xns" : "Roo.bootstrap",
72        "items" : [
73         {
74          "Number md" : 8,
75          "String cls" : "text-center col-md-offset-2",
76          "xtype" : "Column",
77          "$ xns" : "Roo.bootstrap",
78          "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>"
79         }
80        ]
81       }
82      ]
83     },
84     {
85      "String tag" : "section",
86      "String cls" : " services",
87      "xtype" : "Container",
88      "$ xns" : "Roo.bootstrap",
89      "items" : [
90       {
91        "xtype" : "Container",
92        "$ xns" : "Roo.bootstrap",
93        "items" : [
94         {
95          "String cls" : "text-center pad-bottom",
96          "xtype" : "Row",
97          "$ xns" : "Roo.bootstrap",
98          "items" : [
99           {
100            "Number md" : 6,
101            "String cls" : "col-md-offset-3",
102            "xtype" : "Column",
103            "$ xns" : "Roo.bootstrap",
104            "items" : [
105             {
106              "String cls" : "head-set",
107              "xtype" : "Header",
108              "Number level" : 2,
109              "$ xns" : "Roo.bootstrap",
110              "String html" : "OUR SERVICES"
111             },
112             {
113              "xtype" : "Column",
114              "$ xns" : "Roo.bootstrap",
115              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
116             }
117            ]
118           }
119          ]
120         },
121         {
122          "String cls" : "text-center pad-bottom",
123          "xtype" : "Row",
124          "$ xns" : "Roo.bootstrap",
125          "items" : [
126           {
127            "Number md" : 4,
128            "int fasize" : 5,
129            "xtype" : "Column",
130            "String fa" : "recycle",
131            "$ xns" : "Roo.bootstrap",
132            "Number sm" : 4,
133            "items" : [
134             {
135              "String cls" : "head-set",
136              "xtype" : "Header",
137              "Number level" : 2,
138              "$ xns" : "Roo.bootstrap",
139              "String html" : "OUR SERVICES"
140             },
141             {
142              "xtype" : "Column",
143              "$ xns" : "Roo.bootstrap",
144              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
145             }
146            ]
147           },
148           {
149            "Number md" : 4,
150            "int fasize" : 5,
151            "xtype" : "Column",
152            "String fa" : "desktop",
153            "$ xns" : "Roo.bootstrap",
154            "Number sm" : 4,
155            "items" : [
156             {
157              "String cls" : "head-set",
158              "xtype" : "Header",
159              "Number level" : 2,
160              "$ xns" : "Roo.bootstrap",
161              "String html" : "OUR SERVICES"
162             },
163             {
164              "xtype" : "Column",
165              "$ xns" : "Roo.bootstrap",
166              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
167             }
168            ]
169           },
170           {
171            "Number md" : 4,
172            "int fasize" : 5,
173            "xtype" : "Column",
174            "String fa" : "bolt",
175            "$ xns" : "Roo.bootstrap",
176            "Number sm" : 4,
177            "items" : [
178             {
179              "String cls" : "head-set",
180              "xtype" : "Header",
181              "Number level" : 2,
182              "$ xns" : "Roo.bootstrap",
183              "String html" : "OUR SERVICES"
184             },
185             {
186              "xtype" : "Column",
187              "$ xns" : "Roo.bootstrap",
188              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
189             }
190            ]
191           }
192          ]
193         }
194        ]
195       }
196      ]
197     },
198     {
199      "String cls" : "parallax-like",
200      "xtype" : "Container",
201      "$ xns" : "Roo.bootstrap",
202      "items" : [
203       {
204        "String cls" : "overlay",
205        "xtype" : "Container",
206        "$ xns" : "Roo.bootstrap",
207        "items" : [
208         {
209          "String cls" : "text-center ",
210          "xtype" : "Row",
211          "$ xns" : "Roo.bootstrap",
212          "items" : [
213           {
214            "Number md" : 4,
215            "xtype" : "Column",
216            "$ xns" : "Roo.bootstrap",
217            "String html" : "<b>100</b><p>Projects</p>",
218            "Number sm" : 4
219           },
220           {
221            "Number md" : 4,
222            "xtype" : "Column",
223            "$ xns" : "Roo.bootstrap",
224            "String html" : "<strong>100</strong><p>Projects</p>",
225            "Number sm" : 4
226           },
227           {
228            "Number md" : 4,
229            "xtype" : "Column",
230            "$ xns" : "Roo.bootstrap",
231            "String html" : "<strong>100</strong><p>Projects</p>",
232            "Number sm" : 4
233           }
234          ]
235         }
236        ]
237       }
238      ]
239     },
240     {
241      "String tag" : "section",
242      "String cls" : "works",
243      "xtype" : "Container",
244      "$ xns" : "Roo.bootstrap",
245      "items" : [
246       {
247        "xtype" : "Container",
248        "$ xns" : "Roo.bootstrap",
249        "items" : [
250         {
251          "String cls" : "text-center pad-bottom",
252          "xtype" : "Row",
253          "$ xns" : "Roo.bootstrap",
254          "items" : [
255           {
256            "Number md" : 6,
257            "String cls" : "col-md-offset-3",
258            "xtype" : "Column",
259            "$ xns" : "Roo.bootstrap",
260            "items" : [
261             {
262              "String cls" : "head-set",
263              "xtype" : "Header",
264              "Number level" : 2,
265              "$ xns" : "Roo.bootstrap",
266              "String html" : "OUR WORK"
267             },
268             {
269              "xtype" : "Column",
270              "$ xns" : "Roo.bootstrap",
271              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
272             }
273            ]
274           },
275           {
276            "Number md" : 4,
277            "xtype" : "Column",
278            "$ xns" : "Roo.bootstrap",
279            "Number sm" : 4,
280            "items" : [
281             {
282              "String cls" : "img-responsive",
283              "xtype" : "Img",
284              "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
285              "$ xns" : "Roo.bootstrap"
286             },
287             {
288              "xtype" : "Header",
289              "$ xns" : "Roo.bootstrap",
290              "Number level" : 3,
291              "String html" : "Project Title"
292             },
293             {
294              "xtype" : "Header",
295              "$ xns" : "Roo.bootstrap",
296              "Number level" : 5,
297              "String html" : " ",
298              "items" : [
299               {
300                "xtype" : "Link",
301                "$ xns" : "Roo.bootstrap",
302                "String html" : "Click for details"
303               },
304               {
305                "String tag" : "span",
306                "xtype" : "Container",
307                "$ xns" : "Roo.bootstrap",
308                "String html" : "more about it"
309               }
310              ]
311             }
312            ]
313           },
314           {
315            "Number md" : 4,
316            "xtype" : "Column",
317            "$ xns" : "Roo.bootstrap",
318            "Number sm" : 4,
319            "items" : [
320             {
321              "String cls" : "img-responsive",
322              "xtype" : "Img",
323              "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
324              "$ xns" : "Roo.bootstrap"
325             },
326             {
327              "xtype" : "Header",
328              "Number level" : 3,
329              "$ xns" : "Roo.bootstrap",
330              "String html" : "Project Title"
331             },
332             {
333              "xtype" : "Header",
334              "Number level" : 5,
335              "$ xns" : "Roo.bootstrap",
336              "String html" : " ",
337              "items" : [
338               {
339                "xtype" : "Link",
340                "$ xns" : "Roo.bootstrap",
341                "String html" : "Click for details"
342               },
343               {
344                "String tag" : "span",
345                "xtype" : "Container",
346                "$ xns" : "Roo.bootstrap",
347                "String html" : "more about it"
348               }
349              ]
350             }
351            ]
352           }
353          ]
354         },
355         {
356          "String cls" : "text-center pad-bottom",
357          "xtype" : "Row",
358          "$ xns" : "Roo.bootstrap",
359          "items" : [
360           {
361            "Number md" : 6,
362            "String cls" : "col-md-offset-3",
363            "xtype" : "Column",
364            "$ xns" : "Roo.bootstrap",
365            "items" : [
366             {
367              "String cls" : "head-set",
368              "xtype" : "Header",
369              "Number level" : 2,
370              "$ xns" : "Roo.bootstrap",
371              "String html" : "OUR WORK"
372             },
373             {
374              "xtype" : "Column",
375              "$ xns" : "Roo.bootstrap",
376              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
377             }
378            ]
379           },
380           {
381            "Number md" : 4,
382            "xtype" : "Column",
383            "$ xns" : "Roo.bootstrap",
384            "Number sm" : 4,
385            "items" : [
386             {
387              "String cls" : "img-responsive",
388              "xtype" : "Img",
389              "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
390              "$ xns" : "Roo.bootstrap"
391             },
392             {
393              "xtype" : "Header",
394              "$ xns" : "Roo.bootstrap",
395              "Number level" : 3,
396              "String html" : "Project Title"
397             },
398             {
399              "xtype" : "Header",
400              "$ xns" : "Roo.bootstrap",
401              "Number level" : 5,
402              "String html" : " ",
403              "items" : [
404               {
405                "xtype" : "Link",
406                "$ xns" : "Roo.bootstrap",
407                "String html" : "Click for details"
408               },
409               {
410                "String tag" : "span",
411                "xtype" : "Container",
412                "$ xns" : "Roo.bootstrap",
413                "String html" : "more about it"
414               }
415              ]
416             }
417            ]
418           },
419           {
420            "Number md" : 4,
421            "xtype" : "Column",
422            "$ xns" : "Roo.bootstrap",
423            "Number sm" : 4,
424            "items" : [
425             {
426              "String cls" : "img-responsive",
427              "xtype" : "Img",
428              "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
429              "$ xns" : "Roo.bootstrap"
430             },
431             {
432              "xtype" : "Header",
433              "Number level" : 3,
434              "$ xns" : "Roo.bootstrap",
435              "String html" : "Project Title"
436             },
437             {
438              "xtype" : "Header",
439              "Number level" : 5,
440              "$ xns" : "Roo.bootstrap",
441              "String html" : " ",
442              "items" : [
443               {
444                "xtype" : "Link",
445                "$ xns" : "Roo.bootstrap",
446                "String html" : "Click for details"
447               },
448               {
449                "String tag" : "span",
450                "xtype" : "Container",
451                "$ xns" : "Roo.bootstrap",
452                "String html" : "more about it"
453               }
454              ]
455             }
456            ]
457           },
458           {
459            "Number md" : 4,
460            "xtype" : "Column",
461            "$ xns" : "Roo.bootstrap",
462            "Number sm" : 4,
463            "items" : [
464             {
465              "String cls" : "img-responsive",
466              "xtype" : "Img",
467              "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
468              "$ xns" : "Roo.bootstrap"
469             },
470             {
471              "xtype" : "Header",
472              "$ xns" : "Roo.bootstrap",
473              "Number level" : 3,
474              "String html" : "Project Title"
475             },
476             {
477              "xtype" : "Header",
478              "$ xns" : "Roo.bootstrap",
479              "Number level" : 5,
480              "String html" : " ",
481              "items" : [
482               {
483                "xtype" : "Link",
484                "$ xns" : "Roo.bootstrap",
485                "String html" : "Click for details"
486               },
487               {
488                "String tag" : "span",
489                "xtype" : "Container",
490                "$ xns" : "Roo.bootstrap",
491                "String html" : "more about it"
492               }
493              ]
494             }
495            ]
496           }
497          ]
498         }
499        ]
500       }
501      ]
502     }
503    ]
504   }
505  ]
506 }