create-fesd-app 1.0.0-bate.94 → 1.0.0-bate.95
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/src/assets/css/layouts/_cookiePolicy.sass +75 -0
- package/src/assets/css/layouts/article4/_article4_2.0.sass +36 -10
- package/src/assets/css/layouts/article4/_article4_setting.sass +6 -2
- package/src/assets/css/style.sass +2 -0
- package/src/assets/js/apps/error/404/page.js +0 -1
- package/src/assets/js/apps/index/page.js +2 -2
- package/src/assets/js/commons/index.js +1 -1
- package/src/assets/js/commons/inits.js +2 -0
- package/src/assets/js/commons/pages/index.js +2 -0
- package/src/assets/js/commons/pages/page.cookiePolicy.js +51 -0
- package/src/layouts/_template.pug +4 -0
- package/src/layouts/components/_cookiePolicy.pug +9 -0
- package/src/pages/about.pug +684 -5
- package/src/pages/ajax/ajax_igDemo.pug +5 -0
- package/src/pages/index.pug +1 -1
- package/src/assets/js/apps/404/page.js +0 -27
- package/src/assets/js/apps/500/page.js +0 -27
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "create-fesd-app",
|
|
3
|
-
"version": "1.0.0-bate.
|
|
3
|
+
"version": "1.0.0-bate.95",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
".gitignore"
|
|
23
23
|
],
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@xwadex/fesd": "0.0.
|
|
25
|
+
"@xwadex/fesd": "0.0.15",
|
|
26
26
|
"ansi-colors": "^4.1.3",
|
|
27
27
|
"chalk": "^5.3.0",
|
|
28
28
|
"colorthief": "^2.4.0",
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
.cookie-check
|
|
2
|
+
padding: 20px
|
|
3
|
+
display: flex
|
|
4
|
+
opacity: 0
|
|
5
|
+
width: 100%
|
|
6
|
+
height: 100%
|
|
7
|
+
z-index: 101
|
|
8
|
+
overflow: hidden
|
|
9
|
+
position: fixed
|
|
10
|
+
right: 0
|
|
11
|
+
bottom: 0
|
|
12
|
+
transition: opacity .5s
|
|
13
|
+
pointer-events: none
|
|
14
|
+
&.first-enter
|
|
15
|
+
opacity: 1
|
|
16
|
+
.cookie-main
|
|
17
|
+
pointer-events: auto
|
|
18
|
+
transform: translate3d(0,0,0)
|
|
19
|
+
&.agree,&.hidden
|
|
20
|
+
.cookie-main
|
|
21
|
+
pointer-events: none
|
|
22
|
+
transform: translate3d(0,calc(100% + 40px),0)
|
|
23
|
+
.cookie-main
|
|
24
|
+
margin: auto 0 0 auto
|
|
25
|
+
padding: 40px
|
|
26
|
+
max-width: 600px
|
|
27
|
+
width: 100%
|
|
28
|
+
background: #fff
|
|
29
|
+
border-radius: 5px
|
|
30
|
+
transform: translate3d(0,100%,0)
|
|
31
|
+
transition: transform .5s
|
|
32
|
+
box-shadow: 0px 0px 20px 0px rgba(90, 70, 42, .15)
|
|
33
|
+
.cookie-container
|
|
34
|
+
.title-block
|
|
35
|
+
margin-right: 20px
|
|
36
|
+
// width: 634/824*100%
|
|
37
|
+
width: 100%
|
|
38
|
+
.title
|
|
39
|
+
font-size: px(20)
|
|
40
|
+
.text
|
|
41
|
+
margin-top: 10px
|
|
42
|
+
.button-group
|
|
43
|
+
margin: 20px 0 0 auto
|
|
44
|
+
display: flex
|
|
45
|
+
gap: 10px 20px
|
|
46
|
+
.cookie-btn
|
|
47
|
+
display: flex
|
|
48
|
+
align-items: center
|
|
49
|
+
cursor: pointer
|
|
50
|
+
gap: 10px
|
|
51
|
+
transition: opacity .5s
|
|
52
|
+
&::before
|
|
53
|
+
display: block
|
|
54
|
+
background: #000000
|
|
55
|
+
width: 5px
|
|
56
|
+
height: 5px
|
|
57
|
+
content: ''
|
|
58
|
+
+hover
|
|
59
|
+
opacity: .5
|
|
60
|
+
+rwdmax(767)
|
|
61
|
+
.cookie-main
|
|
62
|
+
margin: auto auto 0 auto
|
|
63
|
+
.cookie-container
|
|
64
|
+
flex-direction: column
|
|
65
|
+
.title-block
|
|
66
|
+
width: 100%
|
|
67
|
+
.button-group
|
|
68
|
+
margin-top: 30px
|
|
69
|
+
display: flex
|
|
70
|
+
flex-direction: row
|
|
71
|
+
width: 100%
|
|
72
|
+
+rwdmax(575)
|
|
73
|
+
.cookie-container
|
|
74
|
+
.button-group
|
|
75
|
+
flex-direction: column
|
|
@@ -75,6 +75,20 @@
|
|
|
75
75
|
&[swiper-pagination-dynamic="on"]
|
|
76
76
|
.swiper-pagination
|
|
77
77
|
left: 50%
|
|
78
|
+
// 點點深淺模式樣式
|
|
79
|
+
// 以下可客製化更改
|
|
80
|
+
&[nav-theme="dark"]
|
|
81
|
+
.swiper-pagination
|
|
82
|
+
.swiper-pagination-bullet
|
|
83
|
+
background-color: #C4C4C4
|
|
84
|
+
&.swiper-pagination-bullet-active
|
|
85
|
+
background-color: #000
|
|
86
|
+
&[nav-theme="light"]
|
|
87
|
+
.swiper-pagination
|
|
88
|
+
.swiper-pagination-bullet
|
|
89
|
+
background-color: #ffffff7e
|
|
90
|
+
&.swiper-pagination-bullet-active
|
|
91
|
+
background-color: #ffffff
|
|
78
92
|
|
|
79
93
|
/////////////////////////////////////////////
|
|
80
94
|
///////////// [ 個別類型設定 ] /////////////
|
|
@@ -214,10 +228,12 @@
|
|
|
214
228
|
&[mobile-rwd="on"]
|
|
215
229
|
._imgCover
|
|
216
230
|
order: 1
|
|
231
|
+
margin-bottom: 0
|
|
217
232
|
|
|
218
233
|
&.typeD
|
|
219
234
|
._imgCover
|
|
220
|
-
margin-bottom: #{-$cover-TB-gap + $img-cover-TB-gap}
|
|
235
|
+
// margin-bottom: #{-$cover-TB-gap + $img-cover-TB-gap}
|
|
236
|
+
margin-bottom: #{$img-cover-TB-gap - (-$cover-TB-gap + $img-cover-TB-gap)}
|
|
221
237
|
._wordCover
|
|
222
238
|
margin: 0
|
|
223
239
|
+rwdmax($basic_rwd)
|
|
@@ -237,6 +253,9 @@
|
|
|
237
253
|
width: 100%
|
|
238
254
|
._wordCover
|
|
239
255
|
margin-top: 0
|
|
256
|
+
&[mobile-rwd="on"]
|
|
257
|
+
._H
|
|
258
|
+
margin-top: 0
|
|
240
259
|
&.typeDL
|
|
241
260
|
._H
|
|
242
261
|
order: 1
|
|
@@ -468,11 +487,11 @@
|
|
|
468
487
|
&[img-row="x4"],
|
|
469
488
|
&[img-row="x5"]
|
|
470
489
|
._imgCover
|
|
471
|
-
margin: 0 #{-$cover-LR-gap_rwd * 0.5}
|
|
490
|
+
margin: 0 #{-$cover-LR-gap_rwd * 0.5} #{$img-cover-TB-gap_rwd + $cover-TB-gap_rwd - $img-cover-TB-gap_rwd}
|
|
472
491
|
width: calc(100% + #{$cover-LR-gap_rwd})
|
|
473
492
|
&[img-merge="on"]
|
|
474
493
|
._imgCover
|
|
475
|
-
margin: 0
|
|
494
|
+
margin: 0 0 #{-$cover-TB-gap_rwd + $img-cover-TB-gap_rwd} 0
|
|
476
495
|
width: 100%
|
|
477
496
|
&[mobile-rwd="on"]
|
|
478
497
|
._imgCover
|
|
@@ -568,6 +587,8 @@
|
|
|
568
587
|
&[img-swiper="on"]
|
|
569
588
|
._imgCover
|
|
570
589
|
position: relative
|
|
590
|
+
._cover
|
|
591
|
+
margin-bottom: 0
|
|
571
592
|
.swiper-button-cover
|
|
572
593
|
&:before
|
|
573
594
|
display: block
|
|
@@ -590,9 +611,10 @@
|
|
|
590
611
|
|
|
591
612
|
// img-row
|
|
592
613
|
@for $i from 2 through 5
|
|
593
|
-
&[img-row="x#{$i}"]
|
|
614
|
+
&[img-row="x#{$i}"],
|
|
615
|
+
&[swiper-num="#{$i}"]
|
|
594
616
|
._imgCover
|
|
595
|
-
margin: 0 #{-$cover-LR-gap * 0.5} #{-$cover-TB-gap + $img-cover-TB-gap} #{-$cover-LR-gap * 0.5}
|
|
617
|
+
// margin: 0 #{-$cover-LR-gap * 0.5} #{-$cover-TB-gap + $img-cover-TB-gap} #{-$cover-LR-gap * 0.5}
|
|
596
618
|
width: calc(100% + #{$cover-LR-gap})
|
|
597
619
|
._cover
|
|
598
620
|
margin-bottom: $cover-TB-gap
|
|
@@ -600,7 +622,7 @@
|
|
|
600
622
|
width: calc(100% / #{$i})
|
|
601
623
|
+rwdmax($basic_rwd)
|
|
602
624
|
._imgCover
|
|
603
|
-
margin: 0 #{-$cover-LR-gap_rwd * 0.5} #{-$cover-TB-gap_rwd + $img-cover-TB-gap_rwd}
|
|
625
|
+
// margin: 0 #{-$cover-LR-gap_rwd * 0.5} #{-$cover-TB-gap_rwd + $img-cover-TB-gap_rwd}
|
|
604
626
|
width: calc(100% + #{$cover-LR-gap_rwd})
|
|
605
627
|
._cover
|
|
606
628
|
margin-bottom: $cover-TB-gap_rwd
|
|
@@ -610,13 +632,17 @@
|
|
|
610
632
|
// img-merge
|
|
611
633
|
&[img-merge="on"]
|
|
612
634
|
._imgCover
|
|
613
|
-
margin: 0 0 $cover-TB-gap
|
|
614
635
|
width: 100%
|
|
636
|
+
margin-bottom: 0
|
|
615
637
|
._cover
|
|
616
638
|
padding: 0
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
639
|
+
&:not([swiper-num])
|
|
640
|
+
._imgCover
|
|
641
|
+
// margin: 0 0 $cover-TB-gap
|
|
642
|
+
._cover
|
|
643
|
+
margin-bottom: 0
|
|
644
|
+
._description
|
|
645
|
+
display: none
|
|
620
646
|
|
|
621
647
|
// article-flex
|
|
622
648
|
&[article-flex="up"]
|
|
@@ -51,6 +51,9 @@ $button-cover-gap_rwd: 20px
|
|
|
51
51
|
$cover-LR-gap: 12px
|
|
52
52
|
$cover-LR-gap_rwd: 12px
|
|
53
53
|
|
|
54
|
+
// 輪播左右間的距離
|
|
55
|
+
$swiper-cover-LR-gap: 12px
|
|
56
|
+
|
|
54
57
|
// 影像上下間的距離
|
|
55
58
|
$cover-TB-gap: 30px
|
|
56
59
|
$cover-TB-gap_rwd: 10px
|
|
@@ -244,7 +247,8 @@ $pagination-TB-gap_rwd: 10px
|
|
|
244
247
|
|
|
245
248
|
// swiper 結構
|
|
246
249
|
%swiper_pagination
|
|
247
|
-
margin: calc(#{$pagination-TB-gap} - #{$cover-TB-gap}) 0 0
|
|
250
|
+
// margin: calc(#{$pagination-TB-gap} - #{$cover-TB-gap}) 0 0
|
|
251
|
+
margin: $pagination-TB-gap 0 0
|
|
248
252
|
display: block
|
|
249
253
|
position: relative
|
|
250
254
|
top: auto
|
|
@@ -252,7 +256,7 @@ $pagination-TB-gap_rwd: 10px
|
|
|
252
256
|
left: auto
|
|
253
257
|
right: auto
|
|
254
258
|
+rwdmax($basic_rwd)
|
|
255
|
-
margin:
|
|
259
|
+
margin: $pagination-TB-gap_rwd 0 0
|
|
256
260
|
|
|
257
261
|
%swiper_pagination_bullet
|
|
258
262
|
margin: 0 10px
|
|
@@ -33,8 +33,8 @@ swiperHandler.banner = function () {
|
|
|
33
33
|
init() {
|
|
34
34
|
console.log('swiper init!!');
|
|
35
35
|
},
|
|
36
|
-
slideChangeTransitionStart() {
|
|
37
|
-
isVideo(
|
|
36
|
+
slideChangeTransitionStart(swiper) {
|
|
37
|
+
isVideo(swiper);
|
|
38
38
|
},
|
|
39
39
|
};
|
|
40
40
|
const banner = new SwiperV11('.swiper', { ...bannerConfig, on: bannerEvents });
|
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
scrollUnlock
|
|
12
12
|
} from '@xwadex/fesd/tools';
|
|
13
13
|
import { toBackend } from "@/commons/methods";
|
|
14
|
+
import { cookiePolicyInit } from "@/commons/pages";
|
|
14
15
|
import { lazyLoadImg } from '@/plugins';
|
|
15
16
|
import { navbar } from '@/ui';
|
|
16
17
|
|
|
@@ -50,6 +51,7 @@ export const inits = () => {
|
|
|
50
51
|
new ImageValidate();
|
|
51
52
|
// uiInit
|
|
52
53
|
navbar.init();
|
|
54
|
+
cookiePolicyInit();
|
|
53
55
|
// coding...
|
|
54
56
|
firstEntryHandler.init();
|
|
55
57
|
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
const cookiePolicy = {};
|
|
2
|
+
|
|
3
|
+
// 首次進入執行
|
|
4
|
+
cookiePolicy.firstEnterDetect = () => {
|
|
5
|
+
const { $cookiePolicy } = cookiePolicy;
|
|
6
|
+
|
|
7
|
+
// 請記得更改 cookie 存入的值
|
|
8
|
+
const agreeLocal = localStorage.getItem("frameworkCookie-agree");
|
|
9
|
+
const agreeSession = sessionStorage.getItem("frameworkCookie-agree");
|
|
10
|
+
|
|
11
|
+
if (agreeLocal !== "true" && agreeSession !== "false") {
|
|
12
|
+
$cookiePolicy.addClass("first-enter");
|
|
13
|
+
setTimeout(() => {
|
|
14
|
+
$cookiePolicy.addClass("show");
|
|
15
|
+
}, 800);
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
// 點擊事件
|
|
20
|
+
cookiePolicy.clickEvent = () => {
|
|
21
|
+
const { $cookiePolicy, $agreeBtn, $closeBtn } = cookiePolicy;
|
|
22
|
+
|
|
23
|
+
$agreeBtn.on("click", () => {
|
|
24
|
+
$cookiePolicy.addClass("agree");
|
|
25
|
+
localStorage.setItem("frameworkCookie-agree", "true");
|
|
26
|
+
sessionStorage.setItem("frameworkCookie-agree", "true");
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
$closeBtn.on("click", () => {
|
|
30
|
+
$cookiePolicy.addClass("hidden");
|
|
31
|
+
sessionStorage.setItem("frameworkCookie-agree", "false");
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
cookiePolicy.init = () => {
|
|
36
|
+
const $cookiePolicy = $(".cookie-check");
|
|
37
|
+
|
|
38
|
+
if (!$cookiePolicy.length) return;
|
|
39
|
+
|
|
40
|
+
cookiePolicy.$cookiePolicy = $cookiePolicy;
|
|
41
|
+
cookiePolicy.$agreeBtn = $cookiePolicy.find(".agree");
|
|
42
|
+
cookiePolicy.$closeBtn = $cookiePolicy.find(".close");
|
|
43
|
+
|
|
44
|
+
// 執行事件
|
|
45
|
+
cookiePolicy.firstEnterDetect();
|
|
46
|
+
cookiePolicy.clickEvent();
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export const cookiePolicyInit = () => {
|
|
50
|
+
cookiePolicy.init();
|
|
51
|
+
};
|
|
@@ -40,6 +40,10 @@ html(lang="zh-Hant-TW" data-overlayscrollbars-initialize)
|
|
|
40
40
|
// 頁腳
|
|
41
41
|
block footer
|
|
42
42
|
include ./_footer.pug
|
|
43
|
+
|
|
44
|
+
// cookie
|
|
45
|
+
block cookie
|
|
46
|
+
include ./components/_cookiePolicy.pug
|
|
43
47
|
|
|
44
48
|
modern-modal(data-modal-id="my-modal" data-modal-animate="clip-right")
|
|
45
49
|
.close-btn(data-modal-close)
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
.cookie-check
|
|
2
|
+
.cookie-main
|
|
3
|
+
.cookie-container
|
|
4
|
+
.title-block
|
|
5
|
+
p.title Cookie
|
|
6
|
+
p.text Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
7
|
+
.button-group
|
|
8
|
+
.cookie-btn.agree Agree
|
|
9
|
+
.cookie-btn.close Disagree
|
package/src/pages/about.pug
CHANGED
|
@@ -78,32 +78,56 @@ block content
|
|
|
78
78
|
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.
|
|
79
79
|
span._buttonCover
|
|
80
80
|
a._button(href="javascript:;") Button Description
|
|
81
|
-
article._article.typeLR(img-row="
|
|
81
|
+
article._article.typeLR(img-row="x2" img-merge="on")
|
|
82
82
|
._contentWrap
|
|
83
83
|
._imgCover
|
|
84
84
|
._cover
|
|
85
85
|
._photo
|
|
86
86
|
img(src="https://picsum.photos/id/141/700/400" alt="")
|
|
87
87
|
p._description Description
|
|
88
|
+
._cover
|
|
89
|
+
._photo
|
|
90
|
+
img(src="https://picsum.photos/id/141/700/400" alt="")
|
|
91
|
+
p._description Description
|
|
92
|
+
._cover
|
|
93
|
+
._photo
|
|
94
|
+
img(src="https://picsum.photos/id/141/700/400" alt="")
|
|
95
|
+
p._description Description
|
|
96
|
+
._cover
|
|
97
|
+
._photo
|
|
98
|
+
img(src="https://picsum.photos/id/141/700/400" alt="")
|
|
99
|
+
p._description Description
|
|
88
100
|
h4._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...
|
|
89
101
|
._P
|
|
90
102
|
p 安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，
|
|
91
103
|
span._buttonCover
|
|
92
104
|
a._button(href="javascript:;") Button Description
|
|
93
|
-
article._article.typeRR(data-aost data-aost-fade-up)
|
|
105
|
+
article._article.typeRR(data-aost data-aost-fade-up img-row="x3" img-merge="on")
|
|
94
106
|
._contentWrap
|
|
95
107
|
._imgCover
|
|
96
108
|
._cover
|
|
97
109
|
._photo
|
|
98
110
|
img(src="https://picsum.photos/id/198/700/400" alt="")
|
|
99
111
|
p._description Description
|
|
112
|
+
._cover
|
|
113
|
+
._photo
|
|
114
|
+
img(src="https://picsum.photos/id/198/700/400" alt="")
|
|
115
|
+
p._description Description
|
|
116
|
+
._cover
|
|
117
|
+
._photo
|
|
118
|
+
img(src="https://picsum.photos/id/198/700/400" alt="")
|
|
119
|
+
p._description Description
|
|
120
|
+
._cover
|
|
121
|
+
._photo
|
|
122
|
+
img(src="https://picsum.photos/id/198/700/400" alt="")
|
|
123
|
+
p._description Description
|
|
100
124
|
h4._H This is the title of the Article, A satirical title generator for designers...
|
|
101
125
|
h5._subH Sub-Title of the Article, A satirical title generator for designers...
|
|
102
126
|
._P
|
|
103
127
|
p 安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，安美得生醫股份有限公司致力於傷口照護的核心技術研發、生產製造、通路行銷以及產品衛教服務，透過產銷分工、通路經營與專責服務，在各領域內專注專精，務實創新，創造效益。 研發、生產、行銷、通路、服務 ，五位一體，創造優勢安美得生醫全力投入UV光聚合水凝膠的研究與發展，為一專業創傷敷材之研發製造公司，
|
|
104
128
|
span._buttonCover
|
|
105
129
|
a._button(href="javascript:;") Button Description
|
|
106
|
-
article._article(img-row='x2' data-aost data-aost-fade-up)
|
|
130
|
+
article._article(img-row='x2' img-merge="on" data-aost data-aost-fade-up)
|
|
107
131
|
._contentWrap
|
|
108
132
|
h4._H
|
|
109
133
|
| This is the title of the Article, A satirical title generator for
|
|
@@ -141,7 +165,7 @@ block content
|
|
|
141
165
|
| museum on the wallpaper.
|
|
142
166
|
span._buttonCover
|
|
143
167
|
a._button(href='javascript:;') Button Description
|
|
144
|
-
article._article(swiper-num='
|
|
168
|
+
article._article(swiper-num='6' img-merge="off" swiper-arrow='on' swiper-autoplay='off' data-aost data-aost-fade-up)
|
|
145
169
|
._contentWrap
|
|
146
170
|
h4._H
|
|
147
171
|
| This is the title of the Article, A satirical title generator for
|
|
@@ -252,7 +276,662 @@ block content
|
|
|
252
276
|
script(async='' src='//www.instagram.com/embed.js')
|
|
253
277
|
span._buttonCover
|
|
254
278
|
a._button(href='javascript:;') Button Description
|
|
255
|
-
|
|
279
|
+
// video 4 - tiktok & ig 使用方法
|
|
280
|
+
article._article.typeD
|
|
281
|
+
._contentWrap
|
|
282
|
+
h4._H This is the title of the Article, A satirical title generator for designers...
|
|
283
|
+
._imgCover
|
|
284
|
+
.swiper
|
|
285
|
+
.swiper-wrapper
|
|
286
|
+
._cover.swiper-slide
|
|
287
|
+
._photo(video-id='pbQQAwSQUX4' video-starttime='600' video-highquality='on' video-type='youtube')
|
|
288
|
+
img(src='' alt='')
|
|
289
|
+
p._description Description
|
|
290
|
+
._cover.swiper-slide
|
|
291
|
+
._photo(video-id='7449986489389272327' video-autoplay='on' video-type='tiktok')
|
|
292
|
+
img(src='https://picsum.photos/id/961/900/500' alt='')
|
|
293
|
+
p._description Description
|
|
294
|
+
._cover.swiper-slide
|
|
295
|
+
// video-id 為空
|
|
296
|
+
._photo(video-id='' video-target='video-ig-template' video-target-route='./ajax/ajax_igDemo.html' video-type='instagram')
|
|
297
|
+
img(src='https://picsum.photos/id/961/900/500' alt='')
|
|
298
|
+
p._description Description
|
|
299
|
+
.swiper-button-cover
|
|
300
|
+
._wordCover
|
|
301
|
+
h5._subH Sub-Title of the Article, A satirical title generator for designers...
|
|
302
|
+
._P
|
|
303
|
+
p
|
|
304
|
+
| What would the museum in your imagination look like? Its a good idea to build your favorite museum in Mondo Museum, whether its 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 players 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.
|
|
305
|
+
span._buttonCover
|
|
306
|
+
a._button(href='javascript:;') Button Description
|
|
307
|
+
<article class="_article" img-row="x3">
|
|
308
|
+
<div class="_contentWrap">
|
|
309
|
+
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
310
|
+
<div class="_imgCover">
|
|
311
|
+
<div class="_cover">
|
|
312
|
+
<div class="_photo"><img src="https://picsum.photos/id/964/700/400" alt=""></div>
|
|
313
|
+
<p class="_description">Description</p>
|
|
314
|
+
</div>
|
|
315
|
+
<div class="_cover">
|
|
316
|
+
<div class="_photo"><img src="https://picsum.photos/id/941/700/400" alt=""></div>
|
|
317
|
+
<p class="_description">Description</p>
|
|
318
|
+
</div>
|
|
319
|
+
<div class="_cover">
|
|
320
|
+
<div class="_photo"><img src="https://picsum.photos/id/986/700/400" alt=""></div>
|
|
321
|
+
<p class="_description">Description</p>
|
|
322
|
+
</div>
|
|
323
|
+
</div>
|
|
324
|
+
<div class="_wordCover">
|
|
325
|
+
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
326
|
+
<div class="_P">
|
|
327
|
+
<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>
|
|
328
|
+
</div>
|
|
329
|
+
</div>
|
|
330
|
+
</div>
|
|
331
|
+
</article>
|
|
332
|
+
<article class="_article typeSL">
|
|
333
|
+
<div class="_contentWrap">
|
|
334
|
+
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
335
|
+
<div class="_imgCover">
|
|
336
|
+
<div class="_cover">
|
|
337
|
+
<div class="_photo"><img src="https://picsum.photos/id/1045/700/400" alt=""></div>
|
|
338
|
+
<p class="_description">Description</p>
|
|
339
|
+
</div>
|
|
340
|
+
</div>
|
|
341
|
+
<div class="_wordCover">
|
|
342
|
+
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
343
|
+
<div class="_P">
|
|
344
|
+
<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>
|
|
345
|
+
</div>
|
|
346
|
+
</div>
|
|
347
|
+
</div>
|
|
348
|
+
</article>
|
|
349
|
+
<article class="_article typeSR">
|
|
350
|
+
<div class="_contentWrap">
|
|
351
|
+
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
352
|
+
<div class="_imgCover">
|
|
353
|
+
<div class="_cover">
|
|
354
|
+
<div class="_photo"><img src="https://picsum.photos/id/1049/700/400" alt=""></div>
|
|
355
|
+
<p class="_description">Description</p>
|
|
356
|
+
</div>
|
|
357
|
+
</div>
|
|
358
|
+
<div class="_wordCover">
|
|
359
|
+
<h5 class="_subH">Sub-Title of the Article, A satirical title generator for designers...</h5>
|
|
360
|
+
<div class="_P">
|
|
361
|
+
<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>
|
|
362
|
+
</div>
|
|
363
|
+
</div>
|
|
364
|
+
</div>
|
|
365
|
+
</article>
|
|
366
|
+
<article class="_article typeU">
|
|
367
|
+
<div class="_contentWrap">
|
|
368
|
+
<h4 class="_H">This is the title of the Article, A satirical title generator for designers...</h4>
|
|
369
|
+
<div class="_imgCover">
|
|
370
|
+
<div class="_cover">
|
|
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>
|
|
934
|
+
|
|
256
935
|
section.section2(data-noContent)
|
|
257
936
|
.container
|
|
258
937
|
.noData NO DATA
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
modern-modal(data-modal-id="video-ig-template" video-template data-modal-template-setting="destroy")
|
|
2
|
+
.close-button(data-modal-destroy="data-modal-destroy")
|
|
3
|
+
//- 純展示使用, 後端那邊會有自己的 ajax 燈箱結構
|
|
4
|
+
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/C1O1Sh-vAIW/?img_index=1"></blockquote><script async src="//https://www.instagram.com/embed.js"></script>
|
|
5
|
+
<script async src="//www.instagram.com/embed.js"></script>
|
package/src/pages/index.pug
CHANGED
|
@@ -327,7 +327,7 @@ block content
|
|
|
327
327
|
// 複選下拉選單 .form-group 不要用label標籤
|
|
328
328
|
.form-group
|
|
329
329
|
p.subject 如何得知此網站
|
|
330
|
-
dropdown-el.filter(d4-placeholder="請告訴我們，您如何得知此網站" d4-value="Facebook,Instagram,customID" form-field="pop" field-type="isSelect" multiple data-verify="select")
|
|
330
|
+
dropdown-el.filter(d4-placeholder="請告訴我們，您如何得知此網站" filter-placeholder="filter" d4-value="Facebook,Instagram,customID" form-field="pop" field-type="isSelect" multiple data-verify="select")
|
|
331
331
|
li Facebook
|
|
332
332
|
li Instagram
|
|
333
333
|
li 親友介紹
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
const pageCounterInit = (time, href) => {
|
|
2
|
-
let countdownInterval;
|
|
3
|
-
let second = time;
|
|
4
|
-
|
|
5
|
-
countdownInterval = setInterval(() => {
|
|
6
|
-
second--;
|
|
7
|
-
randerCountdownContent(second)
|
|
8
|
-
if (second === 0) {
|
|
9
|
-
clearInterval(countdownInterval);
|
|
10
|
-
window.location.href = href;
|
|
11
|
-
}
|
|
12
|
-
}, 1000);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
const randerCountdownContent = (content) => {
|
|
16
|
-
const countdown = document.querySelector('.back-home .countdown');
|
|
17
|
-
countdown.textContent = content;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
$(async () => {
|
|
21
|
-
const backHomeElement = document.querySelector('.back-home')
|
|
22
|
-
const href = backHomeElement ? backHomeElement.getAttribute('href') : null
|
|
23
|
-
|
|
24
|
-
if (!backHomeElement || !href) return;
|
|
25
|
-
pageCounterInit(5, href)
|
|
26
|
-
|
|
27
|
-
})
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
const pageCounterInit = (time, href) => {
|
|
2
|
-
let countdownInterval;
|
|
3
|
-
let second = time;
|
|
4
|
-
|
|
5
|
-
countdownInterval = setInterval(() => {
|
|
6
|
-
second--;
|
|
7
|
-
randerCountdownContent(second)
|
|
8
|
-
if (second === 0) {
|
|
9
|
-
clearInterval(countdownInterval);
|
|
10
|
-
window.location.href = href;
|
|
11
|
-
}
|
|
12
|
-
}, 1000);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
const randerCountdownContent = (content) => {
|
|
16
|
-
const countdown = document.querySelector('.back-home .countdown');
|
|
17
|
-
countdown.textContent = content;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
$(async () => {
|
|
21
|
-
const backHomeElement = document.querySelector('.back-home')
|
|
22
|
-
const href = backHomeElement ? backHomeElement.getAttribute('href') : null
|
|
23
|
-
|
|
24
|
-
if (!backHomeElement || !href) return;
|
|
25
|
-
pageCounterInit(5, href)
|
|
26
|
-
|
|
27
|
-
})
|