[{"id":1,"title_admin":"Vanislander Activity","d_review_html":"
:d_description<\/p>\n <\/div> \n <\/div>\n <\/div>\n <\/div>\n <\/div>","d_review_css":".card-box {\n width: 100%;\n padding: 20px 10px 0 10px;\n height: 380px;\n position: relative;\n}\n.card-box > div {\n height: 100%;\n}\n.pre {\n position: relative;\n}\n.card-box:hover .bg-image > img {\n transform: scale(1.2);\n transition: transform 4s ease-out;\n}\n.bg-image {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.bg-image > img {\n width: 100%;\n height: 100%;\n object-fit:unset!important;\n transition: transform 0.3s ease-out, opacity 0.35s;\n}\n.bg-text-section {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.bg-text-section::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n content: \"\";\n background: rgba(0, 0, 0, 0.8);\n background: -moz-linear-gradient(\n top,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.8) 65%,\n rgba(0, 0, 0, 0.8) 100%\n );\n background: -webkit-linear-gradient(\n top,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.8) 65%,\n rgba(0, 0, 0, 0.8) 100%\n );\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.8) 65%,\n rgba(0, 0, 0, 0.8) 100%\n );\n -webkit-transform: translate3d(0, 35%, 0);\n transform: translate3d(0, 35%, 0);\n -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s;\n transition: opacity 0.35s, bottom 0.35s, transform 0.4s;\n}\n.card-box:hover .bg-text-section::before {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n.text-section {\n position: absolute;\n bottom: -35%!important;\n left: 0;\n width: 100%;\n box-sizing: border-box;\n padding: 0 16px 16px 16px;\n -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s;\n transition: opacity 0.35s, bottom 0.35s, transform 0.4s;\n}\n.card-box:hover .text-section {\n bottom: 0 !important;\n}\n.entry-title {\n margin-bottom: 35px; \n font-size: 22px;\n line-height: 30px;\n font-weight: 700;\n \/* margin: 17px; *\/\n color: #fff;\n height: 30px;\n transition: all 0.2s;\n}\n.card-box:hover .entry-title{ \n margin-bottom: 0; \n}\n.entry-excerpt {\n margin-bottom: 5px!important; \n color: #fff;\n font-size: 16px;\n line-height: 1.5;\n \/* margin-top: 20px; *\/\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n height: 100px;\n \/* margin: 20px 0; *\/\n margin-top: 20px;\n}\n.entry-excerpt-description{\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.9; \n font-size:0.92em;\n}\n.post-details {\n color: #fff;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.post-details::after {\n position: absolute;\n display: block;\n \n bottom: -5px;\n width: 0;\n height: 2px;\n content: \"\";\n transition: width 0.4s ease;\n clear: both;\n background: #1ebbf0;\n background: -webkit-linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);\n background: linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);\n}\n.post-details:hover::after {\n width: 100%;\n}\n.post-details:hover > i{\n color: #1ebbf0;\n}\n","d_js":"jq(function () {\n jq(\".card-box\").each(function () {\n const element = jq(this).find(\".text-section\");\n const height_section = element.height();\n let height_title = element.find(\".entry-title\").height();\n height_title = height_section - height_title + 15\n element.css(\"bottom\",-height_title+\"px\");\n });\n\njq(document).on(\"click\",\".cardBox\",function(){\n const href = jq(this).find(\".post-details\").attr(\"href\");\n location.href = href;\n });\n});","m_review_html":"\n :d_description<\/p>\n \n <\/div>\n <\/div>","d_review_css":".card-box{\n width:100%;\n padding: 20px 10px 0 10px;\n}\n.img-box{\n width: 100%;\n height: 270px;\n max-height: 270px;\n}\n.img-box > img{\n width: 100%;\n height: 270px;\n}\n.text-box{\n padding: 20px 30px;\n}\n.title-box{\n margin-bottom: 8px;\n font-size: 20px;\n line-height: 28px;\n font-weight: bold;\n color: #333333;\n}\n.date-text{\n margin-bottom: 7px;\n font-size: 13px;\n color: #adafb3;\n}\n.description-box{\n font-size: 15px;\n line-height: 27px;\n margin-bottom: 10px;\n color: #8b8d94;\n text-align: justify;\n}\n.link-box{\n color: #333333;\n position: relative;\n width: max-content;\n padding-bottom: 8px;\n}\n.link-box::after{\n content: \"\";\n width: 0;\n height: 2px;\n background: #1ebbf0;\n background: -webkit-linear-gradient(135deg,#39dfaa 30%,#1ebbf0 100%);\n background: linear-gradient(135deg,#39dfaa 30%,#1ebbf0 100%);\n position: absolute;\n bottom: 0;\n transition: width .4s ease;\n left: 50%;\n top: 100%;\n transform: translate(-50%, -50%);\n}\n.link-box:hover::after{\n width: 100%;\n}\n\n .link-box:hover > a{\n background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n ","d_js":"","m_review_html":" :m_description<\/p>\n <\/div>\n <\/div>\n<\/div>","m_review_css":".main-box{\n width: 91vw;\n margin: auto;\n}\n.card-box{\n width: 100%;\n margin-top: 5vw;\n}\n.img-box{\n width: 100%;\n height: 66vw;\n}\n.img-box > img{\n width: 100%;\n height: 100%;\n \n}\n.text-box{\n padding: 4vw 4vw;\n}\n.title-box{\n margin-bottom: 1vw;\n font-size: 4.5vw;\n line-height: 4vw;\n font-weight: bold;\n color: #333333;\n}\n.date-text{\n margin-bottom: 2.5vw;\n font-size: 3vw;\n color: #adafb3;\n}\n.description-box{\n font-size: 3.5vw;\n line-height: 4vw;\n margin-bottom: 3vw;\n color: #8b8d94;\n text-align: justify;\n}\n.link-box{\n color: #333333;\n position: relative;\n width: max-content;\n padding-bottom: 3vw;\n}\n","m_js":"","active":1,"d_img":"","m_img":""},{"id":3,"title_admin":"grid","d_review_html":" :d_description<\/p>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>","d_review_css":".card-box {\n width: 100%;\n padding: 20px 10px 0 10px;\n height: 380px;\n position: relative;\n}\n.box-radius{\n border-radius: 10px;\n overflow: hidden;\n}\n.card-box > div {\n height: 100%;\n}\n.pre {\n position: relative;\n}\n.card-box:hover .bg-image > img {\n transform: scale(1.2);\n transition: transform 4s ease-out;\n}\n.bg-image {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.bg-image > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.3s ease-out, opacity 0.35s;\n}\n.bg-text-section {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.bg-text-section::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n content: \"\";\n background: rgba(0, 0, 0, 0.8);\n background: -moz-linear-gradient(\n top,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.8) 65%,\n rgba(0, 0, 0, 0.8) 100%\n );\n background: -webkit-linear-gradient(\n top,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.8) 65%,\n rgba(0, 0, 0, 0.8) 100%\n );\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.8) 65%,\n rgba(0, 0, 0, 0.8) 100%\n );\n -webkit-transform: translate3d(0, 35%, 0);\n transform: translate3d(0, 35%, 0);\n -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s;\n transition: opacity 0.35s, bottom 0.35s, transform 0.4s;\n}\n.card-box:hover .bg-text-section::before {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n.text-section {\n position: absolute;\n bottom: -100%;\n left: 0;\n width: 100%;\n box-sizing: border-box;\n padding: 0 30px 25px 30px;\n -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s;\n transition: opacity 0.35s, bottom 0.35s, transform 0.4s;\n}\n.text-section {\n position: absolute;\n bottom: -35%!important;\n left: 0;\n width: 100%;\n box-sizing: border-box;\n padding: 0 16px 16px 16px;\n -webkit-transition: opacity 0.35s, bottom 0.35s, -webkit-transform 0.4s;\n transition: opacity 0.35s, bottom 0.35s, transform 0.4s;\n}\n.card-box:hover .text-section {\n bottom: 0 !important;\n}\n.entry-title {\n margin-bottom: 15px;\n font-size: 22px;\n line-height: 40px;\n font-weight: 700;\n color: #fff;\n}\n.entry-excerpt {\n margin-bottom: 15px;\n color: #fff;\n font-size: 16px;\n line-height: 1.5;\n}\n.entry-excerpt {\n margin-bottom: 5px!important;\n color: #fff;\n font-size: 16px;\n line-height: 1.5;\n \/* margin-top: 20px; *\/\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n height: 100px;\n \/* margin: 20px 0; *\/\n margin-top: 20px;\n}\n.post-details {\n color: #fff;\n position: relative;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.post-details::after {\n position: absolute;\n display: block;\n \n bottom: -5px;\n width: 0;\n height: 2px;\n content: \"\";\n transition: width 0.4s ease;\n clear: both;\n background: #1ebbf0;\n background: -webkit-linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);\n background: linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);\n}\n.post-details:hover::after {\n width: 100%;\n}\n.post-details:hover > i{\n color: #1ebbf0;\n}","d_js":"jq(function () {\n jq(\".card-box\").each(function () {\n const element = jq(this).find(\".text-section\");\n const height_section = element.height();\n let height_title = element.find(\".entry-title\").height();\n height_title = height_section - height_title + 15\n element.css(\"bottom\",-height_title+\"px\");\n });\njq(document).on(\"click\",\".box-radius > div\",function(){\n const href = jq(this).find(\".post-details\").attr(\"href\");\n location.href = href;\n });\n});","m_review_html":"\n :m_title_main<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/a>","m_review_css":".card-box {\n flex: 0 0 100%;\n max-width: 100%;\n width: 100%;\n padding: 24px;\n height: 375px;\n position: relative;\ndisplay: block;\n}\n.card-box > div {\n height: 100%;\n}\n.pre {\n position: relative;\n}\n.bg-image {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.bg-image > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n .title-box-align {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n box-sizing: border-box;\n padding: 24px;\n}\n.bg-text-section {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.bg-text-section::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n content: \"\";\n background: rgba(0, 0, 0, 0.8);\n background: -moz-linear-gradient(\n top,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.5) 65%,\n rgba(0, 0, 0, 1) 100%\n );\n background: -webkit-linear-gradient(\n top,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.5) 65%,\n rgba(0, 0, 0,1) 100%\n );\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.5) 65%,\n rgba(0, 0, 0, 1) 100%\n );\n -webkit-transform: translate3d(0, 35%, 0);\n transform: translate3d(0, 35%, 0);\n}\n\n.entry-title {\n font-size: 1.1em;\n line-height: 1;\n font-weight: 700;\n color: #fff;\n text-align: center;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","m_js":"jq(function () {\n\njq(document).on(\"click\",\".cardBox\",function(){\n const href = jq(this).find(\".post-details\").attr(\"href\");\n location.href = href;\n });\n});","active":1,"d_img":"","m_img":""},{"id":2,"title_admin":"Vanislander Landmark","d_review_html":"
:d_title_main<\/a><\/h3>\n
:m_title_main<\/a><\/h3>\n
:d_title_main<\/a><\/h3>\n
:m_title_main<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/a>","m_review_css":".card-box {\n flex: 0 0 100%;\n max-width: 100%;\n width: 100%;\n padding: 20px 10px 0 10px;\n height: 380px;\n position: relative;\ndisplay: block;\n}\n.box-radius{\n border-radius:10px;\n}\n.card-box > div {\n height: 100%;\n}\n.pre {\n position: relative;\n}\n.bg-image {\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: 10px;\n}\n.bg-image > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.bg-text-section {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: 10px;\n}\n.bg-text-section::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n content: \"\";\n background: rgba(0, 0, 0, 0.8);\n background: -moz-linear-gradient(\n top,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.8) 65%,\n rgba(0, 0, 0, 0.8) 100%\n );\n background: -webkit-linear-gradient(\n top,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.8) 65%,\n rgba(0, 0, 0, 0.8) 100%\n );\n background: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.8) 65%,\n rgba(0, 0, 0, 0.8) 100%\n );\n -webkit-transform: translate3d(0, 35%, 0);\n transform: translate3d(0, 35%, 0);\n}\n.text-section {\n position: absolute;\n bottom: 0 !important;\n left: 0;\n width: 100%;\n box-sizing: border-box;\n padding: 0 30px 25px 30px;\n}\n.entry-title {\n font-size: 5vw;\n line-height: 1.6;\n font-weight: 700;\n color: #fff;\n}","m_js":"jq(function () {\njq(document).on(\"click\",\".card-box > div\",function(){\n const href = jq(this).find(\".post-details\").attr(\"href\");\n location.href = href;\n });\n});","active":1,"d_img":"","m_img":""},{"id":4,"title_admin":"Amlak","d_review_html":"