| Current File : /home/escuelai/public_html/fotosegresados/history/project-220518095201.mobirise_history |
{
"settings": {
"name": "fotos egresados",
"currentPage": "index.html",
"theme": {
"name": "mobirise5",
"title": "Mobirise 5",
"styling": {
"primaryColor": "#6592e6",
"secondaryColor": "#ff6666",
"successColor": "#40b0bf",
"infoColor": "#47b5ed",
"warningColor": "#FFE161",
"dangerColor": "#ff9966",
"mainFont": "Jost",
"display1Font": "Jost",
"display1Size": 4.6,
"display2Font": "Jost",
"display2Size": 3,
"display5Font": "Jost",
"display5Size": 2,
"display7Font": "Jost",
"display7Size": 1.2,
"display4Font": "Jost",
"display4Size": 1.1,
"isRoundedButtons": false,
"isGhostButtonBorder": false,
"underlinedLinks": false,
"isAnimatedOnScroll": false,
"isScrollToTopButton": false
},
"additionalSetColors": [
"#061745",
"#040f2e",
"#c1e9fc"
]
},
"path": "@PROJECT_PATH@",
"versionFirst": "5.6.0",
"siteFonts": [
{
"css": "'Jost', sans-serif",
"name": "Jost",
"url": "https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i"
}
],
"imageResize": true,
"favicon": "@PROJECT_PATH@/assets/images/egresados-logo-128x128.png",
"mbrsiteDomain": "fsxxe3d7zd",
"robotsSwitcher": false,
"sitemapSwitcher": false,
"sitemapSwitcherAuto": false,
"siteUrl": false,
"cookiesAlert": false,
"gdpr": false,
"uniqCompNum": 83,
"versionPublish": "5.6.0",
"screenshot": "screenshot.png",
"publishType": "local",
"publishPath": "@PROJECT_PATH@"
},
"pages": {
"index.html": {
"settings": {
"main": true,
"title": "fotos egresados",
"meta_descr": "",
"header_custom": "",
"footer_custom": "",
"html_before": ""
},
"components": [
{
"alias": false,
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
".image-wrap img": {
"width": "100%",
"@media (min-width: 992px)": {
"display": "block",
"margin": "auto",
"width": "(@imageWidth * 10%)"
}
}
},
"_name": "header9",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header9\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image Width\" min=\"1\" max=\"10\" step=\"1\" value=\"10\" condition=\"showImage\">\n\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked>\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"text-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-9\">\n <div class=\"image-wrap mb-4\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/bekeshercab-1045x512.jpg\" alt=\"Mobirise\">\n </div>\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Website Builder Software</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Intro with an image above text. Click on the image to replace it. Key differences from traditional website builders: Minimalistic, extremely easy-to-use interface; Mobile-friendliness, latest website blocks and techniques \"out-the-box\"; Free for commercial and non-profit use.</p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Download Now!</a>\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View Demos</a></div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4H8U9Sj1q",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {},
"_anchor": "header9-24"
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)",
"& when (@overlay)": {
".mbr-overlay": {
"background": "@overlayColor",
"opacity": "@overlayOpacity"
}
}
},
"img, .item-img": {
"width": "100%",
"& when (@autoSize)": {
"height": "100%",
"object-fit": "cover",
"& when (@showCardTitle)": {
"height": "(@imageHeight * 100px)",
"object-fit": "cover"
},
"& when (@showCardSubtitle)": {
"height": "(@imageHeight * 100px)",
"object-fit": "cover"
},
"& when (@showText)": {
"height": "(@imageHeight * 100px)",
"object-fit": "cover"
},
"& when (@showButtons)": {
"height": "(@imageHeight * 100px)",
"object-fit": "cover"
}
}
},
".item:focus, span:focus": {
"outline": "none"
},
".item": {
"cursor": "pointer",
"margin-bottom": "2rem"
},
"& when not (@spacing)": {
".row": {
"margin-left": "0",
"margin-right": "0"
},
".item": {
"padding": "0",
"margin": "0"
}
},
".item-wrapper": {
"position": "relative",
"border-radius": "4px",
"background": "@cardsBg",
"height": "100%",
"display": "flex",
"flex-flow": "column nowrap",
"@media (min-width: 992px)": {
"& when (@showButtons)": {
".item-content": {
"padding": "2rem 2rem 0"
},
".item-footer": {
"padding": "0 2rem 2rem"
}
},
"& when not (@showButtons)": {
".item-content": {
"padding": "2rem"
}
}
},
"@media (max-width: 991px)": {
"& when (@showButtons)": {
".item-content": {
"padding": "1rem 1rem 0"
},
".item-footer": {
"padding": "0 1rem 1rem"
}
},
"& when not (@showButtons)": {
".item-content": {
"padding": "1rem"
}
}
}
},
"& when (@transparent)": {
".item-wrapper": {
"background": "transparent"
}
},
".mbr-section-btn": {
"margin-top": "auto !important"
},
".mbr-section-title": {
"color": "#232323"
},
".mbr-text, .mbr-section-btn": {
"text-align": "left"
},
".item-title": {
"text-align": "left"
},
".item-subtitle": {
"text-align": "center"
}
},
"_name": "gallery3",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery3\" group=\"Sliders & Galleries\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected>3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" name=\"showTitle\" title=\"Title\">\n <input type=\"checkbox\" name=\"showSubtitle\" title=\"Subtitle\">\n <header>Cards</header>\n <input type=\"checkbox\" name=\"autoSize\" title=\"Auto Size\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && !(showButtons==false && showCardSubtitle==false && showCardTitle==false && showText==false)\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked>\n <input type=\"checkbox\" name=\"showCardTitle\" title=\"Title\" checked>\n <input type=\"checkbox\" name=\"showCardSubtitle\" title=\"Subtitle\">\n <input type=\"checkbox\" name=\"showText\" title=\"Text\">\n <input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\">\n <input type=\"checkbox\" name=\"transparent\" title=\"Transparent BG\">\n <input type=\"color\" name=\"cardsBg\" title=\"BG\" value=\"#fafafa\" condition=\"(transparent==false)\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background3.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.1\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h4 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n <b>Full-Width Gallery</b>\n </h4>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">Images with Title and Text</h5>\n </div>\n <div class=\"row mt-4\">\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <a href=\"page3.html\"><img src=\"@PROJECT_PATH@/assets/images/photo-2022-03-31-12-54-45-816x612.jpeg\" alt data-slide-to=\"0\" data-bs-slide-to=\"0\"></a>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>PAPI Y MAMI DEPORTE</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Card Text. You don't have to code to create a site with Mobirise Builder. <a href=\"#\" class=\"text-primary\">Read more..</a></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n <a href class=\"btn btn-primary item-btn\" target=\"_blank\" data-app-placeholder=\"Type Text\">Learn\n more</a>\n </div>\n </div>\n </div>\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <a href=\"page4.html\"><img src=\"@PROJECT_PATH@/assets/images/whatsapp%20image%202022-04-25%20at%205.42.27%20pm%20(1)-838x629.jpeg\" alt data-slide-to=\"1\" data-bs-slide-to=\"1\"></a>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">\n <b>RIKUDIM</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Card Text. You don't have to code to create a site with Mobirise Builder. <a href=\"#\" class=\"text-primary\">Read more..</a></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n <a href class=\"btn btn-primary item-btn\" target=\"_blank\" data-app-placeholder=\"Type Text\">Learn\n more</a>\n </div>\n </div>\n </div>\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <a href=\"page5.html\"><img src=\"@PROJECT_PATH@/assets/images/img-4478-838x559.jpeg\" alt data-slide-to=\"2\" data-bs-slide-to=\"2\"></a>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>ROPERO COMUNITARIO DE UNIFORMES</b><b><br></b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Card Text. You don't have to code to create a site with Mobirise Builder. <a href=\"#\" class=\"text-primary\">Read more..</a></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n <a href class=\"btn btn-primary item-btn\" data-app-placeholder=\"Type Text\" target=\"_blank\">Learn\n more</a>\n </div>\n </div>\n </div>\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <a href=\"page6.html\"><img src=\"@PROJECT_PATH@/assets/images/20220225-deb-7643-816x545.jpeg\" alt title data-slide-to=\"3\" data-bs-slide-to=\"3\"></a>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">\n <b>APOYAMOS PROYECTO MIMOCHI</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Card Text. You don't have to code to create a site with Mobirise Builder. <a href=\"#\" class=\"text-primary\">Read more..</a></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n <a href class=\"btn btn-primary item-btn\" target=\"_blank\" data-app-placeholder=\"Type Text\">Learn\n more</a>\n </div>\n </div>\n </div><div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <a href=\"page7.html\"><img src=\"@PROJECT_PATH@/assets/images/img-109-816x612.jpeg\" alt title data-slide-to=\"4\" data-bs-slide-to=\"4\"></a>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">\n <b>COCINAMOS MERIENDAS SOLIDARIAS EN CASA</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Card Text. You don't have to code to create a site with Mobirise Builder. <a href=\"#\" class=\"text-primary\">Read more..</a></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n <a href class=\"btn btn-primary item-btn\" target=\"_blank\" data-app-placeholder=\"Type Text\">Learn\n more</a>\n </div>\n </div>\n </div><div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <a href=\"page8.html\"><img src=\"@PROJECT_PATH@/assets/images/09_20200701-_da70946-6000x4000.jpeg\" alt title data-slide-to=\"5\" data-bs-slide-to=\"5\"></a>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>AGREDECIMOS A NUESTROS FUNCIONARIOS COCINANDO JALOT PARA ELLOS</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Card Text. You don't have to code to create a site with Mobirise Builder. <a href=\"#\" class=\"text-primary\">Read more..</a></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n <a href class=\"btn btn-primary item-btn\" target=\"_blank\" data-app-placeholder=\"Type Text\">Learn\n more</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_anchor": "gallery3-1s",
"_isUserblock": true,
"_cid": "t4G3cscOZ3",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)"
},
"& when (@bg-type = \"image\")": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = \"color\")": {
"background-color": "@bg-value"
},
"ul": {
"list-style": "none",
"margin": "0",
"padding-left": "2.5rem"
},
"li": {
"position": "relative",
"margin-bottom": "1rem"
},
"ul li::before": {
"position": "absolute",
"left": "-1.6rem",
"content": "\"\\2022\"",
"color": "@primaryColor",
"font-weight": "bold",
"font-size": "2rem",
"width": "1.6rem"
}
},
"_name": "content14",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" group=\"Content\" class=\"content14\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"10\" step=\"1\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n \n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-{{textWidth}}\">\n <h3 class=\"mbr-section-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n <b>Frequently asked questions</b>\n </h3>\n <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".list\" data-multiline mbr-article><p><br></p><p><br></p></ul>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4ecZvVsUz",
"_anchor": "content14-p",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"overflow": "hidden"
},
"_name": "footer7",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#040f2e\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" 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'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".media-container-row .mbr-text\" data-app-placeholder=\"Type Text\"><br><br></p>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4ede2xXdQ",
"_anchor": "footer7-q",
"_protectedParams": [],
"_global": true,
"_once": "footers",
"_params": {}
}
]
},
"fotosayer.html": {
"settings": {
"title": "ayer",
"meta_descr": "",
"header_custom": "",
"footer_custom": "",
"html_before": "",
"order": 1
},
"components": [
{
"alias": false,
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
".mbr-section-title": {
"color": "#ffffff"
}
},
"_name": "info1",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" group=\"Features\" class=\"info1\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"10\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"10\" condition=\"fullScreen == false\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/bekeshercabweb-2000x616.jpg\" selected>\n <input type=\"color\" title=\"Color\" value=\"#4479d9\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#4479d9\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n <div class=\"align-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12 col-lg-8\">\n <h3 class=\"mbr-section-title mb-4 mbr-fonts-style\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\">\n <b><br></b><b><br></b><br><b><br></b>\n </h3>\n <p class=\"mbr-text mb-5 mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Mobirise is a free offline app for Windows and Mac to easily create small/medium websites, landing pages, online resumes and portfolios. 3100+ beautiful website blocks, templates and themes help you to start easily.\n </p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\">\n <a class=\"btn btn-white\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Visit Forums</a>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4e2qSBnQj",
"_anchor": "info1-h",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
".mbr-iconfont": {
"display": "block",
"font-size": "5rem",
"color": "@primaryColor",
"margin-bottom": "2rem"
},
".card-wrapper": {
"padding": "3rem",
"background": "@cardColor",
"border-radius": "4px"
},
"@media (max-width: 992px)": {
".card-wrapper": {
"margin-bottom": "2rem"
}
},
"@media (max-width: 767px)": {
".card-wrapper": {
"padding": "3rem 1rem"
}
},
".card-title": {
"color": "#061745"
}
},
"_name": "contacts1",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"contacts1\" group=\"Contacts\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" plugins=\"mobirise-icons2\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Cards</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showCardTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Link\" name=\"showLink\">\n <input type=\"color\" title=\"BG\" name=\"cardColor\" value=\"#fafafa\" selected>\n <input type=\"checkbox\" title=\"Icon\" name=\"showIcon\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\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 mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n <b>Contacts</b>\n </h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n Contacts Subtitle\n </h4>\n </div>\n <div class=\"row justify-content-center mt-4\">\n <div class=\"card col-12 col-lg-6\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"image-wrapper\">\n <a href=\"fotosayer.html\"><span mbr-icon class=\"mbr-iconfont mobi-mbri-image-slider mobi-mbri\" mbr-if=\"showIcon\" style=\"font-size: 100px;\"></span></a>\n </div>\n <h4 class=\"card-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-2\" mbr-if=\"showCardTitle\" data-app-selector=\".card-title\">\n <b>De ayer</b></h4>\n <p class=\"mbr-text mbr-fonts-style mb-2\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n We will reply as soon as possible</p>\n <h5 class=\"link mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showLink\" data-app-selector=\".link\"><a href=\"mailto:info@site.com\" class=\"text-primary\">Send us an\n email</a>\n </h5>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-lg-6\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"image-wrapper\">\n <a href=\"fotoshoy.html\"><span mbr-icon class=\"mbr-iconfont mobi-mbri-image-slider mobi-mbri\" mbr-if=\"showIcon\" style=\"font-size: 100px; color: rgb(193, 233, 252); fill: rgb(193, 233, 252);\"></span></a>\n </div>\n <h4 class=\"card-title mbr-fonts-style align-center mb-2\" mbr-theme-style=\"display-2\" mbr-if=\"showCardTitle\" data-app-selector=\".card-title\">\n <b>De hoy</b></h4>\n <p class=\"mbr-text mbr-fonts-style mb-2\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n Mon - Fri 09:00 - 18:00</p>\n <h5 class=\"link mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showLink\" data-app-selector=\".link\">\n <a href=\"tel:+12345678910\" class=\"text-primary\">Call (800) 123 45 67</a>\n </h5>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_anchor": "contacts1-n",
"_isUserblock": true,
"_cid": "t4e9EHxzpm",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when not (@spacing)": {
".row": {
"margin-left": "0",
"margin-right": "0"
},
".item": {
"padding-left": "0",
"padding-right": "0"
}
},
"& when (@spacing)": {
".item": {
"padding-bottom": "2rem"
}
},
".item-wrapper": {
"& when (@autoSize)": {
"& when not (@showItemSubtitle)": {
"height": "100%"
},
"& when (@showItemSubtitle)": {
"height": "(@imageHeight * 100px)"
},
"img": {
"height": "100%",
"object-fit": "cover"
}
},
"position": "relative",
".icon-wrapper": {
"pointer-events": "none",
"position": "absolute",
"width": "60px",
"height": "60px",
"font-size": "22px",
"left": "50%",
"top": "50%",
"display": "flex",
"align-items": "center",
"justify-content": "center",
"border": "2px solid #ffffff",
"border-radius": "50%",
"opacity": "0",
"color": "#ffffff",
"transform": "translateX(-50%) translateY(-50%)",
"background-color": "#1b1b1b",
"transition": "0.2s"
},
"&:hover": {
".icon-wrapper": {
"opacity": "0.7"
}
}
},
".carousel-control, .close": {
"background": "#1b1b1b"
},
".carousel-control-prev": {
"margin-left": "2.5rem",
"span": {
"margin-right": "5px"
}
},
".carousel-control-next": {
"margin-right": "2.5rem",
"span": {
"margin-left": "5px"
}
},
".close": {
"position": "fixed",
"opacity": "0.5",
"font-size": "22px",
"font-weight": "300",
"width": "60px",
"height": "60px",
"border-radius": "50%",
"color": "#fff",
"top": "2.5rem",
"right": "2.5rem",
"border": "2px solid #fff",
"text-shadow": "none",
"z-index": "5",
"transition": "opacity 0.3s ease",
"font-family": "'Moririse2'",
"align-items": "center",
"justify-content": "center",
"display": "flex",
"&::before": {
"content": "'\\e91a'"
},
"&:hover": {
"opacity": "1",
"background": "#000",
"color": "#fff"
}
},
".carousel-control": {
"display": "flex",
"top": "50%",
"width": "60px",
"height": "60px",
"margin-top": "-1.5rem",
"font-size": "22px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"transition": "all 0.3s",
"&.carousel-control-prev": {
"left": "0",
"margin-left": "2.5rem"
},
"&.carousel-control-next": {
"right": "0",
"margin-right": "2.5rem"
},
"@media (max-width: 767px)": {
"top": "auto",
"bottom": "1rem"
}
},
".carousel-indicators": {
"position": "absolute",
"bottom": "0",
"margin-bottom": "3px",
"li": {
"max-width": "15px",
"height": "15px",
"width": "15px",
"max-height": "15px",
"margin": "3px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"opacity": "0.5",
"transition": "all 0.3s",
"&.active, &:hover": {
"opacity": "0.9"
},
"&::after, &::before": {
"content": "none"
}
},
"&.ie-fix": {
"left": "50%",
"display": "block",
"width": "60%",
"margin-left": "-30%",
"text-align": "center"
},
"@media (max-width: 768px)": {
"display": "none !important"
},
"@media (max-width: 991px)": {
"margin-bottom": "3.625rem !important",
"padding-left": "2.5rem",
"padding-right": "2.5rem"
},
"@media (max-width: 767px)": {
"display": "none"
}
},
".carousel-inner": {
"display": "flex",
"align-items": "center"
},
".carousel-inner > .active": {
"display": "block"
},
".carousel-control.left": {
"left": "0",
"margin-left": "2.5rem"
},
".carousel-control.right": {
"right": "0",
"margin-right": "2.5rem"
},
".carousel-control:hover": {
"background": "#1b1b1b",
"color": "#fff",
"opacity": "1"
},
"@media (max-width: 768px)": {
".carousel-control, .carousel-indicators, .modal .close": {
"position": "fixed"
}
},
"@media (max-width: 767px)": {
".mbr-slider .carousel-control": {
"top": "auto",
"bottom": "20px"
},
".mbr-slider > .container .carousel-control": {
"margin-bottom": "0"
}
},
".carousel-indicators .active, .carousel-indicators li": {
"width": "7px",
"height": "7px",
"margin": "3px",
"background": "#000000",
"opacity": "0.5",
"border": "4px solid #000000"
},
".carousel-indicators .active": {
"background": "#fff"
},
".carousel-indicators li": {
"max-width": "15px",
"max-height": "15px",
"border-radius": "50%"
},
".modal": {
"padding-left": "0 !important",
"position": "fixed",
"overflow": "hidden",
"padding-right": "0 !important"
},
".modal-dialog": {
"margin": "0 auto",
"max-width": "100%",
"padding-left": "1rem",
"padding-right": "1rem"
},
".modal-content": {
"border-radius": "0",
"border": "none",
"background": "transparent"
},
".modal-body": {
"padding": "0",
"display": "flex",
"align-items": "center",
"img": {
"width": "100%",
"object-fit": "contain",
"max-height": "~\"calc(100vh - 1.75rem)\""
}
},
".carousel": {
"width": "100%"
},
".modal-backdrop.in": {
"opacity": "0.8"
},
".modal.fade .modal-dialog": {
"transition": "margin-top 0.3s ease-out"
},
".modal.fade .modal-dialog, .modal.in .modal-dialog": {
"transform": "none"
},
".mbr-gallery .item-wrapper": {
"cursor": "pointer"
},
"H6": {
"text-align": "center"
}
},
"_name": "gallery4",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery4 mbr-gallery\" group=\"Sliders & Galleries\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected=\"\">3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\" checked=\"\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && showItemSubtitle\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked=\"\">\n <input type=\"checkbox\" title=\"Caption\" name=\"showItemSubtitle\">\n <header>Popup Slider</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax=\"\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\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 mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Gallery with Popup Slider</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">Gallery Subtitle</h4>\n </div>\n <div class=\"row mbr-gallery mt-4\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-5967-900x675.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-5968-900x675.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-5969-900x641.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/1980%206%C2%BA%20a%C3%B1o%20verificar-1035x734.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/1980%206%C2%BA%20a%C3%B1o-912x544.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/a-750x488.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"5\" data-bs-slide-to=\"5\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/b-753x521.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"6\" data-bs-slide-to=\"6\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/1984%206to%20a%C3%B1o-887x566.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"7\" data-bs-slide-to=\"7\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/1985%20olimp%C3%ADada%20escolar%20a-756x470.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"8\" data-bs-slide-to=\"8\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/1981%20c-728x520.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"9\" data-bs-slide-to=\"9\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/1981%20d-872x596.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"10\" data-bs-slide-to=\"10\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/1988%20iom%20haatzmaut-886x597.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"11\" data-bs-slide-to=\"11\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n \n \n \n </div>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-5967-900x675.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-5968-900x675.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-5969-900x641.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/1980%206%C2%BA%20a%C3%B1o%20verificar-1035x734.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/1980%206%C2%BA%20a%C3%B1o-912x544.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/a-750x488.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/b-753x521.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/1984%206to%20a%C3%B1o-887x566.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/1985%20olimp%C3%ADada%20escolar%20a-756x470.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/1981%20c-728x520.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/1981%20d-872x596.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/1988%20iom%20haatzmaut-886x597.jpg\" alt=\"\">\n </div>\n \n \n \n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"5\" data-bs-slide-to=\"5\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"6\" data-bs-slide-to=\"6\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"7\" data-bs-slide-to=\"7\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"8\" data-bs-slide-to=\"8\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"9\" data-bs-slide-to=\"9\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"10\" data-bs-slide-to=\"10\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"11\" data-bs-slide-to=\"11\" class=\"\"></li>\n \n \n \n </ol>\n <a role=\"button\" href=\"\" class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4e2qTqEOY",
"_anchor": "gallery4-i",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"overflow": "hidden"
},
"_name": "footer7",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#040f2e\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" 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'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".media-container-row .mbr-text\" data-app-placeholder=\"Type Text\"><br><br></p>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4ede2xXdQ",
"_anchor": "footer7-q",
"_protectedParams": [],
"_global": true,
"_once": "footers",
"_params": {}
}
]
},
"page3.html": {
"settings": {
"title": "papimamideportes",
"meta_descr": "",
"header_custom": "",
"footer_custom": "",
"html_before": "",
"order": 4
},
"components": [
{
"alias": false,
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
".image-wrap img": {
"width": "100%",
"@media (min-width: 992px)": {
"display": "block",
"margin": "auto",
"width": "(@imageWidth * 10%)"
}
}
},
"_name": "header9",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header9\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image Width\" min=\"1\" max=\"10\" step=\"1\" value=\"10\" condition=\"showImage\">\n\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked=\"\">\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"text-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-9\">\n <div class=\"image-wrap mb-4\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/bekeshercab-1045x512.jpg\" alt=\"Mobirise\">\n </div>\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Website Builder Software</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Intro with an image above text. Click on the image to replace it. Key differences from traditional website builders: Minimalistic, extremely easy-to-use interface; Mobile-friendliness, latest website blocks and techniques \"out-the-box\"; Free for commercial and non-profit use.</p>\n <div mbr-buttons=\"\" mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Download Now!</a>\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View Demos</a></div>\n </div>\n </div>\n </div>\n</section>",
"_anchor": "header9-25",
"_isUserblock": true,
"_cid": "t4H9YFhUmu",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when not (@spacing)": {
".row": {
"margin-left": "0",
"margin-right": "0"
},
".item": {
"padding-left": "0",
"padding-right": "0"
}
},
"& when (@spacing)": {
".item": {
"padding-bottom": "2rem"
}
},
".item-wrapper": {
"& when (@autoSize)": {
"& when not (@showItemSubtitle)": {
"height": "100%"
},
"& when (@showItemSubtitle)": {
"height": "(@imageHeight * 100px)"
},
"img": {
"height": "100%",
"object-fit": "cover"
}
},
"position": "relative",
".icon-wrapper": {
"pointer-events": "none",
"position": "absolute",
"width": "60px",
"height": "60px",
"font-size": "22px",
"left": "50%",
"top": "50%",
"display": "flex",
"align-items": "center",
"justify-content": "center",
"border": "2px solid #ffffff",
"border-radius": "50%",
"opacity": "0",
"color": "#ffffff",
"transform": "translateX(-50%) translateY(-50%)",
"background-color": "#1b1b1b",
"transition": "0.2s"
},
"&:hover": {
".icon-wrapper": {
"opacity": "0.7"
}
}
},
".carousel-control, .close": {
"background": "#1b1b1b"
},
".carousel-control-prev": {
"margin-left": "2.5rem",
"span": {
"margin-right": "5px"
}
},
".carousel-control-next": {
"margin-right": "2.5rem",
"span": {
"margin-left": "5px"
}
},
".close": {
"position": "fixed",
"opacity": "0.5",
"font-size": "22px",
"font-weight": "300",
"width": "60px",
"height": "60px",
"border-radius": "50%",
"color": "#fff",
"top": "2.5rem",
"right": "2.5rem",
"border": "2px solid #fff",
"text-shadow": "none",
"z-index": "5",
"transition": "opacity 0.3s ease",
"font-family": "'Moririse2'",
"align-items": "center",
"justify-content": "center",
"display": "flex",
"&::before": {
"content": "'\\e91a'"
},
"&:hover": {
"opacity": "1",
"background": "#000",
"color": "#fff"
}
},
".carousel-control": {
"display": "flex",
"top": "50%",
"width": "60px",
"height": "60px",
"margin-top": "-1.5rem",
"font-size": "22px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"transition": "all 0.3s",
"&.carousel-control-prev": {
"left": "0",
"margin-left": "2.5rem"
},
"&.carousel-control-next": {
"right": "0",
"margin-right": "2.5rem"
},
"@media (max-width: 767px)": {
"top": "auto",
"bottom": "1rem"
}
},
".carousel-indicators": {
"position": "absolute",
"bottom": "0",
"margin-bottom": "3px",
"li": {
"max-width": "15px",
"height": "15px",
"width": "15px",
"max-height": "15px",
"margin": "3px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"opacity": "0.5",
"transition": "all 0.3s",
"&.active, &:hover": {
"opacity": "0.9"
},
"&::after, &::before": {
"content": "none"
}
},
"&.ie-fix": {
"left": "50%",
"display": "block",
"width": "60%",
"margin-left": "-30%",
"text-align": "center"
},
"@media (max-width: 768px)": {
"display": "none !important"
},
"@media (max-width: 991px)": {
"margin-bottom": "3.625rem !important",
"padding-left": "2.5rem",
"padding-right": "2.5rem"
},
"@media (max-width: 767px)": {
"display": "none"
}
},
".carousel-inner": {
"display": "flex",
"align-items": "center"
},
".carousel-inner > .active": {
"display": "block"
},
".carousel-control.left": {
"left": "0",
"margin-left": "2.5rem"
},
".carousel-control.right": {
"right": "0",
"margin-right": "2.5rem"
},
".carousel-control:hover": {
"background": "#1b1b1b",
"color": "#fff",
"opacity": "1"
},
"@media (max-width: 768px)": {
".carousel-control, .carousel-indicators, .modal .close": {
"position": "fixed"
}
},
"@media (max-width: 767px)": {
".mbr-slider .carousel-control": {
"top": "auto",
"bottom": "20px"
},
".mbr-slider > .container .carousel-control": {
"margin-bottom": "0"
}
},
".carousel-indicators .active, .carousel-indicators li": {
"width": "7px",
"height": "7px",
"margin": "3px",
"background": "#000000",
"opacity": "0.5",
"border": "4px solid #000000"
},
".carousel-indicators .active": {
"background": "#fff"
},
".carousel-indicators li": {
"max-width": "15px",
"max-height": "15px",
"border-radius": "50%"
},
".modal": {
"padding-left": "0 !important",
"position": "fixed",
"overflow": "hidden",
"padding-right": "0 !important"
},
".modal-dialog": {
"margin": "0 auto",
"max-width": "100%",
"padding-left": "1rem",
"padding-right": "1rem"
},
".modal-content": {
"border-radius": "0",
"border": "none",
"background": "transparent"
},
".modal-body": {
"padding": "0",
"display": "flex",
"align-items": "center",
"img": {
"width": "100%",
"object-fit": "contain",
"max-height": "~\"calc(100vh - 1.75rem)\""
}
},
".carousel": {
"width": "100%"
},
".modal-backdrop.in": {
"opacity": "0.8"
},
".modal.fade .modal-dialog": {
"transition": "margin-top 0.3s ease-out"
},
".modal.fade .modal-dialog, .modal.in .modal-dialog": {
"transform": "none"
},
".mbr-gallery .item-wrapper": {
"cursor": "pointer"
},
"H6": {
"text-align": "center"
}
},
"_name": "gallery4",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery4 mbr-gallery\" group=\"Sliders & Galleries\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected=\"\">3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\" checked=\"\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && showItemSubtitle\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked=\"\">\n <input type=\"checkbox\" title=\"Caption\" name=\"showItemSubtitle\">\n <header>Popup Slider</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax=\"\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\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 mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Gallery with Popup Slider</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">Gallery Subtitle</h4>\n </div>\n <div class=\"row mbr-gallery mt-4\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-5964-900x611.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-5965-900x675.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/photo-2022-03-31-12-54-45-900x675.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/photo-2021-12-10-08-55-4-2048x1536.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/whatsapp%20image%202022-04-25%20at%205.30.59%20pm-1024x576.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n \n \n \n </div>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-5964-900x611.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-5965-900x675.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/photo-2022-03-31-12-54-45-900x675.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/photo-2021-12-10-08-55-4-2048x1536.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/whatsapp%20image%202022-04-25%20at%205.30.59%20pm-1024x576.jpg\" alt=\"\">\n </div>\n \n \n \n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\" class=\"\"></li>\n \n \n \n </ol>\n <a role=\"button\" href=\"\" class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jCusgeR5",
"_anchor": "gallery4-v",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"overflow": "hidden"
},
"_name": "footer7",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#040f2e\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" 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'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".media-container-row .mbr-text\" data-app-placeholder=\"Type Text\"><br><br></p>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jCuteHDf",
"_anchor": "footer7-w",
"_protectedParams": [],
"_global": true,
"_once": "footers",
"_params": {}
}
]
},
"page4.html": {
"settings": {
"title": "rikudim",
"meta_descr": "",
"header_custom": "",
"footer_custom": "",
"html_before": "",
"order": 5
},
"components": [
{
"alias": false,
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
".image-wrap img": {
"width": "100%",
"@media (min-width: 992px)": {
"display": "block",
"margin": "auto",
"width": "(@imageWidth * 10%)"
}
}
},
"_name": "header9",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header9\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image Width\" min=\"1\" max=\"10\" step=\"1\" value=\"10\" condition=\"showImage\">\n\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked=\"\">\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"text-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-9\">\n <div class=\"image-wrap mb-4\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/bekeshercab-1045x512.jpg\" alt=\"Mobirise\">\n </div>\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Website Builder Software</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Intro with an image above text. Click on the image to replace it. Key differences from traditional website builders: Minimalistic, extremely easy-to-use interface; Mobile-friendliness, latest website blocks and techniques \"out-the-box\"; Free for commercial and non-profit use.</p>\n <div mbr-buttons=\"\" mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Download Now!</a>\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View Demos</a></div>\n </div>\n </div>\n </div>\n</section>",
"_anchor": "header9-26",
"_isUserblock": true,
"_cid": "t4Ha1sFXXY",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when not (@spacing)": {
".row": {
"margin-left": "0",
"margin-right": "0"
},
".item": {
"padding-left": "0",
"padding-right": "0"
}
},
"& when (@spacing)": {
".item": {
"padding-bottom": "2rem"
}
},
".item-wrapper": {
"& when (@autoSize)": {
"& when not (@showItemSubtitle)": {
"height": "100%"
},
"& when (@showItemSubtitle)": {
"height": "(@imageHeight * 100px)"
},
"img": {
"height": "100%",
"object-fit": "cover"
}
},
"position": "relative",
".icon-wrapper": {
"pointer-events": "none",
"position": "absolute",
"width": "60px",
"height": "60px",
"font-size": "22px",
"left": "50%",
"top": "50%",
"display": "flex",
"align-items": "center",
"justify-content": "center",
"border": "2px solid #ffffff",
"border-radius": "50%",
"opacity": "0",
"color": "#ffffff",
"transform": "translateX(-50%) translateY(-50%)",
"background-color": "#1b1b1b",
"transition": "0.2s"
},
"&:hover": {
".icon-wrapper": {
"opacity": "0.7"
}
}
},
".carousel-control, .close": {
"background": "#1b1b1b"
},
".carousel-control-prev": {
"margin-left": "2.5rem",
"span": {
"margin-right": "5px"
}
},
".carousel-control-next": {
"margin-right": "2.5rem",
"span": {
"margin-left": "5px"
}
},
".close": {
"position": "fixed",
"opacity": "0.5",
"font-size": "22px",
"font-weight": "300",
"width": "60px",
"height": "60px",
"border-radius": "50%",
"color": "#fff",
"top": "2.5rem",
"right": "2.5rem",
"border": "2px solid #fff",
"text-shadow": "none",
"z-index": "5",
"transition": "opacity 0.3s ease",
"font-family": "'Moririse2'",
"align-items": "center",
"justify-content": "center",
"display": "flex",
"&::before": {
"content": "'\\e91a'"
},
"&:hover": {
"opacity": "1",
"background": "#000",
"color": "#fff"
}
},
".carousel-control": {
"display": "flex",
"top": "50%",
"width": "60px",
"height": "60px",
"margin-top": "-1.5rem",
"font-size": "22px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"transition": "all 0.3s",
"&.carousel-control-prev": {
"left": "0",
"margin-left": "2.5rem"
},
"&.carousel-control-next": {
"right": "0",
"margin-right": "2.5rem"
},
"@media (max-width: 767px)": {
"top": "auto",
"bottom": "1rem"
}
},
".carousel-indicators": {
"position": "absolute",
"bottom": "0",
"margin-bottom": "3px",
"li": {
"max-width": "15px",
"height": "15px",
"width": "15px",
"max-height": "15px",
"margin": "3px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"opacity": "0.5",
"transition": "all 0.3s",
"&.active, &:hover": {
"opacity": "0.9"
},
"&::after, &::before": {
"content": "none"
}
},
"&.ie-fix": {
"left": "50%",
"display": "block",
"width": "60%",
"margin-left": "-30%",
"text-align": "center"
},
"@media (max-width: 768px)": {
"display": "none !important"
},
"@media (max-width: 991px)": {
"margin-bottom": "3.625rem !important",
"padding-left": "2.5rem",
"padding-right": "2.5rem"
},
"@media (max-width: 767px)": {
"display": "none"
}
},
".carousel-inner": {
"display": "flex",
"align-items": "center"
},
".carousel-inner > .active": {
"display": "block"
},
".carousel-control.left": {
"left": "0",
"margin-left": "2.5rem"
},
".carousel-control.right": {
"right": "0",
"margin-right": "2.5rem"
},
".carousel-control:hover": {
"background": "#1b1b1b",
"color": "#fff",
"opacity": "1"
},
"@media (max-width: 768px)": {
".carousel-control, .carousel-indicators, .modal .close": {
"position": "fixed"
}
},
"@media (max-width: 767px)": {
".mbr-slider .carousel-control": {
"top": "auto",
"bottom": "20px"
},
".mbr-slider > .container .carousel-control": {
"margin-bottom": "0"
}
},
".carousel-indicators .active, .carousel-indicators li": {
"width": "7px",
"height": "7px",
"margin": "3px",
"background": "#000000",
"opacity": "0.5",
"border": "4px solid #000000"
},
".carousel-indicators .active": {
"background": "#fff"
},
".carousel-indicators li": {
"max-width": "15px",
"max-height": "15px",
"border-radius": "50%"
},
".modal": {
"padding-left": "0 !important",
"position": "fixed",
"overflow": "hidden",
"padding-right": "0 !important"
},
".modal-dialog": {
"margin": "0 auto",
"max-width": "100%",
"padding-left": "1rem",
"padding-right": "1rem"
},
".modal-content": {
"border-radius": "0",
"border": "none",
"background": "transparent"
},
".modal-body": {
"padding": "0",
"display": "flex",
"align-items": "center",
"img": {
"width": "100%",
"object-fit": "contain",
"max-height": "~\"calc(100vh - 1.75rem)\""
}
},
".carousel": {
"width": "100%"
},
".modal-backdrop.in": {
"opacity": "0.8"
},
".modal.fade .modal-dialog": {
"transition": "margin-top 0.3s ease-out"
},
".modal.fade .modal-dialog, .modal.in .modal-dialog": {
"transform": "none"
},
".mbr-gallery .item-wrapper": {
"cursor": "pointer"
},
"H6": {
"text-align": "center"
}
},
"_name": "gallery4",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery4 mbr-gallery\" group=\"Sliders & Galleries\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected>3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\" checked>\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && showItemSubtitle\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked>\n <input type=\"checkbox\" title=\"Caption\" name=\"showItemSubtitle\">\n <header>Popup Slider</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\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 mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Gallery with Popup Slider</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">Gallery Subtitle</h4>\n </div>\n <div class=\"row mbr-gallery mt-4\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/whatsapp%20image%202022-04-25%20at%205.42.27%20pm%20(1)-816x612.jpg\" alt data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n \n \n \n </div>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/whatsapp%20image%202022-04-25%20at%205.30.59%20pm-1024x576.jpg\" alt>\n </div>\n \n \n \n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li>\n \n \n \n </ol>\n <a role=\"button\" href class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jCPeaf1l",
"_anchor": "gallery4-z",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"overflow": "hidden"
},
"_name": "footer7",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#040f2e\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" 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'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".media-container-row .mbr-text\" data-app-placeholder=\"Type Text\"><br><br></p>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jCPeQ7o6",
"_anchor": "footer7-10",
"_protectedParams": [],
"_global": true,
"_once": "footers",
"_params": {}
}
]
},
"page5.html": {
"settings": {
"title": "roperocomunitario",
"meta_descr": "",
"header_custom": "",
"footer_custom": "",
"html_before": "",
"order": 6
},
"components": [
{
"alias": false,
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
".image-wrap img": {
"width": "100%",
"@media (min-width: 992px)": {
"display": "block",
"margin": "auto",
"width": "(@imageWidth * 10%)"
}
}
},
"_name": "header9",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header9\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image Width\" min=\"1\" max=\"10\" step=\"1\" value=\"10\" condition=\"showImage\">\n\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked=\"\">\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"text-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-9\">\n <div class=\"image-wrap mb-4\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/bekeshercab-1045x512.jpg\" alt=\"Mobirise\">\n </div>\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Website Builder Software</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Intro with an image above text. Click on the image to replace it. Key differences from traditional website builders: Minimalistic, extremely easy-to-use interface; Mobile-friendliness, latest website blocks and techniques \"out-the-box\"; Free for commercial and non-profit use.</p>\n <div mbr-buttons=\"\" mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Download Now!</a>\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View Demos</a></div>\n </div>\n </div>\n </div>\n</section>",
"_anchor": "header9-27",
"_isUserblock": true,
"_cid": "t4Ha8AMuJb",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when not (@spacing)": {
".row": {
"margin-left": "0",
"margin-right": "0"
},
".item": {
"padding-left": "0",
"padding-right": "0"
}
},
"& when (@spacing)": {
".item": {
"padding-bottom": "2rem"
}
},
".item-wrapper": {
"& when (@autoSize)": {
"& when not (@showItemSubtitle)": {
"height": "100%"
},
"& when (@showItemSubtitle)": {
"height": "(@imageHeight * 100px)"
},
"img": {
"height": "100%",
"object-fit": "cover"
}
},
"position": "relative",
".icon-wrapper": {
"pointer-events": "none",
"position": "absolute",
"width": "60px",
"height": "60px",
"font-size": "22px",
"left": "50%",
"top": "50%",
"display": "flex",
"align-items": "center",
"justify-content": "center",
"border": "2px solid #ffffff",
"border-radius": "50%",
"opacity": "0",
"color": "#ffffff",
"transform": "translateX(-50%) translateY(-50%)",
"background-color": "#1b1b1b",
"transition": "0.2s"
},
"&:hover": {
".icon-wrapper": {
"opacity": "0.7"
}
}
},
".carousel-control, .close": {
"background": "#1b1b1b"
},
".carousel-control-prev": {
"margin-left": "2.5rem",
"span": {
"margin-right": "5px"
}
},
".carousel-control-next": {
"margin-right": "2.5rem",
"span": {
"margin-left": "5px"
}
},
".close": {
"position": "fixed",
"opacity": "0.5",
"font-size": "22px",
"font-weight": "300",
"width": "60px",
"height": "60px",
"border-radius": "50%",
"color": "#fff",
"top": "2.5rem",
"right": "2.5rem",
"border": "2px solid #fff",
"text-shadow": "none",
"z-index": "5",
"transition": "opacity 0.3s ease",
"font-family": "'Moririse2'",
"align-items": "center",
"justify-content": "center",
"display": "flex",
"&::before": {
"content": "'\\e91a'"
},
"&:hover": {
"opacity": "1",
"background": "#000",
"color": "#fff"
}
},
".carousel-control": {
"display": "flex",
"top": "50%",
"width": "60px",
"height": "60px",
"margin-top": "-1.5rem",
"font-size": "22px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"transition": "all 0.3s",
"&.carousel-control-prev": {
"left": "0",
"margin-left": "2.5rem"
},
"&.carousel-control-next": {
"right": "0",
"margin-right": "2.5rem"
},
"@media (max-width: 767px)": {
"top": "auto",
"bottom": "1rem"
}
},
".carousel-indicators": {
"position": "absolute",
"bottom": "0",
"margin-bottom": "3px",
"li": {
"max-width": "15px",
"height": "15px",
"width": "15px",
"max-height": "15px",
"margin": "3px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"opacity": "0.5",
"transition": "all 0.3s",
"&.active, &:hover": {
"opacity": "0.9"
},
"&::after, &::before": {
"content": "none"
}
},
"&.ie-fix": {
"left": "50%",
"display": "block",
"width": "60%",
"margin-left": "-30%",
"text-align": "center"
},
"@media (max-width: 768px)": {
"display": "none !important"
},
"@media (max-width: 991px)": {
"margin-bottom": "3.625rem !important",
"padding-left": "2.5rem",
"padding-right": "2.5rem"
},
"@media (max-width: 767px)": {
"display": "none"
}
},
".carousel-inner": {
"display": "flex",
"align-items": "center"
},
".carousel-inner > .active": {
"display": "block"
},
".carousel-control.left": {
"left": "0",
"margin-left": "2.5rem"
},
".carousel-control.right": {
"right": "0",
"margin-right": "2.5rem"
},
".carousel-control:hover": {
"background": "#1b1b1b",
"color": "#fff",
"opacity": "1"
},
"@media (max-width: 768px)": {
".carousel-control, .carousel-indicators, .modal .close": {
"position": "fixed"
}
},
"@media (max-width: 767px)": {
".mbr-slider .carousel-control": {
"top": "auto",
"bottom": "20px"
},
".mbr-slider > .container .carousel-control": {
"margin-bottom": "0"
}
},
".carousel-indicators .active, .carousel-indicators li": {
"width": "7px",
"height": "7px",
"margin": "3px",
"background": "#000000",
"opacity": "0.5",
"border": "4px solid #000000"
},
".carousel-indicators .active": {
"background": "#fff"
},
".carousel-indicators li": {
"max-width": "15px",
"max-height": "15px",
"border-radius": "50%"
},
".modal": {
"padding-left": "0 !important",
"position": "fixed",
"overflow": "hidden",
"padding-right": "0 !important"
},
".modal-dialog": {
"margin": "0 auto",
"max-width": "100%",
"padding-left": "1rem",
"padding-right": "1rem"
},
".modal-content": {
"border-radius": "0",
"border": "none",
"background": "transparent"
},
".modal-body": {
"padding": "0",
"display": "flex",
"align-items": "center",
"img": {
"width": "100%",
"object-fit": "contain",
"max-height": "~\"calc(100vh - 1.75rem)\""
}
},
".carousel": {
"width": "100%"
},
".modal-backdrop.in": {
"opacity": "0.8"
},
".modal.fade .modal-dialog": {
"transition": "margin-top 0.3s ease-out"
},
".modal.fade .modal-dialog, .modal.in .modal-dialog": {
"transform": "none"
},
".mbr-gallery .item-wrapper": {
"cursor": "pointer"
},
"H6": {
"text-align": "center"
}
},
"_name": "gallery4",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery4 mbr-gallery\" group=\"Sliders & Galleries\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected=\"\">3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\" checked=\"\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && showItemSubtitle\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked=\"\">\n <input type=\"checkbox\" title=\"Caption\" name=\"showItemSubtitle\">\n <header>Popup Slider</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax=\"\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\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 mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Gallery with Popup Slider</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">Gallery Subtitle</h4>\n </div>\n <div class=\"row mbr-gallery mt-4\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-4479-4032x3024.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-4478-3850x2567.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20220217-_da76709-6000x4000.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20220217-_da76720-5346x3564.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n \n \n \n </div>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-4479-4032x3024.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-4478-3850x2567.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20220217-_da76709-6000x4000.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20220217-_da76720-5346x3564.jpg\" alt=\"\">\n </div>\n \n \n \n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\" class=\"\"></li>\n \n \n \n </ol>\n <a role=\"button\" href=\"\" class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jCY5S03H",
"_anchor": "gallery4-13",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"overflow": "hidden"
},
"_name": "footer7",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#040f2e\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" 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'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".media-container-row .mbr-text\" data-app-placeholder=\"Type Text\"><br><br></p>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jCY6hIpr",
"_anchor": "footer7-14",
"_protectedParams": [],
"_global": true,
"_once": "footers",
"_params": {}
}
]
},
"page6.html": {
"settings": {
"title": "mimochi",
"meta_descr": "",
"header_custom": "",
"footer_custom": "",
"html_before": "",
"order": 7
},
"components": [
{
"alias": false,
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
".image-wrap img": {
"width": "100%",
"@media (min-width: 992px)": {
"display": "block",
"margin": "auto",
"width": "(@imageWidth * 10%)"
}
}
},
"_name": "header9",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header9\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image Width\" min=\"1\" max=\"10\" step=\"1\" value=\"10\" condition=\"showImage\">\n\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked=\"\">\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"text-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-9\">\n <div class=\"image-wrap mb-4\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/bekeshercab-1045x512.jpg\" alt=\"Mobirise\">\n </div>\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Website Builder Software</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Intro with an image above text. Click on the image to replace it. Key differences from traditional website builders: Minimalistic, extremely easy-to-use interface; Mobile-friendliness, latest website blocks and techniques \"out-the-box\"; Free for commercial and non-profit use.</p>\n <div mbr-buttons=\"\" mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Download Now!</a>\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View Demos</a></div>\n </div>\n </div>\n </div>\n</section>",
"_anchor": "header9-28",
"_isUserblock": true,
"_cid": "t4HabuNEkR",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when not (@spacing)": {
".row": {
"margin-left": "0",
"margin-right": "0"
},
".item": {
"padding-left": "0",
"padding-right": "0"
}
},
"& when (@spacing)": {
".item": {
"padding-bottom": "2rem"
}
},
".item-wrapper": {
"& when (@autoSize)": {
"& when not (@showItemSubtitle)": {
"height": "100%"
},
"& when (@showItemSubtitle)": {
"height": "(@imageHeight * 100px)"
},
"img": {
"height": "100%",
"object-fit": "cover"
}
},
"position": "relative",
".icon-wrapper": {
"pointer-events": "none",
"position": "absolute",
"width": "60px",
"height": "60px",
"font-size": "22px",
"left": "50%",
"top": "50%",
"display": "flex",
"align-items": "center",
"justify-content": "center",
"border": "2px solid #ffffff",
"border-radius": "50%",
"opacity": "0",
"color": "#ffffff",
"transform": "translateX(-50%) translateY(-50%)",
"background-color": "#1b1b1b",
"transition": "0.2s"
},
"&:hover": {
".icon-wrapper": {
"opacity": "0.7"
}
}
},
".carousel-control, .close": {
"background": "#1b1b1b"
},
".carousel-control-prev": {
"margin-left": "2.5rem",
"span": {
"margin-right": "5px"
}
},
".carousel-control-next": {
"margin-right": "2.5rem",
"span": {
"margin-left": "5px"
}
},
".close": {
"position": "fixed",
"opacity": "0.5",
"font-size": "22px",
"font-weight": "300",
"width": "60px",
"height": "60px",
"border-radius": "50%",
"color": "#fff",
"top": "2.5rem",
"right": "2.5rem",
"border": "2px solid #fff",
"text-shadow": "none",
"z-index": "5",
"transition": "opacity 0.3s ease",
"font-family": "'Moririse2'",
"align-items": "center",
"justify-content": "center",
"display": "flex",
"&::before": {
"content": "'\\e91a'"
},
"&:hover": {
"opacity": "1",
"background": "#000",
"color": "#fff"
}
},
".carousel-control": {
"display": "flex",
"top": "50%",
"width": "60px",
"height": "60px",
"margin-top": "-1.5rem",
"font-size": "22px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"transition": "all 0.3s",
"&.carousel-control-prev": {
"left": "0",
"margin-left": "2.5rem"
},
"&.carousel-control-next": {
"right": "0",
"margin-right": "2.5rem"
},
"@media (max-width: 767px)": {
"top": "auto",
"bottom": "1rem"
}
},
".carousel-indicators": {
"position": "absolute",
"bottom": "0",
"margin-bottom": "3px",
"li": {
"max-width": "15px",
"height": "15px",
"width": "15px",
"max-height": "15px",
"margin": "3px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"opacity": "0.5",
"transition": "all 0.3s",
"&.active, &:hover": {
"opacity": "0.9"
},
"&::after, &::before": {
"content": "none"
}
},
"&.ie-fix": {
"left": "50%",
"display": "block",
"width": "60%",
"margin-left": "-30%",
"text-align": "center"
},
"@media (max-width: 768px)": {
"display": "none !important"
},
"@media (max-width: 991px)": {
"margin-bottom": "3.625rem !important",
"padding-left": "2.5rem",
"padding-right": "2.5rem"
},
"@media (max-width: 767px)": {
"display": "none"
}
},
".carousel-inner": {
"display": "flex",
"align-items": "center"
},
".carousel-inner > .active": {
"display": "block"
},
".carousel-control.left": {
"left": "0",
"margin-left": "2.5rem"
},
".carousel-control.right": {
"right": "0",
"margin-right": "2.5rem"
},
".carousel-control:hover": {
"background": "#1b1b1b",
"color": "#fff",
"opacity": "1"
},
"@media (max-width: 768px)": {
".carousel-control, .carousel-indicators, .modal .close": {
"position": "fixed"
}
},
"@media (max-width: 767px)": {
".mbr-slider .carousel-control": {
"top": "auto",
"bottom": "20px"
},
".mbr-slider > .container .carousel-control": {
"margin-bottom": "0"
}
},
".carousel-indicators .active, .carousel-indicators li": {
"width": "7px",
"height": "7px",
"margin": "3px",
"background": "#000000",
"opacity": "0.5",
"border": "4px solid #000000"
},
".carousel-indicators .active": {
"background": "#fff"
},
".carousel-indicators li": {
"max-width": "15px",
"max-height": "15px",
"border-radius": "50%"
},
".modal": {
"padding-left": "0 !important",
"position": "fixed",
"overflow": "hidden",
"padding-right": "0 !important"
},
".modal-dialog": {
"margin": "0 auto",
"max-width": "100%",
"padding-left": "1rem",
"padding-right": "1rem"
},
".modal-content": {
"border-radius": "0",
"border": "none",
"background": "transparent"
},
".modal-body": {
"padding": "0",
"display": "flex",
"align-items": "center",
"img": {
"width": "100%",
"object-fit": "contain",
"max-height": "~\"calc(100vh - 1.75rem)\""
}
},
".carousel": {
"width": "100%"
},
".modal-backdrop.in": {
"opacity": "0.8"
},
".modal.fade .modal-dialog": {
"transition": "margin-top 0.3s ease-out"
},
".modal.fade .modal-dialog, .modal.in .modal-dialog": {
"transform": "none"
},
".mbr-gallery .item-wrapper": {
"cursor": "pointer"
},
"H6": {
"text-align": "center"
}
},
"_name": "gallery4",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery4 mbr-gallery\" group=\"Sliders & Galleries\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected=\"\">3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\" checked=\"\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && showItemSubtitle\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked=\"\">\n <input type=\"checkbox\" title=\"Caption\" name=\"showItemSubtitle\">\n <header>Popup Slider</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax=\"\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\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 mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Gallery with Popup Slider</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">Gallery Subtitle</h4>\n </div>\n <div class=\"row mbr-gallery mt-4\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7728-5725x3822.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7447-6016x4016.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7553-6016x4016.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7643-5793x3867.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20210226-_da75403-6000x4000.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"5\" data-bs-slide-to=\"5\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20200218-dsc-4151-6016x4016.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"6\" data-bs-slide-to=\"6\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20200218-dsc-4122-6016x4016.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"7\" data-bs-slide-to=\"7\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7777-900x601.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"7\" data-bs-slide-to=\"8\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7641-858x573.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"8\" data-bs-slide-to=\"9\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n \n \n \n </div>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7728-5725x3822.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7447-6016x4016.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7553-6016x4016.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7643-5793x3867.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20210226-_da75403-6000x4000.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20200218-dsc-4151-6016x4016.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20200218-dsc-4122-6016x4016.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7777-900x601.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20220225-deb-7641-858x573.jpg\" alt=\"\">\n </div>\n \n \n \n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"5\" data-bs-slide-to=\"5\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"6\" data-bs-slide-to=\"6\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"7\" data-bs-slide-to=\"7\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"8\" data-bs-slide-to=\"8\" class=\"\"></li>\n \n \n \n </ol>\n <a role=\"button\" href=\"\" class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jDlvAbJO",
"_anchor": "gallery4-17",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"overflow": "hidden"
},
"_name": "footer7",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#040f2e\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" 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'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".media-container-row .mbr-text\" data-app-placeholder=\"Type Text\"><br><br></p>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jDlw8cS7",
"_anchor": "footer7-18",
"_protectedParams": [],
"_global": true,
"_once": "footers",
"_params": {}
}
]
},
"page7.html": {
"settings": {
"title": "meriendassplidarias",
"meta_descr": "",
"header_custom": "",
"footer_custom": "",
"html_before": "",
"order": 8
},
"components": [
{
"alias": false,
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
".image-wrap img": {
"width": "100%",
"@media (min-width: 992px)": {
"display": "block",
"margin": "auto",
"width": "(@imageWidth * 10%)"
}
}
},
"_name": "header9",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header9\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image Width\" min=\"1\" max=\"10\" step=\"1\" value=\"10\" condition=\"showImage\">\n\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked=\"\">\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"text-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-9\">\n <div class=\"image-wrap mb-4\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/bekeshercab-1045x512.jpg\" alt=\"Mobirise\">\n </div>\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Website Builder Software</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Intro with an image above text. Click on the image to replace it. Key differences from traditional website builders: Minimalistic, extremely easy-to-use interface; Mobile-friendliness, latest website blocks and techniques \"out-the-box\"; Free for commercial and non-profit use.</p>\n <div mbr-buttons=\"\" mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Download Now!</a>\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View Demos</a></div>\n </div>\n </div>\n </div>\n</section>",
"_anchor": "header9-29",
"_isUserblock": true,
"_cid": "t4HaenvO81",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when not (@spacing)": {
".row": {
"margin-left": "0",
"margin-right": "0"
},
".item": {
"padding-left": "0",
"padding-right": "0"
}
},
"& when (@spacing)": {
".item": {
"padding-bottom": "2rem"
}
},
".item-wrapper": {
"& when (@autoSize)": {
"& when not (@showItemSubtitle)": {
"height": "100%"
},
"& when (@showItemSubtitle)": {
"height": "(@imageHeight * 100px)"
},
"img": {
"height": "100%",
"object-fit": "cover"
}
},
"position": "relative",
".icon-wrapper": {
"pointer-events": "none",
"position": "absolute",
"width": "60px",
"height": "60px",
"font-size": "22px",
"left": "50%",
"top": "50%",
"display": "flex",
"align-items": "center",
"justify-content": "center",
"border": "2px solid #ffffff",
"border-radius": "50%",
"opacity": "0",
"color": "#ffffff",
"transform": "translateX(-50%) translateY(-50%)",
"background-color": "#1b1b1b",
"transition": "0.2s"
},
"&:hover": {
".icon-wrapper": {
"opacity": "0.7"
}
}
},
".carousel-control, .close": {
"background": "#1b1b1b"
},
".carousel-control-prev": {
"margin-left": "2.5rem",
"span": {
"margin-right": "5px"
}
},
".carousel-control-next": {
"margin-right": "2.5rem",
"span": {
"margin-left": "5px"
}
},
".close": {
"position": "fixed",
"opacity": "0.5",
"font-size": "22px",
"font-weight": "300",
"width": "60px",
"height": "60px",
"border-radius": "50%",
"color": "#fff",
"top": "2.5rem",
"right": "2.5rem",
"border": "2px solid #fff",
"text-shadow": "none",
"z-index": "5",
"transition": "opacity 0.3s ease",
"font-family": "'Moririse2'",
"align-items": "center",
"justify-content": "center",
"display": "flex",
"&::before": {
"content": "'\\e91a'"
},
"&:hover": {
"opacity": "1",
"background": "#000",
"color": "#fff"
}
},
".carousel-control": {
"display": "flex",
"top": "50%",
"width": "60px",
"height": "60px",
"margin-top": "-1.5rem",
"font-size": "22px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"transition": "all 0.3s",
"&.carousel-control-prev": {
"left": "0",
"margin-left": "2.5rem"
},
"&.carousel-control-next": {
"right": "0",
"margin-right": "2.5rem"
},
"@media (max-width: 767px)": {
"top": "auto",
"bottom": "1rem"
}
},
".carousel-indicators": {
"position": "absolute",
"bottom": "0",
"margin-bottom": "3px",
"li": {
"max-width": "15px",
"height": "15px",
"width": "15px",
"max-height": "15px",
"margin": "3px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"opacity": "0.5",
"transition": "all 0.3s",
"&.active, &:hover": {
"opacity": "0.9"
},
"&::after, &::before": {
"content": "none"
}
},
"&.ie-fix": {
"left": "50%",
"display": "block",
"width": "60%",
"margin-left": "-30%",
"text-align": "center"
},
"@media (max-width: 768px)": {
"display": "none !important"
},
"@media (max-width: 991px)": {
"margin-bottom": "3.625rem !important",
"padding-left": "2.5rem",
"padding-right": "2.5rem"
},
"@media (max-width: 767px)": {
"display": "none"
}
},
".carousel-inner": {
"display": "flex",
"align-items": "center"
},
".carousel-inner > .active": {
"display": "block"
},
".carousel-control.left": {
"left": "0",
"margin-left": "2.5rem"
},
".carousel-control.right": {
"right": "0",
"margin-right": "2.5rem"
},
".carousel-control:hover": {
"background": "#1b1b1b",
"color": "#fff",
"opacity": "1"
},
"@media (max-width: 768px)": {
".carousel-control, .carousel-indicators, .modal .close": {
"position": "fixed"
}
},
"@media (max-width: 767px)": {
".mbr-slider .carousel-control": {
"top": "auto",
"bottom": "20px"
},
".mbr-slider > .container .carousel-control": {
"margin-bottom": "0"
}
},
".carousel-indicators .active, .carousel-indicators li": {
"width": "7px",
"height": "7px",
"margin": "3px",
"background": "#000000",
"opacity": "0.5",
"border": "4px solid #000000"
},
".carousel-indicators .active": {
"background": "#fff"
},
".carousel-indicators li": {
"max-width": "15px",
"max-height": "15px",
"border-radius": "50%"
},
".modal": {
"padding-left": "0 !important",
"position": "fixed",
"overflow": "hidden",
"padding-right": "0 !important"
},
".modal-dialog": {
"margin": "0 auto",
"max-width": "100%",
"padding-left": "1rem",
"padding-right": "1rem"
},
".modal-content": {
"border-radius": "0",
"border": "none",
"background": "transparent"
},
".modal-body": {
"padding": "0",
"display": "flex",
"align-items": "center",
"img": {
"width": "100%",
"object-fit": "contain",
"max-height": "~\"calc(100vh - 1.75rem)\""
}
},
".carousel": {
"width": "100%"
},
".modal-backdrop.in": {
"opacity": "0.8"
},
".modal.fade .modal-dialog": {
"transition": "margin-top 0.3s ease-out"
},
".modal.fade .modal-dialog, .modal.in .modal-dialog": {
"transform": "none"
},
".mbr-gallery .item-wrapper": {
"cursor": "pointer"
},
"H6": {
"text-align": "center"
}
},
"_name": "gallery4",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery4 mbr-gallery\" group=\"Sliders & Galleries\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected=\"\">3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\" checked=\"\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && showItemSubtitle\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked=\"\">\n <input type=\"checkbox\" title=\"Caption\" name=\"showItemSubtitle\">\n <header>Popup Slider</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax=\"\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\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 mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Gallery with Popup Slider</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">Gallery Subtitle</h4>\n </div>\n <div class=\"row mbr-gallery mt-4\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-11-1600x1200.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-33-1600x900.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/photo-2020-05-12-20-15-2-1600x1202.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20200715-_da71702-2-2000x1333.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20200715-_da71714-2-2000x1333.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"5\" data-bs-slide-to=\"5\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-109-1600x1200.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"6\" data-bs-slide-to=\"6\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-101-900x1200.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"6\" data-bs-slide-to=\"7\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/20200715-_da71698-858x572.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"7\" data-bs-slide-to=\"8\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/img-103-900x1200.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"8\" data-bs-slide-to=\"9\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n \n \n \n </div>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-11-1600x1200.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-33-1600x900.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/photo-2020-05-12-20-15-2-1600x1202.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20200715-_da71702-2-2000x1333.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20200715-_da71714-2-2000x1333.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-109-1600x1200.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-101-900x1200.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/20200715-_da71698-858x572.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/img-103-900x1200.jpg\" alt=\"\">\n </div>\n \n \n \n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"5\" data-bs-slide-to=\"5\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"6\" data-bs-slide-to=\"6\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"7\" data-bs-slide-to=\"7\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"8\" data-bs-slide-to=\"8\" class=\"\"></li>\n \n \n \n </ol>\n <a role=\"button\" href=\"\" class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jDUvxPGP",
"_anchor": "gallery4-1b",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"overflow": "hidden"
},
"_name": "footer7",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#040f2e\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" 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'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".media-container-row .mbr-text\" data-app-placeholder=\"Type Text\"><br><br></p>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jDUwfv1B",
"_anchor": "footer7-1c",
"_protectedParams": [],
"_global": true,
"_once": "footers",
"_params": {}
}
]
},
"page8.html": {
"settings": {
"title": "agradecimientoafuncionarios",
"meta_descr": "",
"header_custom": "",
"footer_custom": "",
"html_before": "",
"order": 9
},
"components": [
{
"alias": false,
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
".image-wrap img": {
"width": "100%",
"@media (min-width: 992px)": {
"display": "block",
"margin": "auto",
"width": "(@imageWidth * 10%)"
}
}
},
"_name": "header9",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"header9\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image Width\" min=\"1\" max=\"10\" step=\"1\" value=\"10\" condition=\"showImage\">\n\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked=\"\">\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"text-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-9\">\n <div class=\"image-wrap mb-4\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/bekeshercab-1045x512.jpg\" alt=\"Mobirise\">\n </div>\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Website Builder Software</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Intro with an image above text. Click on the image to replace it. Key differences from traditional website builders: Minimalistic, extremely easy-to-use interface; Mobile-friendliness, latest website blocks and techniques \"out-the-box\"; Free for commercial and non-profit use.</p>\n <div mbr-buttons=\"\" mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Download Now!</a>\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View Demos</a></div>\n </div>\n </div>\n </div>\n</section>",
"_anchor": "header9-2a",
"_isUserblock": true,
"_cid": "t4HahChlIy",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when not (@spacing)": {
".row": {
"margin-left": "0",
"margin-right": "0"
},
".item": {
"padding-left": "0",
"padding-right": "0"
}
},
"& when (@spacing)": {
".item": {
"padding-bottom": "2rem"
}
},
".item-wrapper": {
"& when (@autoSize)": {
"& when not (@showItemSubtitle)": {
"height": "100%"
},
"& when (@showItemSubtitle)": {
"height": "(@imageHeight * 100px)"
},
"img": {
"height": "100%",
"object-fit": "cover"
}
},
"position": "relative",
".icon-wrapper": {
"pointer-events": "none",
"position": "absolute",
"width": "60px",
"height": "60px",
"font-size": "22px",
"left": "50%",
"top": "50%",
"display": "flex",
"align-items": "center",
"justify-content": "center",
"border": "2px solid #ffffff",
"border-radius": "50%",
"opacity": "0",
"color": "#ffffff",
"transform": "translateX(-50%) translateY(-50%)",
"background-color": "#1b1b1b",
"transition": "0.2s"
},
"&:hover": {
".icon-wrapper": {
"opacity": "0.7"
}
}
},
".carousel-control, .close": {
"background": "#1b1b1b"
},
".carousel-control-prev": {
"margin-left": "2.5rem",
"span": {
"margin-right": "5px"
}
},
".carousel-control-next": {
"margin-right": "2.5rem",
"span": {
"margin-left": "5px"
}
},
".close": {
"position": "fixed",
"opacity": "0.5",
"font-size": "22px",
"font-weight": "300",
"width": "60px",
"height": "60px",
"border-radius": "50%",
"color": "#fff",
"top": "2.5rem",
"right": "2.5rem",
"border": "2px solid #fff",
"text-shadow": "none",
"z-index": "5",
"transition": "opacity 0.3s ease",
"font-family": "'Moririse2'",
"align-items": "center",
"justify-content": "center",
"display": "flex",
"&::before": {
"content": "'\\e91a'"
},
"&:hover": {
"opacity": "1",
"background": "#000",
"color": "#fff"
}
},
".carousel-control": {
"display": "flex",
"top": "50%",
"width": "60px",
"height": "60px",
"margin-top": "-1.5rem",
"font-size": "22px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"transition": "all 0.3s",
"&.carousel-control-prev": {
"left": "0",
"margin-left": "2.5rem"
},
"&.carousel-control-next": {
"right": "0",
"margin-right": "2.5rem"
},
"@media (max-width: 767px)": {
"top": "auto",
"bottom": "1rem"
}
},
".carousel-indicators": {
"position": "absolute",
"bottom": "0",
"margin-bottom": "3px",
"li": {
"max-width": "15px",
"height": "15px",
"width": "15px",
"max-height": "15px",
"margin": "3px",
"background-color": "rgba(0, 0, 0, 0.5)",
"border": "2px solid #fff",
"border-radius": "50%",
"opacity": "0.5",
"transition": "all 0.3s",
"&.active, &:hover": {
"opacity": "0.9"
},
"&::after, &::before": {
"content": "none"
}
},
"&.ie-fix": {
"left": "50%",
"display": "block",
"width": "60%",
"margin-left": "-30%",
"text-align": "center"
},
"@media (max-width: 768px)": {
"display": "none !important"
},
"@media (max-width: 991px)": {
"margin-bottom": "3.625rem !important",
"padding-left": "2.5rem",
"padding-right": "2.5rem"
},
"@media (max-width: 767px)": {
"display": "none"
}
},
".carousel-inner": {
"display": "flex",
"align-items": "center"
},
".carousel-inner > .active": {
"display": "block"
},
".carousel-control.left": {
"left": "0",
"margin-left": "2.5rem"
},
".carousel-control.right": {
"right": "0",
"margin-right": "2.5rem"
},
".carousel-control:hover": {
"background": "#1b1b1b",
"color": "#fff",
"opacity": "1"
},
"@media (max-width: 768px)": {
".carousel-control, .carousel-indicators, .modal .close": {
"position": "fixed"
}
},
"@media (max-width: 767px)": {
".mbr-slider .carousel-control": {
"top": "auto",
"bottom": "20px"
},
".mbr-slider > .container .carousel-control": {
"margin-bottom": "0"
}
},
".carousel-indicators .active, .carousel-indicators li": {
"width": "7px",
"height": "7px",
"margin": "3px",
"background": "#000000",
"opacity": "0.5",
"border": "4px solid #000000"
},
".carousel-indicators .active": {
"background": "#fff"
},
".carousel-indicators li": {
"max-width": "15px",
"max-height": "15px",
"border-radius": "50%"
},
".modal": {
"padding-left": "0 !important",
"position": "fixed",
"overflow": "hidden",
"padding-right": "0 !important"
},
".modal-dialog": {
"margin": "0 auto",
"max-width": "100%",
"padding-left": "1rem",
"padding-right": "1rem"
},
".modal-content": {
"border-radius": "0",
"border": "none",
"background": "transparent"
},
".modal-body": {
"padding": "0",
"display": "flex",
"align-items": "center",
"img": {
"width": "100%",
"object-fit": "contain",
"max-height": "~\"calc(100vh - 1.75rem)\""
}
},
".carousel": {
"width": "100%"
},
".modal-backdrop.in": {
"opacity": "0.8"
},
".modal.fade .modal-dialog": {
"transition": "margin-top 0.3s ease-out"
},
".modal.fade .modal-dialog, .modal.in .modal-dialog": {
"transform": "none"
},
".mbr-gallery .item-wrapper": {
"cursor": "pointer"
},
"H6": {
"text-align": "center"
}
},
"_name": "gallery4",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery4 mbr-gallery\" group=\"Sliders & Galleries\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected=\"\">3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\" checked=\"\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && showItemSubtitle\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked=\"\">\n <input type=\"checkbox\" title=\"Caption\" name=\"showItemSubtitle\">\n <header>Popup Slider</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax=\"\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\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 mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Gallery with Popup Slider</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">Gallery Subtitle</h4>\n </div>\n <div class=\"row mbr-gallery mt-4\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/08_20200701-_da70940-6000x4000.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/40_20200702-_da71071-6000x4000.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/64_20200703-_da71339-5219x3479.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/57_20200703-_da71278-6000x4000.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/46_20200703-_da71230-6000x4000.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"5\" data-bs-slide-to=\"5\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/36_20200702-_da71155-5893x3929.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"6\" data-bs-slide-to=\"6\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/09_20200701-_da70946-6000x4000.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"7\" data-bs-slide-to=\"7\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div><div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/16_20200702-_da71102-6000x4000.jpg\" alt=\"\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"8\" data-bs-slide-to=\"8\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n \n \n \n </div>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/08_20200701-_da70940-6000x4000.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/40_20200702-_da71071-6000x4000.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/64_20200703-_da71339-5219x3479.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/57_20200703-_da71278-6000x4000.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/46_20200703-_da71230-6000x4000.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/36_20200702-_da71155-5893x3929.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/09_20200701-_da70946-6000x4000.jpg\" alt=\"\">\n </div><div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"@PROJECT_PATH@/assets/images/16_20200702-_da71102-6000x4000.jpg\" alt=\"\">\n </div>\n \n \n \n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"5\" data-bs-slide-to=\"5\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"6\" data-bs-slide-to=\"6\" class=\"\"></li><li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"7\" data-bs-slide-to=\"7\" class=\"\"></li>\n \n \n \n </ol>\n <a role=\"button\" href=\"\" class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jE7DsWyG",
"_anchor": "gallery4-1f",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"overflow": "hidden"
},
"_name": "footer7",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#040f2e\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" 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'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".media-container-row .mbr-text\" data-app-placeholder=\"Type Text\"><br><br></p>\n </div>\n </div>\n </div>\n</section>",
"_cid": "t4jE7EgPrh",
"_anchor": "footer7-1g",
"_protectedParams": [],
"_global": true,
"_once": "footers",
"_params": {}
}
]
}
}
}