Фартук для кухни Скандинавский стиль подойдет всем поклонникам демократичного минимализма. Изделие позволяет оформить кухню в особенном интерьере, в котором отсутствуют роскошь и чрезмерная вычурность.
{
«settings»: {
«name»: «Site-04-16_1903»,
«currentPage»: «index.html»,
«theme»: {
«name»: «mobirise4»,
«title»: «Mobirise 4»,
«styling»: {
«primaryColor»: «#149dcc»,
«secondaryColor»: «#ff3366»,
«successColor»: «#F7ED4A»,
«infoColor»: «#82786E»,
«warningColor»: «#879A9F»,
«dangerColor»: «#B1A374»,
«mainFont»: «Rubik»,
«display1Font»: «Rubik»,
«display1Size»: 4.25,
«display2Font»: «Rubik»,
«display2Size»: 3,
«display5Font»: «Rubik»,
«display5Size»: 1.5,
«display7Font»: «Rubik»,
«display7Size»: 1,
«display4Font»: «Rubik»,
«display4Size»: 1,
«isRoundedButtons»: true,
«isAnimatedOnScroll»: false,
«isScrollToTopButton»: false
},
«additionalSetColors»: []
},
«path»: «@PROJECT_PATH@»,
«versionFirst»: «4.11.6»,
«siteFonts»: [
{
«css»: «‘Rubik’, sans-serif»,
«name»: «Rubik»,
«url»: «https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i»
}
],
«uniqCompNum»: 68,
«versionPublish»: «4.11.6»
},
«pages»: {
«index.html»: {
«settings»: {
«main»: true,
«title»: «Home»,
«meta_descr»: «»,
«header_custom»: «»,
«footer_custom»: «»,
«html_before»: «»
},
«components»: [
{
«alias»: false,
«_styles»: {
«.navbar»: {
«background»: «@menuBgColor»,
«transition»: «none»,
«min-height»: «77px»,
«padding»: «.5rem 0»
},
«.navbar-dropdown.bg-color.transparent.opened»: {
«background»: «@menuBgColor»
},
«a»: {
«font-style»: «normal»
},
«.nav-item»: {
«& span»: {
«padding-right»: «0.4em»,
«line-height»: «0.5em»,
«vertical-align»: «text-bottom»,
«position»: «relative»,
«text-decoration»: «none»
},
«& a»: {
«display»: «-webkit-flex»,
«align-items»: «center»,
«justify-content»: «center»,
«padding»: «0.7rem 0 !important»,
«margin»: «0rem .65rem !important»,
«-webkit-align-items»: «center»,
«-webkit-justify-content»: «center»
}
},
«.nav-item:focus, .nav-link:focus»: {
«outline»: «none»
},
«.btn»: {
«padding»: «0.4rem 1.5rem»,
«display»: «-webkit-inline-flex»,
«align-items»: «center»,
«-webkit-align-items»: «center»,
«.mbr-iconfont»: {
«font-size»: «1.6rem»
}
},
«.menu-logo»: {
«margin-right»: «auto»,
«.navbar-brand»: {
«display»: «flex»,
«margin-left»: «5rem»,
«padding»: «0»,
«transition»: «padding .2s»,
«min-height»: «3.8rem»,
«-webkit-align-items»: «center»,
«align-items»: «center»,
«.navbar-caption-wrap»: {
«display»: «flex»,
«-webkit-align-items»: «center»,
«align-items»: «center»,
«word-break»: «break-word»,
«min-width»: «7rem»,
«margin»: «.3rem 0»,
«.navbar-caption»: {
«line-height»: «1.2rem !important»,
«padding-right»: «2rem»
}
},
«.navbar-logo»: {
«font-size»: «4rem»,
«transition»: «font-size 0.25s»,
«& img»: {
«display»: «flex»
},
«.mbr-iconfont»: {
«transition»: «font-size 0.25s»
},
«a»: {
«display»: «inline-flex»
}
}
}
},
«.navbar-toggleable-sm .navbar-collapse»: {
«justify-content»: «flex-end»,
«-webkit-justify-content»: «flex-end»,
«padding-right»: «5rem»,
«width»: «auto»,
«.navbar-nav»: {
«flex-wrap»: «wrap»,
«-webkit-flex-wrap»: «wrap»,
«padding-left»: «0»,
«.nav-item»: {
«-webkit-align-self»: «center»,
«align-self»: «center»
}
},
«.navbar-buttons»: {
«padding-left»: «0»,
«padding-bottom»: «0»
}
},
«.dropdown»: {
«.dropdown-menu»: {
«background»: «@menuBgColor»,
«display»: «none»,
«position»: «absolute»,
«min-width»: «5rem»,
«padding-top»: «1.4rem»,
«padding-bottom»: «1.4rem»,
«text-align»: «left»,
«.dropdown-item»: {
«width»: «auto»,
«padding»: «0.235em 1.5385em 0.235em 1.5385em !important»,
«&::after»: {
«right»: «0.5rem»
}
},
«.dropdown-submenu»: {
«margin»: «0»
}
},
«&.open > .dropdown-menu»: {
«display»: «block»
}
},
«.navbar-toggleable-sm»: {
«&.opened:after»: {
«position»: «absolute»,
«width»: «100vw»,
«height»: «100vh»,
«content»: «»»,
«background-color»: «rgba(0, 0, 0, 0.1)»,
«left»: «0»,
«bottom»: «0»,
«transform»: «translateY(100%)»,
«-webkit-transform»: «translateY(100%)»,
«z-index»: «1000»
}
},
«.navbar.navbar-short»: {
«min-height»: «60px»,
«transition»: «all .2s»,
«& .navbar-toggler-right»: {
«top»: «20px»
},
«& .navbar-logo a»: {
«font-size»: «2.5rem !important»,
«line-height»: «2.5rem»,
«transition»: «font-size 0.25s»,
«& .mbr-iconfont»: {
«font-size»: «2.5rem !important»
},
«& img»: {
«height»: «3rem !important»
}
},
«& .navbar-brand»: {
«min-height»: «3rem»
}
},
«button.navbar-toggler»: {
«width»: «31px»,
«height»: «18px»,
«cursor»: «pointer»,
«transition»: «all .2s»,
«top»: «1.5rem»,
«right»: «1rem»,
«&:focus»: {
«outline»: «none»
},
«.hamburger span»: {
«position»: «absolute»,
«right»: «0»,
«width»: «30px»,
«height»: «2px»,
«border-right»: «5px»,
«background-color»: «@hamburgerColor»,
«&:nth-child(1)»: {
«top»: «0»,
«transition»: «all .2s»
},
«&:nth-child(2)»: {
«top»: «8px»,
«transition»: «all .15s»
},
«&:nth-child(3)»: {
«top»: «8px»,
«transition»: «all .15s»
},
«&:nth-child(4)»: {
«top»: «16px»,
«transition»: «all .2s»
}
}
},
«nav.opened .hamburger span»: {
«&:nth-child(1)»: {
«top»: «8px»,
«width»: «0»,
«opacity»: «0»,
«right»: «50%»,
«transition»: «all .2s»
},
«&:nth-child(2)»: {
«-webkit-transform»: «rotate(45deg)»,
«transform»: «rotate(45deg)»,
«transition»: «all .25s»
},
«&:nth-child(3)»: {
«-webkit-transform»: «rotate(-45deg)»,
«transform»: «rotate(-45deg)»,
«transition»: «all .25s»
},
«&:nth-child(4)»: {
«top»: «8px»,
«width»: «0»,
«opacity»: «0»,
«right»: «50%»,
«transition»: «all .2s»
}
},
«.collapsed»: {
«&.navbar-expand»: {
«flex-direction»: «column»,
«-webkit-flex-direction»: «column»
},
«.btn»: {
«display»: «-webkit-flex»
},
«.navbar-collapse»: {
«display»: «none !important»,
«padding-right»: «0 !important»,
«&.collapsing,&.show»: {
«display»: «block !important»,
«.navbar-nav»: {
«display»: «block»,
«text-align»: «center»,
«.nav-item»: {
«clear»: «both»,
«& when (@showButtons = false)»: {
«&:last-child»: {
«margin-bottom»: «1rem»
}
}
}
},
«.navbar-buttons»: {
«text-align»: «center»,
«&:last-child»: {
«margin-bottom»: «1rem»
}
}
}
},
«@media (min-width: 1024px)»: {
«&:not(.navbar-short) .navbar-collapse when (@showLogo)»: {
«max-height»: «~\»calc(98.5vh — @{logoSize}rem)\»»
}
},
«button.navbar-toggler»: {
«display»: «block»
},
«.navbar-brand»: {
«margin-left»: «1rem !important»
},
«.navbar-toggleable-sm»: {
«flex-direction»: «column»,
«-webkit-flex-direction»: «column»
},
«.dropdown»: {
«.dropdown-menu»: {
«width»: «100%»,
«text-align»: «center»,
«position»: «relative»,
«opacity»: «0»,
«overflow»: «hidden»,
«display»: «block»,
«height»: «0»,
«visibility»: «hidden»,
«padding»: «0»,
«transition-duration»: «.5s»,
«transition-property»: «opacity,padding,height»
},
«&.open > .dropdown-menu»: {
«position»: «relative»,
«opacity»: «1»,
«height»: «auto»,
«padding»: «1.4rem 0»,
«visibility»: «visible»
},
«.dropdown-submenu»: {
«left»: «0»,
«text-align»: «center»,
«width»: «100%»
},
«.dropdown-toggle[data-toggle=\»dropdown-submenu\»]::after»: {
«margin-top»: «0»,
«position»: «inherit»,
«right»: «0»,
«top»: «50%»,
«display»: «inline-block»,
«width»: «0»,
«height»: «0»,
«margin-left»: «.3em»,
«vertical-align»: «middle»,
«content»: «\»\»»,
«border-top»: «.30em solid»,
«border-right»: «.30em solid transparent»,
«border-left»: «.30em solid transparent»
}
}
},
«@media (max-width: 1023px)»: {
«&.navbar-expand»: {
«flex-direction»: «column»,
«-webkit-flex-direction»: «column»
},
«img»: {
«height»: «3.8rem !important»
},
«.btn»: {
«display»: «-webkit-flex»
},
«button.navbar-toggler»: {
«display»: «block»
},
«.navbar-brand»: {
«margin-left»: «1rem !important»
},
«.navbar-toggleable-sm»: {
«flex-direction»: «column»,
«-webkit-flex-direction»: «column»
},
«.navbar-collapse»: {
«display»: «none !important»,
«padding-right»: «0 !important»,
«&.collapsing,&.show»: {
«display»: «block !important»,
«.navbar-nav»: {
«display»: «block»,
«text-align»: «center»,
«.nav-item»: {
«clear»: «both»,
«& when (@showButtons = false)»: {
«&:last-child»: {
«margin-bottom»: «1rem»
}
}
}
},
«.navbar-buttons»: {
«text-align»: «center»,
«&:last-child»: {
«margin-bottom»: «1rem»
}
}
}
},
«.dropdown»: {
«.dropdown-menu»: {
«width»: «100%»,
«text-align»: «center»,
«position»: «relative»,
«opacity»: «0»,
«overflow»: «hidden»,
«display»: «block»,
«height»: «0»,
«visibility»: «hidden»,
«padding»: «0»,
«transition-duration»: «.5s»,
«transition-property»: «opacity,padding,height»
},
«&.open > .dropdown-menu»: {
«position»: «relative»,
«opacity»: «1»,
«height»: «auto»,
«padding»: «1.4rem 0»,
«visibility»: «visible»
},
«.dropdown-submenu»: {
«left»: «0»,
«text-align»: «center»,
«width»: «100%»
},
«.dropdown-toggle[data-toggle=\»dropdown-submenu\»]::after»: {
«margin-top»: «0»,
«position»: «inherit»,
«right»: «0»,
«top»: «50%»,
«display»: «inline-block»,
«width»: «0»,
«height»: «0»,
«margin-left»: «.3em»,
«vertical-align»: «middle»,
«content»: «\»\»»,
«border-top»: «.30em solid»,
«border-right»: «.30em solid transparent»,
«border-left»: «.30em solid transparent»
}
}
},
«@media (min-width: 767px)»: {
«.menu-logo»: {
«flex-shrink»: «0»,
«-webkit-flex-shrink»: «0»
}
},
«.navbar-collapse»: {
«flex-basis»: «auto»,
«-webkit-flex-basis»: «auto»
},
«.nav-link:hover, .dropdown-item:hover»: {
«color»: «@itemsHoverColor !important»
}
},
«_name»: «menu2»,
«_customHTML»: «<section class=\»menu\» group=\»Menu\» plugins=\»DropDown, TouchSwipe\» always-top global not-draggable once=\»menu\» position-absolute>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»checkbox\» title=\»Логотип\» name=\»showLogo\» checked>\n <input type=\»range\» title=\»Размер\» inline name=\»logoSize\» min=\»3.8\» max=\»8\» step=\»0.1\» value=\»3.8\» condition=\»showLogo\»>\n <input type=\»checkbox\» title=\»Бренд\» name=\»showBrand\»>\n <input type=\»checkbox\» title=\»Пункты меню\» name=\»showItems\» checked>\n <input type=\»color\» title=\»Выбрать цвет\» name=\»itemsHoverColor\» value=\»#767676\» condition=\»showItems\»>\n <input type=\»checkbox\» title=\»Кнопки\» name=\»showButtons\» checked>\n <input type=\»checkbox\» title=\»Липкое меню\» name=\»sticky\» checked>\n <input type=\»checkbox\» title=\»Гамбургер-меню\» name=\»collapsed\»>\n <input type=\»checkbox\» title=\»Прозрачное меню\» name=\»transparent\»>\n <input type=\»color\» title=\»Цвет гамбургера\» name=\»hamburgerColor\» value=\»#333333\»>\n <input type=\»color\» title=\»Цвет фона\» name=\»menuBgColor\» value=\»#ffffff\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <nav class=\»navbar navbar-expand beta-menu navbar-dropdown align-items-center\» mbr-class=\»{\n ‘navbar-fixed-top’: sticky,\n ‘navbar-toggleable-sm’: !collapsed,\n ‘collapsed’: collapsed,\n ‘bg-color transparent’: transparent\n }\»>\n <button class=\»navbar-toggler navbar-toggler-right\» type=\»button\» data-toggle=\»collapse\» data-target=\»#navbarSupportedContent\» aria-controls=\»navbarSupportedContent\» aria-expanded=\»false\» aria-label=\»Toggle navigation\»>\n <div class=\»hamburger\»>\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </div>\n </button>\n <div class=\»menu-logo\»>\n <div class=\»navbar-brand\»>\n <span mbr-if=\»showLogo\» class=\»navbar-logo\»>\n <a href=\»https://mobirise.co\»>\n <img src=\»../_images/logo2.png\» alt=\»Mobirise\» mbr-style=\»{‘height’: logoSize + ‘rem’}\»>\n </a>\n </span>\n <span mbr-if=\»showBrand\» mbr-buttons mbr-theme-style=\»display-4\» class=\»navbar-caption-wrap\» data-toolbar=\»-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove\»>\n <a class=\»navbar-caption text-black\» data-app-selector=\».navbar-caption\» href=\»https://mobirise.co\»>\n MOBIRISE\n </a>\n </span>\n </div>\n </div>\n <div class=\»collapse navbar-collapse\» id=\»navbarSupportedContent\»>\n <ul mbr-if=\»showItems\» mbr-menu class=\»navbar-nav nav-dropdown\» mbr-theme-style=\»display-4\» mbr-class=\»{‘nav-right’: !showButtons,\n ‘navbar-nav-top-padding’: isPublish && !showBrand && !showLogo}\»><li class=\»nav-item\»>\n <a class=\»nav-link link text-black\» href=\»#top\» data-app-selector=\».nav-link,.dropdown-item\» data-app-placeholder=\»Введите Текст\»>Обзор</a>\n </li>\n <li class=\»nav-item\»>\n <a class=\»nav-link link text-black\» href=\»index.html#content4-6\» data-app-selector=\».nav-link,.dropdown-item\» data-app-placeholder=\»Введите Текст\»>Фото работ </a>\n </li><li class=\»nav-item\»><a class=\»nav-link link text-black\» href=\»https://mobirise.co\» data-app-selector=\».nav-link,.dropdown-item\» data-app-placeholder=\»Введите Текст\»>Виды стекол </a></li><li class=\»nav-item\»><a class=\»nav-link link text-black\» href=\»https://mobirise.co\» data-app-selector=\».nav-link,.dropdown-item\» data-app-placeholder=\»Введите Текст\»>Размеры</a></li><li class=\»nav-item\»><a class=\»nav-link link text-black\» href=\»https://mobirise.co\» data-app-selector=\».nav-link,.dropdown-item\» data-app-placeholder=\»Введите Текст\»>Установка </a></li><li class=\»nav-item\»><a class=\»nav-link link text-black\» href=\»https://mobirise.co\» data-app-selector=\».nav-link,.dropdown-item\» data-app-placeholder=\»Введите Текст\»>Подсветка</a></li><li class=\»nav-item\»><a class=\»nav-link link text-black\» href=\»https://mobirise.co\» data-app-selector=\».nav-link,.dropdown-item\» data-app-placeholder=\»Введите Текст\»>Цены</a></li></ul>\n <div mbr-if=\»showButtons\» mbr-buttons mbr-theme-style=\»display-4\» class=\»navbar-buttons mbr-section-btn\»>\n <a class=\»btn btn-sm btn-primary\» href=\»tel:+1-234-567-8901\»>\n <span class=\»btn-icon mbri-mobile mbr-iconfont mbr-iconfont-btn\» data-app-selector=\».mbr-iconfont-btn\»>\n </span>\n +1-234-567-8901\n </a>\n </div>\n </div>\n </nav>\n</section>»,
«_cid»: «rWl4mW0EE2»,
«_anchor»: «menu2-0»,
«_protectedParams»: [],
«_global»: true,
«_once»: «menu»,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«background-color»: «@bgColor»,
«.mbr-section-subtitle»: {
«color»: «#767676»
}
},
«_name»: «content4»,
«_customHTML»: «<section class=\»mbr-section content4\» group=\»Article\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»6\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\»>\n <input type=\»checkbox\» title=\»Кнопки\» name=\»showButtons\»>\n <input type=\»color\» title=\»Цвет фона\» name=\»bgColor\» value=\»#ffffff\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»container\»>\n <div class=\»media-container-row\»>\n <div class=\»title col-12 col-md-8\»>\n <h2 mbr-if=\»showTitle\» class=\»align-center pb-3 mbr-fonts-style\» mbr-theme-style=\»display-1\»>Фартук из прозрачного стекла</h2>\n <h3 mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\» class=\»mbr-section-subtitle align-center mbr-light mbr-fonts-style\» mbr-theme-style=\»display-7\»>Идеальным решением и отличной альтернативой различным отделочным материалам является стеклянный прозрачный фартук. Плитка, керамогранит, камень и другие виды кухонных панелей уступают на порядок новому виду стеновых фартуков. Выбрав прозрачные скинали, вы гармонично впишите их в интерьер в современном дизайне, так как они превосходно сочетаются с различными фасадами гарнитура и с бытовой техникой. Такой фартук для кухни монтируется в течение 1-2 часов без пыли и грязи, а отсутствие швов дает возможность содержать стеновые панели в чистоте. Сама по себе стеклянная поверхность красиво блестит, отражая свет и визуально увеличивая площадь кухни. Скинали – прозрачное стекло, на основе которого, реализуется оригинальная декоративная идея. При помощи фотопечати или цветной подложки осуществляются самые смелые решения. Поверхность может быть, как матовой, так и фактурной. Кроме того, прозрачные скинали защищают благородную каменную или деревянную структуру, подчеркивая ее красоту. Любая подсветка сочетается со стеклянным кухонным фартуком, не перегружая интерьер.</h3>\n <div class=\»mbr-section-btn align-center py-4\» mbr-if=\»showButtons\» mbr-buttons mbr-theme-style=\»display-4\»>\n <a class=\»btn btn-primary\» href=\»https://mobirise.co\»>ПОДРОБНЕЕ</a>\n <a class=\»btn btn-black-outline\» href=\»https://mobirise.co\»>ДЕМО</a>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rWlejV204U»,
«_anchor»: «content4-6»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«background-color»: «@bgColor»,
«.line»: {
«background-color»: «@lineColor»,
«color»: «@lineColor»,
«align»: «center»,
«height»: «2px»,
«margin»: «0 auto»
},
«.section-text»: {
«padding»: «2rem 0»
},
«.inner-container»: {
«margin»: «0 auto»
},
«@media (max-width: 768px)»: {
«.inner-container»: {
«width»: «100% !important»
}
}
},
«_name»: «content9»,
«_customHTML»: «<section class=\»mbr-section article content9\» group=\»Article\»>\n \n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Ширина текста\» name=\»innerWidth\» min=\»50\» max=\»100\» step=\»1\» value=\»100\»>\n <input type=\»range\» inline title=\»Ширина линии\» name=\»lineLength\» min=\»10\» max=\»100\» step=\»1\» value=\»10\»>\n <input type=\»color\» title=\»Цвет линии\» name=\»lineColor\» value=\»#ffffff\»>\n <input type=\»color\» title=\»Цвет фона\» name=\»bgColor\» value=\»#ffffff\»>\n <!— End block parameters —>\n </mbr-parameters> \n\n <div class=\»container\»>\n <div class=\»inner-container\» mbr-style=\»{‘width’: innerWidth + ‘%’}\»>\n <hr class=\»line\» mbr-style=\»{‘width’: lineLength + ‘%’}\»>\n <div class=\»section-text align-center mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».section-text\» mbr-text>Идеальным решением и отличной альтернативой различным отделочным материалам является стеклянный прозрачный фартук. Плитка, керамогранит, камень и другие виды кухонных панелей уступают на порядок новому виду стеновых фартуков. Выбрав такие скинали, вы гармонично впишите их в интерьер в современном дизайне, так как они превосходно сочетаются с различными фасадами гарнитура и с бытовой техникой. Такой фартук для кухни монтируется в течение 1-2 часов без пыли и грязи, а отсутствие швов дает возможность содержать стеновые панели в чистоте. Сама по себе стеклянная поверхность красиво блестит, отражая свет и визуально увеличивая площадь кухни. Скинали – стекло, на основе которого, реализуется оригинальная декоративная идея. Поверхность может быть, как матовой так и глянцевой. Кроме того, безцветные скинали защищают благородную каменную или деревянную структуру подчеркивая ее красоту.Так же предпочтительна установка прозрачных скиналей на обои Любая подсветка сочетается с прозрачным стеклянным кухонным фартуком, не перегружая интерьер.</div>\n <hr class=\»line\» mbr-style=\»{‘width’: lineLength + ‘%’}\»>\n </div>\n </div>\n</section>»,
«_cid»: «rWlksqpYbd»,
«_anchor»: «content9-e»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«background-color»: «@bgColor»,
«.mbr-section-subtitle»: {
«color»: «#767676»,
«text-align»: «center»
}
},
«_name»: «content4»,
«_customHTML»: «<section class=\»mbr-section content4\» group=\»Article\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»2\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\» checked>\n <input type=\»checkbox\» title=\»Кнопки\» name=\»showButtons\»>\n <input type=\»color\» title=\»Цвет фона\» name=\»bgColor\» value=\»#ffffff\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»container\»>\n <div class=\»media-container-row\»>\n <div class=\»title col-12 col-md-8\»>\n <h2 mbr-if=\»showTitle\» class=\»align-center pb-3 mbr-fonts-style\» mbr-theme-style=\»display-2\»>\n Фото реализованных проектов в прозрачном стекле </h2>\n <h3 mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\» class=\»mbr-section-subtitle align-center mbr-light mbr-fonts-style\» mbr-theme-style=\»display-5\»>Совершенство нейтральности.Новый тренд завоевывающий все большую популярность</h3>\n <div class=\»mbr-section-btn align-center py-4\» mbr-if=\»showButtons\» mbr-buttons mbr-theme-style=\»display-4\»>\n <a class=\»btn btn-primary\» href=\»https://mobirise.co\»>ПОДРОБНЕЕ</a>\n <a class=\»btn btn-black-outline\» href=\»https://mobirise.co\»>ДЕМО</a>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rWljHXIJKM»,
«_anchor»: «content4-d»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«h4»: {
«font-weight»: «500»,
«margin-bottom»: «0»,
«text-align»: «left»
},
«p»: {
«color»: «#767676»,
«text-align»: «left»
},
«.card-box»: {
«padding-top»: «2rem»
},
«.card-wrapper»: {
«height»: «100%»
}
},
«_name»: «features2»,
«_customHTML»: «<section class=\»features2\» group=\»Features\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\»>\n <input type=\»checkbox\» title=\»Текст\» name=\»showText\»>\n <select title=\»Число карт\» name=\»cardsAmount\»>\n <option value=\»1\»>1</option>\n <option value=\»2\»>2</option>\n <option value=\»3\» selected>3</option>\n <option value=\»4\»>4</option>\n </select>\n\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background5.jpg\» parallax>\n <input type=\»color\» title=\»Цвет фона\» value=\»#ffffff\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»https://www.youtube.com/watch?v=36YgDDJ7XSc\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» name=\»overlay\» checked condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#efefef\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.8\» condition=\»overlay && bg.type !== ‘color’\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n \n <div class=\»container\»>\n <div class=\»media-container-row\»>\n <div class=\»card p-3 col-12 col-md-6\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background1.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Без кодирования\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Mobirise — простой конструктор сайтов. Поместите элементы сайта на свою страницу, добавьте контент и стиль на свой вкус. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 1\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background2.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box \»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Мобильная адаптация\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Все сайты, сделанные в Mobirise, адаптивны. Вам не нужно создавать специальную мобильную версию вашего сайта. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 2\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background3.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Уникальные стили\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Mobirise предлагает много блоков сайта в нескольких темах, и хотя эти блоки сделаны шаблонами, они гибко настраиваются. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 3\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background4.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Безлимитно\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Mobirise дает вам свободу разрабатывать столько сайтов, сколько вам нравится, при том что это настольное приложение. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rWliIsNy7A»,
«_anchor»: «features2-a»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«h4»: {
«font-weight»: «500»,
«margin-bottom»: «0»,
«text-align»: «left»
},
«p»: {
«color»: «#767676»,
«text-align»: «left»
},
«.card-box»: {
«padding-top»: «2rem»
},
«.card-wrapper»: {
«height»: «100%»
}
},
«_name»: «features2»,
«_customHTML»: «<section class=\»features2\» group=\»Features\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\»>\n <input type=\»checkbox\» title=\»Текст\» name=\»showText\»>\n <select title=\»Число карт\» name=\»cardsAmount\»>\n <option value=\»1\»>1</option>\n <option value=\»2\»>2</option>\n <option value=\»3\» selected>3</option>\n <option value=\»4\»>4</option>\n </select>\n\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background5.jpg\» parallax>\n <input type=\»color\» title=\»Цвет фона\» value=\»#ffffff\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»https://www.youtube.com/watch?v=36YgDDJ7XSc\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» name=\»overlay\» checked condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#efefef\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.8\» condition=\»overlay && bg.type !== ‘color’\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n \n <div class=\»container\»>\n <div class=\»media-container-row\»>\n <div class=\»card p-3 col-12 col-md-6\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background1.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Без кодирования\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Mobirise — простой конструктор сайтов. Поместите элементы сайта на свою страницу, добавьте контент и стиль на свой вкус. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 1\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background2.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box \»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Мобильная адаптация\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Все сайты, сделанные в Mobirise, адаптивны. Вам не нужно создавать специальную мобильную версию вашего сайта. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 2\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background3.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Уникальные стили\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Mobirise предлагает много блоков сайта в нескольких темах, и хотя эти блоки сделаны шаблонами, они гибко настраиваются. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 3\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background4.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Безлимитно\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Mobirise дает вам свободу разрабатывать столько сайтов, сколько вам нравится, при том что это настольное приложение. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rWliPtkONl»,
«_anchor»: «features2-b»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«background-color»: «@bgColor»,
«.mbr-section-subtitle»: {
«color»: «#767676»
},
«H2»: {
«text-align»: «center»
}
},
«_name»: «content4»,
«_customHTML»: «<section class=\»mbr-section content4\» group=\»Article\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»2\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\» checked>\n <input type=\»checkbox\» title=\»Кнопки\» name=\»showButtons\»>\n <input type=\»color\» title=\»Цвет фона\» name=\»bgColor\» value=\»#efefef\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»container\»>\n <div class=\»media-container-row\»>\n <div class=\»title col-12 col-md-8\»>\n <h2 mbr-if=\»showTitle\» class=\»align-center pb-3 mbr-fonts-style\» mbr-theme-style=\»display-2\»>Виды стекол для прозрачных кухонных фартуков</h2>\n <h3 mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\» class=\»mbr-section-subtitle align-center mbr-light mbr-fonts-style\» mbr-theme-style=\»display-5\»>Выберете то что подходит именно вам </h3>\n <div class=\»mbr-section-btn align-center py-4\» mbr-if=\»showButtons\» mbr-buttons mbr-theme-style=\»display-4\»>\n <a class=\»btn btn-primary\» href=\»https://mobirise.co\»>ПОДРОБНЕЕ</a>\n <a class=\»btn btn-black-outline\» href=\»https://mobirise.co\»>ДЕМО</a>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_anchor»: «content4-k»,
«_isUserblock»: true,
«_sourceTheme»: «mobirise4»,
«_cid»: «rWpuVC2Yjn»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«.card-box»: {
«padding»: «0 2rem»
},
«.mbr-section-btn»: {
«padding-top»: «1rem»,
«a»: {
«margin-top»: «1rem»,
«margin-bottom»: «0»
}
},
«h4»: {
«font-weight»: «500»,
«margin-bottom»: «0»,
«text-align»: «left»,
«padding-top»: «2rem»
},
«p»: {
«margin-bottom»: «0»,
«text-align»: «left»,
«padding-top»: «1.5rem»,
«& when not (@showTitle)»: {
«padding-top»: «2rem»
}
},
«.mbr-text»: {
«color»: «#767676»
},
«.card-wrapper»: {
«height»: «100%»,
«padding-bottom»: «2rem»,
«background»: «@cardsBg»,
«box-shadow»: «0px 0px 0px 0px rgba(0, 0, 0, 0)»,
«transition»: «box-shadow 0.3s»,
«& when not (@showTitle)»: {
«& when not (@showText)»: {
«& when not (@showButtons)»: {
«padding-bottom»: «0»
}
}
},
«&:hover»: {
«box-shadow»: «0px 0px 30px 0px rgba(0, 0, 0, 0.05)»,
«transition»: «box-shadow 0.3s»
}
},
«.card-title»: {
«text-align»: «center»
}
},
«_name»: «features3»,
«_customHTML»: «<section class=\»features3\» group=\»Features\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»9\» step=\»1\» value=\»4\»>\n\n <input type=\»checkbox\» title=\»Show Image\» name=\»showImage\» checked>\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Текст\» name=\»showText\» checked>\n <input type=\»checkbox\» title=\»Кнопки\» name=\»showButtons\» checked>\n <input type=\»color\» title=\»Карты — Фон\» name=\»cardsBg\» value=\»#ffffff\»>\n <select title=\»Число карт\» name=\»cardsAmount\»>\n <option value=\»1\»>1</option>\n <option value=\»2\»>2</option>\n <option value=\»3\»>3</option>\n <option value=\»4\» selected>4</option>\n </select>\n\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background5.jpg\» parallax>\n <input type=\»color\» title=\»Цвет фона\» value=\»#efefef\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»https://www.youtube.com/watch?v=36YgDDJ7XSc\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» name=\»overlay\» condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#efefef\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.8\» condition=\»overlay && bg.type !== ‘color’\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n <div class=\»container\»>\n <div class=\»media-container-row\» mbr-cards=\»bootstrap\»>\n <div class=\»card p-3 col-12 col-md-6\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\» mbr-if=\»showImage\»>\n <img src=\»../_images/background1.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>Planibel Clear</h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-text\»>Универсальное закаленное стекло для кухонного фартука имеет незначительный зеленоватый оттенок.<br><br><br></p>\n </div>\n <div mbr-buttons mbr-theme-style=\»display-4\» class=\»mbr-section-btn text-center\» mbr-if=\»showButtons\» data-toolbar=\»-mbrBtnMove\»><a href=\»https://mobirise.co\» class=\»btn btn-primary\» data-app-placeholder=\»Введите Текст\»>Заказать</a></div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 1\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\» mbr-if=\»showImage\»>\n <img src=\»../_images/background2.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>Pilkington Optiwhite</h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-text\»>Кленое стекло для фартука на кухню со светло-голубоватым оттенком.Обладает естественной цветопередачей и практичностью. </p>\n </div>\n <div mbr-buttons mbr-theme-style=\»display-4\» class=\»mbr-section-btn text-center\» mbr-if=\»showButtons\» data-toolbar=\»-mbrBtnMove\»><a href=\»https://mobirise.co\» class=\»btn btn-primary\» data-app-placeholder=\»Введите Текст\»>Заказать</a></div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 2\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\» mbr-if=\»showImage\»>\n <img src=\»../_images/background3.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>CrystalVision</h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-text\»>Фартук из каленого стекла Кристалвижн имеет кристальную структуру и не имеет никаких зеленоватых или голубых оттенков.<br>Лучший выбор. </p>\n </div>\n <div mbr-buttons mbr-theme-style=\»display-4\» class=\»mbr-section-btn text-center\» mbr-if=\»showButtons\» data-toolbar=\»-mbrBtnMove\»><a href=\»https://mobirise.co\» class=\»btn btn-primary\» data-app-placeholder=\»Введите Текст\»>Заказать</a></div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6 col-lg-3\» mbr-if=\»cardsAmount > 3\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\» mbr-if=\»showImage\»>\n <img src=\»../_images/background4.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>Matelux Clear</h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-text\»>Скинали из закаленного стекла поражает тонким балансом между уединением и светом благодаря высокому качеству матирования<br></p>\n </div>\n <div mbr-buttons mbr-theme-style=\»display-4\» class=\»mbr-section-btn text-center\» mbr-if=\»showButtons\» data-toolbar=\»-mbrBtnMove\»><a href=\»https://mobirise.co\» class=\»btn btn-primary\» data-app-placeholder=\»Введите Текст\»>Заказать</a></div>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rWpxmlqF30»,
«_anchor»: «features3-l»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«background-color»: «@bgColor»,
«.mbr-section-subtitle»: {
«color»: «#767676»
},
«H2»: {
«text-align»: «center»
}
},
«_name»: «content4»,
«_customHTML»: «<section class=\»mbr-section content4\» group=\»Article\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»2\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\» checked>\n <input type=\»checkbox\» title=\»Кнопки\» name=\»showButtons\»>\n <input type=\»color\» title=\»Цвет фона\» name=\»bgColor\» value=\»#ffffff\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»container\»>\n <div class=\»media-container-row\»>\n <div class=\»title col-12 col-md-8\»>\n <h2 mbr-if=\»showTitle\» class=\»align-center pb-3 mbr-fonts-style\» mbr-theme-style=\»display-2\»>Установка прозрачного стеклянного фартука на кухне</h2>\n <h3 mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\» class=\»mbr-section-subtitle align-center mbr-light mbr-fonts-style\» mbr-theme-style=\»display-5\»> Способы крепления кухонного фартука к стене</h3>\n <div class=\»mbr-section-btn align-center py-4\» mbr-if=\»showButtons\» mbr-buttons mbr-theme-style=\»display-4\»>\n <a class=\»btn btn-primary\» href=\»https://mobirise.co\»>ПОДРОБНЕЕ</a>\n <a class=\»btn btn-black-outline\» href=\»https://mobirise.co\»>ДЕМО</a>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_anchor»: «content4-17»,
«_isUserblock»: true,
«_sourceTheme»: «mobirise4»,
«_cid»: «rWvdhmcwsM»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«.mbr-section-subtitle»: {
«color»: «#767676»,
«text-align»: «center»,
«font-weight»: «300»
},
«.step»: {
«width»: «(@stepSize * 2px)»,
«height»: «(@stepSize * 2px)»,
«font-size»: «~\»@{stepSize}px\»»,
«border-radius»: «50%»,
«border»: «2px solid @lineColor»,
«padding-bottom»: «0»
},
«@media (min-width: 768px)»: {
«.separline»: {
«.step-wrapper»: {
«position»: «relative»
},
«.step-wrapper:after when (@alignNumber = ‘1’)»: {
«top»: «(@stepSize + 2px)»,
«left»: «((@stepSize * 2px) + 4px)»,
«position»: «absolute»,
«content»: «\»\»»,
«height»: «2px»,
«width»: «~\»calc(100% + 30px — 8px — (@{stepSize}px * 2))\»»,
«background-color»: «@lineColor»
},
«.step-wrapper:before when (@alignNumber = ‘3’)»: {
«top»: «(@stepSize + 2px)»,
«left»: «~\»calc(100% + 4px)\»»,
«position»: «absolute»,
«content»: «\»\»»,
«height»: «2px»,
«width»: «~\»calc(100% — 8px + 30px — (@{stepSize}px * 2))\»»,
«background-color»: «@lineColor»
},
«& when (@alignNumber = ‘2’)»: {
«.step-wrapper:before, .step-wrapper:after»: {
«top»: «(@stepSize + 2px)»,
«position»: «absolute»,
«content»: «\»\»»,
«height»: «2px»,
«width»: «~\»calc(50% + 15px — @{stepSize}px — 8px)\»»,
«background-color»: «@lineColor»
},
«.step-wrapper:before»: {
«left»: «-15px»
},
«.step-wrapper:after»: {
«left»: «~\»calc(50% + 8px + @{stepSize}px)\»»
},
«&.last-child .step-wrapper:after, &:nth-child(3n) .step-wrapper:after, &:nth-child(3n+1) .step-wrapper:before»: {
«background»: «none»
}
}
}
},
«@media (max-width: 767px)»: {
«.card:not(.last-child)»: {
«padding-bottom»: «1.5rem»
}
}
},
«_name»: «step2»,
«_customHTML»: «<section class=\»step2\» group=\»Timelines & Steps\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»9\» step=\»1\» value=\»1\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\»>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\»>\n \n <input type=\»checkbox\» title=\»Show Step Title\» name=\»showStepTitle\» checked>\n \n <input type=\»color\» title=\»line Color\» name=\»lineColor\» value=\»#efefef\»>\n <select title=\»Number Align\» name=\»alignNumber\»>\n <option value=\»1\»>Left</option>\n <option value=\»2\» selected>Center</option>\n <option value=\»3\»>Right</option>\n </select>\n \n <select title=\»Steps Count\» name=\»stepsAmount\»>\n <option value=\»1\»>1</option>\n <option value=\»2\» selected>2</option>\n <option value=\»3\»>3</option>\n <option value=\»4\»>4</option>\n <option value=\»5\»>5</option>\n <option value=\»6\»>6</option>\n <option value=\»7\»>7</option>\n <option value=\»8\»>8</option>\n <option value=\»9\»>9</option>\n </select>\n <input type=\»range\» inline title=\»Step Size\» name=\»stepSize\» min=\»10\» max=\»50\» step=\»1\» value=\»36\»>\n\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background6.jpg\» parallax>\n <input type=\»color\» title=\»Цвет фона\» value=\»#ffffff\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»https://www.youtube.com/watch?v=36YgDDJ7XSc\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» name=\»overlay\» checked condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#efefef\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.8\» condition=\»overlay && bg.type !== ‘color’\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n \n <div class=\»container\»>\n <h2 class=\»mbr-section-title pb-3 mbr-fonts-style align-center\» mbr-theme-style=\»display-2\» mbr-if=\»showTitle\» data-app-selector=\».mbr-section-title\»>Установка прозрачного стеклянного фартука на кухне</h2>\n <h3 class=\»mbr-section-subtitle pb-5 mbr-fonts-style align-center\» mbr-theme-style=\»display-5\» mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit\n </h3>\n <div class=\»step-container row justify-content-center\»>\n <div class=\»card col-12\» mbr-class=\»{‘last-child’: stepsAmount == ‘1’, ‘pb-4’: stepsAmount > ‘3’, ‘col-md-6’: stepsAmount < 3, ‘col-md-4’: stepsAmount > 2, ‘separline’: stepsAmount > ‘1’}\»>\n <div class=\»step-element\»>\n <div class=\»step-wrapper pb-3\»>\n <h3 class=\»step d-flex align-items-center justify-content-center\» data-app-selector=\».step\» mbr-class=\»{‘m-auto’: alignNumber == ‘2’, ‘ml-auto’: alignNumber == ‘3’}\»>\n 1\n </h3>\n </div> \n <div class=\»step-text-content align-center\»>\n <h4 class=\»mbr-step-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».mbr-step-title\» mbr-if=\»showStepTitle\»>Стеклодержатели</h4>\n <p class=\»mbr-step-text mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».mbr-step-text\»>Монтаж кухонного фартука на крепежи для стекла</p>\n </div>\n </div>\n </div>\n\n <div class=\»card col-12\» mbr-if=\»stepsAmount > 1\» mbr-class=\»{‘separline’: stepsAmount > ‘2’ || alignNumber == ‘2’, ‘last-child’: stepsAmount == ‘2’, ‘pb-4’: stepsAmount > ‘3’, ‘col-md-6’: stepsAmount < 3, ‘col-md-4’: stepsAmount > 2 }\»>\n <div class=\»step-element\»>\n <div class=\»step-wrapper pb-3\»>\n <h3 class=\»step d-flex align-items-center justify-content-center\» data-app-selector=\».step\» mbr-class=\»{‘m-auto’: alignNumber == ‘2’, ‘ml-auto’: alignNumber == ‘3’}\»>\n 2\n </h3>\n </div> \n <div class=\»step-text-content align-center\»>\n <h4 class=\»mbr-step-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».mbr-step-title\» mbr-if=\»showStepTitle\»>Профиль алюминиевый</h4>\n <p class=\»mbr-step-text mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».mbr-step-text\»>Профильная система монтажа скиналей</p>\n </div>\n </div>\n </div>\n\n <div class=\»card col-md-4 col-12\» mbr-if=\»stepsAmount > 2\» mbr-class=\»{‘separline’: alignNumber == ‘2’, ‘last-child’: stepsAmount == ‘3’, ‘pb-4’: stepsAmount > ‘3’}\»>\n <div class=\»step-element\»>\n <div class=\»step-wrapper pb-3\»>\n <h3 class=\»step d-flex align-items-center justify-content-center\» data-app-selector=\».step\» mbr-class=\»{‘m-auto’: alignNumber == ‘2’, ‘ml-auto’: alignNumber == ‘3’}\»>\n 3\n </h3>\n </div> \n <div class=\»step-text-content align-center\»>\n <h4 class=\»mbr-step-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».mbr-step-title\» mbr-if=\»showStepTitle\»>Deployment\n </h4>\n <p class=\»mbr-step-text mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».mbr-step-text\»>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula.</p>\n </div>\n </div>\n </div>\n\n <div class=\»card col-12\» mbr-if=\»stepsAmount > 3\» mbr-class=\»{‘separline’: stepsAmount > ‘4’ || alignNumber == ‘2’, ‘last-child’: stepsAmount == ‘4’, ‘pb-4’: stepsAmount > ‘6’, ‘col-md-6’: stepsAmount < 6, ‘col-md-4’: stepsAmount > 5}\»>\n <div class=\»step-element\»>\n <div class=\»step-wrapper pb-3\»>\n <h3 class=\»step d-flex align-items-center justify-content-center\» data-app-selector=\».step\» mbr-class=\»{‘m-auto’: alignNumber == ‘2’, ‘ml-auto’: alignNumber == ‘3’}\»>\n 4\n </h3>\n </div> \n <div class=\»step-text-content align-center\»>\n <h4 class=\»mbr-step-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».mbr-step-title\» mbr-if=\»showStepTitle\»>\n Deployment\n </h4>\n <p class=\»mbr-step-text mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».mbr-step-text\»>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula.\n </p>\n </div>\n </div>\n </div>\n \n <div class=\»card col-12\» mbr-if=\»stepsAmount > 4\» mbr-class=\»{‘separline’: stepsAmount > ‘5’ || alignNumber == ‘2’, ‘last-child’: stepsAmount == ‘5’, ‘pb-4’: stepsAmount > ‘6’, ‘col-md-6’: stepsAmount < 6, ‘col-md-4’: stepsAmount > 5}\»>\n <div class=\»step-element\»>\n <div class=\»step-wrapper pb-3\»>\n <h3 class=\»step d-flex align-items-center justify-content-center\» data-app-selector=\».step\» mbr-class=\»{‘m-auto’: alignNumber == ‘2’, ‘ml-auto’: alignNumber == ‘3’}\»>\n 5\n </h3>\n </div> \n <div class=\»step-text-content align-center\»>\n <h4 class=\»mbr-step-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».mbr-step-title\» mbr-if=\»showStepTitle\»>\n Deployment\n </h4>\n <p class=\»mbr-step-text mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».mbr-step-text\»>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula.\n </p>\n </div>\n </div>\n </div>\n \n <div class=\»card col-md-4 col-12\» mbr-if=\»stepsAmount > 5\» mbr-class=\»{‘separline’: alignNumber == ‘2’, ‘last-child’: stepsAmount == ‘6’, ‘pb-4’: stepsAmount > ‘6’}\»>\n <div class=\»step-element\»>\n <div class=\»step-wrapper pb-3\»>\n <h3 class=\»step d-flex align-items-center justify-content-center\» data-app-selector=\».step\» mbr-class=\»{‘m-auto’: alignNumber == ‘2’, ‘ml-auto’: alignNumber == ‘3’}\»>\n 6\n </h3>\n </div> \n <div class=\»step-text-content align-center\»>\n <h4 class=\»mbr-step-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».mbr-step-title\» mbr-if=\»showStepTitle\»>\n Deployment\n </h4>\n <p class=\»mbr-step-text mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».mbr-step-text\»>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula.\n </p>\n </div>\n </div>\n </div>\n \n <div class=\»card col-12\» mbr-if=\»stepsAmount > 6\» mbr-class=\»{‘separline’: stepsAmount > ‘7’ || alignNumber == ‘2’, ‘last-child’: stepsAmount == ‘7’, ‘col-md-6’: stepsAmount < 9, ‘col-md-4’: stepsAmount > 8}\»>\n <div class=\»step-element\»>\n <div class=\»step-wrapper pb-3\»>\n <h3 class=\»step d-flex align-items-center justify-content-center\» data-app-selector=\».step\» mbr-class=\»{‘m-auto’: alignNumber == ‘2’, ‘ml-auto’: alignNumber == ‘3’}\»>\n 7\n </h3>\n </div> \n <div class=\»step-text-content align-center\»>\n <h4 class=\»mbr-step-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».mbr-step-title\» mbr-if=\»showStepTitle\»>\n Deployment\n </h4>\n <p class=\»mbr-step-text mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».mbr-step-text\»>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula.\n </p>\n </div>\n </div>\n </div>\n \n <div class=\»card col-12\» mbr-if=\»stepsAmount > 7\» mbr-class=\»{‘separline’: stepsAmount > ‘8’ || alignNumber == ‘2’, ‘last-child’: stepsAmount == ‘8’, ‘col-md-6’: stepsAmount < 9, ‘col-md-4’: stepsAmount > 8}\»>\n <div class=\»step-element\»>\n <div class=\»step-wrapper pb-3\»>\n <h3 class=\»step d-flex align-items-center justify-content-center\» data-app-selector=\».step\» mbr-class=\»{‘m-auto’: alignNumber == ‘2’, ‘ml-auto’: alignNumber == ‘3’}\»>\n 8\n </h3>\n </div> \n <div class=\»step-text-content align-center\»>\n <h4 class=\»mbr-step-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».mbr-step-title\» mbr-if=\»showStepTitle\»>\n Deployment\n </h4>\n <p class=\»mbr-step-text mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».mbr-step-text\»>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula.\n </p>\n </div>\n </div>\n </div>\n \n <div class=\»card col-md-4 col-12\» mbr-if=\»stepsAmount > 8\» mbr-class=\»{‘separline’: alignNumber == ‘2’}\»>\n <div class=\»step-element\»>\n <div class=\»step-wrapper pb-3\»>\n <h3 class=\»step d-flex align-items-center justify-content-center\» data-app-selector=\».step\» mbr-class=\»{‘m-auto’: alignNumber == ‘2’, ‘ml-auto’: alignNumber == ‘3’}\»>\n 9\n </h3>\n </div> \n <div class=\»step-text-content align-center\»>\n <h4 class=\»mbr-step-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».mbr-step-title\» mbr-if=\»showStepTitle\»>\n Deployment\n </h4>\n <p class=\»mbr-step-text mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».mbr-step-text\»>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula.\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rWvc93yWC2»,
«_anchor»: «step2-16»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«h4»: {
«font-weight»: «500»,
«margin-bottom»: «0»,
«text-align»: «left»
},
«p»: {
«color»: «#767676»,
«text-align»: «left»
},
«.card-box»: {
«padding-top»: «2rem»
},
«.card-wrapper»: {
«height»: «100%»
}
},
«_name»: «features2»,
«_customHTML»: «<section class=\»features2\» group=\»Features\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Текст\» name=\»showText\» checked>\n <select title=\»Число карт\» name=\»cardsAmount\»>\n <option value=\»1\»>1</option>\n <option value=\»2\» selected>2</option>\n <option value=\»3\»>3</option>\n <option value=\»4\»>4</option>\n </select>\n\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background5.jpg\» parallax>\n <input type=\»color\» title=\»Цвет фона\» value=\»#ffffff\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»https://www.youtube.com/watch?v=36YgDDJ7XSc\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» name=\»overlay\» checked condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#efefef\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.8\» condition=\»overlay && bg.type !== ‘color’\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n \n <div class=\»container\»>\n <div class=\»media-container-row\»>\n <div class=\»card p-3 col-12 col-md-6\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background1.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>Характеристики</h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>Нагрузка: 10кг на пару<br>Цвет: Хром<br>Матерьял: металл/пластик<br>Тип установки: со сверлением<br>Диаметр видимой части: 17мм</p>\n </div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 1\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background2.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box \»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>Характеристики</h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>Нагрузка: Равна несущей способности столешницы<br>Цвет: Серебро(анодирование)<br>Матерьял: Анодированный алюминий<br>Тип установки: Без сверления<br>Ширина видимой части: 10мм<br><br></p>\n </div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 2\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background3.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Уникальные стили\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Mobirise предлагает много блоков сайта в нескольких темах, и хотя эти блоки сделаны шаблонами, они гибко настраиваются. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n\n <div class=\»card p-3 col-12 col-md-6\» mbr-if=\»cardsAmount > 3\» mbr-class=\»{‘col-lg-3’: cardsAmount == ‘4’,\n ‘col-lg-4’: cardsAmount == ‘3’}\»>\n <div class=\»card-wrapper\»>\n <div class=\»card-img\»>\n <img src=\»../_images/background4.jpg\» alt=\»Mobirise\»>\n </div>\n <div class=\»card-box\»>\n <h4 class=\»card-title pb-3 mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».card-title\»>\n Безлимитно\n </h4>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\»>\n Mobirise дает вам свободу разрабатывать столько сайтов, сколько вам нравится, при том что это настольное приложение. <a href=\»https://mobirise.co\»>Подробнее…</a>\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rWIBom5ac3»,
«_anchor»: «features2-1c»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«background-color»: «@bgColor»
},
«_name»: «content8»,
«_customHTML»: «<section class=\»mbr-section content8\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n <input type=\»color\» title=\»Цвет фона\» name=\»bgColor\» value=\»#ffffff\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»container\»>\n <div class=\»media-container-row title\»>\n <div class=\»col-12 col-md-8\»>\n <div class=\»mbr-section-btn align-center\» mbr-buttons mbr-theme-style=\»display-4\» data-toolbar=\»-mbrBtnMove\»><a class=\»btn btn-primary\» href=\»https://mobirise.co\» data-app-placeholder=\»Введите Текст\»>ЗАКАЗАТЬ УСТАНОВКУ</a></div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rWIMGQg8nl»,
«_anchor»: «content8-1f»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«h2»: {
«text-align»: «center»
},
«h3»: {
«text-align»: «center»,
«font-weight»: «300»
},
«p»: {
«color»: «#767676»
},
«img»: {
«object-fit»: «cover»
},
«.block-content»: {
«display»: «-webkit-flex»,
«flex-direction»: «column»,
«-webkit-flex-direction»: «column»,
«flex-basis»: «100%»,
«-webkit-flex-basis»: «100%»
},
«.mbr-figure»: {
«align-self»: «flex-start»,
«-webkit-align-self»: «flex-start»,
«flex-shrink»: «0»,
«-webkit-flex-shrink»: «0»
},
«.media-container-row»: {
«word-wrap»: «break-word»,
«word-break»: «break-word»
},
«.mbr-section-subtitle»: {
«color»: «#767676»
},
«.card-title»: {
«font-weight»: «500»
},
«.card-img»: {
«text-align»: «inherit»
},
«.card-img span»: {
«font-size»: «48px»,
«color»: «#707070»
},
«@media (min-width: 992px)»: {
«.mbr-figure»: {
«padding-right»: «2rem»,
«padding-left»: «2rem»,
«height»: «100%»
}
},
«@media (max-width: 991px)»: {
«.mbr-figure»: {
«& when (@showTitle), (@showText)»: {
«padding-bottom»: «2rem»
},
«& when not (@showTitle) and not (@showText)»: {
«padding-bottom»: «1rem»
},
«padding-top»: «1rem»
}
},
«@media (max-width: 991px) and (min-width: 768px)»: {
«.block-content»: {
«flex-direction»: «row»,
«-webkit-flex-direction»: «row»,
«text-align»: «center»,
«.card»: {
«flex-basis»: «100%»,
«-webkit-flex-basis»: «100%»
}
},
«.card:nth-child(1) when (@cardsAmount > \»2\»)»: {
«padding-bottom»: «0!important»
}
}
},
«_name»: «features12»,
«_customHTML»: «<section class=\»features12\» group=\»Features\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n \n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»9\» step=\»1\» value=\»3\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\» checked>\n <input type=\»checkbox\» title=\»Текст\» name=\»showText\» checked>\n <input type=\»checkbox\» title=\»Иконки\» name=\»showIcons\» checked>\n <input type=\»range\» inline title=\»Размер медиа\» name=\»mediaSize\» min=\»10\» max=\»60\» step=\»1\» value=\»50\»>\n <select title=\»Число карт\» name=\»cardsAmount\»>\n <option value=\»2\»>2</option>\n <option value=\»4\» selected>4</option>\n </select>\n\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background5.jpg\» parallax>\n <input type=\»color\» title=\»Цвет фона\» value=\»#ffffff\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»https://www.youtube.com/watch?v=36YgDDJ7XSc\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» name=\»overlay\» checked condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#ffffff\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.5\» condition=\»overlay && bg.type !== ‘color’\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n\n <div class=\»container\»>\n <h2 class=\»mbr-section-title pb-2 mbr-fonts-style\» mbr-theme-style=\»display-2\» mbr-if=\»showTitle\» data-app-selector=\».mbr-section-title\»>Размеры кухонного фартука</h2>\n <h3 class=\»mbr-section-subtitle pb-3 mbr-fonts-style\» mbr-theme-style=\»display-5\» mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\»>\n Щелкните любой текст или значок, чтобы изменить стиль. Используйте параметры блока для скрытия/отображения текста, значков или изменения размера.\n </h3>\n\n <div class=\»media-container-row pt-5\»>\n <div class=\»block-content align-right\»>\n <div class=\»card pl-3 pr-3\» mbr-class=\»{‘pb-5’:cardsAmount > 2}\»>\n <div class=\»mbr-card-img-title\»>\n <div class=\»card-img pb-3\» mbr-if=\»showIcons\»>\n <span mbr-icon class=\»mbri-upload mbr-iconfont\»></span>\n </div>\n <div class=\»mbr-crt-title\»>\n <h4 class=\»card-title py-2 mbr-crt-title mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».mbr-crt-title\»> Высота </h4>\n </div>\n </div> \n\n <div class=\»card-box\»>\n <p class=\»mbr-text mbr-section-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-section-text\»>Стадартная высота фартука на кухне составляет от 56 до 60см.Так же ширина фартука зависит от наличия или отсутствия верхних шкафов</p>\n </div>\n </div>\n\n <div class=\»card pl-3 pr-3\» mbr-if=\»cardsAmount > 2\»>\n <div class=\»mbr-card-img-title\»>\n <div class=\»card-img pb-3\» mbr-if=\»showIcons\»>\n <span mbr-icon class=\»mbri-drag-n-drop2 mbr-iconfont\»></span>\n </div>\n <div class=\»mbr-crt-title\»>\n <h4 class=\»card-title py-2 mbr-crt-title mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».mbr-crt-title\»>Толщина</h4>\n </div>\n </div>\n <div class=\»card-box\»>\n <p class=\»mbr-text mbr-section-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-section-text\»>Стандартно для изготовления экранов для кухни мы используем стекло 6мм.Этого запаса прочности достаточно для придания дополнительной надежности конструкции</p>\n </div>\n </div>\n </div>\n\n <div class=\»mbr-figure m-auto\» mbr-style=\»{‘width’: mediaSize + ‘%’}\»>\n <img src=\»../_images/background6.jpg\» alt=\»Mobirise\» title>\n </div>\n\n <div class=\»block-content align-left\»>\n <div class=\»card pl-3 pr-3\» mbr-class=\»{‘pb-5’:cardsAmount > 2}\»>\n <div class=\»mbr-card-img-title\»>\n <div class=\»card-img pb-3\» mbr-if=\»showIcons\»>\n <span mbr-icon class=\»mbri-features mbr-iconfont\»></span>\n </div>\n <div class=\»mbr-crt-title\»>\n <h4 class=\»card-title py-2 mbr-crt-title mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».mbr-crt-title\»>Длинна </h4>\n </div>\n </div> \n\n <div class=\»card-box\»>\n <p class=\»mbr-text mbr-section-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-section-text\»>Максимальная длинна прозрачного скинали достигает 3000мм.При заказе данного размера необходимо учитывать возможность подьема данного изделия.</p>\n </div>\n </div>\n\n <div class=\»card pl-3 pr-3\» mbr-if=\»cardsAmount > 2\»>\n <div class=\»mbr-card-img-title\»>\n <div class=\»card-img pb-3\» mbr-if=\»showIcons\»>\n <span mbr-icon class=\»mbri-sites mbr-iconfont\»></span>\n </div>\n <div class=\»mbr-crt-title\»>\n <h4 class=\»card-title py-2 mbr-crt-title mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitle\» data-app-selector=\».mbr-crt-title\»>Фартук под вытяжкой</h4>\n </div>\n </div>\n <div class=\»card-box\»>\n <p class=\»mbr-text mbr-section-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-section-text\»>\n Mobirise дает вам свободу разрабатывать столько сайтов, сколько вам нравится, при том что это настольное приложение.\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rWIKZpDbGS»,
«_anchor»: «features12-1d»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«background-color»: «@bgColor»
},
«_name»: «content8»,
«_customHTML»: «<section class=\»mbr-section content8\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»4\»>\n <input type=\»color\» title=\»Цвет фона\» name=\»bgColor\» value=\»#ffffff\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»container\»>\n <div class=\»media-container-row title\»>\n <div class=\»col-12 col-md-8\»>\n <div class=\»mbr-section-btn align-center\» mbr-buttons mbr-theme-style=\»display-4\» data-toolbar=\»-mbrBtnMove\»><a class=\»btn btn-primary\» href=\»https://mobirise.co\» data-app-placeholder=\»Введите Текст\»>ЗАПИСАТСЯ НА ЗАМЕР</a>\n <a class=\»btn btn-primary\» href=\»https://mobirise.co\» data-app-placeholder=\»Введите Текст\»>ИНСТРУКЦИЯ ПО ЗАМЕРУ</a></div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rX04d7QFVH»,
«_anchor»: «content8-1h»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«.mbr-section-subtitle»: {
«color»: «#767676»,
«font-weight»: «300»
},
«.mbr-content-text»: {
«color»: «#767676»
},
«.card»: {
«word-wrap»: «break-word»,
«flex-shrink»: «0»,
«-webkit-flex-shrink»: «0»
},
«.mbr-iconfont»: {
«font-size»: «80px»,
«color»: «#149dcc»
},
«.cards-container»: {
«display»: «flex»,
«-webkit-flex-direction»: «row»,
«flex-direction»: «row»,
«-webkit-flex-wrap»: «wrap»,
«flex-wrap»: «wrap»,
«-webkit-justify-content»: «center»,
«justify-content»: «center»,
«word-break»: «break-word»
},
«.media-block when (@showTitle), (@showSubtitle), (@showMedia)»: {
«flex-shrink»: «0»,
«-webkit-flex-shrink»: «0»,
«@media (min-width: 992px)»: {
«& when not (@reverseContent)»: {
«padding-right»: «2rem»
},
«& when (@reverseContent)»: {
«padding-left»: «2rem»
}
}
},
«.cards-block»: {
«flex-basis»: «100%»,
«-webkit-flex-basis»: «100%»
},
«.card-img»: {
«display»: «flex»,
«-webkit-align-items»: «center»,
«align-items»: «center»,
«-webkit-flex-wrap»: «wrap»,
«flex-wrap»: «wrap»
},
«@media (max-width: 991px)»: {
«.media-block»: {
«flex-basis»: «100%»,
«-webkit-flex-basis»: «100%»,
«padding-left»: «0»,
«padding-bottom»: «2rem»
}
},
«.media-container-row when (@reverseContent)»: {
«-webkit-flex-direction»: «row-reverse»,
«flex-direction»: «row-reverse»
}
},
«_name»: «counters2»,
«_customHTML»: «<section class=\»counters2 counters\» group=\»Counters\» plugins=\»ViewportChecker\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»6\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»6\»>\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\» checked>\n <input type=\»checkbox\» title=\»Иконки\» name=\»showIcons\» checked>\n <input type=\»checkbox\» title=\»Заголовок\» name=\»showTitles\» checked>\n <input type=\»checkbox\» title=\»Текст\» name=\»showText\» checked>\n <input type=\»checkbox\» title=\»Иконки\» name=\»showIcons\» checked>\n <input type=\»checkbox\» title=\»Медиа\» name=\»showMedia\» checked>\n <input type=\»range\» title=\»Размер медиа\» inline name=\»mediaSize\» min=\»20\» max=\»60\» value=\»49\» condition=\»showTitle || showSubtitle || showMedia\»>\n <input type=\»checkbox\» title=\»Медиа Слева/Справа\» name=\»reverseContent\» condition=\»showTitle || showSubtitle || showMedia\»>\n <select title=\»Число карт\» name=\»cardsAmount\»>\n <option value=\»1\»>1</option>\n <option value=\»2\»>2</option>\n <option value=\»3\»>3</option>\n <option value=\»4\» selected>4</option>\n </select>\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background2.jpg\»>\n <input type=\»color\» title=\»Цвет фона\» value=\»#ffffff\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»https://www.youtube.com/watch?v=36YgDDJ7XSc\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» name=\»overlay\» condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#cccccc\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.5\» condition=\»overlay && bg.type !== ‘color’\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n\n <div class=\»container pt-4 mt-2\»>\n <div mbr-class=\»{‘media-container-row’: showTitle || showSubtitle || showMedia,\n ‘row justify-content-center’: !showTitle && !showSubtitle && !showMedia}\»>\n <div class=\»media-block\» mbr-style=\»{‘width’: mediaSize + ‘%’}\» mbr-if=\»showTitle || showSubtitle || showMedia\»>\n <h2 class=\»mbr-section-title pb-3 align-left mbr-fonts-style\» mbr-theme-style=\»display-2\» mbr-if=\»showTitle\» data-app-selector=\».mbr-section-title\»>Подсветка фартука</h2>\n <h3 class=\»mbr-section-subtitle pb-5 align-left mbr-fonts-style\» mbr-theme-style=\»display-5\» mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\»>LED-подсветка прозрачного фартука </h3>\n <div class=\»mbr-figure\» mbr-if=\»showMedia\»>\n <img src=\»../_images/background6.jpg\»>\n </div>\n </div>\n <div class=\»cards-block\»>\n <div class=\»cards-container\»>\n <div class=\»card px-3 align-left col-12 col-md-6\»>\n <div class=\»panel-item p-3\»>\n <div class=\»card-img pb-3\»>\n <span mbr-icon mbr-if=\»showIcons\» class=\»mbri-mobirise mbr-iconfont pr-2\»></span>\n <h3 class=\»count py-3 mbr-fonts-style\» mbr-theme-style=\»display-2\» data-app-selector=\».count\»>\n 100\n </h3>\n </div>\n <div class=\»card-text\»>\n <h4 class=\»mbr-content-title mbr-bold mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitles\»>\n Безлимитно\n </h4>\n <p class=\»mbr-content-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-content-text\»>\n Mobirise дает возможность разрабатывать сайты по вашему вкусу и без ограничений по количеству.\n </p>\n </div>\n </div>\n </div>\n <div class=\»card px-3 align-left col-12 col-md-6\» mbr-if=\»cardsAmount>1\»>\n <div class=\»panel-item p-3\»>\n <div class=\»card-img pb-3\»>\n <span mbr-icon mbr-if=\»showIcons\» class=\»mbri-extension mbr-iconfont pr-2\»></span>\n <h3 class=\»count py-3 mbr-fonts-style\» mbr-theme-style=\»display-2\» data-app-selector=\».count\»>\n 200\n </h3>\n </div>\n <div class=\»card-text\»>\n <h4 class=\»mbr-content-title mbr-bold mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitles\»>\n Трендовые блоки\n </h4>\n <p class=\»mbr-content-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-content-text\»>\n Большой выбор готовых блоков.\n </p>\n </div>\n </div>\n </div>\n <div class=\»card px-3 align-left col-12 col-md-6\» mbr-if=\»cardsAmount>2\»>\n <div class=\»panel-item p-3\»>\n <div class=\»card-img pb-3\»>\n <span mbr-icon mbr-if=\»showIcons\» class=\»mbri-responsive mbr-iconfont pr-2\»></span>\n <h3 class=\»count py-3 mbr-fonts-style\» mbr-theme-style=\»display-2\» data-app-selector=\».count\»>\n 300\n </h3>\n </div>\n <div class=\»card-text\»>\n <h4 class=\»mbr-content-title mbr-bold mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitles\»>\n Bootstrap\n </h4>\n <p class=\»mbr-content-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-content-text\»>\n Bootstrap — это лучшая отзывчивость \n </p>\n </div>\n </div>\n </div>\n <div class=\»card px-3 align-left col-12 col-md-6\» mbr-if=\»cardsAmount>3\»>\n <div class=\»panel-item p-3\»>\n <div class=\»card-img pb-3\»>\n <span mbr-icon mbr-if=\»showIcons\» class=\»mbri-globe-2 mbr-iconfont pr-2\»></span>\n <h3 class=\»count py-3 mbr-fonts-style\» mbr-theme-style=\»display-2\» data-app-selector=\».count\»>\n 400\n </h3>\n </div>\n <div class=\»card-texts\»>\n <h4 class=\»mbr-content-title mbr-bold mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showTitles\»>\n Веб-шрифты\n </h4>\n <p class=\»mbr-content-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».mbr-content-text\»>\n Mobirise легко и просто подключает на ваш сайт шрифты Google.\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rX0moYtcEy»,
«_anchor»: «counters2-1i»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«h4»: {
«width»: «85%»,
«font-weight»: «500»,
«margin-bottom»: «0»
},
«p»: {
«color»: «#767676»
},
«.card-wrapper»: {
«border-top»: «1px solid @colorBorder»,
«background-color»: «@cardsBg»,
«position»: «relative»,
«justify-content»: «unset»,
«.card-box»: {
«padding»: «2rem»,
«width»: «100%»,
«.top-line»: {
«display»: «flex»,
«justify-content»: «space-between»,
«align-items»: «center»
},
«.bottom-line»: {
«@media (max-width: 767px)»: {
«width»: «100%»,
«p»: {
«text-align»: «center»,
«margin»: «1rem 0 0 0»
}
},
«width»: «85%»
}
}
}
},
«_name»: «services5»,
«_customHTML»: «<section class=\»services5\» group=\»Features\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n <!—->\n <mbr-parameters>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»9\» step=\»1\» value=\»6\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»9\» step=\»1\» value=\»6\»>\n <!—->\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\» checked>\n <input type=\»color\» title=\»Color Border\» name=\»colorBorder\» value=\»#efefef\»>\n <!—->\n <input type=\»checkbox\» title=\»Show Title Cards\» name=\»showTitleCard\» checked>\n <input type=\»checkbox\» title=\»Show Text Cards\» name=\»showText\» checked>\n <input type=\»color\» title=\»Карты — Фон\» name=\»cardsBg\» value=\»#ffffff\»>\n <select title=\»Число карт\» name=\»cardsAmount\»>\n <option value=\»1\»>1</option>\n <option value=\»2\»>2</option>\n <option value=\»3\»>3</option>\n <option value=\»4\»>4</option>\n <option value=\»5\»>5</option>\n <option value=\»6\»>6</option>\n <option value=\»7\»>7</option>\n <option value=\»8\»>8</option>\n <option value=\»9\» selected>9</option>\n <option value=\»10\»>10</option>\n <option value=\»11\»>11</option>\n <option value=\»12\»>12</option>\n </select>\n\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background2.jpg\» parallax>\n <input type=\»color\» title=\»Цвет фона\» value=\»#ffffff\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»http://www.youtube.com/watch?v=uNCr7NdOJgw\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» name=\»overlay\» checked condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#cebfaf\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.5\» condition=\»overlay && bg.type !== ‘color’\»>\n </mbr-parameters>\n <!—->\n <!—Overlay—>\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n <!—Container—>\n <div class=\»container\»>\n <div class=\»row\» mbr-cards=\»bootstrap\»>\n <!—Titles—>\n <div class=\»title pb-5 col-12\»>\n <h2 mbr-if=\»showTitle\» class=\»align-left mbr-fonts-style m-0\» mbr-theme-style=\»display-1\»>\n Product List\n </h2>\n <h3 mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\» class=\»mbr-section-subtitle mbr-light mbr-fonts-style\» mbr-theme-style=\»display-5\»>\n Subtitle\n </h3>\n </div>\n <!—Card-1—>\n <div class=\»card px-3 col-12\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>Стекло М1</h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $400\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>Рекомендуется использовать при темных насыщеных ветов стен</p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-2—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 1\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>Оптивайт</h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $500\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>Предпочтительно присветлых стенах</p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-3—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 2\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>Кристалвижен</h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $600\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>Совершенно не изкажает цвета.100% цветопередача.</p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-4—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 3\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>Мателюкс</h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $700\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>Матовое стекло применяется для того чтоб добится эффекта в меру размытого изображения.</p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-5—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 4\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>Отверстие </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>150</p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>Отверстие в стекле для крепления прозрачного стекла к стене</p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-6—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 5\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>Профильная система монтажа<br></h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $900\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>Состоит из нижнего профиля плинтуса и верхнего крепежного подсветочного профиля</p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-7—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 6\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>Вырез под розетку</h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $400\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>Ответстие делается под блок.Количество розеток в одном блоке не ограниченно.</p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-8—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 7\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>Крепеж проходной</h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $500\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-9—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 8\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>\n Watch 9\n </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $600\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-10—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 9\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>\n Watch 10\n </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $700\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-11—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 10\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>\n Watch 11\n </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $800\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n <!—Card-12—>\n <div class=\»card px-3 col-12\» mbr-if=\»cardsAmount > 11\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>\n Watch 12\n </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $900\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style m-0 b-descr\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».b-descr\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rXbrCRm5ag»,
«_anchor»: «services5-1o»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«.title»: {
«padding-bottom»: «2.5rem»
},
«h4»: {
«width»: «85%»,
«font-weight»: «500»,
«margin-bottom»: «0»
},
«.bottom-line p»: {
«color»: «#767676»
},
«.card-wrapper»: {
«background-color»: «@cardsBg»,
«& when (@transparentCards)»: {
«background-color»: «transparent»
},
«position»: «relative»,
«justify-content»: «unset»,
«.card-box»: {
«width»: «100%»,
«.wrapper»: {
«height»: «100%»,
«display»: «flex»,
«flex-direction»: «column»,
«justify-content»: «center»,
«align-items»: «flex-start»,
«.top-line»: {
«width»: «100%»,
«display»: «flex»,
«justify-content»: «space-between»,
«align-items»: «center»
},
«.bottom-line»: {
«@media (max-width: 767px)»: {
«width»: «100%»,
«p»: {
«text-align»: «center»,
«margin»: «1rem 0 0 0»
}
},
«width»: «85%»
}
}
}
},
«@media (max-width: 767px)»: {
«.card.pb-5»: {
«padding-bottom»: «2rem !important»
},
«.wrapper»: {
«padding-top»: «1rem»
}
}
},
«_name»: «services6»,
«_customHTML»: «<section class=\»services6\» group=\»Features\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n <!—->\n <mbr-parameters>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»9\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»9\» step=\»1\» value=\»6\»>\n <!—->\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\»>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\»>\n <!—->\n <input type=\»checkbox\» title=\»Show Title Cards\» name=\»showTitleCard\» checked>\n <input type=\»checkbox\» title=\»Show Text Cards\» name=\»showText\» checked>\n <input type=\»checkbox\» title=\»Transparent Cards\» name=\»transparentCards\» checked>\n <input type=\»color\» title=\»Карты — Фон\» name=\»cardsBg\» value=\»#ffffff\» condition=\»!transparentCards\»>\n <select title=\»Число карт\» name=\»cardsAmount\»>\n <option value=\»1\»>1</option>\n <option value=\»2\»>2</option>\n <option value=\»3\» selected>3</option>\n <option value=\»4\»>4</option>\n <option value=\»5\»>5</option>\n <option value=\»6\»>6</option>\n </select>\n\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background2.jpg\» parallax>\n <input type=\»color\» title=\»Цвет фона\» value=\»#ffffff\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»http://www.youtube.com/watch?v=uNCr7NdOJgw\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» name=\»overlay\» checked condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#cebfaf\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.5\» condition=\»overlay && bg.type !== ‘color’\»>\n </mbr-parameters>\n <!—->\n <!—Overlay—>\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n <!—Container—>\n <div class=\»container\»>\n <div class=\»row\» mbr-cards=\»bootstrap\»>\n <!—Titles—>\n <div class=\»title col-12\»>\n <h2 mbr-if=\»showTitle\» class=\»align-left mbr-fonts-style m-0\» mbr-theme-style=\»display-1\»>\n Product List\n </h2>\n <h3 mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\» class=\»mbr-section-subtitle mbr-light mbr-fonts-style\» mbr-theme-style=\»display-5\»>\n Subtitle\n </h3>\n </div>\n <!—Card-1—>\n <div class=\»card col-12\» mbr-class=\»{‘pb-5’: cardsAmount > 1}\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\» mbr-class=\»{‘p-3’: !transparentCards}\»>\n <div class=\»row\»>\n <div class=\»col-12 col-md-2\»>\n <!—Image—>\n <div class=\»mbr-figure\»>\n <img src=\»../_images/product1.jpg\» alt=\»Mobirise\»>\n </div>\n </div>\n <div class=\»col-12 col-md-10\»>\n <div class=\»wrapper\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>Стекло М1\n</h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $400\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».bottom-line p\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!—Card-2—>\n <div class=\»card col-12\» mbr-if=\»cardsAmount > 1\» mbr-class=\»{‘pb-5’: cardsAmount > 2}\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\» mbr-class=\»{‘p-3’: !transparentCards}\»>\n <div class=\»row\»>\n <div class=\»col-12 col-md-2\»>\n <!—Image—>\n <div class=\»mbr-figure\»>\n <img src=\»../_images/product1.jpg\» alt=\»Mobirise\»>\n </div>\n </div>\n <div class=\»col-12 col-md-10\»>\n <div class=\»wrapper\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>\n Watch 2\n </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $400\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».bottom-line p\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!—Card-3—>\n <div class=\»card col-12\» mbr-if=\»cardsAmount > 2\» mbr-class=\»{‘pb-5’: cardsAmount > 3}\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\» mbr-class=\»{‘p-3’: !transparentCards}\»>\n <div class=\»row\»>\n <div class=\»col-12 col-md-2\»>\n <!—Image—>\n <div class=\»mbr-figure\»>\n <img src=\»../_images/product1.jpg\» alt=\»Mobirise\»>\n </div>\n </div>\n <div class=\»col-12 col-md-10\»>\n <div class=\»wrapper\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>\n Watch 3\n </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $400\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».bottom-line p\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!—Card-4—>\n <div class=\»card col-12\» mbr-if=\»cardsAmount > 3\» mbr-class=\»{‘pb-5’: cardsAmount > 4}\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\» mbr-class=\»{‘p-3’: !transparentCards}\»>\n <div class=\»row\»>\n <div class=\»col-12 col-md-2\»>\n <!—Image—>\n <div class=\»mbr-figure\»>\n <img src=\»../_images/product1.jpg\» alt=\»Mobirise\»>\n </div>\n </div>\n <div class=\»col-12 col-md-10\»>\n <div class=\»wrapper\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>\n Watch 4\n </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $400\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».bottom-line p\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!—Card-5—>\n <div class=\»card col-12\» mbr-if=\»cardsAmount > 4\» mbr-class=\»{‘pb-5’: cardsAmount > 5}\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\» mbr-class=\»{‘p-3’: !transparentCards}\»>\n <div class=\»row\»>\n <div class=\»col-12 col-md-2\»>\n <!—Image—>\n <div class=\»mbr-figure\»>\n <img src=\»../_images/product1.jpg\» alt=\»Mobirise\»>\n </div>\n </div>\n <div class=\»col-12 col-md-10\»>\n <div class=\»wrapper\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>\n Watch 5\n </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $400\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».bottom-line p\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!—Card-6—>\n <div class=\»card col-12\» mbr-if=\»cardsAmount > 5\»>\n <div class=\»card-wrapper media-container-row media-container-row\»>\n <div class=\»card-box\» mbr-class=\»{‘p-3’: !transparentCards}\»>\n <div class=\»row\»>\n <div class=\»col-12 col-md-2\»>\n <!—Image—>\n <div class=\»mbr-figure\»>\n <img src=\»../_images/product1.jpg\» alt=\»Mobirise\»>\n </div>\n </div>\n <div class=\»col-12 col-md-10\»>\n <div class=\»wrapper\»>\n <div class=\»top-line pb-3\» mbr-if=\»showTitleCard\»>\n <h4 class=\»card-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».card-title\»>\n Watch 6\n </h4>\n <p class=\»mbr-text cost mbr-fonts-style m-0\» mbr-theme-style=\»display-5\» data-app-selector=\».cost\»>\n $400\n </p>\n </div>\n <div class=\»bottom-line\»>\n <p class=\»mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-if=\»showText\» data-app-selector=\».bottom-line p\»>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, odit?\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rXmXC7MTTu»,
«_anchor»: «services6-1u»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«background-color»: «@bgColor»,
«.mbr-section-subtitle»: {
«color»: «#767676»
}
},
«_name»: «content4»,
«_customHTML»: «<section class=\»mbr-section content4\» group=\»Article\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’: bg.parallax}\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Название\» name=\»showTitle\» checked>\n <input type=\»checkbox\» title=\»Подзаголовок\» name=\»showSubtitle\» checked>\n <input type=\»checkbox\» title=\»Кнопки\» name=\»showButtons\»>\n <input type=\»color\» title=\»Цвет фона\» name=\»bgColor\» value=\»#efefef\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»container\»>\n <div class=\»media-container-row\»>\n <div class=\»title col-12 col-md-8\»>\n <h2 mbr-if=\»showTitle\» class=\»align-center pb-3 mbr-fonts-style\» mbr-theme-style=\»display-2\»>Прозрачные скинали под ключ</h2>\n <h3 mbr-if=\»showSubtitle\» data-app-selector=\».mbr-section-subtitle\» class=\»mbr-section-subtitle align-center mbr-light mbr-fonts-style\» mbr-theme-style=\»display-5\»>Мы предлагаем вам воспользоватся услугой комплексного предложения со скидкой</h3>\n <div class=\»mbr-section-btn align-center py-4\» mbr-if=\»showButtons\» mbr-buttons mbr-theme-style=\»display-4\»>\n <a class=\»btn btn-primary\» href=\»https://mobirise.co\»>ПОДРОБНЕЕ</a>\n <a class=\»btn btn-black-outline\» href=\»https://mobirise.co\»>ДЕМО</a>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rXbrOAuJnN»,
«_anchor»: «content4-1p»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«& when (@bg-type = ‘color’)»: {
«background-color»: «@bg-value»
},
«& when (@bg-type = ‘image’)»: {
«background-image»: «url(@bg-value)»
},
«.list-group-item»: {
«padding»: «.75rem 3.25rem»
},
«.plan»: {
«word-break»: «break-word»,
«position»: «relative»,
«max-width»: «300px»,
«padding-right»: «0»,
«padding-left»: «0»,
«color»: «#767676»,
«.list-group-item»: {
«position»: «relative»,
«-webkit-justify-content»: «center»,
«justify-content»: «center»,
«background-color»: «transparent»,
«border»: «0»,
«&::after»: {
«position»: «absolute»,
«bottom»: «0»,
«left»: «20%»,
«width»: «60%»,
«height»: «2px»,
«content»: «\»\»»,
«background-color»: «#eaeaea»
},
«&:last-child::after»: {
«display»: «none»
}
},
«&.favorite»: {
«background-color»: «#fff»,
«box-shadow»: «0 0 60px 0 rgba(0, 0, 0, 0.07)»
}
},
«.plan-header»: {
«padding-left»: «1rem»,
«padding-right»: «1rem»
},
«.price-figure»: {
«font-weight»: «700»,
«color»: «#232323»
},
«.price-value»: {
«font-weight»: «700»,
«vertical-align»: «top»
},
«@media (max-width: 550px)»: {
«.price-figure»: {
«font-size»: «4.25rem»
}
},
«UL»: {
«text-align»: «center»
}
},
«_name»: «pricing-tables2»,
«_customHTML»: «<section group=\»Pricing Tables\» data-bg-video=\»{{bg.type == ‘video’ && bg.value.url}}\» mbr-class=\»{‘mbr-parallax-background’:bg.parallax}\» class=\»pricing-table2\»>\n\n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —>\n <input inline type=\»range\» title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n <input inline type=\»range\» title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»0\»>\n\n <input type=\»checkbox\» title=\»Кнопки\» name=\»showButtons\» checked>\n <select title=\»Пункты\» name=\»itemsCount\»>\n <option value=\»1\»>1</option>\n <option value=\»2\»>2</option>\n <option value=\»3\»>3</option>\n <option value=\»4\» selected>4</option>\n </select>\n <select title=\»Избранное\» name=\»favoriteItem\»>\n <option value=\»0\»>без ограничений</option>\n <option value=\»1\»>1</option>\n <option value=\»2\»>2</option>\n <option value=\»3\» selected>3</option>\n <option value=\»4\»>4</option>\n </select>\n\n <fieldset type=\»background\» name=\»bg\» parallax>\n <input type=\»image\» title=\»Фоновое изображение\» value=\»../_images/background2.jpg\»>\n <input type=\»color\» title=\»Цвет фона\» value=\»#efefef\» selected>\n <input type=\»video\» title=\»Фоновое видео\» value=\»https://www.youtube.com/watch?v=36YgDDJ7XSc\»>\n </fieldset>\n <input type=\»checkbox\» title=\»Наложение\» checked name=\»overlay\» condition=\»bg.type !== ‘color’\»>\n <input type=\»color\» title=\»Цвет наложения\» name=\»overlayColor\» value=\»#ffffff\» condition=\»overlay && bg.type !== ‘color’\»>\n <input type=\»range\» inline title=\»Прозрачность\» name=\»overlayOpacity\» min=\»0\» max=\»1\» step=\»0.1\» value=\»0.6\» condition=\»overlay && bg.type !== ‘color’\»>\n <!— End block parameters —>\n </mbr-parameters>\n\n <div class=\»mbr-overlay\» mbr-if=\»overlay && bg.type!== ‘color’\» mbr-style=\»{‘opacity’: overlayOpacity, ‘background-color’: overlayColor}\»>\n </div>\n\n <div class=\»container\»>\n <div class=\»media-container-row\»>\n\n <div class=\»plan col-12 mx-2 my-2 justify-content-center\» mbr-if=\»itemsCount > 0\» mbr-class=\»{\n ‘favorite’: favoriteItem == 1,\n ‘col-lg-4’: itemsCount == 3,\n ‘col-lg-6’: itemsCount == 2,\n ‘col-lg-3’: itemsCount == 4}\»>\n <div class=\»plan-header text-center pt-5\»>\n <h3 class=\»plan-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».plan-title\»>Обычное</h3>\n <div class=\»plan-price\»>\n <span mbr-text class=\»price-value mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».price-value\»>₽</span>\n <span mbr-text class=\»price-figure mbr-fonts-style\» mbr-theme-style=\»display-1\»>3567</span>\n <small mbr-text class=\»price-term mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».price-term\»>пог.м</small>\n </div>\n </div>\n <div class=\»plan-body\»>\n <div class=\»plan-list align-center\»>\n <ul mbr-text class=\»list-group list-group-flush mbr-fonts-style\» mbr-theme-style=\»display-7\»>\n <li class=\»list-group-item\»>Стекло марки М1 с зеленоватым оттенком который усливает цветовые искажения декоративного оформления стен</li>\n <li class=\»list-group-item\»>Толшина 6мм</li><li class=\»list-group-item\»>Закалка</li><li class=\»list-group-item\»>Замер</li>Установка\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style=\»display-4\» class=\»mbr-section-btn text-center py-4 pb-5\» mbr-if=\»showButtons\» data-toolbar=\»-mbrBtnMove\»>\n <a href=\»https://mobirise.co\» class=\»btn btn-primary\»>КУПИТЬ СЕЙЧАС</a>\n </div>\n </div>\n </div>\n\n <div class=\»plan col-12 mx-2 my-2 justify-content-center\» mbr-if=\»itemsCount > 1\» mbr-class=\»{\n ‘favorite’: favoriteItem == 2,\n ‘col-lg-4’: itemsCount == 3,\n ‘col-lg-6’: itemsCount == 2,\n ‘col-lg-3’: itemsCount == 4}\»>\n <div class=\»plan-header text-center pt-5\»>\n <h3 class=\»plan-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».plan-title\»>Оптивайт</h3>\n <div class=\»plan-price\»>\n <span mbr-text class=\»price-value mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».price-value\»>₽ </span>\n <span mbr-text class=\»price-figure mbr-fonts-style\» mbr-theme-style=\»display-1\» data-app-selector=\».price-figure\»>4567</span>\n <small mbr-text class=\»price-term mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».price-term\»>пог.м</small>\n </div>\n </div>\n <div class=\»plan-body\»>\n <div class=\»plan-list align-center\»>\n <ul mbr-text class=\»list-group list-group-flush mbr-fonts-style\» mbr-theme-style=\»display-7\»>\n <li class=\»list-group-item\»>Стекло премиум класса со слегка заметным голубоватым оттенком</li>\n <li class=\»list-group-item\»>Толщина 6мм</li>\n <li class=\»list-group-item\»>Закалка</li><li class=\»list-group-item\»>замер</li><li class=\»list-group-item\»>Установка</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style=\»display-4\» class=\»mbr-section-btn text-center py-4 pb-5\» mbr-if=\»showButtons\» data-toolbar=\»-mbrBtnMove\»>\n <a href=\»https://mobirise.co\» class=\»btn btn-primary\»>КУПИТЬ СЕЙЧАС</a>\n </div>\n </div>\n </div>\n\n <div class=\»plan col-12 mx-2 my-2 justify-content-center\» mbr-if=\»itemsCount > 2\» mbr-class=\»{\n ‘favorite’: favoriteItem == 3,\n ‘col-lg-4’: itemsCount == 3,\n ‘col-lg-6’: itemsCount == 2,\n ‘col-lg-3’: itemsCount == 4}\»>\n <div class=\»plan-header text-center pt-5\»>\n <h3 class=\»plan-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».plan-title\»>Кристалвижен</h3>\n <div class=\»plan-price\»>\n <span mbr-text class=\»price-value mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».price-value\»>₽</span>\n <span mbr-text class=\»price-figure mbr-fonts-style\» mbr-theme-style=\»display-1\» data-app-selector=\».price-figure\»>5200</span>\n <small mbr-text class=\»price-term mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».price-term\»>п.м</small>\n </div>\n </div>\n <div class=\»plan-body\»>\n <div class=\»plan-list align-center\»>\n <ul mbr-text class=\»list-group list-group-flush mbr-fonts-style\» mbr-theme-style=\»display-7\»>\n <li class=\»list-group-item\»>Исключительное качество стекла.100% светопропускание без искажения цвета.</li>\n <li class=\»list-group-item\»>Толщина 6мм </li>\n <li class=\»list-group-item\»>Закалка</li><li class=\»list-group-item\»>Замер</li><li class=\»list-group-item\»>Гидрофобное покрытие</li><li class=\»list-group-item\»>Способ монтажа на выбор-Профильная или крепежи.</li>\n <li class=\»list-group-item\»>Установка</li><li class=\»list-group-item\»>РЕКОМЕНДУЕМ</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style=\»display-4\» class=\»mbr-section-btn text-center py-4 pb-5\» mbr-if=\»showButtons\» data-toolbar=\»-mbrBtnMove\»>\n <a href=\»https://mobirise.co\» class=\»btn btn-primary\»>КУПИТЬ СЕЙЧАС</a>\n </div>\n </div>\n </div>\n\n <div class=\»plan col-12 mx-2 my-2 justify-content-center\» mbr-if=\»itemsCount > 3\» mbr-class=\»{\n ‘favorite’: favoriteItem == 4,\n ‘col-lg-4’: itemsCount == 3,\n ‘col-lg-6’: itemsCount == 2,\n ‘col-lg-3’: itemsCount == 4}\»>\n <div class=\»plan-header text-center pt-5\»>\n <h3 class=\»plan-title mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».plan-title\»>\n Мателюкс</h3>\n <div class=\»plan-price\»>\n <span mbr-text class=\»price-value mbr-fonts-style\» mbr-theme-style=\»display-5\» data-app-selector=\».price-value\»>₽ </span>\n <span mbr-text class=\»price-figure mbr-fonts-style\» mbr-theme-style=\»display-1\» data-app-selector=\».price-figure\»>5800</span>\n <small mbr-text class=\»price-term mbr-fonts-style\» mbr-theme-style=\»display-7\» data-app-selector=\».price-term\»>п.м</small>\n </div>\n </div>\n <div class=\»plan-body\»>\n <div class=\»plan-list align-center\»>\n <ul mbr-text class=\»list-group list-group-flush mbr-fonts-style\» mbr-theme-style=\»display-7\»>\n <li class=\»list-group-item\»>\n Mobirise идеально подходит тем, кто не знаком с поняти</li>\n <li class=\»list-group-item\»>Толщина 6мм</li><li class=\»list-group-item\»>Закалка </li>\n <li class=\»list-group-item\»>Замер</li><li class=\»list-group-item\»>Средство по уходу в подарок</li>\n <li class=\»list-group-item\»>Установка</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style=\»display-4\» class=\»mbr-section-btn text-center py-4 pb-5\» mbr-if=\»showButtons\» data-toolbar=\»-mbrBtnMove\»>\n <a href=\»https://mobirise.co\» class=\»btn btn-primary\»>КУПИТЬ СЕЙЧАС</a>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n</section>»,
«_cid»: «rXb6UOI27t»,
«_anchor»: «pricing-tables2-1j»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
},
{
«alias»: false,
«_styles»: {
«padding-top»: «(@paddingTop * 15px)»,
«padding-bottom»: «(@paddingBottom * 15px)»,
«background-color»: «@bgColor»,
«.mbr-text»: {
«color»: «#767676»
}
},
«_name»: «content3»,
«_customHTML»: «<section mbr-id=\»_anchor\» mbr-paddings class=\»mbr-section article content3\»>\n \n <mbr-parameters>\n <!— Block parameters controls (Blue \»Gear\» panel) —> \n <input type=\»range\» inline title=\»Сверху\» name=\»paddingTop\» min=\»0\» max=\»8\» step=\»1\» value=\»1\»>\n <input type=\»range\» inline title=\»Снизу\» name=\»paddingBottom\» min=\»0\» max=\»8\» step=\»1\» value=\»4\»>\n <input type=\»range\» inline title=\»Width Content\» name=\»widthContent\» min=\»1\» max=\»4\» step=\»1\» value=\»4\»>\n <select title=\»Число карт\» name=\»cardsAmount\»>\n <option value=\»1\» selected>1</option>\n <option value=\»2\»>2</option>\n <option value=\»3\»>3</option>\n </select>\n <input type=\»color\» title=\»Цвет фона\» name=\»bgColor\» value=\»#efefef\»>\n <!— End block parameters —> \n </mbr-parameters> \n\n <div class=\»container\»>\n <div class=\»media-container-row\»>\n <div class=\»row col-12\» mbr-class=\»{‘col-md-6’: widthContent == 1, ‘col-md-8’: widthContent == 2, ‘col-md-10’: widthContent == 3, ‘col-md-12’: widthContent == 4}\»>\n <div class=\»col-12 mbr-text mbr-fonts-style\» mbr-theme-style=\»display-5\» mbr-article data-app-selector=\».mbr-text\» data-multiline mbr-class=\»{‘col-md-6’: cardsAmount == 2, ‘col-md-12’: cardsAmount == 1, ‘col-md-4’: cardsAmount == 3}\»>\n <p>Make your own website in a few clicks! Mobirise helps you cut down development time by providing you with a flexible website editor with a drag and drop interface.</p>\n </div>\n <div class=\»col-12 mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-article data-app-selector=\».mbr-text\» data-multiline mbr-class=\»{‘col-md-6’: cardsAmount == 2, ‘col-md-4’: cardsAmount == 3}\» mbr-if=\»cardsAmount > 1\»>\n <p>Сделайте свой собственный сайт в несколько кликов! Mobirise помогает сократить время разработки, предоставляя вам гибкий редактор сайтов с интерфейсом перетаскивания. Mobirise-конструктор создает отзывчивый, адаптивный сайт в несколько кликов и является одним из самых простых инструментов разработки сайтов, доступных сегодня. Это дает свободу развивать столько сайтов, сколько нравится, при том что это настольное приложение.</p>\n </div>\n <div class=\»col-12 col-md-4 mbr-text mbr-fonts-style\» mbr-theme-style=\»display-7\» mbr-article data-app-selector=\».mbr-text\» data-multiline mbr-if=\»cardsAmount > 2\»>\n <p>Сделайте свой собственный сайт в несколько кликов! Mobirise помогает сократить время разработки, предоставляя вам гибкий редактор сайтов с интерфейсом перетаскивания. Mobirise-конструктор создает отзывчивый, адаптивный сайт в несколько кликов и является одним из самых простых инструментов разработки сайтов, доступных сегодня. Это дает свободу развивать столько сайтов, сколько нравится, при том что это настольное приложение.</p>\n </div>\n </div>\n </div>\n </div>\n</section>»,
«_cid»: «rXyNpf6bvD»,
«_anchor»: «content3-1v»,
«_protectedParams»: [],
«_global»: false,
«_once»: false,
«_params»: {}
}
]
}
}
}
