create-fesd-app 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/public/assets/fonts/icomoon/fonts/icomoon.eot +0 -0
- package/public/assets/fonts/icomoon/fonts/icomoon.svg +1 -15
- package/public/assets/fonts/icomoon/fonts/icomoon.ttf +0 -0
- package/public/assets/fonts/icomoon/fonts/icomoon.woff +0 -0
- package/public/assets/fonts/icomoon/selection.json +1 -1
- package/public/assets/fonts/icomoon/style.css +8 -50
- package/public/assets/fonts/icomoon/svg/drag.svg +5 -0
- package/src/assets/css/layouts/article4/_article4_2.0.sass +98 -0
- package/src/assets/css/layouts/article4/_article4_setting.sass +260 -0
- package/src/assets/css/pages/about.sass +1 -1
- package/src/assets/js/apps/about/page.js +2 -2
- package/src/layouts/article4/_article.pug +153 -0
- package/src/pages/about.pug +694 -891
package/src/pages/about.pug
CHANGED
|
@@ -35,902 +35,705 @@ block content
|
|
|
35
35
|
section.section1(data-content)
|
|
36
36
|
.container
|
|
37
37
|
.content
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
.
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
38
|
+
-
|
|
39
|
+
const data = {
|
|
40
|
+
base:{
|
|
41
|
+
articleType: 'base',
|
|
42
|
+
attributes: {
|
|
43
|
+
'img-row': 'x3',
|
|
44
|
+
},
|
|
45
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
46
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
47
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
48
|
+
button: 'Button Description',
|
|
49
|
+
img:[
|
|
50
|
+
{
|
|
51
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
52
|
+
description: 'Description'
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
img: 'https://picsum.photos/id/941/700/400',
|
|
56
|
+
description: 'Description'
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
img: 'https://picsum.photos/id/986/700/400',
|
|
60
|
+
description: 'Description'
|
|
61
|
+
}
|
|
62
|
+
],
|
|
63
|
+
},
|
|
64
|
+
typeSL:{
|
|
65
|
+
articleType: 'typeSL',
|
|
66
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
67
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
68
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
69
|
+
button: 'Button Description',
|
|
70
|
+
img:[
|
|
71
|
+
{
|
|
72
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
73
|
+
description: 'Description'
|
|
74
|
+
},
|
|
75
|
+
],
|
|
76
|
+
},
|
|
77
|
+
typeSR:{
|
|
78
|
+
articleType: 'typeSR',
|
|
79
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
80
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
81
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
82
|
+
button: 'Button Description',
|
|
83
|
+
img:[
|
|
84
|
+
{
|
|
85
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
86
|
+
description: 'Description'
|
|
87
|
+
},
|
|
88
|
+
],
|
|
89
|
+
},
|
|
90
|
+
typeU:{
|
|
91
|
+
articleType: 'typeU',
|
|
92
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
93
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
94
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
95
|
+
button: 'Button Description',
|
|
96
|
+
img:[
|
|
97
|
+
{
|
|
98
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
99
|
+
description: 'Description'
|
|
100
|
+
},
|
|
101
|
+
],
|
|
102
|
+
},
|
|
103
|
+
typeUL:{
|
|
104
|
+
articleType: 'typeUL',
|
|
105
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
106
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
107
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
108
|
+
button: 'Button Description',
|
|
109
|
+
img:[
|
|
110
|
+
{
|
|
111
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
112
|
+
description: 'Description'
|
|
113
|
+
},
|
|
114
|
+
],
|
|
115
|
+
},
|
|
116
|
+
typeUR:{
|
|
117
|
+
articleType: 'typeUR',
|
|
118
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
119
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
120
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
121
|
+
button: 'Button Description',
|
|
122
|
+
img:[
|
|
123
|
+
{
|
|
124
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
125
|
+
description: 'Description'
|
|
126
|
+
},
|
|
127
|
+
],
|
|
128
|
+
},
|
|
129
|
+
typeD:{
|
|
130
|
+
articleType: 'typeD',
|
|
131
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
132
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
133
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
134
|
+
button: 'Button Description',
|
|
135
|
+
img:[
|
|
136
|
+
{
|
|
137
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
138
|
+
description: 'Description'
|
|
139
|
+
},
|
|
140
|
+
],
|
|
141
|
+
},
|
|
142
|
+
typeDL:{
|
|
143
|
+
articleType: 'typeDL',
|
|
144
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
145
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
146
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
147
|
+
button: 'Button Description',
|
|
148
|
+
img:[
|
|
149
|
+
{
|
|
150
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
151
|
+
description: 'Description'
|
|
152
|
+
},
|
|
153
|
+
],
|
|
154
|
+
},
|
|
155
|
+
typeDR:{
|
|
156
|
+
articleType: 'typeDR',
|
|
157
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
158
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
159
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
160
|
+
button: 'Button Description',
|
|
161
|
+
img:[
|
|
162
|
+
{
|
|
163
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
164
|
+
description: 'Description'
|
|
165
|
+
},
|
|
166
|
+
],
|
|
167
|
+
},
|
|
168
|
+
typeL:{
|
|
169
|
+
articleType: 'typeL',
|
|
170
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
171
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
172
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
173
|
+
button: 'Button Description',
|
|
174
|
+
img:[
|
|
175
|
+
{
|
|
176
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
177
|
+
description: 'Description'
|
|
178
|
+
},
|
|
179
|
+
],
|
|
180
|
+
},
|
|
181
|
+
typeR:{
|
|
182
|
+
articleType: 'typeR',
|
|
183
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
184
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
185
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
186
|
+
button: 'Button Description',
|
|
187
|
+
img:[
|
|
188
|
+
{
|
|
189
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
190
|
+
description: 'Description'
|
|
191
|
+
},
|
|
192
|
+
],
|
|
193
|
+
},
|
|
194
|
+
typeLR:{
|
|
195
|
+
articleType: 'typeLR',
|
|
196
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
197
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
198
|
+
P: 'paragraph of the Article, A satirical title generator for designers...paragraph of the Article, A satirical title generator for designers...paragraph of the Article, A satirical title generator for designers...paragraph of the Article, A satirical title generator for designers...paragraph of the Article, A satirical title generator for designers...paragraph of the Article, A satirical title generator for designers...paragraph of the Article, A satirical title generator for designers...paragraph of the Article, A satirical title generator for designers...paragraph of the Article, A satirical title generator for designers...',
|
|
199
|
+
button: 'Button Description',
|
|
200
|
+
img:[
|
|
201
|
+
{
|
|
202
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
203
|
+
description: 'Description'
|
|
204
|
+
},
|
|
205
|
+
],
|
|
206
|
+
},
|
|
207
|
+
typeRR:{
|
|
208
|
+
articleType: 'typeRR',
|
|
209
|
+
H: 'This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers...',
|
|
210
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
211
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
212
|
+
button: 'Button Description',
|
|
213
|
+
img:[
|
|
214
|
+
{
|
|
215
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
216
|
+
description: 'Description'
|
|
217
|
+
},
|
|
218
|
+
],
|
|
219
|
+
},
|
|
220
|
+
typeF:{
|
|
221
|
+
articleType: 'typeF',
|
|
222
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
223
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
224
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
225
|
+
button: 'Button Description',
|
|
226
|
+
backgroundPC:'https://picsum.photos/id/347/1000/650',
|
|
227
|
+
backgroundMobile:'https://picsum.photos/id/730/650/1000',
|
|
228
|
+
img:[
|
|
229
|
+
{
|
|
230
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
231
|
+
description: 'Description'
|
|
232
|
+
},
|
|
233
|
+
],
|
|
234
|
+
},
|
|
235
|
+
typeFL:{
|
|
236
|
+
articleType: 'typeFL',
|
|
237
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
238
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
239
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
240
|
+
button: 'Button Description',
|
|
241
|
+
backgroundPC:'https://picsum.photos/id/347/1000/650',
|
|
242
|
+
backgroundMobile:'https://picsum.photos/id/730/650/1000',
|
|
243
|
+
img:[
|
|
244
|
+
{
|
|
245
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
246
|
+
description: 'Description'
|
|
247
|
+
},
|
|
248
|
+
],
|
|
249
|
+
},
|
|
250
|
+
typeFR:{
|
|
251
|
+
articleType: 'typeFR',
|
|
252
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
253
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
254
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
255
|
+
button: 'Button Description',
|
|
256
|
+
backgroundPC:'https://picsum.photos/id/347/1000/650',
|
|
257
|
+
backgroundMobile:'https://picsum.photos/id/730/650/1000',
|
|
258
|
+
img:[
|
|
259
|
+
{
|
|
260
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
261
|
+
description: 'Description'
|
|
262
|
+
},
|
|
263
|
+
],
|
|
264
|
+
},
|
|
265
|
+
typeFBox:{
|
|
266
|
+
articleType: 'typeFBox',
|
|
267
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
268
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
269
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
270
|
+
button: 'Button Description',
|
|
271
|
+
backgroundPC:'https://picsum.photos/id/347/1000/650',
|
|
272
|
+
backgroundMobile:'https://picsum.photos/id/730/650/1000',
|
|
273
|
+
img:[
|
|
274
|
+
{
|
|
275
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
276
|
+
description: 'Description'
|
|
277
|
+
},
|
|
278
|
+
],
|
|
279
|
+
},
|
|
280
|
+
typeTable:{
|
|
281
|
+
articleType: 'typeTable',
|
|
282
|
+
attributes: {
|
|
283
|
+
'data-table-markdown':'on'
|
|
284
|
+
},
|
|
285
|
+
tableData: {
|
|
286
|
+
H: 'This is the title of the Form',
|
|
287
|
+
tipText: '左右托拉',
|
|
288
|
+
description: "What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world.",
|
|
289
|
+
table: {
|
|
290
|
+
head: [
|
|
291
|
+
{
|
|
292
|
+
A: '預設均分 (最小100)',
|
|
293
|
+
B: '預設均分 (最小100)'
|
|
294
|
+
}
|
|
295
|
+
],
|
|
296
|
+
body: [
|
|
297
|
+
{
|
|
298
|
+
A: '@center@置中文字@center@ \n- 列點 \n - 列點 - **列點粗體**',
|
|
299
|
+
B: '1. ~~列點斜體~~ \n 2. *列點斜體*'
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
A: '@center@置中文字@center@ \n- 列點 \n - 列點 - **列點粗體**',
|
|
303
|
+
B: '1. ~~列點斜體~~ \n 2. *列點斜體*'
|
|
304
|
+
},
|
|
305
|
+
{
|
|
306
|
+
A: '@center@置中文字@center@ \n- 列點 \n - 列點 - **列點粗體**',
|
|
307
|
+
B: '1. ~~列點斜體~~ \n 2. *列點斜體*'
|
|
308
|
+
},
|
|
309
|
+
],
|
|
310
|
+
},
|
|
311
|
+
},
|
|
312
|
+
},
|
|
313
|
+
typeQuote:{
|
|
314
|
+
articleType: 'typeQuote',
|
|
315
|
+
attributes: {
|
|
316
|
+
'quote-color':'#7cc087',
|
|
317
|
+
},
|
|
318
|
+
quote: 'Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.',
|
|
319
|
+
quoteP: 'paragraph of the Article, A satirical title generator for designers...',
|
|
320
|
+
},
|
|
321
|
+
swiperDemo:{
|
|
322
|
+
articleType: 'typeFBox',
|
|
323
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
324
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
325
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
326
|
+
button: 'Button Description',
|
|
327
|
+
backgroundPC:'https://picsum.photos/id/347/1000/650',
|
|
328
|
+
backgroundMobile:'https://picsum.photos/id/730/650/1000',
|
|
329
|
+
SwiperImg:[
|
|
330
|
+
{
|
|
331
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
332
|
+
description: 'Description'
|
|
333
|
+
},
|
|
334
|
+
{
|
|
335
|
+
img: 'https://picsum.photos/id/941/700/400',
|
|
336
|
+
description: 'Description'
|
|
337
|
+
},
|
|
338
|
+
{
|
|
339
|
+
img: 'https://picsum.photos/id/986/700/400',
|
|
340
|
+
description: 'Description'
|
|
341
|
+
}
|
|
342
|
+
],
|
|
343
|
+
},
|
|
344
|
+
videoDemo:{
|
|
345
|
+
articleType: 'typeU',
|
|
346
|
+
H: 'This is the title of the Article, A satirical title generator for designers...',
|
|
347
|
+
subH: 'Sub-Title of the Article, A satirical title generator for designers...',
|
|
348
|
+
P: 'paragraph of the Article, A satirical title generator for designers...',
|
|
349
|
+
button: 'Button Description',
|
|
350
|
+
img:[
|
|
351
|
+
{
|
|
352
|
+
videoAttributes: {
|
|
353
|
+
"video-type":"youtube",
|
|
354
|
+
"video-id":"3-v360P1rUY",
|
|
355
|
+
},
|
|
356
|
+
videoType: 'youtube',
|
|
357
|
+
videoId: 'S69LZK3-Z5E',
|
|
358
|
+
img: 'https://picsum.photos/id/964/700/400',
|
|
359
|
+
description: 'Description'
|
|
360
|
+
},
|
|
361
|
+
],
|
|
362
|
+
},
|
|
363
|
+
tableDemo:{
|
|
364
|
+
articleType: 'typeTable',
|
|
365
|
+
attributes: {
|
|
366
|
+
'data-table-markdown':'on'
|
|
367
|
+
},
|
|
368
|
+
tableData: {
|
|
369
|
+
H: 'This is the title of the Form',
|
|
370
|
+
description: "What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world.",
|
|
371
|
+
},
|
|
372
|
+
},
|
|
373
|
+
}
|
|
374
|
+
._articleBlock
|
|
375
|
+
include ../layouts/article4/_article.pug
|
|
376
|
+
// 基本樣式
|
|
377
|
+
+article(data.base)
|
|
378
|
+
+article(data.typeSL)
|
|
379
|
+
+article(data.typeSR)
|
|
380
|
+
+article(data.typeU)
|
|
381
|
+
+article(data.typeUL)
|
|
382
|
+
+article(data.typeUR)
|
|
383
|
+
+article(data.typeD)
|
|
384
|
+
+article(data.typeDL)
|
|
385
|
+
+article(data.typeDR)
|
|
386
|
+
|
|
387
|
+
// 文繞圖
|
|
388
|
+
+article(data.typeL)
|
|
389
|
+
+article(data.typeR)
|
|
390
|
+
+article(data.typeLR)
|
|
391
|
+
+article(data.typeRR)
|
|
392
|
+
|
|
393
|
+
// 背景
|
|
394
|
+
+article(data.typeF)
|
|
395
|
+
+article(data.typeFL)
|
|
396
|
+
+article(data.typeFR)
|
|
397
|
+
+article(data.typeFBox)
|
|
398
|
+
|
|
399
|
+
// 最新新增
|
|
400
|
+
+article(data.typeTable)
|
|
401
|
+
+article(data.typeQuote)
|
|
402
|
+
|
|
403
|
+
// 其他
|
|
404
|
+
+article(data.swiperDemo)
|
|
405
|
+
+article(data.videoDemo)
|
|
406
|
+
+article(data.tableDemo)
|
|
407
|
+
table
|
|
408
|
+
thead
|
|
409
|
+
tr
|
|
410
|
+
th(style='width:200px; min-width:200px;')
|
|
411
|
+
span aaa
|
|
412
|
+
th(style='width:200px; min-width:200px;')
|
|
413
|
+
span bbb
|
|
414
|
+
th(style='width:300px; min-width:300px;')
|
|
415
|
+
span ccc
|
|
416
|
+
th(style='width:300px; min-width:300px;')
|
|
417
|
+
span ddd
|
|
418
|
+
th(style='width:300px; min-width:300px;')
|
|
419
|
+
span eee
|
|
420
|
+
th(style='width:300px; min-width:300px;')
|
|
421
|
+
span fff
|
|
422
|
+
tbody
|
|
423
|
+
tr
|
|
424
|
+
td(rowspan="3" style='width:200px; min-width:200px;')
|
|
425
|
+
span aaa
|
|
426
|
+
td(colspan="3" style='width:200px; min-width:200px;')
|
|
427
|
+
span bbb
|
|
428
|
+
td(style='width:300px; min-width:300px;')
|
|
429
|
+
span eee
|
|
430
|
+
td(style='width:300px; min-width:300px;')
|
|
431
|
+
span fff
|
|
432
|
+
tr
|
|
433
|
+
td(rowspan="2" style='width:200px; min-width:200px;')
|
|
434
|
+
span bbb
|
|
435
|
+
td(colspan="3" style='width:200px; min-width:200px;')
|
|
436
|
+
span ccc
|
|
437
|
+
td(style='width:300px; min-width:300px;')
|
|
438
|
+
span fff
|
|
439
|
+
tr
|
|
440
|
+
td(style='width:300px; min-width:300px;')
|
|
441
|
+
span ccc
|
|
442
|
+
td(style='width:300px; min-width:300px;')
|
|
443
|
+
span ddd
|
|
444
|
+
td(style='width:300px; min-width:300px;')
|
|
445
|
+
span eee
|
|
446
|
+
td(style='width:300px; min-width:300px;')
|
|
447
|
+
span fff
|
|
448
|
+
tr
|
|
449
|
+
td(rowspan="2" style='width:200px; min-width:200px;')
|
|
450
|
+
span aaa
|
|
451
|
+
td(style='width:200px; min-width:200px;')
|
|
452
|
+
span bbb
|
|
453
|
+
td(style='width:300px; min-width:300px;')
|
|
454
|
+
span ccc
|
|
455
|
+
td(style='width:300px; min-width:300px;')
|
|
456
|
+
span ddd
|
|
457
|
+
td(style='width:300px; min-width:300px;')
|
|
458
|
+
span eee
|
|
459
|
+
td(style='width:300px; min-width:300px;')
|
|
460
|
+
span fff
|
|
461
|
+
tr
|
|
462
|
+
td(style='width:200px; min-width:200px;')
|
|
463
|
+
span bbb
|
|
464
|
+
td(style='width:300px; min-width:300px;')
|
|
465
|
+
span ccc
|
|
466
|
+
td(style='width:300px; min-width:300px;')
|
|
467
|
+
span ddd
|
|
468
|
+
td(style='width:300px; min-width:300px;')
|
|
469
|
+
span eee
|
|
470
|
+
td(style='width:300px; min-width:300px;')
|
|
471
|
+
span fff
|
|
472
|
+
for i in [1,2,3,4,5,6,7]
|
|
473
|
+
tr
|
|
474
|
+
td(style='width:200px; min-width:200px;')
|
|
475
|
+
span aaa
|
|
476
|
+
td(style='width:200px; min-width:200px;')
|
|
477
|
+
span bbb
|
|
478
|
+
td(style='width:300px; min-width:300px;')
|
|
479
|
+
span ccc
|
|
480
|
+
td(style='width:300px; min-width:300px;')
|
|
481
|
+
span ddd
|
|
482
|
+
td(style='width:300px; min-width:300px;')
|
|
483
|
+
span eee
|
|
484
|
+
td(style='width:300px; min-width:300px;')
|
|
485
|
+
span fff
|
|
486
|
+
|
|
487
|
+
|
|
488
|
+
|
|
489
|
+
// 舊的範例用！！！
|
|
490
|
+
// 引言樣式
|
|
491
|
+
article._article.typeQuote(data-aost data-aost-fade-up quote-color='#7cc087')
|
|
131
492
|
._contentWrap
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
img(src='https://picsum.photos/id/29/1200/675' alt='')
|
|
139
|
-
p._description Description
|
|
140
|
-
._cover
|
|
141
|
-
._photo
|
|
142
|
-
img(src='https://picsum.photos/id/49/1200/675' alt='')
|
|
143
|
-
p._description Description
|
|
144
|
-
._cover
|
|
145
|
-
._photo
|
|
146
|
-
img(src='https://picsum.photos/id/85/1200/675' alt='')
|
|
147
|
-
p._description Description
|
|
148
|
-
._cover
|
|
149
|
-
._photo
|
|
150
|
-
img(src='https://picsum.photos/id/128/1200/675' alt='')
|
|
151
|
-
p._description Description
|
|
152
|
-
._wordCover
|
|
153
|
-
h5._subH
|
|
154
|
-
| Sub-Title of the Article, A satirical title generator for designers...
|
|
155
|
-
._P
|
|
156
|
-
p
|
|
157
|
-
| What would the museum in your imagination look like? It's a good
|
|
158
|
-
| idea to build your favorite museum in Mondo Museum, whether it's to
|
|
159
|
-
| be displayed in a sub-category, or to show it all at once and make a
|
|
160
|
-
| sensation in the world. The museum simulator"Mondo Museum" is
|
|
161
|
-
| a game that tests the player's ability to manage. You can freely
|
|
162
|
-
| design the structure of the museum, from the planning of the exhibition
|
|
163
|
-
| hall to the location of the gift shop, laying different floors for each
|
|
164
|
-
| room, setting windows, and of course matching Create a first class
|
|
165
|
-
| museum on the wallpaper.
|
|
166
|
-
span._buttonCover
|
|
167
|
-
a._button(href='javascript:;') Button Description
|
|
168
|
-
article._article(swiper-num='6' img-merge="off" swiper-arrow='on' swiper-autoplay='off' data-aost data-aost-fade-up)
|
|
493
|
+
q._quote Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.
|
|
494
|
+
._P
|
|
495
|
+
p aaa
|
|
496
|
+
|
|
497
|
+
// 簡易表格樣式 基本格式(無特殊設定)
|
|
498
|
+
article._article.typeTable(data-aost data-aost-fade-up data-table-markdown='on')
|
|
169
499
|
._contentWrap
|
|
170
|
-
h4._H
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
article._article.typeSR(data-aost data-aost-fade-up)
|
|
500
|
+
h4._H This is the title of the Form (基本表格)
|
|
501
|
+
._tableCover
|
|
502
|
+
p._tipText
|
|
503
|
+
i.icon-drag
|
|
504
|
+
span 左右托拉查看表格資訊
|
|
505
|
+
._table
|
|
506
|
+
table
|
|
507
|
+
thead
|
|
508
|
+
tr(data-row='0')
|
|
509
|
+
th(data-column="A")
|
|
510
|
+
| # 預設均分
|
|
511
|
+
| (最小100)
|
|
512
|
+
th(data-column="B")
|
|
513
|
+
| # 預設均分
|
|
514
|
+
| (最小100)
|
|
515
|
+
tbody
|
|
516
|
+
for i in [1,2,3,4,5,6,7]
|
|
517
|
+
tr(data-row=`${i}`)
|
|
518
|
+
td(data-column="A")
|
|
519
|
+
| @center@列點@center@
|
|
520
|
+
| - <a href="google.com">test</a>
|
|
521
|
+
| - 列點連結[點我](http://example.com/ "Title")
|
|
522
|
+
| - **列點粗體**
|
|
523
|
+
td(data-column="B")
|
|
524
|
+
| 1. ~~列點斜體~~
|
|
525
|
+
| 2. *列點斜體*
|
|
526
|
+
p._description What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world.
|
|
527
|
+
|
|
528
|
+
// 合併 : td/th 設定 colspan="2" / rowspan="2"
|
|
529
|
+
// 個別表格設定最小寬度(非預設) table(style='--minWidth: 500px;')
|
|
530
|
+
article._article.typeTable(data-aost data-aost-fade-up)
|
|
202
531
|
._contentWrap
|
|
203
|
-
h4._H
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
532
|
+
h4._H This is the title of the Form (有合併/拖拉的)
|
|
533
|
+
._tableCover
|
|
534
|
+
p._tipText
|
|
535
|
+
i.icon-drag
|
|
536
|
+
span 左右托拉查看表格資訊
|
|
537
|
+
._table
|
|
538
|
+
table(style='--minWidth: 500px;')
|
|
539
|
+
thead
|
|
540
|
+
tr(data-row='0')
|
|
541
|
+
th(data-column="A")
|
|
542
|
+
span 最小寬500
|
|
543
|
+
th(data-column="B")
|
|
544
|
+
span 最小寬500
|
|
545
|
+
th(data-column="C")
|
|
546
|
+
span 最小寬500
|
|
547
|
+
tbody
|
|
548
|
+
tr(data-row='1')
|
|
549
|
+
td(data-column="A")
|
|
550
|
+
span aaa
|
|
551
|
+
td(data-column="B" colspan="2")
|
|
552
|
+
span bbb
|
|
553
|
+
tr(data-row='2')
|
|
554
|
+
td(data-column="A")
|
|
555
|
+
span aaa
|
|
556
|
+
td(data-column="B" rowspan="2")
|
|
557
|
+
span bbb
|
|
558
|
+
td(data-column="C")
|
|
559
|
+
span ccc
|
|
560
|
+
tr(data-row='3')
|
|
561
|
+
td(data-column="A")
|
|
562
|
+
span aaa
|
|
563
|
+
td(data-column="C")
|
|
564
|
+
span ccc
|
|
565
|
+
for i in [1,2,3,4,5,6,7]
|
|
566
|
+
tr(data-row=`${i + 3}`)
|
|
567
|
+
td(data-column="A")
|
|
568
|
+
span aaa
|
|
569
|
+
td(data-column="B")
|
|
570
|
+
span bbb
|
|
571
|
+
td(data-column="C")
|
|
572
|
+
span ccc
|
|
573
|
+
p._description What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world.
|
|
574
|
+
|
|
575
|
+
// 特例表格樣式 (TSC專用)
|
|
576
|
+
// 凍結表格設定 freeze-table='on' 預設凍結 第一列/第一欄
|
|
577
|
+
// 個別欄位寬度設定 td(style='width:100px; min-width:100px;')
|
|
578
|
+
article._article.typeTable(data-aost data-aost-fade-up freeze-table='on' freeze-table-row='1' freeze-table-col='1')
|
|
228
579
|
._contentWrap
|
|
229
|
-
h4._H This is the title of the
|
|
230
|
-
.
|
|
231
|
-
.
|
|
232
|
-
.
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
580
|
+
h4._H This is the title of the Form (有合併/拖拉/凍結的)
|
|
581
|
+
._tableCover
|
|
582
|
+
p._tipText
|
|
583
|
+
i.icon-drag
|
|
584
|
+
span 左右托拉查看表格資訊
|
|
585
|
+
._table
|
|
586
|
+
table(style='--minWidth: 400px;')
|
|
587
|
+
thead
|
|
588
|
+
tr(data-row='0')
|
|
589
|
+
th(data-column="A" style='width: 200px; min-width: 200px;')
|
|
590
|
+
span 固定寬度 200
|
|
591
|
+
th(data-column="B")
|
|
592
|
+
span BBB
|
|
593
|
+
th(data-column="C")
|
|
594
|
+
span CCC
|
|
595
|
+
th(data-column="D")
|
|
596
|
+
span DDD
|
|
597
|
+
th(data-column="E")
|
|
598
|
+
span EEE
|
|
599
|
+
tbody
|
|
600
|
+
tr(data-row='1')
|
|
601
|
+
td(data-column="A" style='width: 200px; min-width: 200px;')
|
|
602
|
+
span aaa
|
|
603
|
+
td(data-column="B" colspan="2")
|
|
604
|
+
span bbb
|
|
605
|
+
td(data-column="D")
|
|
606
|
+
span ddd
|
|
607
|
+
td(data-column="E")
|
|
608
|
+
span eee
|
|
609
|
+
tr(data-row='2')
|
|
610
|
+
td(data-column="A" style='width: 200px; min-width: 200px;')
|
|
611
|
+
span aaa
|
|
612
|
+
td(data-column="B" rowspan="2")
|
|
613
|
+
span bbb
|
|
614
|
+
td(data-column="C")
|
|
615
|
+
span ccc
|
|
616
|
+
td(data-column="D")
|
|
617
|
+
span ddd
|
|
618
|
+
td(data-column="E")
|
|
619
|
+
span eee
|
|
620
|
+
tr(data-row='3')
|
|
621
|
+
td(data-column="A" style='width: 200px; min-width: 200px;')
|
|
622
|
+
span aaa
|
|
623
|
+
td(data-column="C")
|
|
624
|
+
span ccc
|
|
625
|
+
td(data-column="D")
|
|
626
|
+
span ddd
|
|
627
|
+
td(data-column="E")
|
|
628
|
+
span eee
|
|
629
|
+
for i in [1,2,3,4,5,6,7]
|
|
630
|
+
tr(data-row=`${i+3}`)
|
|
631
|
+
td(data-column="A" style='width: 200px; min-width: 200px;')
|
|
632
|
+
span aaa
|
|
633
|
+
td(data-column="B")
|
|
634
|
+
span bbb
|
|
635
|
+
td(data-column="C")
|
|
636
|
+
span ccc
|
|
637
|
+
td(data-column="D")
|
|
638
|
+
span ddd
|
|
639
|
+
td(data-column="E")
|
|
640
|
+
span eee
|
|
641
|
+
p._description What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world.
|
|
642
|
+
|
|
643
|
+
// 特例表格樣式 (TSC專用)
|
|
644
|
+
// 凍結表格設定 freeze-table='on'
|
|
645
|
+
// 凍結行列設定 freeze-table-row='2' freeze-table-col='2'
|
|
646
|
+
article._article.typeTable(data-aost data-aost-fade-up freeze-table='on' freeze-table-row='3' freeze-table-col='1')
|
|
281
647
|
._contentWrap
|
|
282
|
-
h4._H This is the title of the
|
|
283
|
-
.
|
|
284
|
-
.
|
|
285
|
-
.
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
<div class="_photo"><img src="https://picsum.photos/id/1052/700/400" alt=""></div>
|
|
372
|
-
<p class="_description">Description</p>
|
|
373
|
-
</div>
|
|
374
|
-
</div>
|
|
375
|
-
<div class="_wordCover">
|
|
376
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
377
|
-
<div class="_P">
|
|
378
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
379
|
-
</div>
|
|
380
|
-
</div>
|
|
381
|
-
</div>
|
|
382
|
-
</article>
|
|
383
|
-
<article class="_article typeUL">
|
|
384
|
-
<div class="_contentWrap">
|
|
385
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
386
|
-
<div class="_imgCover">
|
|
387
|
-
<div class="_cover">
|
|
388
|
-
<div class="_photo"><img src="https://picsum.photos/id/1061/700/400" alt=""></div>
|
|
389
|
-
<p class="_description">Description</p>
|
|
390
|
-
</div>
|
|
391
|
-
</div>
|
|
392
|
-
<div class="_wordCover">
|
|
393
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
394
|
-
<div class="_P">
|
|
395
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
396
|
-
</div>
|
|
397
|
-
</div>
|
|
398
|
-
</div>
|
|
399
|
-
</article>
|
|
400
|
-
<article class="_article typeUR">
|
|
401
|
-
<div class="_contentWrap">
|
|
402
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
403
|
-
<div class="_imgCover">
|
|
404
|
-
<div class="_cover">
|
|
405
|
-
<div class="_photo"><img src="https://picsum.photos/id/1064/700/400" alt=""></div>
|
|
406
|
-
<p class="_description">Description</p>
|
|
407
|
-
</div>
|
|
408
|
-
</div>
|
|
409
|
-
<div class="_wordCover">
|
|
410
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
411
|
-
<div class="_P">
|
|
412
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
413
|
-
</div>
|
|
414
|
-
</div>
|
|
415
|
-
</div>
|
|
416
|
-
</article>
|
|
417
|
-
<article class="_article typeD">
|
|
418
|
-
<div class="_contentWrap">
|
|
419
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
420
|
-
<div class="_imgCover">
|
|
421
|
-
<div class="_cover">
|
|
422
|
-
<div class="_photo"><img src="https://picsum.photos/id/1081/700/400" alt=""></div>
|
|
423
|
-
<p class="_description">Description</p>
|
|
424
|
-
</div>
|
|
425
|
-
</div>
|
|
426
|
-
<div class="_wordCover">
|
|
427
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
428
|
-
<div class="_P">
|
|
429
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
430
|
-
</div>
|
|
431
|
-
</div>
|
|
432
|
-
</div>
|
|
433
|
-
</article>
|
|
434
|
-
<article class="_article typeDL">
|
|
435
|
-
<div class="_contentWrap">
|
|
436
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
437
|
-
<div class="_imgCover">
|
|
438
|
-
<div class="_cover">
|
|
439
|
-
<div class="_photo"><img src="https://picsum.photos/id/910/700/400" alt=""></div>
|
|
440
|
-
<p class="_description">Description</p>
|
|
441
|
-
</div>
|
|
442
|
-
</div>
|
|
443
|
-
<div class="_wordCover">
|
|
444
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
445
|
-
<div class="_P">
|
|
446
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
447
|
-
</div>
|
|
448
|
-
</div>
|
|
449
|
-
</div>
|
|
450
|
-
</article>
|
|
451
|
-
<article class="_article typeDR">
|
|
452
|
-
<div class="_contentWrap">
|
|
453
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
454
|
-
<div class="_imgCover">
|
|
455
|
-
<div class="_cover">
|
|
456
|
-
<div class="_photo"><img src="https://picsum.photos/id/12/700/400" alt=""></div>
|
|
457
|
-
<p class="_description">Description</p>
|
|
458
|
-
</div>
|
|
459
|
-
</div>
|
|
460
|
-
<div class="_wordCover">
|
|
461
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
462
|
-
<div class="_P">
|
|
463
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
464
|
-
</div>
|
|
465
|
-
</div>
|
|
466
|
-
</div>
|
|
467
|
-
</article>
|
|
468
|
-
<article class="_article typeL">
|
|
469
|
-
<div class="_contentWrap">
|
|
470
|
-
<div class="_imgCover">
|
|
471
|
-
<div class="_cover">
|
|
472
|
-
<div class="_photo" video-id="FonjL7DQAUQ" video-type="youtube"><img src="https://picsum.photos/id/121/700/400" alt=""></div>
|
|
473
|
-
<p class="_description">Description</p>
|
|
474
|
-
</div>
|
|
475
|
-
</div>
|
|
476
|
-
<div class="_wordCover">
|
|
477
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
478
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
479
|
-
<div class="_P">
|
|
480
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
481
|
-
</div>
|
|
482
|
-
</div>
|
|
483
|
-
</div>
|
|
484
|
-
</article>
|
|
485
|
-
<article class="_article typeR">
|
|
486
|
-
<div class="_contentWrap">
|
|
487
|
-
<div class="_imgCover">
|
|
488
|
-
<div class="_cover">
|
|
489
|
-
<div class="_photo"><img src="https://picsum.photos/id/235/700/400" alt=""></div>
|
|
490
|
-
<p class="_description">Description</p>
|
|
491
|
-
</div>
|
|
492
|
-
</div>
|
|
493
|
-
<div class="_wordCover">
|
|
494
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
495
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
496
|
-
<div class="_P">
|
|
497
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
498
|
-
</div>
|
|
499
|
-
</div>
|
|
500
|
-
</div>
|
|
501
|
-
</article>
|
|
502
|
-
<article class="_article typeL" article-flex="center">
|
|
503
|
-
<div class="_contentWrap">
|
|
504
|
-
<div class="_imgCover">
|
|
505
|
-
<div class="_cover">
|
|
506
|
-
<div class="_photo"><img src="https://picsum.photos/id/256/700/400" alt=""></div>
|
|
507
|
-
<p class="_description">Description</p>
|
|
508
|
-
</div>
|
|
509
|
-
</div>
|
|
510
|
-
<div class="_wordCover">
|
|
511
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
512
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
513
|
-
<div class="_P">
|
|
514
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
515
|
-
</div>
|
|
516
|
-
</div>
|
|
517
|
-
</div>
|
|
518
|
-
</article>
|
|
519
|
-
<article class="_article typeLR" img-row="x1">
|
|
520
|
-
<div class="_contentWrap">
|
|
521
|
-
<div class="_imgCover">
|
|
522
|
-
<div class="_cover">
|
|
523
|
-
<div class="_photo"><img src="https://picsum.photos/id/141/700/400" alt=""></div>
|
|
524
|
-
<p class="_description">Description</p>
|
|
525
|
-
</div>
|
|
526
|
-
</div>
|
|
527
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers... This is the title of the Article, A satirical title generator for designers...</h4>
|
|
528
|
-
<div class="_P">
|
|
529
|
-
<p>安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
530
|
-
</div>
|
|
531
|
-
</div>
|
|
532
|
-
</article>
|
|
533
|
-
<article class="_article typeRR">
|
|
534
|
-
<div class="_contentWrap">
|
|
535
|
-
<div class="_imgCover">
|
|
536
|
-
<div class="_cover">
|
|
537
|
-
<div class="_photo"><img src="https://picsum.photos/id/198/700/400" alt=""></div>
|
|
538
|
-
<p class="_description">Description</p>
|
|
539
|
-
</div>
|
|
540
|
-
</div>
|
|
541
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
542
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
543
|
-
<div class="_P">
|
|
544
|
-
<p>安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
545
|
-
</div>
|
|
546
|
-
</div>
|
|
547
|
-
</article>
|
|
548
|
-
<article class="_article typeF" typeFull-size="l">
|
|
549
|
-
<div class="_backgroundWrap">
|
|
550
|
-
<div class="_pc" style="background-image: url('https://picsum.photos/id/450/1000/650')"></div>
|
|
551
|
-
<div class="_mobile" style="background-image: url('https://picsum.photos/id/728/650/1000')"></div>
|
|
552
|
-
</div>
|
|
553
|
-
<div class="_contentWrap">
|
|
554
|
-
<div class="_imgCover">
|
|
555
|
-
<div class="swiper">
|
|
556
|
-
<div class="swiper-wrapper">
|
|
557
|
-
<div class="_cover swiper-slide">
|
|
558
|
-
<div class="_photo"><img src="https://picsum.photos/id/961/700/700" alt=""></div>
|
|
559
|
-
<p class="_description">Description</p>
|
|
560
|
-
</div>
|
|
561
|
-
<div class="_cover swiper-slide">
|
|
562
|
-
<div class="_photo"><img src="https://picsum.photos/id/404/700/400" alt=""></div>
|
|
563
|
-
<p class="_description">Description</p>
|
|
564
|
-
</div>
|
|
565
|
-
<div class="_cover swiper-slide">
|
|
566
|
-
<div class="_photo"><img src="https://picsum.photos/id/406/700/700" alt=""></div>
|
|
567
|
-
<p class="_description">Description</p>
|
|
568
|
-
</div>
|
|
569
|
-
<div class="_cover swiper-slide">
|
|
570
|
-
<div class="_photo"><img src="https://picsum.photos/id/932/580/780" alt=""></div>
|
|
571
|
-
<p class="_description">Description</p>
|
|
572
|
-
</div>
|
|
573
|
-
</div>
|
|
574
|
-
</div>
|
|
575
|
-
<div class="swiper-button-cover"></div>
|
|
576
|
-
</div>
|
|
577
|
-
<div class="_wordCover">
|
|
578
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
579
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
580
|
-
<div class="_P">
|
|
581
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
582
|
-
</div>
|
|
583
|
-
</div>
|
|
584
|
-
</div>
|
|
585
|
-
</article>
|
|
586
|
-
<article class="_article typeFL" typeFull-size="l">
|
|
587
|
-
<div class="_backgroundWrap">
|
|
588
|
-
<div class="_pc" style="background-image: url('https://picsum.photos/id/347/1000/650')"></div>
|
|
589
|
-
<div class="_mobile" style="background-image: url('https://picsum.photos/id/730/650/1000')"></div>
|
|
590
|
-
</div>
|
|
591
|
-
<div class="_contentWrap">
|
|
592
|
-
<div class="_wordCover">
|
|
593
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
594
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
595
|
-
<div class="_P">
|
|
596
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
597
|
-
</div>
|
|
598
|
-
</div>
|
|
599
|
-
</div>
|
|
600
|
-
</article>
|
|
601
|
-
<article class="_article typeFR" typeFull-size="l">
|
|
602
|
-
<div class="_backgroundWrap">
|
|
603
|
-
<div class="_pc" style="background-image: url('https://picsum.photos/id/465/1000/650')"></div>
|
|
604
|
-
<div class="_mobile" style="background-image: url('https://picsum.photos/id/731/650/1000')"></div>
|
|
605
|
-
</div>
|
|
606
|
-
<div class="_contentWrap">
|
|
607
|
-
<div class="_wordCover">
|
|
608
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
609
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
610
|
-
<div class="_P">
|
|
611
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
612
|
-
</div>
|
|
613
|
-
</div>
|
|
614
|
-
</div>
|
|
615
|
-
</article>
|
|
616
|
-
<article class="_article typeF" typeFull-size="m">
|
|
617
|
-
<div class="_backgroundWrap">
|
|
618
|
-
<div class="_pc" style="background-image: url('https://picsum.photos/id/989/1000/650')"></div>
|
|
619
|
-
<div class="_mobile" style="background-image: url('https://picsum.photos/id/988/650/1000')"></div>
|
|
620
|
-
</div>
|
|
621
|
-
<div class="_contentWrap">
|
|
622
|
-
<div class="_wordCover">
|
|
623
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
624
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
625
|
-
<div class="_P">
|
|
626
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
627
|
-
</div>
|
|
628
|
-
</div>
|
|
629
|
-
</div>
|
|
630
|
-
</article>
|
|
631
|
-
<article class="_article typeF" typeFull-color="#fdca36" typeFull-size="l">
|
|
632
|
-
<div class="_backgroundWrap"></div>
|
|
633
|
-
<div class="_contentWrap">
|
|
634
|
-
<div class="_wordCover">
|
|
635
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
636
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
637
|
-
<div class="_P">
|
|
638
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
639
|
-
</div>
|
|
640
|
-
</div>
|
|
641
|
-
</div>
|
|
642
|
-
</article>
|
|
643
|
-
<article class="_article typeFBox" typeFull-size="xl" img-row="x2">
|
|
644
|
-
<div class="_backgroundWrap">
|
|
645
|
-
<div class="_pc" style="background-image: url('https://picsum.photos/id/379/1000/650')"></div>
|
|
646
|
-
<div class="_mobile" style="background-image: url('https://picsum.photos/id/733/650/1000')"></div>
|
|
647
|
-
</div>
|
|
648
|
-
<div class="_contentWrap">
|
|
649
|
-
<div class="_imgCover">
|
|
650
|
-
<div class="_cover">
|
|
651
|
-
<div class="_photo"><img src="https://picsum.photos/id/886/700/400" alt=""></div>
|
|
652
|
-
<p class="_description">Description</p>
|
|
653
|
-
</div>
|
|
654
|
-
<div class="_cover">
|
|
655
|
-
<div class="_photo"><img src="https://picsum.photos/id/887/700/400" alt=""></div>
|
|
656
|
-
<p class="_description">Description</p>
|
|
657
|
-
</div>
|
|
658
|
-
</div>
|
|
659
|
-
<div class="_wordCover">
|
|
660
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
661
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
662
|
-
<div class="_P">
|
|
663
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
664
|
-
</div>
|
|
665
|
-
</div>
|
|
666
|
-
</div>
|
|
667
|
-
</article>
|
|
668
|
-
<article class="_article typeFBoxL" typeFull-size="l">
|
|
669
|
-
<div class="_backgroundWrap">
|
|
670
|
-
<div class="_pc" style="background-image: url('https://picsum.photos/id/479/1000/650')"></div>
|
|
671
|
-
<div class="_mobile" style="background-image: url('https://picsum.photos/id/735/650/1000')"></div>
|
|
672
|
-
</div>
|
|
673
|
-
<div class="_contentWrap">
|
|
674
|
-
<div class="_imgCover">
|
|
675
|
-
<div class="swiper">
|
|
676
|
-
<div class="swiper-wrapper">
|
|
677
|
-
<div class="_cover swiper-slide">
|
|
678
|
-
<div class="_photo"><img src="https://picsum.photos/id/886/700/400" alt=""></div>
|
|
679
|
-
<p class="_description">Description</p>
|
|
680
|
-
</div>
|
|
681
|
-
<div class="_cover swiper-slide">
|
|
682
|
-
<div class="_photo"><img src="https://picsum.photos/id/887/700/400" alt=""></div>
|
|
683
|
-
<p class="_description">Description</p>
|
|
684
|
-
</div>
|
|
685
|
-
</div>
|
|
686
|
-
</div>
|
|
687
|
-
<div class="swiper-button-cover"></div>
|
|
688
|
-
</div>
|
|
689
|
-
<div class="_wordCover">
|
|
690
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
691
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
692
|
-
<div class="_P">
|
|
693
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
694
|
-
</div>
|
|
695
|
-
</div>
|
|
696
|
-
</div>
|
|
697
|
-
</article>
|
|
698
|
-
<article class="_article typeFBoxR" typeFull-size="l">
|
|
699
|
-
<div class="_backgroundWrap">
|
|
700
|
-
<div class="_pc" style="background-image: url('https://picsum.photos/id/591/1000/650')"></div>
|
|
701
|
-
<div class="_mobile" style="background-image: url('https://picsum.photos/id/809/650/1000')"></div>
|
|
702
|
-
</div>
|
|
703
|
-
<div class="_contentWrap">
|
|
704
|
-
<div class="_wordCover">
|
|
705
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
706
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
707
|
-
<div class="_P">
|
|
708
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
709
|
-
</div>
|
|
710
|
-
</div>
|
|
711
|
-
</div>
|
|
712
|
-
</article>
|
|
713
|
-
<article class="_article typeFBoxR" typeFull-boxcolor="rgba(253, 202, 54, 0.5)" typeFull-size="l">
|
|
714
|
-
<div class="_backgroundWrap">
|
|
715
|
-
<div class="_pc" style="background-image: url('https://picsum.photos/id/930/1000/650')"></div>
|
|
716
|
-
<div class="_mobile" style="background-image: url('https://picsum.photos/id/931/650/1000')"></div>
|
|
717
|
-
</div>
|
|
718
|
-
<div class="_contentWrap">
|
|
719
|
-
<div class="_wordCover">
|
|
720
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
721
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
722
|
-
<div class="_P">
|
|
723
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
724
|
-
</div>
|
|
725
|
-
</div>
|
|
726
|
-
</div>
|
|
727
|
-
</article>
|
|
728
|
-
<article class="_article typeFBoxL" typeFull-Slice="on" typeFull-size="l">
|
|
729
|
-
<div class="_backgroundWrap">
|
|
730
|
-
<div class="_pc" style="background-image: url('https://picsum.photos/id/664/1000/650')"></div>
|
|
731
|
-
<div class="_mobile" style="background-image: url('https://picsum.photos/id/813/650/1000')"></div>
|
|
732
|
-
</div>
|
|
733
|
-
<div class="_contentWrap" style="background-color: rgba(255, 255, 255, 0.5)">
|
|
734
|
-
<div class="_wordCover">
|
|
735
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
736
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
737
|
-
<div class="_P">
|
|
738
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
739
|
-
</div>
|
|
740
|
-
</div>
|
|
741
|
-
</div>
|
|
742
|
-
</article>
|
|
743
|
-
<article class="_article" img-size="x169" img-row="x4">
|
|
744
|
-
<div class="_contentWrap">
|
|
745
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
746
|
-
<div class="_imgCover">
|
|
747
|
-
<div class="_cover">
|
|
748
|
-
<div class="_photo"><img src="https://picsum.photos/id/961/700/700" alt=""></div>
|
|
749
|
-
<p class="_description">Description</p>
|
|
750
|
-
</div>
|
|
751
|
-
<div class="_cover">
|
|
752
|
-
<div class="_photo"><img src="https://picsum.photos/id/404/700/400" alt=""></div>
|
|
753
|
-
<p class="_description">Description</p>
|
|
754
|
-
</div>
|
|
755
|
-
<div class="_cover">
|
|
756
|
-
<div class="_photo"><img src="https://picsum.photos/id/406/700/700" alt=""></div>
|
|
757
|
-
<p class="_description">Description</p>
|
|
758
|
-
</div>
|
|
759
|
-
<div class="_cover">
|
|
760
|
-
<div class="_photo"><img src="https://picsum.photos/id/932/580/780" alt=""></div>
|
|
761
|
-
<p class="_description">Description</p>
|
|
762
|
-
</div>
|
|
763
|
-
</div>
|
|
764
|
-
<div class="_wordCover">
|
|
765
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
766
|
-
<div class="_P">
|
|
767
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
768
|
-
</div>
|
|
769
|
-
</div>
|
|
770
|
-
</div>
|
|
771
|
-
</article>
|
|
772
|
-
<article class="_article typeD" swiper-num="3">
|
|
773
|
-
<div class="_contentWrap">
|
|
774
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
775
|
-
<div class="_imgCover">
|
|
776
|
-
<div class="swiper">
|
|
777
|
-
<div class="swiper-wrapper">
|
|
778
|
-
<div class="_cover swiper-slide">
|
|
779
|
-
<div class="_photo"><img src="https://picsum.photos/id/961/700/700" alt=""></div>
|
|
780
|
-
<p class="_description">Description</p>
|
|
781
|
-
</div>
|
|
782
|
-
<div class="_cover swiper-slide">
|
|
783
|
-
<div class="_photo"><img src="https://picsum.photos/id/404/700/400" alt=""></div>
|
|
784
|
-
<p class="_description">Description</p>
|
|
785
|
-
</div>
|
|
786
|
-
<div class="_cover swiper-slide">
|
|
787
|
-
<div class="_photo"><img src="https://picsum.photos/id/406/700/700" alt=""></div>
|
|
788
|
-
<p class="_description">Description</p>
|
|
789
|
-
</div>
|
|
790
|
-
<div class="_cover swiper-slide">
|
|
791
|
-
<div class="_photo"><img src="https://picsum.photos/id/932/580/780" alt=""></div>
|
|
792
|
-
<p class="_description">Description</p>
|
|
793
|
-
</div>
|
|
794
|
-
</div>
|
|
795
|
-
</div>
|
|
796
|
-
<div class="swiper-button-cover"></div>
|
|
797
|
-
</div>
|
|
798
|
-
<div class="_wordCover">
|
|
799
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
800
|
-
<div class="_P">
|
|
801
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
802
|
-
</div>
|
|
803
|
-
</div>
|
|
804
|
-
</div>
|
|
805
|
-
</article>
|
|
806
|
-
<article class="_article typeDL" swiper-arrow="on" swiper-num="2">
|
|
807
|
-
<div class="_contentWrap">
|
|
808
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
809
|
-
<div class="_imgCover">
|
|
810
|
-
<div class="swiper">
|
|
811
|
-
<div class="swiper-wrapper">
|
|
812
|
-
<div class="_cover swiper-slide">
|
|
813
|
-
<div class="_photo"><img src="https://picsum.photos/id/961/700/700" alt=""></div>
|
|
814
|
-
<p class="_description">Description</p>
|
|
815
|
-
</div>
|
|
816
|
-
<div class="_cover swiper-slide">
|
|
817
|
-
<div class="_photo"><img src="https://picsum.photos/id/404/700/400" alt=""></div>
|
|
818
|
-
<p class="_description">Description</p>
|
|
819
|
-
</div>
|
|
820
|
-
</div>
|
|
821
|
-
</div>
|
|
822
|
-
<div class="swiper-button-cover"></div>
|
|
823
|
-
</div>
|
|
824
|
-
<div class="_wordCover">
|
|
825
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
826
|
-
<div class="_P">
|
|
827
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
828
|
-
</div>
|
|
829
|
-
</div>
|
|
830
|
-
</div>
|
|
831
|
-
</article>
|
|
832
|
-
<article class="_article typeU" swiper-nav="off" swiper-num="3">
|
|
833
|
-
<div class="_contentWrap">
|
|
834
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
835
|
-
<div class="_imgCover">
|
|
836
|
-
<div class="swiper">
|
|
837
|
-
<div class="swiper-wrapper">
|
|
838
|
-
<div class="_cover swiper-slide">
|
|
839
|
-
<div class="_photo"><img src="https://picsum.photos/id/961/700/700" alt=""></div>
|
|
840
|
-
<p class="_description">Description</p>
|
|
841
|
-
</div>
|
|
842
|
-
<div class="_cover swiper-slide">
|
|
843
|
-
<div class="_photo"><img src="https://picsum.photos/id/404/700/400" alt=""></div>
|
|
844
|
-
<p class="_description">Description</p>
|
|
845
|
-
</div>
|
|
846
|
-
<div class="_cover swiper-slide">
|
|
847
|
-
<div class="_photo"><img src="https://picsum.photos/id/406/700/700" alt=""></div>
|
|
848
|
-
<p class="_description">Description</p>
|
|
849
|
-
</div>
|
|
850
|
-
<div class="_cover swiper-slide">
|
|
851
|
-
<div class="_photo"><img src="https://picsum.photos/id/932/580/780" alt=""></div>
|
|
852
|
-
<p class="_description">Description</p>
|
|
853
|
-
</div>
|
|
854
|
-
</div>
|
|
855
|
-
</div>
|
|
856
|
-
<div class="swiper-button-cover"></div>
|
|
857
|
-
</div>
|
|
858
|
-
<div class="_wordCover">
|
|
859
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
860
|
-
<div class="_P">
|
|
861
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
862
|
-
</div>
|
|
863
|
-
</div>
|
|
864
|
-
</div>
|
|
865
|
-
</article>
|
|
866
|
-
<article class="_article typeUR" swiper-autoplay="off" swiper-num="3">
|
|
867
|
-
<div class="_contentWrap">
|
|
868
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
869
|
-
<div class="_imgCover">
|
|
870
|
-
<div class="swiper">
|
|
871
|
-
<div class="swiper-wrapper">
|
|
872
|
-
<div class="_cover swiper-slide">
|
|
873
|
-
<div class="_photo"><img src="https://picsum.photos/id/961/700/700" alt=""></div>
|
|
874
|
-
<p class="_description">Description</p>
|
|
875
|
-
</div>
|
|
876
|
-
<div class="_cover swiper-slide">
|
|
877
|
-
<div class="_photo"><img src="https://picsum.photos/id/404/700/400" alt=""></div>
|
|
878
|
-
<p class="_description">Description</p>
|
|
879
|
-
</div>
|
|
880
|
-
<div class="_cover swiper-slide">
|
|
881
|
-
<div class="_photo"><img src="https://picsum.photos/id/406/700/700" alt=""></div>
|
|
882
|
-
<p class="_description">Description</p>
|
|
883
|
-
</div>
|
|
884
|
-
<div class="_cover swiper-slide">
|
|
885
|
-
<div class="_photo"><img src="https://picsum.photos/id/932/580/780" alt=""></div>
|
|
886
|
-
<p class="_description">Description</p>
|
|
887
|
-
</div>
|
|
888
|
-
</div>
|
|
889
|
-
</div>
|
|
890
|
-
<div class="swiper-button-cover"></div>
|
|
891
|
-
</div>
|
|
892
|
-
<div class="_wordCover">
|
|
893
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
894
|
-
<div class="_P">
|
|
895
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
896
|
-
</div>
|
|
897
|
-
</div>
|
|
898
|
-
</div>
|
|
899
|
-
</article>
|
|
900
|
-
<article class="_article typeR" swiper-loop="off" swiper-autoplay="off">
|
|
901
|
-
<div class="_contentWrap">
|
|
902
|
-
<div class="_imgCover">
|
|
903
|
-
<div class="swiper">
|
|
904
|
-
<div class="swiper-wrapper">
|
|
905
|
-
<div class="_cover swiper-slide">
|
|
906
|
-
<div class="_photo"><img src="https://picsum.photos/id/961/700/700" alt=""></div>
|
|
907
|
-
<p class="_description">Description</p>
|
|
908
|
-
</div>
|
|
909
|
-
<div class="_cover swiper-slide">
|
|
910
|
-
<div class="_photo"><img src="https://picsum.photos/id/404/700/400" alt=""></div>
|
|
911
|
-
<p class="_description">Description</p>
|
|
912
|
-
</div>
|
|
913
|
-
<div class="_cover swiper-slide">
|
|
914
|
-
<div class="_photo"><img src="https://picsum.photos/id/406/700/700" alt=""></div>
|
|
915
|
-
<p class="_description">Description</p>
|
|
916
|
-
</div>
|
|
917
|
-
<div class="_cover swiper-slide">
|
|
918
|
-
<div class="_photo"><img src="https://picsum.photos/id/932/580/780" alt=""></div>
|
|
919
|
-
<p class="_description">Description</p>
|
|
920
|
-
</div>
|
|
921
|
-
</div>
|
|
922
|
-
</div>
|
|
923
|
-
<div class="swiper-button-cover"></div>
|
|
924
|
-
</div>
|
|
925
|
-
<div class="_wordCover">
|
|
926
|
-
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
927
|
-
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
928
|
-
<div class="_P">
|
|
929
|
-
<p>What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world. The museum simulator"Mondo Museum" is a game that tests the player's ability to manage. You can freely design the structure of the museum, from the planning of the exhibition hall to the location of the gift shop, laying different floors for each room, setting windows, and of course matching Create a first class museum on the wallpaper.</p><span class="_buttonCover"><a class="_button" href="javascript:;">Button Description</a></span>
|
|
930
|
-
</div>
|
|
931
|
-
</div>
|
|
932
|
-
</div>
|
|
933
|
-
</article>
|
|
648
|
+
h4._H This is the title of the Form (有合併/拖拉/凍結多欄多列的)
|
|
649
|
+
._tableCover
|
|
650
|
+
p._tipText
|
|
651
|
+
i.icon-drag
|
|
652
|
+
span 左右托拉查看表格資訊
|
|
653
|
+
._table
|
|
654
|
+
table
|
|
655
|
+
tbody
|
|
656
|
+
tr(data-row='0')
|
|
657
|
+
td(data-column="A" rowspan="3" style='width:200px; min-width:200px;')
|
|
658
|
+
span aaa
|
|
659
|
+
td(data-column="B" colspan="3" style='width:200px; min-width:200px;')
|
|
660
|
+
span bbb
|
|
661
|
+
//- td(data-column="C" style='width:200px; min-width:200px;')
|
|
662
|
+
//- span ccc
|
|
663
|
+
//- td(data-column="D" style='width:300px; min-width:300px;')
|
|
664
|
+
//- span ddd
|
|
665
|
+
td(data-column="E" style='width:300px; min-width:300px;')
|
|
666
|
+
span eee
|
|
667
|
+
td(data-column="F" style='width:300px; min-width:300px;')
|
|
668
|
+
span fff
|
|
669
|
+
tr(data-row='1')
|
|
670
|
+
//- td(data-column="A" style='width:200px; min-width:200px;')
|
|
671
|
+
//- span aaa
|
|
672
|
+
td(data-column="B" rowspan="2" style='width:200px; min-width:200px;')
|
|
673
|
+
span bbb
|
|
674
|
+
td(data-column="C" colspan="3" style='width:200px; min-width:200px;')
|
|
675
|
+
span ccc
|
|
676
|
+
//- td(data-column="D" style='width:300px; min-width:300px;')
|
|
677
|
+
//- span ddd
|
|
678
|
+
//- td(data-column="E" style='width:300px; min-width:300px;')
|
|
679
|
+
//- span eee
|
|
680
|
+
td(data-column="F" style='width:300px; min-width:300px;')
|
|
681
|
+
span fff
|
|
682
|
+
tr(data-row='2')
|
|
683
|
+
//- td(data-column="A" rowspan="2" style='width:200px; min-width:200px;')
|
|
684
|
+
//- span aaa
|
|
685
|
+
//- td(data-column="B" style='width:200px; min-width:200px;')
|
|
686
|
+
//- span bbb
|
|
687
|
+
td(data-column="C" style='width:300px; min-width:300px;')
|
|
688
|
+
span ccc
|
|
689
|
+
td(data-column="D" style='width:300px; min-width:300px;')
|
|
690
|
+
span ddd
|
|
691
|
+
td(data-column="E" style='width:300px; min-width:300px;')
|
|
692
|
+
span eee
|
|
693
|
+
td(data-column="F" style='width:300px; min-width:300px;')
|
|
694
|
+
span fff
|
|
695
|
+
tr(data-row='3')
|
|
696
|
+
td(data-column="A" rowspan="2" style='width:200px; min-width:200px;')
|
|
697
|
+
span aaa
|
|
698
|
+
td(data-column="B" style='width:200px; min-width:200px;')
|
|
699
|
+
span bbb
|
|
700
|
+
td(data-column="C" style='width:300px; min-width:300px;')
|
|
701
|
+
span ccc
|
|
702
|
+
td(data-column="D" style='width:300px; min-width:300px;')
|
|
703
|
+
span ddd
|
|
704
|
+
td(data-column="E" style='width:300px; min-width:300px;')
|
|
705
|
+
span eee
|
|
706
|
+
td(data-column="F" style='width:300px; min-width:300px;')
|
|
707
|
+
span fff
|
|
708
|
+
tr(data-row='3')
|
|
709
|
+
//- td(data-column="B" style='width:200px; min-width:200px;')
|
|
710
|
+
//- span bbb
|
|
711
|
+
td(data-column="B" style='width:200px; min-width:200px;')
|
|
712
|
+
span bbb
|
|
713
|
+
td(data-column="C" style='width:300px; min-width:300px;')
|
|
714
|
+
span ccc
|
|
715
|
+
td(data-column="D" style='width:300px; min-width:300px;')
|
|
716
|
+
span ddd
|
|
717
|
+
td(data-column="E" style='width:300px; min-width:300px;')
|
|
718
|
+
span eee
|
|
719
|
+
td(data-column="F" style='width:300px; min-width:300px;')
|
|
720
|
+
span fff
|
|
721
|
+
for i in [1,2,3,4,5,6,7]
|
|
722
|
+
tr(data-row=`${i+3}`)
|
|
723
|
+
td(data-column="A" style='width:200px; min-width:200px;')
|
|
724
|
+
span aaa
|
|
725
|
+
td(data-column="B" style='width:200px; min-width:200px;')
|
|
726
|
+
span bbb
|
|
727
|
+
td(data-column="C" style='width:300px; min-width:300px;')
|
|
728
|
+
span ccc
|
|
729
|
+
td(data-column="D" style='width:300px; min-width:300px;')
|
|
730
|
+
span ddd
|
|
731
|
+
td(data-column="E" style='width:300px; min-width:300px;')
|
|
732
|
+
span eee
|
|
733
|
+
td(data-column="F" style='width:300px; min-width:300px;')
|
|
734
|
+
span fff
|
|
735
|
+
p._description What would the museum in your imagination look like? It's a good idea to build your favorite museum in Mondo Museum, whether it's to be displayed in a sub-category, or to show it all at once and make a sensation in the world.
|
|
736
|
+
|
|
934
737
|
|
|
935
738
|
section.section2(data-noContent)
|
|
936
739
|
.container
|