6th May 2021
Test blog
/* Material icon */ @import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined');
/* Fonts */ @import url('');
/* Reset */ .zn-element-container { line-height: 1; }
.zn-element-container h1, .zn-element-container h2, .zn-element-container h3, .zn-element-container h4, .zn-element-container h5, .zn-element-container h6, .zn-element-container p { margin: 0; }
/* Utilities */
.zn-noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .zn-md, .zn-sm { display: none; }
.zn-off-lg { display: none; }
@media (max-width: 720px) { .zn-md { display: initial; } .zn-hide-md { display: none; } .zn-off-lg { display: initial; } .zn-off-md { display: none; } }
@media (max-width: 1025px) { .zn-sm { display: initial; } .zn-hide-sm { display: none; } .zn-off-md { display: initial; } .zn-off-sm { display: none; } }
#znid-203042184450 { opacity: 1; margin: 0px 0px 0px 0px; } #znid-203042184450[data-shadow-enable-lg="true"] { box-shadow: 5px 5px 5px #333333; }
#znid-203042184450[data-border-enable-lg="true"] { border-width: 1px; border-style: solid; border-color: #333333; border-radius: 0px; overflow: hidden; }
#znid-203042184450[data-background-type-lg="color"] { background-color: ; }
#znid-203042184450[data-background-type-lg="image"] { background-image: url(); background-size: cover; background-position: center; }
#znid-203042184450 > .zn-element > .zn-row { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 32px 0px 32px 0px; }
#znid-203042184450[data-vertical-align-lg="top"] .zn-row { align-items: flex-start; }
#znid-203042184450[data-vertical-align-lg="center"] .zn-row { align-items: center; }
#znid-203042184450[data-vertical-align-lg="bottom"] .zn-row { align-items: flex-end; }
#znid-203042184450 .zn-row .zn-column { flex-basis: 0; width: 0; }
#znid-203042184450 > .zn-element > .zn-row > .zn-column:not(:last-child) { margin-right: 12px; }
#znid-203042184450 .zn-row .zn-column-lg-12 { flex-basis: 100%; margin-right: 0 !important; } #znid-203042184450 .zn-row .zn-column-lg-9 { flex-grow: 9; } #znid-203042184450 .zn-row .zn-column-lg-8 { flex-grow: 8; }
#znid-203042184450 .zn-row .zn-column-lg-6 { flex-grow: 6; }
#znid-203042184450[data-layout-lg^="3-3-3-3"] > .zn-element > .zn-row > .zn-column-lg-6 { flex-basis: calc(50% - 12px / 2); margin-right: 0; flex-grow: 0; }
#znid-203042184450 .zn-row .zn-column-lg-4 { flex-grow: 4; }
#znid-203042184450 .zn-row .zn-column-lg-3 { flex-grow: 3; } @media (max-width: 720px) { #znid-203042184450 { opacity: 1; margin: 0px 0px 0px 0px; } #znid-203042184450[data-shadow-enable-md="true"] { box-shadow: 5px 5px 5px #333333; }
#znid-203042184450[data-border-enable-md="true"] { border-width: 1px; border-style: solid; border-color: #333333; border-radius: 0px; overflow: hidden; }
#znid-203042184450[data-background-type-md="color"] { background-color: ; }
#znid-203042184450[data-background-type-md="image"] { background-image: url(); background-size: cover; background-position: center; }
#znid-203042184450 > .zn-element > .zn-row { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 32px 0px 32px 0px; }
#znid-203042184450[data-vertical-align-md="top"] .zn-row { align-items: flex-start; }
#znid-203042184450[data-vertical-align-md="center"] .zn-row { align-items: center; }
#znid-203042184450[data-vertical-align-md="bottom"] .zn-row { align-items: flex-end; }
#znid-203042184450 .zn-row .zn-column { flex-basis: 0; width: 0; }
#znid-203042184450 > .zn-element > .zn-row > .zn-column:not(:last-child) { margin-right: 12px; }
#znid-203042184450 .zn-row .zn-column-md-12 { flex-basis: 100%; margin-right: 0 !important; } #znid-203042184450 .zn-row .zn-column-md-9 { flex-grow: 9; } #znid-203042184450 .zn-row .zn-column-md-8 { flex-grow: 8; }
#znid-203042184450 .zn-row .zn-column-md-6 { flex-grow: 6; }
#znid-203042184450[data-layout-md^="3-3-3-3"] > .zn-element > .zn-row > .zn-column-md-6 { flex-basis: calc(50% - 12px / 2); margin-right: 0; flex-grow: 0; }
#znid-203042184450 .zn-row .zn-column-md-4 { flex-grow: 4; }
#znid-203042184450 .zn-row .zn-column-md-3 { flex-grow: 3; } } @media (max-width: 1025px) { #znid-203042184450 { opacity: 1; margin: 0px 0px 0px 0px; } #znid-203042184450[data-shadow-enable-sm="true"] { box-shadow: 5px 5px 5px #333333; }
#znid-203042184450[data-border-enable-sm="true"] { border-width: 1px; border-style: solid; border-color: #333333; border-radius: 0px; overflow: hidden; }
#znid-203042184450[data-background-type-sm="color"] { background-color: ; }
#znid-203042184450[data-background-type-sm="image"] { background-image: url(); background-size: cover; background-position: center; }
#znid-203042184450 > .zn-element > .zn-row { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 32px 0px 32px 0px; }
#znid-203042184450[data-vertical-align-sm="top"] .zn-row { align-items: flex-start; }
#znid-203042184450[data-vertical-align-sm="center"] .zn-row { align-items: center; }
#znid-203042184450[data-vertical-align-sm="bottom"] .zn-row { align-items: flex-end; }
#znid-203042184450 .zn-row .zn-column { flex-basis: 0; width: 0; }
#znid-203042184450 > .zn-element > .zn-row > .zn-column:not(:last-child) { margin-right: 12px; }
#znid-203042184450 .zn-row .zn-column-sm-12 { flex-basis: 100%; margin-right: 0 !important; } #znid-203042184450 .zn-row .zn-column-sm-9 { flex-grow: 9; } #znid-203042184450 .zn-row .zn-column-sm-8 { flex-grow: 8; }
#znid-203042184450 .zn-row .zn-column-sm-6 { flex-grow: 6; }
#znid-203042184450[data-layout-sm^="3-3-3-3"] > .zn-element > .zn-row > .zn-column-sm-6 { flex-basis: calc(50% - 12px / 2); margin-right: 0; flex-grow: 0; }
#znid-203042184450 .zn-row .zn-column-sm-4 { flex-grow: 4; }
#znid-203042184450 .zn-row .zn-column-sm-3 { flex-grow: 3; } }
.zn-container[data-bg-type-lg="color"] { background-color: #ffffff; }
.zn-container[data-bg-type-lg="image"] { background-image: url(); background-size: cover; background-position: center; }
.zn-container { padding: 32px 0px 32px 0px; font-family: ; } @media (max-width: 720px) { .zn-container[data-bg-type-md="color"] { background-color: #ffffff; }
.zn-container[data-bg-type-md="image"] { background-image: url(); background-size: cover; background-position: center; }
.zn-container { padding: 32px 0px 32px 0px; font-family: ; } } @media (max-width: 1025px) { .zn-container[data-bg-type-sm="color"] { background-color: #ffffff; }
.zn-container[data-bg-type-sm="image"] { background-image: url(); background-size: cover; background-position: center; }
.zn-container { padding: 32px 0px 32px 0px; font-family: ; } }
.zn-container a { color: #2196F3; text-decoration: none; }
.zn-container a:hover { color: #2196F3CC; text-decoration: none; }
function znReady(fn) { if (document.readyState != 'loading'){ fn(); } else { document.addEventListener('DOMContentLoaded', fn); } }
window.znStorage={_storage:new WeakMap,put:function(e,t,n){this._storage.has(e)||this._storage.set(e,new Map),this._storage.get(e).set(t,n)},get:function(e,t){return this._storage.get(e).get(t)},has:function(e,t){return this._storage.has(e)&&this._storage.get(e).has(t)},remove:function(e,t){var n=this._storage.get(e).delete(t);return 0===!this._storage.get(e).size&&this._storage.delete(e),n}} Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;do{if(Element.prototype.matches.call(t,e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null})
Lorem ipsum dolor
#znid-203042218334 { margin: 0px 0px 0px 0px; opacity: 1; }
#znid-203042218334[data-shadow-enable-lg="true"] { box-shadow: 5px 5px 5px #333333; }
#znid-203042218334[data-border-enable-lg="true"] { border-width: 1px; border-style: solid; border-color: #333333; border-radius: 0px; overflow: hidden; }
#znid-203042218334[data-background-type-lg="color"] { background-color: ; }
#znid-203042218334[data-background-type-lg="image"] { background-image: url(); background-size: cover; background-position: center; }
#znid-203042218334 h3 { margin: 0; padding: 0px 0px 0px 0px; font-size: 36px; letter-spacing: 1px; word-spacing: 0px; font-family: ; color: #333333; text-transform: none; text-decoration: none; font-weight: bolder; font-style: normal; text-align: left; }
#znid-203042218334[data-text-shadow-enable-lg="true"] h3 { text-shadow: 3px 3px 3px #333333; } @media (max-width: 720px) { #znid-203042218334 { margin: 0px 0px 0px 0px; opacity: 1; }
#znid-203042218334[data-shadow-enable-md="true"] { box-shadow: 5px 5px 5px #333333; }
#znid-203042218334[data-border-enable-md="true"] { border-width: 1px; border-style: solid; border-color: #333333; border-radius: 0px; overflow: hidden; }
#znid-203042218334[data-background-type-md="color"] { background-color: ; }
#znid-203042218334[data-background-type-md="image"] { background-image: url(); background-size: cover; background-position: center; }
#znid-203042218334 h3 { margin: 0; padding: 0px 0px 0px 0px; font-size: 36px; letter-spacing: 1px; word-spacing: 0px; font-family: ; color: #333333; text-transform: none; text-decoration: none; font-weight: bolder; font-style: normal; text-align: left; }
#znid-203042218334[data-text-shadow-enable-md="true"] h3 { text-shadow: 3px 3px 3px #333333; } } @media (max-width: 1025px) { #znid-203042218334 { margin: 0px 0px 0px 0px; opacity: 1; }
#znid-203042218334[data-shadow-enable-sm="true"] { box-shadow: 5px 5px 5px #333333; }
#znid-203042218334[data-border-enable-sm="true"] { border-width: 1px; border-style: solid; border-color: #333333; border-radius: 0px; overflow: hidden; }
#znid-203042218334[data-background-type-sm="color"] { background-color: ; }
#znid-203042218334[data-background-type-sm="image"] { background-image: url(); background-size: cover; background-position: center; }
#znid-203042218334 h3 { margin: 0; padding: 0px 0px 0px 0px; font-size: 36px; letter-spacing: 1px; word-spacing: 0px; font-family: ; color: #333333; text-transform: none; text-decoration: none; font-weight: bolder; font-style: normal; text-align: left; }
#znid-203042218334[data-text-shadow-enable-sm="true"] h3 { text-shadow: 3px 3px 3px #333333; } } znReady(function() { var element = document.getElementById("znid-203042218334"); });
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu dictum urna. Aliquam erat volutpat. Nulla ut vestibulum felis. Suspendisse bibendum ipsum ut arcu fermentum facilisis. Curabitur hendrerit eros est, ac elementum risus tincidunt a. Aliquam consectetur tincidunt cursus. Cras efficitur, mauris eu auctor eleifend, nunc tortor venenatis dolor, non aliquet enim leo eu turpis.
#znid-203042256527 { margin: 0px 0px 0px 0px; opacity: 1; }
#znid-203042256527[data-shadow-enable-lg="true"] { box-shadow: 5px 5px 5px #333333; }
#znid-203042256527[data-border-enable-lg="true"] { border-width: 1px; border-style: solid; border-color: #333333; border-radius: 0px; overflow: hidden; }
#znid-203042256527[data-background-type-lg="color"] { background-color: ; }
#znid-203042256527[data-background-type-lg="image"] { background-image: url(); background-size: cover; background-position: center; }
#znid-203042256527 p.zn-text { margin: 0; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 1.5; letter-spacing: 1px; word-spacing: 0px; font-family: ; color: #333333; text-transform: none; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; }
#znid-203042256527[data-text-shadow-enable-lg="true"] p.zn-text { text-shadow: 3px 3px 3px #333333; } @media (max-width: 720px) { #znid-203042256527 { margin: 0px 0px 0px 0px; opacity: 1; }
#znid-203042256527[data-shadow-enable-md="true"] { box-shadow: 5px 5px 5px #333333; }
#znid-203042256527[data-border-enable-md="true"] { border-width: 1px; border-style: solid; border-color: #333333; border-radius: 0px; overflow: hidden; }
#znid-203042256527[data-background-type-md="color"] { background-color: ; }
#znid-203042256527[data-background-type-md="image"] { background-image: url(); background-size: cover; background-position: center; }
#znid-203042256527 p.zn-text { margin: 0; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 1.5; letter-spacing: 1px; word-spacing: 0px; font-family: ; color: #333333; text-transform: none; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; }
#znid-203042256527[data-text-shadow-enable-md="true"] p.zn-text { text-shadow: 3px 3px 3px #333333; } } @media (max-width: 1025px) { #znid-203042256527 { margin: 0px 0px 0px 0px; opacity: 1; }
#znid-203042256527[data-shadow-enable-sm="true"] { box-shadow: 5px 5px 5px #333333; }
#znid-203042256527[data-border-enable-sm="true"] { border-width: 1px; border-style: solid; border-color: #333333; border-radius: 0px; overflow: hidden; }
#znid-203042256527[data-background-type-sm="color"] { background-color: ; }
#znid-203042256527[data-background-type-sm="image"] { background-image: url(); background-size: cover; background-position: center; }
#znid-203042256527 p.zn-text { margin: 0; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 1.5; letter-spacing: 1px; word-spacing: 0px; font-family: ; color: #333333; text-transform: none; text-decoration: none; font-weight: normal; font-style: normal; text-align: left; }
#znid-203042256527[data-text-shadow-enable-sm="true"] p.zn-text { text-shadow: 3px 3px 3px #333333; } } znReady(function() { var element = document.getElementById("znid-203042256527"); });
znReady(function() { var element = document.getElementById("znid-203042184450"); }); znReady(function() { }); znReady(function() { var addon = document.querySelector('[type="#container-style"]'); }); znReady(function() { }); znReady(function() { }); znReady(function() { });