Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190902/u67319090018/Portfolio/project.mobirise
Arrière
{ "settings": { "currentPage": "page1.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", "display2Font": "Jost", "display2Size": 3, "display5Font": "Jost", "display5Size": 2, "display7Font": "Jost", "display7Size": 1.2, "display4Font": "Jost", "display4Size": 1.1, "isRoundedButtons": false, "isGhostButtonBorder": true, "underlinedLinks": false, "isAnimatedOnScroll": false, "isScrollToTopButton": false }, "titlePreset": "Company", "nameSelectPreset": "company", "presetSourceTheme": "mobirise5", "additionalSetColors": [] }, "path": "@PROJECT_PATH@", "name": "Site 2024-05-24 09:17", "versionFirst": "5.9.18", "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, "uniqCompNum": 0, "versionPublish": "5.9.18", "screenshot": "screenshot.png" }, "pages": { "index.html": { "settings": { "main": true, "title": "Home", "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" }, "& when (@reverseContent)": { ".row": { "flex-direction": "row-reverse" } }, "& when (@fullWidth)": { "& when (@imageFullWidth)": { ".container-fluid": { "padding": "0" }, ".text-wrapper": { "padding": "0 4rem", "@media (max-width: 768px)": { "padding": "0 2rem" } } } }, ".image-wrapper": { "@media (max-width: 991px)": { "margin-bottom": "2rem" }, "img": { "width": "100%", "object-fit": "cover" } }, ".text-wrapper": { "@media (min-width: 992px)": { "padding": "0 2rem", "& when (@fullWidth)": { "padding": "0 4rem" } }, "@media (max-width: 768px)": { "margin-bottom": "2rem" } }, ".mbr-text, .mbr-section-btn": { "color": "#353535" } }, "_name": "header14", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header14\" 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\">\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 <input type=\"range\" inline name=\"imageWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"6\">\n <input type=\"checkbox\" title=\"Reverse\" name=\"reverseContent\" checked>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Remove Padding\" name=\"imageFullWidth\" condition=\"fullWidth\">\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background7.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\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 align-items-center\">\n <div class=\"col-12 col-md-{{imageWidth}} image-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/mbr-1256x829.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-12 col-md\">\n <div class=\"text-wrapper\">\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\"><b>Finance Trading Company</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa, efficitur varius augue. In vel elit lorem. Fusce et dui fringilla, suscipit nulla viverra nunc. Nulla ut justo enim vehicula maximus.</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-secondary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Get Started</a>\n <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Read More</a></div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFzxmVl7J6", "_anchor": "header14-1f", "_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)" }, "@media (min-width: 1500px)": { ".container": { "max-width": "1400px" } }, ".mbr-iconfont": { "display": "block", "font-size": "5rem", "color": "@iconColor", "margin-bottom": "2rem" }, ".card-wrapper": { "margin-top": "3rem" }, ".row": { "justify-content": "center" }, ".card-title, .iconfont-wrapper": { "color": "#000000" }, ".card-text": { "color": "#000000" }, ".mbr-section-title": { "color": "#000000" } }, "_name": "features1", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features1\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"8\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"9\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showMainTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showMainSubtitle\">\n <header>Card</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Icons\" name=\"showIcon\" checked>\n <input type=\"color\" title=\"Icon Color\" name=\"iconColor\" value=\"#4479d9\" selected condition=\"showIcon\">\n <select title=\"Cards\" name=\"cardsAmount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n </select>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background4.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#fafafa\" 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=\"row\">\n <div class=\"col-12\" mbr-if=\"showMainTitle || showMainSubtitle\" mbr-class=\"{'col-lg-9': cardsAmount == '3'}\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showMainTitle\" data-app-selector=\".mbr-section-title\">\n <b>Our Features</b>\n </h3>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showMainSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n List main features of your project in this block\n </h5>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"card col-12 col-md-6 col-lg-3\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-contact-form mobi-mbri\"></span>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Market Analysis</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa varius augue. In vel elit lorem. Fusce et dui fringilla nulla viverra.</p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 1\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-growing-chart mobi-mbri\"></span>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Margin Trading</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa varius augue. In vel elit lorem. Fusce et dui fringilla nulla viverra.</p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 2\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-cash mobi-mbri\"></span>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Stable Income</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa varius augue. In vel elit lorem. Fusce et dui fringilla nulla viverra.</p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-sites mobi-mbri\"></span>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Unlimited Sites</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa varius augue. In vel elit lorem. Fusce et dui fringilla nulla viverra.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFzyUE9AaP", "_anchor": "features1-1i", "_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" }, "& when (@reverseContent)": { ".row": { "flex-direction": "row-reverse" } }, "& when (@fullWidth)": { "& when (@imageFullWidth)": { ".container-fluid": { "padding": "0" }, ".text-wrapper": { "padding": "0 4rem", "@media (max-width: 768px)": { "padding": "0 2rem" } } } }, ".image-wrapper": { "@media (max-width: 991px)": { "margin-bottom": "2rem" }, "img": { "width": "100%", "object-fit": "cover" } }, ".text-wrapper": { "@media (min-width: 992px)": { "padding": "0 2rem", "& when (@fullWidth)": { "padding": "0 4rem" } }, "@media (max-width: 768px)": { "margin-bottom": "2rem" } } }, "_name": "header14", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header14\" 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\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"8\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"8\" condition=\"fullScreen == false\">\n <input type=\"range\" inline name=\"imageWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"6\">\n <input type=\"checkbox\" title=\"Reverse\" name=\"reverseContent\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Remove Padding\" name=\"imageFullWidth\" condition=\"fullWidth\">\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background7.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\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 align-items-center\">\n <div class=\"col-12 col-md-{{imageWidth}} image-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/mbr-1256x837.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-12 col-md\">\n <div class=\"text-wrapper\">\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\">\n <b>About Company</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa, efficitur varius augue. In vel elit lorem. Fusce et dui fringilla, suscipit nulla sed, viverra nunc. Nulla ut justo ut enim vehicula maximus. Nam et neque tempus.<br><br>Duis lobortis aliquam varius. Aliquam at metus at urna bibendum aliquet. Curabitur ut commodo ex, nec vehicula eros. Suspendisse dictum eu tortor id aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<br></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\">Read More</a></div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFzz5E692j", "_anchor": "header14-1j", "_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 (@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" } } } }, ".mbr-section-btn": { "margin-top": "auto !important" }, ".mbr-section-title": { "color": "#000000" }, ".mbr-text, .mbr-section-btn": { "text-align": "left" }, ".item-title": { "text-align": "left" }, ".item-subtitle": { "text-align": "left" } }, "_name": "features3", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features3\" group=\"Features\">\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=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\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\" checked>\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\" checked>\n <input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\" checked>\n <input type=\"color\" name=\"cardsBg\" title=\"BG\" value=\"#ffffff\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"image\" title=\"Image\" value=\"../_images/background3.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#fafafa\" 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-5\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n <b>Get Started</b></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\">To add more cards, hover on a card and\n click 'Add items'</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 <img src=\"@PROJECT_PATH@/assets/images/mbr-816x544.jpg\" alt=\"Mobirise Website Builder\">\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-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Market Analysis</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\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa varius augue. In vel elit lorem.</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-4\"><a href class=\"btn item-btn btn-primary\" target=\"_blank\" data-app-placeholder=\"Type Text\">Read More\n ></a></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 <img src=\"@PROJECT_PATH@/assets/images/mbr-1-816x544.jpg\" alt=\"Mobirise Website Builder\">\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-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Margin Trading</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\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa varius augue. In vel elit lorem.</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-4\"><a href class=\"btn item-btn btn-primary\" target=\"_blank\" data-app-placeholder=\"Type Text\">Read More ></a></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 <img src=\"@PROJECT_PATH@/assets/images/mbr-816x524.jpg\" alt=\"Mobirise Website Builder\">\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-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Stable Income</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\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa varius augue. In vel elit lorem.<br></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-4\"><a href class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\" target=\"_blank\">Read More ></a></div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFzFvgBfc0", "_anchor": "features3-1p", "_PHPplaceholders": [], "_JSplaceholders": [], "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "background-color": "@bgColor", "& when (@reverseContent)": { ".row": { "flex-direction": "row-reverse" } } }, "_name": "content10", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"content10\" group=\"Content\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" name=\"reverseContent\" title=\"Reverse\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"7\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"7\">\n <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"8\" value=\"6\" step=\"1\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n <header>Background</header>\n <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#ffffff\">\n </mbr-parameters>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12 col-md\">\n <h5 class=\"mbr-section-title mbr-fonts-style mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\">\n <b>Article Title</b>\n </h5>\n <h6 class=\"mbr-section-subtitle mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-2\"><b>Why clients choose us?</b></h6>\n </div>\n <div class=\"col-md-12 col-lg-{{textWidth}}\">\n <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text\" mbr-theme-style=\"display-7\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquam a nibh ut consectetur. Vestibulum nec massa a nisl condimentum mattis. Mauris semper risus dui, vitae pulvinar sapien rutrum in. Cras risus ante, porta vel volutpat vel, pulvinar in magna. Donec lacinia in mi eget pharetra.</p>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFAZRnJnnI", "_anchor": "content10-22", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "& when not (@fullScreen)": { "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)" } }, "_name": "content4", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"content4\" group=\"Content\" 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=\"8\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" step=\"1\" value=\"10\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\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=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#fafafa\" 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.7\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\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=\"row justify-content-center\">\n <div class=\"title col-md-12 col-lg-{{textWidth}}\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\"><b>Our Pricing Plan</b></h3>\n <h4 class=\"mbr-section-subtitle align-center mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n You can arrange your articles with the Mobirise website design software.\n </h4>\n <div class=\"mbr-section-btn align-center\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\">\n <a class=\"btn btn-primary\" href=\"https://mobiri.se\">LEARN MORE</a>\n <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\">LIVE DEMO</a>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFzIdnt1ra", "_anchor": "content4-1q", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, ".list-group-item": { "background-color": "transparent", "padding": ".5rem 3.25rem" }, ".plan-body": { "padding-bottom": "2rem" }, ".plan-header": { "padding-top": "2rem", "padding-left": "1rem", "padding-right": "1rem" }, ".price": { "color": "#4479d9" }, ".plan": { "word-break": "break-word", "background-color": "#ffffff", ".list-group-item": { "position": "relative", "justify-content": "center", "border": "0", "&::after": { "position": "absolute", "bottom": "1px", "left": "25%", "width": "50%", "height": "1px", "content": "\"\"", "background-color": "rgba(0, 0, 0, 0.1)" }, "&:last-child::after": { "display": "none" } } }, "@media (max-width: 991px)": { ".plan": { "margin-bottom": "2rem" } } }, "_name": "pricing2", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" group=\"Pricing Tables\" class=\"pricing2\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background':bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n <input inline type=\"range\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input inline type=\"range\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"10\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n <select title=\"Amount\" name=\"itemsAmount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\" selected>4</option>\n </select>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background2.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#fafafa\" 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=\"row justify-content-center\">\n <div class=\"col-12 col-md-6 align-center\" mbr-class=\"{'col-lg-4': itemsAmount == 3,\n 'col-lg-6': itemsAmount == 2,\n 'col-lg-3': itemsAmount == 4}\">\n <div class=\"plan\">\n <div class=\"plan-header\">\n <h6 class=\"plan-title mbr-fonts-style mb-3\" mbr-theme-style=\"display-5\" data-app-selector=\".plan-title\">\n <b>Monthly</b>\n </h6>\n <div class=\"plan-price\">\n <p mbr-text class=\"price mbr-fonts-style m-0\" mbr-theme-style=\"display-2\" data-app-selector=\".price\"><b>$19</b></p>\n <p mbr-text class=\"price-term mbr-fonts-style mb-3\" mbr-theme-style=\"display-7\" data-app-selector=\".price-term\"><b>Per month</b>\n </p>\n </div>\n </div>\n <div class=\"plan-body\">\n <div class=\"plan-list mb-4\">\n <ul mbr-text class=\"list-group mbr-fonts-style list-group-flush\" mbr-theme-style=\"display-7\">\n <li class=\"list-group-item\">Market Analysis</li><li class=\"list-group-item\">Margin Trading</li><li class=\"list-group-item\">Stable Income</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn text-center\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a href=\"https://mobiri.se\" class=\"btn btn-primary-outline\" data-app-placeholder=\"Type Text\">Get started</a></div>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6 align-center\" mbr-if=\"itemsAmount > 1\" mbr-class=\"{'col-lg-4': itemsAmount == 3,\n 'col-lg-6': itemsAmount == 2,\n 'col-lg-3': itemsAmount == 4}\">\n <div class=\"plan\">\n <div class=\"plan-header\">\n <h6 class=\"plan-title mbr-fonts-style mb-3\" mbr-theme-style=\"display-5\" data-app-selector=\".plan-title\">\n <b>Yearly</b>\n </h6>\n <div class=\"plan-price\">\n <p mbr-text class=\"price mbr-fonts-style m-0\" mbr-theme-style=\"display-2\" data-app-selector=\".price\"><b>$119</b></p>\n <p mbr-text class=\"price-term mbr-fonts-style mb-3\" mbr-theme-style=\"display-7\" data-app-selector=\".price-term\"><b>Per year</b>\n </p>\n </div>\n </div>\n <div class=\"plan-body\">\n <div class=\"plan-list mb-4\">\n <ul mbr-text class=\"list-group mbr-fonts-style list-group-flush\" mbr-theme-style=\"display-7\">\n <li class=\"list-group-item\">Market Analysis\n</li><li class=\"list-group-item\">Margin Trading\n</li><li class=\"list-group-item\">Stable Income</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn text-center\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a href=\"https://mobiri.se\" class=\"btn btn-primary-outline\" data-app-placeholder=\"Type Text\">Get started</a></div>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6 align-center\" mbr-if=\"itemsAmount > 2\" mbr-class=\"{'col-lg-4': itemsAmount == 3,\n 'col-lg-6': itemsAmount == 2,\n 'col-lg-3': itemsAmount == 4}\">\n <div class=\"plan\">\n <div class=\"plan-header\">\n <h6 class=\"plan-title mbr-fonts-style mb-3\" mbr-theme-style=\"display-5\" data-app-selector=\".plan-title\">\n <b>Lifetime</b>\n </h6>\n <div class=\"plan-price\">\n <p mbr-text class=\"price mbr-fonts-style m-0\" mbr-theme-style=\"display-2\" data-app-selector=\".price\"><b>$399</b></p>\n <p mbr-text class=\"price-term mbr-fonts-style mb-3\" mbr-theme-style=\"display-7\" data-app-selector=\".price-term\"><b>One time</b>\n </p>\n </div>\n </div>\n <div class=\"plan-body\">\n <div class=\"plan-list mb-4\">\n <ul mbr-text class=\"list-group mbr-fonts-style list-group-flush\" mbr-theme-style=\"display-7\">\n <li class=\"list-group-item\">Market Analysis\n</li><li class=\"list-group-item\">Margin Trading\n</li><li class=\"list-group-item\">Stable Income</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn text-center\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a href=\"https://mobiri.se\" class=\"btn btn-primary-outline\" data-app-placeholder=\"Type Text\">Get started</a></div>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6 align-center\" mbr-if=\"itemsAmount > 3\" mbr-class=\"{'col-lg-4': itemsAmount == 3,\n 'col-lg-6': itemsAmount == 2,\n 'col-lg-3': itemsAmount == 4}\">\n <div class=\"plan\">\n <div class=\"plan-header\">\n <h6 class=\"plan-title mbr-fonts-style mb-3\" mbr-theme-style=\"display-5\" data-app-selector=\".plan-title\">\n <b>Free</b>\n </h6>\n <div class=\"plan-price\">\n <p mbr-text class=\"price mbr-fonts-style m-0\" mbr-theme-style=\"display-2\" data-app-selector=\".price\"><b>$0</b></p>\n <p mbr-text class=\"price-term mbr-fonts-style mb-3\" mbr-theme-style=\"display-7\" data-app-selector=\".price-term\"><b>No payment</b>\n </p>\n </div>\n </div>\n <div class=\"plan-body\">\n <div class=\"plan-list mb-4\">\n <ul mbr-text class=\"list-group mbr-fonts-style list-group-flush\" mbr-theme-style=\"display-7\">\n <li class=\"list-group-item\">Market Analysis\n</li><li class=\"list-group-item\">Margin Trading\n</li><li class=\"list-group-item\">Stable Income</li>\n </ul>\n </div>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn text-center\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a href=\"https://mobiri.se\" class=\"btn btn-primary-outline\" data-app-placeholder=\"Type Text\">Get started</a></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFzDdjoEIw", "_anchor": "pricing2-1k", "_PHPplaceholders": [], "_JSplaceholders": [], "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = \"color\")": { "background": "@bg-value" }, "& when (@bg-type = \"image\")": { "background-image": "url(@bg-value)" }, ".team-card": { "margin-bottom": "2rem", "transition": "all 0.3s", "&:hover": { "transform": "translateY(-10px)" } }, ".card-wrap": { "background": "@cardBg", "border-radius": "4px", "@media (max-width: 991px)": { "margin-bottom": "2rem" }, ".image-wrap img": { "width": "100%" }, ".content-wrap": { "@media (min-width: 768px)": { "padding": "2rem" }, "@media (max-width: 767px)": { "padding": "1rem" } } }, ".social-row": { "text-align": "center", ".soc-item": { "display": "inline-block", "text-align": "center", "border-radius": "50%", "margin-right": "0.6rem", "margin-bottom": "1rem", "padding": "0.5rem", "border": "2px solid @socialIconColor", "transition": "all 0.3s", ".mbr-iconfont": { "transition": "all 0.3s", "display": "flex", "justify-content": "center", "align-content": "center", "color": "@socialIconColor", "font-size": "1.5rem" }, "&:hover": { "background-color": "@socialIconColor", ".mbr-iconfont": { "color": "contrast(@socialIconColor)" } } } }, ".mbr-section-title": { "color": "#000000" }, ".mbr-section-title1": { "color": "#000000" } }, "_name": "team1", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"team1\" group=\"Team\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background':bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n <input inline type=\"range\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"6\">\n <input inline type=\"range\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"8\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <select title=\"Cards\" name=\"cardsAmount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\" selected>4</option>\n </select>\n <header>Card</header>\n <input type=\"checkbox\" title=\"Name\" name=\"showName\" checked>\n <input type=\"checkbox\" title=\"Role\" name=\"showRole\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showCardText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showCardButtons\" checked>\n <input type=\"color\" title=\"BG\" name=\"cardBg\" value=\"#fafafa\">\n <header condition=\"showSocial\">Social</header>\n <input type=\"checkbox\" title=\"Social\" name=\"showSocial\">\n <input type=\"range\" name=\"socialCount\" title=\"Count\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"showSocial\">\n <input type=\"color\" title=\"Color\" name=\"socialIconColor\" value=\"#6592e6\" condition=\"showSocial\">\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\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" 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=\"row justify-content-center\">\n <div class=\"col-12\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title1 mbr-fonts-style align-center mb-5\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title1\">\n <b>Professional Team</b>\n </h3>\n <p class=\"mbr-section-subtitle mbr-fonts-style align-center mb-5\" mbr-theme-style=\"display-5\" mbr-if=\"showText\" data-app-selector=\".mbr-section-subtitle\">\n Meet our team\n </p>\n </div>\n <div class=\"col-sm-6\" mbr-class=\"{'col-lg-3': cardsAmount == 4, 'col-lg-4': cardsAmount != 4}\">\n <div class=\"card-wrap\">\n <div class=\"image-wrap\">\n <img src=\"@PROJECT_PATH@/assets/images/mbr-596x398.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"content-wrap\">\n <h5 class=\"mbr-section-title card-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-5\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\">\n <b>John Smith</b>\n </h5>\n <h6 class=\"mbr-role mbr-fonts-style align-center mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">\n <b>Trader</b></h6>\n <p class=\"card-text mbr-fonts-style align-center\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n </a>\n </div>\n </div>\n <div class=\"mbr-section-btn card-btn align-center\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n Profile</a></div>\n </div>\n </div>\n </div>\n\n <div class=\"col-sm-6\" mbr-class=\"{'col-lg-3': cardsAmount == 4, 'col-lg-4': cardsAmount != 4}\" mbr-if=\"cardsAmount > 1\">\n <div class=\"card-wrap\">\n <div class=\"image-wrap\">\n <img src=\"@PROJECT_PATH@/assets/images/mbr-3-596x397.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"content-wrap\">\n <h5 class=\"mbr-section-title card-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-5\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\">\n <b>Sarah Palmer</b>\n </h5>\n <h6 class=\"mbr-role mbr-fonts-style align-center mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">\n <b>Manager</b>\n </h6>\n <p class=\"card-text mbr-fonts-style align-center\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n </p>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n </a>\n </div>\n </div>\n <div class=\"mbr-section-btn card-btn align-center\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n Profile</a></div>\n </div>\n </div>\n </div>\n\n <div class=\"col-sm-6\" mbr-class=\"{'col-lg-3': cardsAmount == 4, 'col-lg-4': cardsAmount != 4}\" mbr-if=\"cardsAmount > 2\">\n <div class=\"card-wrap\">\n <div class=\"image-wrap\">\n <img src=\"@PROJECT_PATH@/assets/images/mbr-2-596x397.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"content-wrap\">\n <h5 class=\"mbr-section-title card-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-5\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\">\n <b>James Swift</b>\n </h5>\n <h6 class=\"mbr-role mbr-fonts-style align-center mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">\n <b>Trader</b>\n </h6>\n <p class=\"card-text mbr-fonts-style align-center\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n </p>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n </a>\n </div>\n </div>\n <div class=\"mbr-section-btn card-btn align-center\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n Profile</a></div>\n </div>\n </div>\n </div>\n\n <div class=\"col-sm-6\" mbr-class=\"{'col-lg-3': cardsAmount == 4, 'col-lg-4': cardsAmount != 4}\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-wrap\">\n <div class=\"image-wrap\">\n <img src=\"@PROJECT_PATH@/assets/images/mbr-596x401.jpeg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"content-wrap\">\n <h5 class=\"mbr-section-title card-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-5\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\">\n <b>Helen Smith</b>\n </h5>\n <h6 class=\"mbr-role mbr-fonts-style align-center mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">\n <b>Manager</b>\n </h6>\n <p class=\"card-text mbr-fonts-style align-center\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n </p>\n <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n </a>\n </div>\n </div>\n <div class=\"mbr-section-btn card-btn align-center\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n Profile</a></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFzErVWEaH", "_anchor": "team1-1o", "_PHPplaceholders": [], "_JSplaceholders": [], "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "background-color": "@bgColor", "img": { "width": "120px", "margin": "auto" }, ".card": { "transition": "all 0.3s", "height": "fit-content", "padding": "1rem 0", "opacity": "0.7", "margin-bottom": "1rem" }, "@media (min-width: 992px)": { ".card": { "max-width": "12.5%" } }, ".mbr-section-subtitle": { "color": "#353535" } }, "_name": "clients1", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"clients1\" group=\"Clients\">\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=\"10\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"10\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"range\" inline title=\"Items\" name=\"items\" min=\"1\" max=\"8\" value=\"8\" step=\"1\">\n <header>Background</header>\n <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#fafafa\">\n </mbr-parameters>\n <div class=\"images-container\" mbr-class=\"{'container-fluid':fullWidth, container:fullWidth==false}\">\n <div class=\"mbr-section-head\">\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>Our Clients</b>\n </h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showSubTitle\" data-app-selector=\".mbr-section-subtitle\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>\n <p class=\"mbr-text mbr-fonts-style align-center mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n Click on an image in this block to replace it. Set the number of logos in Block Parameters. </p>\n </div>\n <div class=\"row justify-content-center mt-4\">\n <div class=\"col-md-3 card\">\n <img src=\"../_images/clients/1.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 1\">\n <img src=\"../_images/clients/2.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 2\">\n <img src=\"../_images/clients/3.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 3\">\n <img src=\"../_images/clients/4.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 4\">\n <img src=\"../_images/clients/2.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 5\">\n <img src=\"../_images/clients/3.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 6\">\n <img src=\"../_images/clients/4.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 7\">\n <img src=\"../_images/clients/5.png\" alt=\"Mobirise Website Builder\">\n </div>\n </div>\n </div>\n</section>", "_cid": "sFAw7z51L3", "_anchor": "clients1-1u", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 15px)", "padding-bottom": "(@paddingBottom * 15px)", "& when (@bg-type = \"color\")": { "background-color": "@bg-value" }, "& when (@bg-type = \"image\")": { "background-image": "url(@bg-value)" }, ".media-container-row": { "justify-content": "space-between", "& when not (@showTitle)": { "& when not (@showText)": { "justify-content": "center" } } }, ".text-content": { "max-width": "50%", "@media (max-width: 768px)": { "max-width": "none" } }, ".mbr-iconfont-social": { "margin": "0.5rem", "font-size": "32px", "display": "flex", "border-radius": "50%", "text-align": "center", "color": "@socialIconColor", "border": "2px solid @socialIconColor", "justify-content": "center", "align-content": "center", "transition": "all 0.3s", "&:before": { "padding": "0.6rem" }, "&:hover": { "background-color": "@socialIconColor", "color": "contrast(@socialIconColor)" } }, "@media (max-width: 768px)": { ".icons": { "justify-content": "center !important" }, ".text-content": { "*": { "text-align": "center" } } }, ".mbr-section-title": { "color": "#353535" }, "P": { "color": "#000000" } }, "_name": "contacts4", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"contacts4\" group=\"Contacts\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" plugins=\"Socicon, SocialLikes\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <input inline type=\"range\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"8\">\n <input inline type=\"range\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"8\">\n <header>Show / Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Reverse Content\" name=\"reverseContent\" condition=\"showTitle || showText\">\n <input type=\"range\" inline title=\"Icons count\" name=\"socialCount\" min=\"1\" max=\"10\" step=\"1\" value=\"4\">\n <input type=\"color\" title=\"Color\" name=\"socialIconColor\" value=\"#4479d9\">\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"https://www.youtube.com/watch?v=E0Pa8tYo94U\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay&&bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"overlay&&bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay&&bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div class=\"container\">\n <div class=\"row align-items-center justify-content-center\">\n <div class=\"text-content col-12 col-md-6\" mbr-class=\"{'order-2': reverseContent}\">\n <h2 class=\"mbr-section-title mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n <b>Follow Us</b>\n </h2>\n <p mbr-theme-style=\"display-7\" class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa, efficitur varius augue. In vel elit lorem. Fusce et dui fringilla, suscipit nulla sed, viverra nunc. Nulla ut justo ut enim vehicula maximus. Nam et neque tempus, ultricies purus vel, suscipit leo. Praesent orci turpis, maximus facilisis rhoncus vel, consequat ac augue. Nam facilisis mi non elit tempor sodales.<br></p>\n </div>\n <div class=\"icons d-flex align-items-center col-12 col-md-6 justify-content-end mt-md-0 mt-2 flex-wrap\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n <a href=\"https://www.facebook.com/pages/Mobirise/1616226671953247\" target=\"_blank\" mbr-if=\"socialCount>1\">\n <span mbr-icon class=\"socicon-facebook socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\" mbr-if=\"socialCount>2\">\n <span mbr-icon class=\"socicon-youtube socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\" mbr-if=\"socialCount>3\">\n <span mbr-icon class=\"socicon-instagram socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n <a href=\"https://www.behance.net/Mobirise\" target=\"_blank\" mbr-if=\"socialCount>4\">\n <span mbr-icon class=\"socicon-behance socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n <a href=\"https://vimeo.com/mobirise\" target=\"_blank\" mbr-if=\"socialCount>5\">\n <span mbr-icon class=\"mbr-iconfont mbr-iconfont-social socicon-vimeo socicon\"></span>\n </a>\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\" mbr-if=\"socialCount>6\">\n <span mbr-icon class=\"socicon-youtube socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n <a href=\"https://www.behance.net/Mobirise\" target=\"_blank\" mbr-if=\"socialCount>7\">\n <span mbr-icon class=\"socicon-behance socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\" mbr-if=\"socialCount>8\">\n <span mbr-icon class=\"socicon-youtube socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n <a href=\"https://www.behance.net/Mobirise\" target=\"_blank\" mbr-if=\"socialCount>9\">\n <span mbr-icon class=\"socicon-behance socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n </div>\n </div>\n \n</section>", "_cid": "sFAyMcKwph", "_anchor": "contacts4-21", "_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)" }, ".item": { "display": "flex", "align-items": "center", "flex-direction": "column", ".icon-wrap": { "text-align": "center" }, "span": { "font-size": "2rem", "color": "contrast(@iconColor, darken(@iconColor, 50%), #ffffff, 60%)", "line-height": "60px" }, "& when (@showArrows)": { "&::before": { "content": "\"\\e96b\"", "font-family": "Moririse2 !important", "position": "absolute", "font-size": "32px", "left": "-15px", "top": "12%", "& when not (@showCardTitle)": { "& when not (@showCardText)": { "top": "50%", "transform": "translate(0, -50%)" } }, "& when not (@showCardText)": { "& when (@showCardTitle)": { "top": "20%" } }, "color": "@iconColor" }, "&.first": { "&:before": { "display": "none" } }, "&.five": { "&:before": { "display": "none" } } } }, ".icon-box": { "background": "@iconColor", "width": "60px", "min-width": "60px", "height": "60px", "border-radius": "50%", "text-align": "center", "display": "inline-block" }, ".text-box": { "margin-top": "1rem", "text-align": "center" }, ".mbr-iconfont": { "color": "@primaryColor !important", "position": "absolute", "top": "50%", "left": "100%" }, "@media (max-width: 991px)": { ".item": { "&:before": { "display": "none" } }, ".card-wrapper": { "margin-bottom": "2rem" } } }, "_name": "features24", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features23\" group=\"Features\" 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=\"9\" step=\"1\" value=\"9\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"9\">\n <select title=\"Steps\" name=\"steps\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n <option value=\"6\">6</option>\n <option value=\"7\">7</option>\n <option value=\"8\">8</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Button\" name=\"showButton\">\n <header>Step</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showCardTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showCardText\" checked>\n <input type=\"checkbox\" title=\"Arrows\" name=\"showArrows\" checked>\n <input type=\"color\" name=\"iconColor\" title=\"Color\" value=\"#4479d9\">\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=\"#fafafa\" 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'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12\" mbr-if=\"showTitle || showText || showButton\">\n <div class=\"card-wrapper mb-4\">\n <div class=\"card-box align-center\">\n <h4 class=\"card-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .card-box\">\n <b>Steps to Start Traiding</b></h4>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa, efficitur varius augue. In vel elit lorem. Fusce et dui fringilla, suscipit nulla sed, viverra nunc. Nulla ut justo ut enim vehicula maximus. Nam et neque tempus, ultricies purus vel, suscipit leo.</p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn\" data-toolbar=\"-mbrBtnMove\" mbr-if=\"showButton\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Get Started</a></div>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6\" mbr-class=\"{'col-lg-6': steps == '2',\n 'col-lg-3': steps >= '4',\n 'col-lg-4': steps == '3'}\">\n <div class=\"item first mbr-flex p-4\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">1</span>\n </div>\n </div>\n\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\"><b>Contact Us</b></h4>\n <h5 class=\"mbr-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".text-box .mbr-text\" mbr-if=\"showCardText\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa efficitur.</h5>\n </div>\n </div>\n <!-- <span mbr-icon class=\"mbr-iconfont mobi-mbri-devices mobi-mbri\"></span> -->\n </div>\n <div class=\"col-12 col-md-6\" mbr-if=\"steps > 1\" mbr-class=\"{'col-lg-6': steps == '2', 'col-lg-3': steps >= '4',\n 'col-lg-4': steps == '3'}\">\n <div class=\"item mbr-flex p-4\" mbr-if=\"steps > 1\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">2</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Buy Trading Plan</b></h4>\n <h5 class=\"mbr-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".text-box .mbr-text\" mbr-if=\"showCardText\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa efficitur.</h5>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6\" mbr-if=\"steps > 2\" mbr-class=\"{'col-lg-3': steps >= '4',\n 'col-lg-4': steps == '3'}\">\n <div class=\"item mbr-flex p-4\" mbr-if=\"steps > 2\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">3</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\"><b>Start Trading</b></h4>\n <h5 class=\"mbr-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".text-box .mbr-text\" mbr-if=\"showCardText\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut dapibus massa efficitur.</h5>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6\" mbr-if=\"steps > 3\" mbr-class=\"{'col-lg-3': steps >= '4',\n 'col-lg-4': steps == '3'}\">\n <div class=\"item mbr-flex p-4\" mbr-if=\"steps > 3\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">4</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Specification</b>\n </h4>\n <h5 class=\"mbr-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".text-box .mbr-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar\n with\n the intricacies of web development.</h5>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6\" mbr-if=\"steps > 4\" mbr-class=\"{'col-lg-3': steps >= '4',\n 'col-lg-4': steps == '3'}\">\n <div class=\"item mbr-flex p-4 five\" mbr-if=\"steps > 4\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">5</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Project Planning</b>\n </h4>\n <h5 class=\"mbr-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".text-box .mbr-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar\n with\n the intricacies of web development.</h5>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6\" mbr-if=\"steps > 5\" mbr-class=\"{'col-lg-3': steps >= '4',\n 'col-lg-4': steps == '3'}\">\n <div class=\"item mbr-flex p-4\" mbr-if=\"steps > 5\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">6</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Deployment</b>\n </h4>\n <h5 class=\"mbr-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".text-box .mbr-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar\n with\n the intricacies of web development.</h5>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6\" mbr-if=\"steps > 6\" mbr-class=\"{'col-lg-3': steps >= '4',\n 'col-lg-4': steps == '3'}\">\n <div class=\"item mbr-flex p-4\" mbr-if=\"steps > 6\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">7</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Specification</b>\n </h4>\n <h5 class=\"mbr-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".text-box .mbr-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar\n with\n the intricacies of web development.</h5>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-md-6\" mbr-if=\"steps > 7\" mbr-class=\"{'col-lg-3': steps >= '4',\n 'col-lg-4': steps == '3'}\">\n <div class=\"item mbr-flex p-4\" mbr-if=\"steps > 7\">\n <div class=\"icon-wrap w-100\">\n <div class=\"icon-box\">\n <span class=\"step-number mbr-fonts-style\" mbr-theme-style=\"display-5\">8</span>\n </div>\n </div>\n <div class=\"text-box\" mbr-if=\"showCardTitle || showCardText\">\n <h4 class=\"icon-title card-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title, .item .icon-wrap\" mbr-if=\"showCardTitle\">\n <b>Project Planning</b>\n </h4>\n <h5 class=\"mbr-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".text-box .mbr-text\" mbr-if=\"showCardText\">Mobirise is perfect for non-techies who\n are not familiar\n with\n the intricacies of web development.</h5>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFAyHxWQ1N", "_anchor": "features24-20", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "form": { ".mbr-section-btn": { "text-align": "center", "width": "100%", ".btn": { "display": "inline-flex", "@media (max-width: 991px)": { "width": "100%" } } } }, ".mbr-section-title": { "color": "#000000" }, ".mbr-section-subtitle": { "color": "#000000" } }, "_name": "form5", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"form5\" group=\"Forms\" plugins=\"formstyler, datepicker\">\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=\"8\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"8\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\">\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.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=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"(overlay && bg.type=='image')\"></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\"><b>Write Us a Message</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>\n </div>\n <div class=\"row justify-content-center mt-4\">\n <div mbr-form class=\"col-lg-8 mx-auto mbr-form\">\n <form action name=\"Form Name\" method=\"POST\" class=\"mbr-form form-with-styler\">\n <div class=\"row\">\n <div hidden=\"hidden\" data-form-alert class=\"alert alert-success col-12\">Thanks for filling out\n the form!</div>\n <div hidden=\"hidden\" data-form-alert-danger class=\"alert alert-danger col-12\">Oops...! some\n problem!</div>\n </div>\n <div class=\"dragArea row\">\n <div class=\"col-md col-sm-12 form-group mb-3\" data-for=\"name\">\n <input type=\"text\" name=\"name\" placeholder=\"Name\" data-form-field=\"name\" class=\"form-control\" value>\n </div>\n <div class=\"col-md col-sm-12 form-group mb-3\" data-for=\"email\">\n <input type=\"email\" name=\"email\" placeholder=\"E-mail\" data-form-field=\"email\" class=\"form-control\" value>\n </div>\n <div class=\"col-12 form-group mb-3\" data-for=\"url\">\n <input type=\"url\" name=\"url\" placeholder=\"Your Site\" data-form-field=\"url\" class=\"form-control\" value>\n </div>\n <div class=\"col-12 form-group mb-3\" data-for=\"textarea\">\n <textarea name=\"textarea\" placeholder=\"Message\" data-form-field=\"textarea\" class=\"form-control\"></textarea>\n </div>\n <div mbr-buttons=\"true\" mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd\" class=\"col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn\"><a type=\"submit\" class=\"btn btn-primary\" data-app-placeholder=\"Type Text\">Send message</a></div>\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFzDs3t9EG", "_anchor": "form5-1m", "_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)" }, ".image-wrapper": { "display": "flex", "align-items": "center" }, ".card-wrapper": { "margin-bottom": "2rem", "@media (max-width: 991px)": { "padding": "1rem 2rem" }, "@media (min-width: 992px)": { "padding": "2rem 4rem" }, "display": "flex", "border-radius": "4px", "background": "@cardsBg" }, ".mbr-iconfont": { "font-size": "(@iconSize * 1rem)", "padding-right": "1.5rem", "color": "@primaryColor" } }, "_name": "contacts2", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"contacts2\" group=\"Contacts\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\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\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n <header>Cards</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitleCards\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"range\" inline title=\"Icon Size\" name=\"iconSize\" min=\"1\" max=\"4\" step=\"1\" value=\"2\">\n <input type=\"color\" title=\"BG\" name=\"cardsBg\" value=\"#ffffff\">\n <select title=\"Amount\" name=\"cardsAmount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\" selected>4</option>\n </select>\n <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=\"#fafafa\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cebfaf\" 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'\" 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-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>\n </div>\n <div class=\"row justify-content-center mt-4\">\n <div class=\"card col-12 col-md-6\">\n <div class=\"card-wrapper\">\n <div class=\"image-wrapper\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-phone mobi-mbri\"></span>\n </div>\n <div class=\"text-wrapper\">\n <h6 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\" mbr-if=\"showTitleCards\">\n <b>Phone</b>\n </h6>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n <a href=\"tel:+12345678910\" class=\"text-primary\">0 (800) 123 45 67</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 1\">\n <div class=\"card-wrapper\">\n <div class=\"image-wrapper\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-letter mobi-mbri\"></span>\n </div>\n <div class=\"text-wrapper\">\n <h6 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\" mbr-if=\"showTitleCards\">\n <b>Email</b>\n </h6>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n <a href=\"mailto:info@site.com\" class=\"text-primary\">info@site.com</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 2\">\n <div class=\"card-wrapper\">\n <div class=\"image-wrapper\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-globe mobi-mbri\"></span>\n </div>\n <div class=\"text-wrapper\">\n <h6 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\" mbr-if=\"showTitleCards\">\n <b>Address</b>\n </h6>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n 4100 Ross Street, Okawville, IL\n </p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-wrapper\">\n <div class=\"image-wrapper\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-bulleted-list mobi-mbri\"></span>\n </div>\n <div class=\"text-wrapper\">\n <h6 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\" mbr-if=\"showTitleCards\">\n <b>Working Hours</b>\n </h6>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n 9:00 - 18:00\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFzIA7KGYz", "_anchor": "contacts2-1r", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, ".google-map": { "height": "30rem", "position": "relative", "iframe": { "height": "100%", "width": "100%" }, "[data-state-details]": { "color": "#6b6763", "height": "1.5em", "margin-top": "-0.75em", "padding-left": "1.25rem", "padding-right": "1.25rem", "position": "absolute", "text-align": "center", "top": "50%", "width": "100%" }, "&[data-state]": { "background": "#e9e5dc" }, "&[data-state=\"loading\"]": { "[data-state-details]": { "display": "none" } } } }, "_name": "map2", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"map2\" group=\"Maps\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Map</header>\n <input type=\"map\" title=\"Map\" name=\"googleMap\">\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=\"#000000\" 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 <div mbr-class=\"{'container': !fullWidth}\">\n <div class=\"mbr-section-head mb-4\" 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>Map</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 Find us here\n </h4>\n </div>\n <div class=\"google-map\" mbr-map=\"googleMap\">\n </div>\n </div>\n</section>", "_cid": "sFAxp7Y5iM", "_anchor": "map2-1y", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "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" }, ".row-links": { "width": "100%", "justify-content": "center" }, ".social-row": { "width": "100%", "justify-content": "center" }, ".row": { "flex-direction": "column", "justify-content": "center", "align-items": "center", ".foot-menu": { "list-style": "none", "display": "flex", "justify-content": "center", "flex-wrap": "wrap", "padding": "0", "margin-bottom": "0", "li": { "padding": "0 1rem 1rem 1rem", "p": { "margin": "0" } } }, ".social-list": { "width": "auto", "padding-left": "0", "margin-bottom": "0", "list-style": "none", "display": "flex", "flex-wrap": "wrap", "justify-content": "flex-end", ".mbr-iconfont-social": { "font-size": "1.5rem", "color": "#ffffff" }, ".soc-item": { "margin": "0 .5rem" }, "a": { "margin": "0", "opacity": ".5", "transition": ".2s linear", "&:hover": { "opacity": "1" } }, "@media (max-width: 767px)": { "-webkit-justify-content": "center", "justify-content": "center" } }, ".row-copirayt": { "word-break": "break-word", "width": "100%", "p": { "width": "100%" } } } }, "_name": "footer3", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\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=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <header>Show/Hide</header>\n <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\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/background8.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#232323\" 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.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 mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row align-center mbr-white\">\n <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"#top\" class=\"text-white\">Home</a></li>\n <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#features1-1i\" class=\"text-white\">Features</a></li>\n <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#header14-1j\" class=\"text-white\">About</a></li>\n <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#content4-1q\" class=\"text-white text-primary\">Pricing</a></li>\n <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#team1-1o\" class=\"text-white\">Teams</a></li>\n <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contacts4-21\" class=\"text-white\">Contacts</a></li></ul>\n </div>\n <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n <div class=\"soc-item\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/pages/Mobirise/1616226671953247\" target=\"_blank\">\n <span mbr-icon class=\"socicon-facebook socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-youtube socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-instagram socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\">\n <a href=\"https://plus.google.com/u/0/+Mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-googleplus socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\">\n <a href=\"https://www.behance.net/Mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-behance socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"row row-copirayt\">\n <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-7\" data-app-selector=\".row .mbr-text\">\n © Copyright 2025 Mobirise. All Rights Reserved.\n </p>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFCygHrmNf", "_anchor": "footer3-24", "_protectedParams": [], "_global": true, "_once": "footers", "_params": {} } ] }, "page1.html": { "settings": { "title": "Page 1", "order": "1" }, "components": [ { "alias": false, "_styles": { "& when not (@fullScreen)": { "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 (@reverseContent)": { ".row": { "flex-direction": "row-reverse" } }, ".row": { "align-items": "center" }, ".image-wrapper": { "@media (max-width: 991px)": { "padding": "1rem" } }, ".text-wrapper": { "@media (min-width: 992px)": { "padding": "0 2rem" } }, ".mbr-section-title": { "color": "#e85a4f" }, ".mbr-text, .mbr-section-btn": { "color": "#8e8d8a" } }, "_name": "header11", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header11\" 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\">\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\" inline name=\"imageWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"6\">\n <input type=\"checkbox\" title=\"Reverse\" name=\"reverseContent\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\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=\"../_images/background7.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#eae7dc\" 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'\">\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 mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12 col-md-{{imageWidth}} image-wrapper\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/441463950-1172886487398061-8808605815974550875-n-750x766.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-12 col-md\">\n <div class=\"text-wrapper text-center\">\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\">\n <b>\n</b><div><b><br></b></div><div><b>Portfolio</b></div></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">ประวัติส่วนตัว</p>\n <div mbr-buttons mbr-theme-style=\"display-7\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"index.html#gallery5-3\" data-app-placeholder=\"Type Text\"></a></div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFF0SGinka", "_anchor": "header11-1", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "& when not (@fullScreen)": { "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 (@fullWidth)": { ".text-wrapper": { "padding": "1rem" } }, "@media (max-width: 991px)": { ".image-wrapper": { "margin-bottom": "1rem" } }, "img": { "width": "100%" }, "@media (min-width: 992px)": { ".text-wrapper": { "padding": "2rem" } }, ".mbr-section-title": { "color": "#e43f3f" }, ".mbr-text": { "color": "#8e8d8a" } }, "_name": "image1", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"image1\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'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=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"textWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"6\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Description\" name=\"showDescription\">\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.7\" 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 <div class=\"row align-items-center\">\n <div class=\"col-12 col-lg-{{textWidth}}\">\n <div class=\"image-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/256353640-620525369300845-5736579409159507156-n-720x720.jpg\" alt=\"Mobirise Website Builder\">\n <p class=\"mbr-description mbr-fonts-style pt-2 align-center\" mbr-theme-style=\"display-4\" mbr-if=\"showDescription\" data-app-selector=\".mbr-description\">\n Image Description</p>\n </div>\n </div>\n <div class=\"col-12\" mbr-class=\"{'col-lg' : !fullWidth, 'col-lg-4' : fullWidth && textWidth >= 6, 'col-lg-6' : fullWidth && textWidth <= 5}\">\n <div class=\"text-wrapper\">\n <h3 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n <b>Preface </b><b>คำนำ</b></h3>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\"></p><p> แฟ้มสะสมผลงาน (Portfolio) นี้ ข้าพเจ้าจัดทำขึ้นเพื่อเป็นตัวแทนนำเสนอเอกสารข้อมูลเกี่ยวกับประวัติส่วนตัว ประวัติการศึกษา ความรู้ ความสามารถ ทักษะ และ ความสนใจพิเศษรวมทั้งเกียรติบัตรตลอดจนพัฒนาการทางด้านต่างๆของข้าพเจ้า<br> ข้าพเจ้าหวังว่าแฟ้มสะสมผลงานฉบับนี้จะทำให้ทุกท่านที่อ่านได้เห็นคุณค่าและความสามารถโดยรวมของข้าพเจ้า<br> ขอขอบคุณคุณครูซึ่งเป็นผู้ให้คำแนะนำ ในการรวบรวมเอกสาร หลักฐาน และข้อมูลต่างๆในการจัดทำแฟ้มสะสมผลงาน (Portfolio) ฉบับนี้ให้สำเร็จลุล่วงด้วยดีและขอขอบพระคุณคุณพ่อ คุณแม่ที่ได้กรุณาให้ความช่วยเหลือในการจัดเตรียมเอกสารและข้อแนะนำหลายประการจนทำให้แฟ้มสะสมผลงานฉบับนี้มีความสมบูรณ์มากยิ่งขึ้น<br></p><p></p>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFF75ZhH2d", "_anchor": "image1-b", "_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)" }, ".item": { "display": "flex", "align-items": "center", "margin-bottom": "2rem" }, ".icon-box": { "background": "@iconColor", "width": "60px", "min-width": "60px", "height": "60px", "border-radius": "50%", "margin-right": "1rem", "display": "flex", "justify-content": "center", "align-items": "center" }, ".mbr-iconfont": { "font-size": "2rem", "color": "contrast(@iconColor, darken(@iconColor, 50%), #ffffff, 60%)" }, "@media (max-width: 991px)": { ".card": { "margin-bottom": "2rem" }, ".card-wrapper": { "margin-bottom": "2rem" } }, ".card-title, .card-box": { "color": "#000000" }, ".icon-text": { "color": "#8e8d8a" } }, "_name": "features13", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features12\" group=\"Features\" 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\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"4\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Button\" name=\"showButton\">\n <input type=\"range\" inline title=\"Items\" name=\"items\" min=\"1\" max=\"3\" step=\"1\" value=\"3\">\n <input type=\"color\" name=\"iconColor\" title=\"Color\" value=\"#e85a4f\">\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 <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=\"row justify-content-center\">\n <div class=\"col-12 col-lg-6\" mbr-if=\"showTitle || showText || showButton\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-left\">\n <h4 class=\"card-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .card-box\"><b>Personal</b></h4>\n <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\"><b>\n ข้อมูลส่วนตัว<br></b>ชื่อ-สกุล : นายณัฏฐ์ ดิษฐเนตร<br>ชื่อเล่น : นัด <br>เกิด : 22 ธันวาคม 2548<br>อายุ : 17 ปี<br>สัญชาติ : ไทย<br>เชื้อชาติ : ไทย<br>ศาสนา : พุทธ<br>สำเร็จการศึกษาจากโรงเรียน : เวียงแหงวิทยาคม<br><br></p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn\" data-toolbar=\"-mbrBtnMove\" mbr-if=\"showButton\"><a class=\"btn btn-primary\" href=\"http://httphttps://www.facebook.com/killbkkmsm?locale=th_THs://mobiri.se\" data-app-placeholder=\"Type Text\">See my Jobs</a></div>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-lg-6\">\n <div class=\"item mbr-flex\">\n <div class=\"icon-box\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-change-style mobi-mbri\"></span>\n </div>\n <div class=\"text-box\">\n <h4 class=\"icon-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title\">\n <b>งานอดิเรก</b></h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\">วาดรูป<div>ฟังเพลง</div><div>เล่นเกม</div></h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"items > 1\">\n <div class=\"icon-box\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-idea mobi-mbri\"></span>\n </div>\n <div class=\"text-box\">\n <h4 class=\"icon-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title\">\n <b>ความสามารถ</b></h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\">อ่านเขียนและพูดภาษาอังกฤษ(กลางๆ)<div>มีความสามารถด้านคอมพิวเตอร์</div><div>สามารถเชื่อมโลหะได้ </div></h5>\n </div>\n </div>\n <div class=\"item mbr-flex\" mbr-if=\"items > 2\">\n <div class=\"icon-box\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-globe-2 mobi-mbri\"></span>\n </div>\n <div class=\"text-box\">\n <h4 class=\"icon-title mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".icon-title\"><b>ข้อมูลการติดต่อ</b></h4>\n <h5 class=\"icon-text mbr-black mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".icon-text\">Phonenum : 065-718-9967<div>Mail : killbkkmsm@gmail.com</div><div>IG : bunnyx._.z</div></h5>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFF3eJNZDT", "_anchor": "features13-2", "_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" }, "H4": { "color": "#8e8d8a" }, "H3": { "color": "#e85a4f" } }, "_name": "gallery5", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery5 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=\"8\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"8\">\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\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\">\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\" checked>\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=\"#eae7dc\" 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>My hobby</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\"><b style>งานอดิเรกทำในเวลา</b></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\">\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/-640x359.jpeg\" alt=\"Mobirise Website Builder\" 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\"><b>วาดรูป</b></h6>\n </div>\n <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/unnamed-2-512x512.png\" alt=\"Mobirise Website Builder\" 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\"><b>ฟังเพลง</b></h6>\n </div>\n <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/g-816x544.jpeg\" alt=\"Mobirise Website Builder\" 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\"><b>เล่นเกม</b></h6>\n </div>\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=\"../_images/features/features1.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/features/features2.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\">\n </div>\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 <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\"></li>\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": "sFF3kfZheU", "_anchor": "gallery5-3", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] } } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.1 |
proxy
|
phpinfo
|
Réglages