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   "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" : true,
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      "String cls" : "home",
64      "xtype" : "Container",
65      "$ xns" : "Roo.bootstrap",
66      "items" : [
67       {
68        "String cls" : "overlay",
69        "xtype" : "Container",
70        "$ xns" : "Roo.bootstrap",
71        "items" : [
72         {
73          "Number md" : 8,
74          "String cls" : "text-center col-md-offset-2",
75          "xtype" : "Column",
76          "$ xns" : "Roo.bootstrap",
77          "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>"
78         }
79        ]
80       }
81      ]
82     },
83     {
84      "String tag" : "section",
85      "String cls" : " services",
86      "xtype" : "Container",
87      "$ xns" : "Roo.bootstrap",
88      "items" : [
89       {
90        "xtype" : "Container",
91        "$ xns" : "Roo.bootstrap",
92        "items" : [
93         {
94          "String cls" : "text-center pad-bottom",
95          "xtype" : "Row",
96          "$ xns" : "Roo.bootstrap",
97          "items" : [
98           {
99            "Number md" : 6,
100            "String cls" : "col-md-offset-3",
101            "xtype" : "Column",
102            "$ xns" : "Roo.bootstrap",
103            "items" : [
104             {
105              "String cls" : "head-set",
106              "xtype" : "Header",
107              "Number level" : 2,
108              "$ xns" : "Roo.bootstrap",
109              "String html" : "OUR SERVICES"
110             },
111             {
112              "xtype" : "Column",
113              "$ xns" : "Roo.bootstrap",
114              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
115             }
116            ]
117           }
118          ]
119         },
120         {
121          "String cls" : "text-center pad-bottom",
122          "xtype" : "Row",
123          "$ xns" : "Roo.bootstrap",
124          "items" : [
125           {
126            "Number md" : 4,
127            "int fasize" : 5,
128            "xtype" : "Column",
129            "String fa" : "recycle",
130            "$ xns" : "Roo.bootstrap",
131            "Number sm" : 4,
132            "items" : [
133             {
134              "String cls" : "head-set",
135              "xtype" : "Header",
136              "Number level" : 2,
137              "$ xns" : "Roo.bootstrap",
138              "String html" : "OUR SERVICES"
139             },
140             {
141              "xtype" : "Column",
142              "$ xns" : "Roo.bootstrap",
143              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
144             }
145            ]
146           },
147           {
148            "Number md" : 4,
149            "int fasize" : 5,
150            "xtype" : "Column",
151            "String fa" : "desktop",
152            "$ xns" : "Roo.bootstrap",
153            "Number sm" : 4,
154            "items" : [
155             {
156              "String cls" : "head-set",
157              "xtype" : "Header",
158              "Number level" : 2,
159              "$ xns" : "Roo.bootstrap",
160              "String html" : "OUR SERVICES"
161             },
162             {
163              "xtype" : "Column",
164              "$ xns" : "Roo.bootstrap",
165              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
166             }
167            ]
168           },
169           {
170            "Number md" : 4,
171            "int fasize" : 5,
172            "xtype" : "Column",
173            "String fa" : "bolt",
174            "$ xns" : "Roo.bootstrap",
175            "Number sm" : 4,
176            "items" : [
177             {
178              "String cls" : "head-set",
179              "xtype" : "Header",
180              "Number level" : 2,
181              "$ xns" : "Roo.bootstrap",
182              "String html" : "OUR SERVICES"
183             },
184             {
185              "xtype" : "Column",
186              "$ xns" : "Roo.bootstrap",
187              "String html" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere."
188             }
189            ]
190           }
191          ]
192         }
193        ]
194       }
195      ]
196     },
197     {
198      "String tag" : "section",
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 pad-bottom",
210          "xtype" : "Row",
211          "$ xns" : "Roo.bootstrap",
212          "items" : [
213           {
214            "Number md" : 4,
215            "xtype" : "Column",
216            "$ xns" : "Roo.bootstrap",
217            "String html" : "<strong>100</strong><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              "Number level" : 3,
290              "$ xns" : "Roo.bootstrap",
291              "String html" : "Project Title"
292             },
293             {
294              "xtype" : "Header",
295              "Number level" : 5,
296              "$ xns" : "Roo.bootstrap",
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              "$ xns" : "Roo.bootstrap",
329              "Number level" : 3,
330              "String html" : "Project Title"
331             },
332             {
333              "xtype" : "Header",
334              "$ xns" : "Roo.bootstrap",
335              "Number level" : 5,
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            "Number md" : 4,
355            "xtype" : "Column",
356            "$ xns" : "Roo.bootstrap",
357            "Number sm" : 4,
358            "items" : [
359             {
360              "String cls" : "img-responsive",
361              "xtype" : "Img",
362              "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
363              "$ xns" : "Roo.bootstrap"
364             },
365             {
366              "xtype" : "Header",
367              "Number level" : 3,
368              "$ xns" : "Roo.bootstrap",
369              "String html" : "Project Title"
370             },
371             {
372              "xtype" : "Header",
373              "Number level" : 5,
374              "$ xns" : "Roo.bootstrap",
375              "String html" : " ",
376              "items" : [
377               {
378                "xtype" : "Link",
379                "$ xns" : "Roo.bootstrap",
380                "String html" : "Click for details"
381               },
382               {
383                "String tag" : "span",
384                "xtype" : "Container",
385                "$ xns" : "Roo.bootstrap",
386                "String html" : "more about it"
387               }
388              ]
389             }
390            ]
391           }
392          ]
393         }
394        ]
395       }
396      ]
397     }
398    ]
399   }
400  ]
401 }