File manager

File manager - Edit - /home/kridsana/webapp.cm.in.th/663012803/u66301280043/Portfolio/project.mobirise

Back
{ "settings": { "name": "My Site", "currentPage": "index.html", "theme": { "name": "startm5", "title": "StartM5", "styling": { "primaryColor": "#2b7a69", "secondaryColor": "#ffd7ef", "successColor": "#3a341c", "infoColor": "#320707", "warningColor": "#a0e2e1", "dangerColor": "#ffffff", "mainFont": "Inter Tight", "display1Font": "Inter Tight", "display1Size": 5, "display2Font": "Inter Tight", "display2Size": 4, "display5Font": "Inter Tight", "display5Size": 2, "display7Font": "Inter Tight", "display7Size": 1.4, "display4Font": "Inter Tight", "display4Size": "1.4", "isRoundedImages": true, "isRoundedButtons": true, "isLargeButtons": true, "isGhostButtonBorder": true, "underlinedLinks": true, "isAnimatedOnScroll": true, "isScrollToTopButton": false }, "additionalSetColors": [ "#ffa25b", "#2b7a69", "#164fd3", "#ff7d19", "#385493", "#086784", "#fe8d01" ] }, "path": "@PROJECT_PATH@", "versionFirst": "5.8.25", "siteFonts": [ { "css": "'Inter Tight', sans-serif", "name": "Inter Tight", "url": "https://fonts.googleapis.com/css?family=Inter+Tight:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i" } ], "uniqCompNum": 70, "versionPublish": "5.9.18", "imageResize": true, "chatbutton": {}, "favicon": false, "mbrsiteDomain": "ktjot1jvkl", "usedWebp": false, "cssOptimize": false, "lazyLoad": false, "robotsSwitcher": false, "sitemapSwitcher": false, "sitemapSwitcherAuto": false, "siteUrl": false, "cookiesAlert": false, "gdpr": false, "pwa-switcher": false, "screenshot": "screenshot.png", "publishChangesOnly": true }, "pages": { "index.html": { "settings": { "main": true, "title": "Home", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "" }, "components": [ { "alias": false, "_styles": { "z-index": "1000", "width": "100%", "position": "relative", ".dropdown-item:before": { "font-family": "Moririse2 !important", "content": "\"\\e966\"", "display": "inline-block", "width": "0", "position": "absolute", "left": "1rem", "top": "0.5rem", "margin-right": "0.5rem", "line-height": "1", "font-size": "inherit", "vertical-align": "middle", "text-align": "center", "overflow": "hidden", "transform": "scale(0, 1)", "transition": "all 0.25s ease-in-out" }, "@media (max-width: 767px)": { ".navbar-toggler": { "transform": "scale(0.8)" } }, ".navbar-brand": { "img": { "max-width": "100%", "max-height": "100%", "border-radius": "0px !important" }, "flex-shrink": "0", "align-items": "center", "margin-right": "0", "padding": "10px 0", "transition": "all 0.3s", "word-break": "break-word", "z-index": "1", ".navbar-caption": { "line-height": "inherit !important" }, ".navbar-logo a": { "outline": "none" } }, ".navbar-nav": { "margin": "auto", "margin-left": "0", "& when (@contentAlign = '2')": { "margin-left": "auto" }, "& when (@contentAlign = '3')": { "margin-left": "auto", "margin-right": "0" }, ".nav-item": { "padding": "0 !important", "transition": ".3s all !important", ".nav-link": { "padding": "16px !important", "margin": "0 !important", "border-radius": "1rem !important", "transition": ".3s all !important", "&:hover": { "background-color": "rgba(27, 31, 10, 0.06)" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } } }, ".open": { ".nav-link": { "&::after": { "transform": "rotate(180deg)" }, "@media (min-width: 992px)": { "&::before": { "content": "\"\"", "width": "100%", "height": "20px", "top": "100%", "background": "transparent", "position": "absolute" } } } }, ".dropdown-item": { "padding": "12px !important", "border-radius": "0.5rem !important", "margin": "0 8px !important", "transition": ".3s all !important", "&:hover": { "background-color": "rgba(27, 31, 10, 0.06)" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, "& when not (@showLogo), (@showBrand)": { "@media (min-width: 992px)": { "padding-left": "1.5rem" } }, "& when not (@showBrand)": { "@media (min-width: 992px)": { "padding-left": "1.5rem" } } }, ".nav-link": { "width": "fit-content", "position": "relative" }, ".navbar-logo": { "padding-left": "2rem", "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "1rem" } }, ".navbar-caption": { "padding-left": "1rem", "padding-right": ".5rem", "& when not (@showLogo)": { "@media (min-width: 767px)": { "padding-left": "2rem" } } }, ".nav-dropdown": { "@media (max-width: 767px)": { "padding-bottom": "0.5rem" } }, ".nav-dropdown .link.dropdown-toggle::after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "transition": ".3s all" }, ".container": { "display": "flex", "height": "90px", "padding": "0.5rem 0.6rem", "flex-wrap": "nowrap", "& when not (@collapsed)": { "@media (min-width: 992px)": {}, "& when (@transparent)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important" } }, "left": "0", "right": "0", "-webkit-box-pack": "justify", "-ms-flex-pack": "justify", "justify-content": "flex-end", "-webkit-box-align": "center", "-webkit-align-items": "center", "-ms-flex-align": "center", "align-items": "center", "border-radius": "100vw", "margin-top": "1rem", "background-color": "@menuBgColor", "box-shadow": "0 30px 60px 0 rgba(27, 31, 10, 0.08)", "@media (max-width: 992px)": { "padding-right": "2rem" }, "@media (max-width: 767px)": { "width": "95%", "height": "56px !important", "padding-right": "1rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "color": "@iconsColor !important", "font-size": "1.5rem", "padding-right": "0.5rem" }, ".dropdown-menu": { "flex-wrap": "wrap", "flex-direction": "column", "max-width": "100%", "padding": "12px 4px !important", "border-radius": "1.5rem", "transition": ".3s all !important", "min-width": "auto", "background": "@menuBgColor", "& when (@transparent)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".nav-item:focus, .nav-link:focus": { "outline": "none" }, ".dropdown .dropdown-menu .dropdown-item": { "width": "auto", "transition": "all 0.25s ease-in-out", "&::after": { "right": "0.5rem" }, ".mbr-iconfont": { "margin-right": "0.5rem", "vertical-align": "sub", "&:before": { "display": "inline-block", "transform": "scale(1, 1)", "transition": "all 0.25s ease-in-out" } } }, ".collapsed": { ".dropdown-menu .dropdown-item:before": { "display": "none" }, ".dropdown .dropdown-menu .dropdown-item": { "padding": "0.235em 1.5em 0.235em 1.5em !important", "transition": "none", "margin": "0 !important" } }, ".navbar": { "min-height": "90px", "transition": "all 0.3s", "border-bottom": "1px solid transparent", "background": "transparent !important", "&:not(.navbar-short)": {}, "&.opened": { "transition": "all 0.3s" }, ".dropdown-item": { "padding": "0.5rem 1.8rem" }, ".navbar-logo img": { "width": "auto" }, ".navbar-collapse": { "z-index": "1", "justify-content": "flex-end" }, "&.collapsed": { "justify-content": "center", ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" }, "@media (min-width: 992px)": { "&:not(.navbar-short) .navbar-collapse when (@showLogo)": { "max-height": "~\"calc(98.5vh - @{logoSize}rem)\"" } } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "41%" } }, "ul.navbar-nav": { "li": { "margin": "auto" } }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem", "text-align": "center" }, ".icons-menu": { "padding-left": "0", "padding-right": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "@media (max-width: 767px)": { ".navbar-logo": { "img": { "height": "2rem !important" } }, "min-height": "72px" }, "@media (max-width: 991px)": { ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "40%" } }, "ul.navbar-nav": { "li": {} }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem !important", "text-align": "center" }, ".navbar-brand": { "flex-shrink": "initial", "flex-basis": "auto", "word-break": "break-word", "padding-right": "10px" }, ".navbar-toggler": { "flex-basis": "auto" }, ".icons-menu": { "padding-left": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "&.navbar-short": { ".navbar-logo": { "img": { "height": "2rem" } } }, "padding": "0 !important", "border": "none !important", "box-shadow": "none !important", "border-radius": "0 !important" }, ".dropdown-item.active, .dropdown-item:active": { "background-color": "transparent" }, ".navbar-expand-lg .navbar-nav .nav-link": { "padding": "0" }, ".nav-dropdown .link.dropdown-toggle": { "margin-right": "1.667em", "&[aria-expanded=\"true\"]": { "margin-right": "0", "padding": "0.667em 1.667em" } }, ".navbar.navbar-expand-lg .dropdown": { ".dropdown-menu": { "background": "@menuBgColor", ".dropdown-submenu": { "margin": "0", "left": "105%", "transform": "none", "top": "-12px" } } }, ".navbar .dropdown.open > .dropdown-menu": { "display": "flex" }, "ul.navbar-nav": { "flex-wrap": "wrap" }, ".navbar-buttons": { "text-align": "center", "min-width": "140px", "@media (max-width: 992px)": { "text-align": "left" } }, "button.navbar-toggler": { "outline": "none", "width": "31px", "height": "20px", "cursor": "pointer", "transition": "all 0.2s", "position": "relative", "align-self": "center", ".hamburger span": { "position": "absolute", "right": "0", "width": "30px", "height": "2px", "border-right": "5px", "background-color": "@hamburgerColor", "&:nth-child(1)": { "top": "0", "transition": "all 0.2s" }, "&:nth-child(2)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(3)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(4)": { "top": "16px", "transition": "all 0.2s" } } }, "nav.opened .hamburger span": { "&:nth-child(1)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" }, "&:nth-child(2)": { "transform": "rotate(45deg)", "transition": "all 0.25s" }, "&:nth-child(3)": { "transform": "rotate(-45deg)", "transition": "all 0.25s" }, "&:nth-child(4)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" } }, ".navbar-dropdown": { "padding": "0 1rem" }, "a.nav-link": { "display": "flex", "align-items": "center", "justify-content": "center" }, ".icons-menu": { "flex-wrap": "nowrap", "display": "flex", "justify-content": "center", "padding-left": "1rem", "padding-right": "1rem", "padding-top": "0.3rem", "text-align": "center", "@media (max-width: 992px)": { "justify-content": "flex-start", "margin-bottom": ".5rem" } }, "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": { ".navbar": { "height": "70px", "&.opened": { "height": "auto" } }, ".nav-item .nav-link:hover::before": { "width": "175%", "max-width": "calc(100% ~\"+\" 2rem)", "left": "-1rem" } }, ".navbar .dropdown > .dropdown-menu": { "display": "none", "width": "max-content", "max-width": "500px !important", "transform": "translateX(-50%)", "top": "calc(~'100% + 20px')", "left": "50%", ".dropdown-item": { "line-height": "1 !important" }, ".dropdown": { ".dropdown-item": { "align-items": "center", "display": "flex", "height": "max-content !important", "min-height": "max-content !important", "&::after": { "display": "inline-block", "position": "static", "margin-left": "0.5rem", "margin-top": "0", "margin-right": "0", "margin-bottom": "0", "transition": ".3s all", "transform": "rotate(-90deg)" } } }, ".dropdown.open": { ".dropdown-item": { "&::after": { "transform": "rotate(0deg)" } } } }, ".mbr-section-btn": { "margin": "-0.6rem -0.6rem" }, ".navbar-toggler": { "margin-left": "12px", "margin-right": "8px", "order": "1000" }, "& when (@collapsed)": { ".navbar-brand": { "margin-right": "auto" }, ".navbar-collapse": { "z-index": "-1 !important", "position": "absolute", "top": "110%", "left": "0", "width": "100%", "padding": "1rem", "border-radius": "1.5rem", "background": "@menuBgColor", "& when (@transparent)": { "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important", "opacity": "1", "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important" }, "backdrop-filter": "blur(8px)", "@media (max-width: 575px)": { "padding": "1rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".navbar-nav": { ".nav-item": { ".nav-link": { "&::after": { "margin-left": "10px" } } }, ".dropdown-item": { "&:hover": { "background-color": "rgba(27, 31, 10, 0.06)" } } }, ".navbar .dropdown > .dropdown-menu": { "display": "none", "max-width": "100% !important", "transform": "translateX(0)", "top": "10px", "left": "0", "padding": "8px !important", "border-radius": "0.5rem", "background-color": "rgba(27, 31, 10, 0.04) !important", ".dropdown-item": { "padding": "8px !important", "line-height": "1 !important", "margin-bottom": "4px !important" }, ".dropdown": { ".dropdown-item": { "align-items": "center", "display": "flex", "height": "max-content !important", "min-height": "max-content !important", "&::after": { "display": "inline-block", "position": "static", "margin-left": "0.5rem", "margin-top": "0", "margin-right": "0", "margin-bottom": "0", "transition": ".3s all", "transform": "rotate(0deg)" } } }, ".dropdown.open": { ".dropdown-item": { "&::after": { "transform": "rotate(180deg)" } } }, ".dropdown-submenu": { "position": "static", "width": "100%", "max-width": "100% !important", "transform": "translateX(0) !important", "top": "0", "left": "0", "padding": "8px !important", "border-radius": "0.5rem", "background-color": "rgba(27, 31, 10, 0.04) !important" } }, ".navbar .dropdown.open > .dropdown-menu": { "display": "flex", "flex-direction": "column", "align-items": "flex-start" }, ".navbar .dropdown > .dropdown-submenu.show": { "display": "flex", "flex-direction": "column", "align-items": "flex-start" } }, "@media (max-width: 991px)": { ".navbar-brand": { "margin-right": "auto" }, ".navbar-collapse": { "z-index": "-1 !important", "position": "absolute", "top": "110%", "left": "0", "width": "100%", "padding": "1rem", "border-radius": "1.5rem", "background": "@menuBgColor", "& when (@transparent)": { "opacity": "1", "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important", "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important" }, "backdrop-filter": "blur(8px)", "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".navbar-nav": { ".nav-item": { ".nav-link": { "&::after": { "margin-left": "10px" } } }, ".dropdown-item": { "&:hover": { "background-color": "rgba(27, 31, 10, 0.06)" } } }, ".navbar .dropdown > .dropdown-menu": { "max-width": "100% !important", "transform": "translateX(0)", "top": "10px", "left": "0", "padding": "8px !important", "border-radius": "1rem", "background-color": "rgba(27, 31, 10, 0.04) !important", ".dropdown-item": { "padding": "8px !important", "line-height": "1 !important", "margin-bottom": "4px !important" }, ".dropdown": { ".dropdown-item": { "align-items": "center", "display": "flex", "height": "max-content !important", "min-height": "max-content !important", "&::after": { "display": "inline-block", "position": "static", "margin-left": "0.5rem", "margin-top": "0", "margin-right": "0", "margin-bottom": "0", "transition": ".3s all", "transform": "rotate(0deg)" } } }, ".dropdown.open": { ".dropdown-item": { "&::after": { "transform": "rotate(180deg)" } } }, ".dropdown-submenu": { "position": "static", "width": "100%", "max-width": "100% !important", "transform": "translateX(0) !important", "top": "0", "left": "0", "padding": "8px !important", "border-radius": "1rem", "background-color": "rgba(27, 31, 10, 0.04) !important" } }, ".navbar .dropdown.open > .dropdown-menu": { "display": "flex !important", "flex-direction": "column", "align-items": "flex-start" } }, ".navbar-collapse": { "@media (max-width: 575px)": { "padding": "1rem" } } }, "_name": "menu02", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu2\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n\t<mbr-parameters>\n\t\t<header>Show/Hide</header>\n\t\t<input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n\t\t<input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"1\" max=\"5\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n\t\t<input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n\t\t<input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\">\n\t\t<select title=\"Menu Items Align\" name=\"contentAlign\" condition=\"showItems\">\n\t\t\t<option value=\"1\">Left</option>\n\t\t\t<option value=\"2\" selected>Center</option>\n\t\t\t<option value=\"3\">Right</option>\n\t\t</select>\n\t\t<input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n\t\t<select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n\t\t\t<option value=\"1\">1</option>\n\t\t\t<option value=\"2\">2</option>\n\t\t\t<option value=\"3\" selected>3</option>\n\t\t\t<option value=\"4\">4</option>\n\t\t</select>\n\t\t<input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n\t\t<input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n\t\t<header>Styles</header>\n\t\t<input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\" condition=\"none\">\n\t\t<input type=\"checkbox\" title=\"Transparent\" name=\"transparent\" checked>\n\t\t<input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n\t\t<input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"transparent\">\n\t\t<input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#ffd7ef\">\n\t\t<input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#000000\">\n\t</mbr-parameters>\n\n\t<nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n 'navbar-expand-lg':!collapsed,\n 'collapsed':collapsed}\">\n\t\t<div class=\"container\">\n\t\t\t<div class=\"navbar-brand\">\n\t\t\t\t<span mbr-if=\"showLogo\" class=\"navbar-logo\">\n\t\t\t\t\t<a href=\"index.html#top\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/zoro-96x96.jpg\" alt=\"Mobirise Website Builder\" mbr-style=\"{'height': logoSize + 'rem'}\">\n\t\t\t\t\t</a>\n\t\t\t\t</span>\n\t\t\t\t<span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-black text-primary\" data-app-selector=\".navbar-caption\" href=\"index.html#top\" data-app-placeholder=\"Type Text\">YOKOSHO ;)</a></span>\n\t\t\t</div>\n\t\t\t<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems \|\| showIcons \|\| showButtons\">\n\t\t\t\t<div class=\"hamburger\">\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t</div>\n\t\t\t</button>\n\t\t\t<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems \|\| showIcons \|\| showButtons\">\n\t\t\t\t<ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"index.html#header01-7\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">้ดเ้</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"index.html#features04-w\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">Services</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"index.html#contacts02-9\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contacts</a>\n\t\t\t\t\t</li></ul>\n\t\t\t\t<div class=\"icons-menu\" mbr-if=\"showIcons\">\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-phone mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 1\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-letter mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 2\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-map-pin mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 3\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-shopping-cart mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t<div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-primary\" href=\"index.html#form02-6\" data-app-placeholder=\"Type Text\"> Start now</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_cid": "tJS6tZXiPa", "_anchor": "menu02-0", "_protectedParams": [], "_global": true, "_once": "menu", "_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" }, ".mbr-fallback-image.disabled": { "display": "none" }, ".mbr-fallback-image": { "display": "block", "background-size": "cover", "background-position": "center center", "width": "100%", "height": "100%", "position": "absolute", "top": "0", "& when (@bg-type = 'video')": { "background-image": "url(@fallBackImage)" } }, ".image-wrap img": { "width": "100%", "@media (min-width: 992px)": { "display": "block", "margin": "auto", "width": "(@imageWidth * 10%)" } }, ".row-links": { "width": "100%", "justify-content": "center" }, ".header-menu": { "margin-top": "2rem", "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" } } }, ".content-head": { "max-width": "800px" } }, "_name": "header13", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header13\" group=\"Headers\" 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=\"12\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"12\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image Width\" min=\"1\" max=\"12\" step=\"1\" value=\"8\" condition=\"showImage\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked>\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=\"#bcef9b\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\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.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"align-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\" mbr-if=\"showTitle \|\| showText \|\| showButtons\">\n <div class=\"col-md-12 mb-5 content-head\">\n <h1 class=\"mbr-section-title mbr-fonts-style\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\"><b>Portfolio</b></h1>\n <p class=\"mbr-text mbr-fonts-style mt-4\" 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-4\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Create Free Website!</a></div>\n </div>\n </div>\n\n <div class=\"row justify-content-center\">\n <div class=\"col-12 col-md-{{imageWidth}}\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/fb-img-1715737593554-720x720.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n </div>\n</section>", "_cid": "ueZwtppBpe", "_anchor": "header13-1i", "_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": { "margin-bottom": "2rem" }, "@media (max-width: 767px)": { ".item": { "margin-bottom": "1rem" } }, "& when not (@spacing)": { ".row": { "margin-left": "0", "margin-right": "0" }, ".item": { "padding": "0", "margin": "0" } }, ".item-content": { "margin-top": "2rem", "padding": "0 2.25rem 2.25rem", "@media (max-width: 767px)": { "padding": "0 2rem 1.5rem", "margin-top": "1rem" }, "display": "flex", "flex-direction": "column", "height": "100%" }, ".item-wrapper": { "position": "relative", "background": "@cardsBg", "height": "100%", "display": "flex", "flex-flow": "column nowrap", ".item-footer": { "margin-top": "auto" } }, ".mbr-section-title": { "color": "#ffffff", "text-align": "center" }, ".item-title": { "text-align": "left" }, ".item-subtitle": { "text-align": "left" }, ".mbr-text, .item .mbr-section-btn": { "text-align": "left" }, ".content-head": { "max-width": "800px" }, ".mbr-section-subtitle, .mbr-section-head .mbr-section-btn": { "color": "#ffffff", "text-align": "center" } }, "_name": "features04", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features4\" group=\"Features\">\n\t<mbr-parameters>\n\t\t<header>Size</header>\n\t\t<input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n\t\t<input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n\t\t<input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n\t\t<select title=\"Columns\" name=\"cardsWidth\">\n\t\t\t<option value=\"12\">1</option>\n\t\t\t<option value=\"6\">2</option>\n\t\t\t<option value=\"4\" selected>3</option>\n\t\t\t<option value=\"3\">4</option>\n\t\t</select>\n\t\t<header>Show/Hide</header>\n\t\t<input type=\"checkbox\" name=\"showTitle\" title=\"Title\">\n\t\t<input type=\"checkbox\" name=\"showSubtitle\" title=\"Subtitle\">\n\t\t<input type=\"checkbox\" name=\"showmainButtons\" title=\"Buttons\">\n\t\t<header>Cards</header>\n\t\t<input type=\"checkbox\" name=\"autoSize\" title=\"Auto Size\" checked>\n\t\t<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\t\t<input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked>\n\t\t<input type=\"checkbox\" name=\"showCardTitle\" title=\"Title\" checked>\n\t\t<input type=\"checkbox\" name=\"showCardSubtitle\" title=\"Subtitle\">\n\t\t<input type=\"checkbox\" name=\"showText\" title=\"Text\">\n\t\t<input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\" checked>\n\t\t<input type=\"color\" name=\"cardsBg\" title=\"BG\" value=\"#bcef9b\">\n\t\t<header>Background</header>\n\t\t<fieldset type=\"background\" name=\"bg\" required>\n\t\t\t<input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n\t\t\t<input type=\"color\" title=\"Color\" value=\"#2b7a69\" selected>\n\t\t</fieldset>\n\t\t<input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n\t\t<input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type == 'image'\">\n\t\t<input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.1\" condition=\"overlay && bg.type == 'image'\">\n\t</mbr-parameters>\n\t<div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n\t<div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n\t\t<div class=\"row justify-content-center\">\n\t\t\t<div class=\"col-12 content-head\">\n\t\t\t\t<div class=\"mbr-section-head mb-5\" mbr-if=\"showTitle \|\| showSubtitle \|\| showmainButton\">\n\t\t\t\t\t<h4 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Our Services</b></h4>\n\t\t\t\t\t<h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle, .mbr-section-head .mbr-section-btn\">Hover over pictures to add more cards or rearrange them with the Tools panel. Add multiple cards by selecting multiple images. You can set the number of columns in Block Parameters.</h5>\n\t\t\t\t\t<div class=\"mbr-section-btn align-center item-footer mb-0 mt-4\" mbr-if=\"showmainButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n\t\t\t\t\t\t<a href class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\">Get Started</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"row\">\n\t\t\t<div class=\"item features-image col-12 col-md-6 col-lg-{{cardsWidth}}\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/mbr-815x458.jpg\" alt=\"Mobirise Website Builder\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle \|\| showCardSubtitle \|\| showText \|\| showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Personal Information</b></h5>\n\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t$5.00\n\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .item .mbr-section-btn\">\n\t\t\t\t\t\t\tService Description. You can show/hide the title, subtitle, text, button in the Block Parameters\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href=\"page1.html#features027-1l\" class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\" target=\"_blank\">Learn more</a></div>\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"item features-image col-12 col-md-6 col-lg-{{cardsWidth}}\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/mbr-815x544.jpg\" alt=\"Mobirise Website Builder\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle \|\| showCardSubtitle \|\| showText \|\| showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Hobby</b></h5>\n\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t$7.00\n\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .item .mbr-section-btn\">\n\t\t\t\t\t\t\tService Description. You can show/hide the title, subtitle, text, button in the Block Parameters\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href=\"page3.html#features06-1x\" class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\" target=\"_blank\">Learn more</a></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"item features-image col-12 col-md-6 col-lg-{{cardsWidth}}\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/mbr-815x543.jpg\" alt=\"Mobirise Website Builder\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle \|\| showCardSubtitle \|\| showText \|\| showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Activity</b></h5>\n\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t$10.00\n\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .item .mbr-section-btn\">\n\t\t\t\t\t\t\tService Description. You can show/hide the title, subtitle, text, button in the Block Parameters<br>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href=\"page2.html#header01-1v\" class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\" target=\"_blank\">Learn more</a></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>", "_cid": "tMlEXTHLbS", "_anchor": "features04-w", "_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)" }, ".container": { "@media (max-width: 991px)": { "padding": "0 16px" }, "@media (max-width: 767px)": { "padding": "0 12px" } }, ".social-row": { "display": "flex", "justify-content": "center", "align-items": "center", "flex-wrap": "wrap", ".soc-item": { "margin": "8px", "a": { "&:hover, &:focus": { ".mbr-iconfont": { "background-color": "@active" } }, ".mbr-iconfont": { "width": "72px", "height": "72px", "display": "flex", "align-items": "center", "justify-content": "center", "border-radius": "100%", "font-size": "32px", "background-color": "@iconBg", "color": "@icon", "transition": "all 0.3s ease-in-out" } } } }, ".row-links": { "width": "100%", "justify-content": "center" }, ".header-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" } } }, ".copyright": { "margin-bottom": "0", "color": "#ffffff", "text-align": "center" }, ".mbr-section-title": { "color": "#ffffff" } }, "_name": "footer03", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer1 programm5\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-fullscreen': fullScreen, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n <header>Show/Hide</header>\n <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"checkbox\" title=\"Copyright\" name=\"showCopy\">\n <header>Social</header>\n <input type=\"checkbox\" title=\"Social\" name=\"showSoc\" checked>\n <input type=\"range\" inline title=\"Icons Amount\" name=\"soc\" min=\"1\" max=\"5\" step=\"1\" value=\"2\" condition=\"showSoc\">\n <input type=\"color\" title=\"Icons Color\" value=\"#2b7a69\" name=\"icon\" condition=\"showSoc\" selected>\n <input type=\"color\" title=\"Icons Active Color\" value=\"#f7f7f7\" name=\"active\" selected>\n <input type=\"color\" title=\"Icons BG\" value=\"#bcef9b\" name=\"iconBg\" condition=\"showSoc\" selected>\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=\"#2b7a69\" selected>\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\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, 'container-fluid': fullWidth}\">\n <div class=\"row\">\n\n <div class=\"row-links mb-4\" mbr-if=\"menuItems > 0\">\n <ul class=\"header-menu\" mbr-list mbr-list-grow=\"menuItems\">\n <li mbr-text class=\"header-menu-item mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\"header-menu-item\"><a href=\"index.html#header01-7\" class=\"text-danger\">About</a></li>\n \n \n \n </ul>\n </div>\n\n <div class=\"col-12\">\n <div class=\"social-row\" mbr-if=\"showSoc\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/profile.php?id=100008388849445&locale=th_TH\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont display-7 socicon-facebook socicon\" style=\"color: rgb(8, 103, 132); fill: rgb(8, 103, 132);\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 1\">\n <a href=\"https://www.tiktok.com/@njj_zx?is_from_webapp=1&sender_device=pc\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-tiktok socicon\" style=\"color: rgb(46, 72, 26); fill: rgb(46, 72, 26);\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 2\">\n <a href=\"https://www.tiktok.com/@njj_zx?is_from_webapp=1&sender_device=pc\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-tiktok socicon\" style=\"color: rgb(46, 72, 26); fill: rgb(46, 72, 26);\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 3\">\n <a href=\"https://mobiri.se/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-tiktok socicon\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 4\">\n <a href=\"https://mobiri.se/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-youtube socicon\"></span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"col-12 mt-5\" mbr-if=\"showCopy\">\n <p class=\"mbr-fonts-style copyright\" mbr-theme-style=\"display-7\" data-app-selector=\".copyright\" data-app-placeholder=\"Type Text\">\n © Copyright 2030 Mobirise - All Rights Reserved\n </p>\n </div>\n </div>\n </div>\n</section>", "_cid": "tJS9NNcTLZ", "_anchor": "footer03-8", "_PHPplaceholders": [], "_JSplaceholders": [], "_protectedParams": [], "_global": true, "_once": "footers", "_params": {} } ] }, "page1.html": { "settings": { "title": "Personal Information", "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)" }, ".mbr-fallback-image.disabled": { "display": "none" }, ".mbr-fallback-image": { "display": "block", "background-size": "cover", "background-position": "center center", "width": "100%", "height": "100%", "position": "absolute", "top": "0", "& when (@bg-type = 'video')": { "background-image": "url(@fallBackImage)" } }, "& when (@reverseContent)": { ".row": { "flex-direction": "row-reverse" } }, ".mbr-description": { "text-align": "left" }, ".item-wrapper": { "background": "@cardbg", "margin-bottom": "2rem", "padding": "2.25rem", "@media (max-width: 767px)": { "padding": "2rem 1.5rem", "margin-bottom": "1rem" }, "@media (min-width: 992px) and (max-width: 1200px)": { "padding": "2rem 1.5rem", "margin-bottom": "2rem" } }, ".card-title, .iconfont-wrapper": { "color": "#000000" }, ".card-text": { "color": "#000000" }, ".mbr-section-title": { "color": "#000000", "text-align": "center" }, ".mbr-number": { "color": "#9fe870" }, ".mbr-text, .mbr-section-btn": { "text-align": "center" }, ".card-text, .item .mbr-section-btn": { "text-align": "left" } }, "_name": "features027", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features027\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,'mbr-parallax-background': bg.parallax}\">\n\t<mbr-parameters>\n\t\t<header>Size</header>\n\t\t<input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n\t\t<input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n\t\t<input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n\t\t<input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"7\" condition=\"fullScreen == false\">\n\t\t<input type=\"checkbox\" title=\"Reverse\" name=\"reverseContent\">\n\t\t<header>Show/Hide</header>\n\t\t<input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n\t\t<input type=\"checkbox\" title=\"Text\" name=\"showText\">\n\t\t<input type=\"range\" name=\"imageWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"7\">\n\t\t<header>Card</header>\n\t\t<input type=\"checkbox\" title=\"Card Title\" name=\"showCardTitle\">\n\t\t<input type=\"checkbox\" title=\"Card Subtitle\" name=\"showCardSubtitle\" checked>\n\t\t<input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\">\n\t\t<input type=\"color\" title=\"Card BG\" name=\"cardbg\" value=\"#ffd7ef\" selected>\n\t\t<header>Background</header>\n\t\t<fieldset type=\"background\" name=\"bg\" parallax>\n\t\t\t<input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n\t\t\t<input type=\"color\" title=\"Color\" value=\"#bcef9b\" selected>\n\t\t\t<input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n\t\t</fieldset>\n\t\t<header condition=\"bg.type === 'video'\">Fallback Image</header>\n\t\t<input type=\"image\" title=\"Fallback Image\" value=\"../_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\t\t<input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n\t\t<input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n\t\t<input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n\t</mbr-parameters>\n\n\t<div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\t<div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\"></div>\n\n\t<div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n\t\t<div class=\"row justify-content-center\" mbr-if=\"showTitle \|\| showText\">\n\t\t\t<div class=\"col-md-12 content-head mb-5\">\n\t\t\t\t<h1 class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\">\n\t\t\t\t\t<b>Features with image</b>\n\t\t\t\t</h1>\n\t\t\t\t<p class=\"mbr-text mbr-fonts-style mt-4 mb-0\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\tGreat for pro-coders for fast prototyping and small customers' projects.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\n\t\t<div class=\"row justify-content-center blockContent\">\n\t\t\t<div class=\"col-12 col-lg\">\n\t\t\t\t<div class=\"item features-without-image col-12 col-md-12 col-lg-12 active\">\n\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t<div class=\"item-content\">\n\t\t\t\t\t\t\t<h5 class=\"mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-number\" mbr-theme-style=\"display-1\">\n\t\t\t\t\t\t\t\t<b>01.</b>\n\t\t\t\t\t\t\t</h5>\n\t\t\t\t\t\t\t<h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showCardSubtitle\" data-app-selector=\".card-title\">นาย ธัญพิสิษฐ์ ประจำการ</h4>\n\t\t\t\t\t\t\t<p class=\"card-text mbr-fonts-style mt-0 mb-0\" data-app-selector=\".card-text, .item .mbr-section-btn\" mbr-theme-style=\"display-7\">ชื่อเล่น : วาว<br><br>วัน/เดือน/ปี : 22 สิงหาคม 2545<br><br>เลือดกรุ๊ป : B<br>\n<br>อาหารที่แพ้ : ปลาหมึก<br></p>\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n\t\t\t\t\t\t\t\t<a href class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\">Learn More</a>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"item features-without-image col-12 col-md-12 col-lg-12\">\n\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t<div class=\"item-content\">\n\t\t\t\t\t\t\t<h5 class=\"mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-number\" mbr-theme-style=\"display-1\">\n\t\t\t\t\t\t\t\t<b>02.</b>\n\t\t\t\t\t\t\t</h5>\n\t\t\t\t\t\t\t<h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showCardSubtitle\" data-app-selector=\".card-title\">ความสามารถ/งานอดิเรกพิเศษ</h4>\n\t\t\t\t\t\t\t<p class=\"card-text mbr-fonts-style mt-0 mb-0\" data-app-selector=\".card-text, .item .mbr-section-btn\" mbr-theme-style=\"display-7\">งานช่างด้านผลิตชิ้นส่วนเบื้องต้น<br>งานฝีมือ การแกะสลักไม้ ผลไม้ <br>งานคหกรรม อาหารคาว ของหวาน ไอศรีมโรล<br>งานธุรกิจ การติดต่อเจรจาซื้อ-ขาย<br>ด้านศิลปะ</p>\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n\t\t\t\t\t\t\t\t<a href class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\">Learn More</a>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"item features-without-image col-12 col-md-12 col-lg-12\">\n\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t<div class=\"item-content\">\n\t\t\t\t\t\t\t<h5 class=\"mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-number\" mbr-theme-style=\"display-1\">\n\t\t\t\t\t\t\t\t<b>03.</b>\n\t\t\t\t\t\t\t</h5>\n\t\t\t\t\t\t\t<h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showCardSubtitle\" data-app-selector=\".card-title\"><b>ช่องทางการติดต่อ</b></h4>\n\t\t\t\t\t\t\t<p class=\"card-text mbr-fonts-style mt-0 mb-0\" data-app-selector=\".card-text, .item .mbr-section-btn\" mbr-theme-style=\"display-7\">Facebook : Tanpisit Prajumkarn<br><br>Ig : _tantan1230<br><br>Line : wawdsk1<br><br>Tiktok : njj_zx<br><br>Tel : 096-123-73xx</p>\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n\t\t\t\t\t\t\t\t<a href class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\">Learn More</a>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"col-12 col-lg-{{imageWidth}}\">\n\t\t\t\t<div class=\"image-wrapper\">\n\t\t\t\t\t<img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/-654x652.png\" alt=\"Mobirise Website Builder\">\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</div>\n\t</div>\n</section>", "_cid": "ueZFPyphvS", "_anchor": "features027-1l", "_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)" }, ".container": { "@media (max-width: 991px)": { "padding": "0 16px" }, "@media (max-width: 767px)": { "padding": "0 12px" } }, ".social-row": { "display": "flex", "justify-content": "center", "align-items": "center", "flex-wrap": "wrap", ".soc-item": { "margin": "8px", "a": { "&:hover, &:focus": { ".mbr-iconfont": { "background-color": "@active" } }, ".mbr-iconfont": { "width": "72px", "height": "72px", "display": "flex", "align-items": "center", "justify-content": "center", "border-radius": "100%", "font-size": "32px", "background-color": "@iconBg", "color": "@icon", "transition": "all 0.3s ease-in-out" } } } }, ".row-links": { "width": "100%", "justify-content": "center" }, ".header-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" } } }, ".copyright": { "margin-bottom": "0", "color": "#ffffff", "text-align": "center" }, ".mbr-section-title": { "color": "#ffffff" } }, "_name": "footer03", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer1 programm5\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-fullscreen': fullScreen, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n <header>Show/Hide</header>\n <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"checkbox\" title=\"Copyright\" name=\"showCopy\">\n <header>Social</header>\n <input type=\"checkbox\" title=\"Social\" name=\"showSoc\" checked>\n <input type=\"range\" inline title=\"Icons Amount\" name=\"soc\" min=\"1\" max=\"5\" step=\"1\" value=\"2\" condition=\"showSoc\">\n <input type=\"color\" title=\"Icons Color\" value=\"#2b7a69\" name=\"icon\" condition=\"showSoc\" selected>\n <input type=\"color\" title=\"Icons Active Color\" value=\"#f7f7f7\" name=\"active\" selected>\n <input type=\"color\" title=\"Icons BG\" value=\"#bcef9b\" name=\"iconBg\" condition=\"showSoc\" selected>\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=\"#2b7a69\" selected>\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\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, 'container-fluid': fullWidth}\">\n <div class=\"row\">\n\n <div class=\"row-links mb-4\" mbr-if=\"menuItems > 0\">\n <ul class=\"header-menu\" mbr-list mbr-list-grow=\"menuItems\">\n <li mbr-text class=\"header-menu-item mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\"header-menu-item\"><a href=\"index.html#header01-7\" class=\"text-danger\">About</a></li>\n \n \n \n </ul>\n </div>\n\n <div class=\"col-12\">\n <div class=\"social-row\" mbr-if=\"showSoc\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/profile.php?id=100008388849445&locale=th_TH\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont display-7 socicon-facebook socicon\" style=\"color: rgb(8, 103, 132); fill: rgb(8, 103, 132);\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 1\">\n <a href=\"https://www.tiktok.com/@njj_zx?is_from_webapp=1&sender_device=pc\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-tiktok socicon\" style=\"color: rgb(46, 72, 26); fill: rgb(46, 72, 26);\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 2\">\n <a href=\"https://www.tiktok.com/@njj_zx?is_from_webapp=1&sender_device=pc\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-tiktok socicon\" style=\"color: rgb(46, 72, 26); fill: rgb(46, 72, 26);\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 3\">\n <a href=\"https://mobiri.se/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-tiktok socicon\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 4\">\n <a href=\"https://mobiri.se/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-youtube socicon\"></span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"col-12 mt-5\" mbr-if=\"showCopy\">\n <p class=\"mbr-fonts-style copyright\" mbr-theme-style=\"display-7\" data-app-selector=\".copyright\" data-app-placeholder=\"Type Text\">\n © Copyright 2030 Mobirise - All Rights Reserved\n </p>\n </div>\n </div>\n </div>\n</section>", "_cid": "tJS9NNcTLZ", "_PHPplaceholders": [], "_JSplaceholders": [], "_anchor": "footer03-1k", "_protectedParams": [], "_global": true, "_once": "footers", "_params": {} } ] }, "page2.html": { "settings": { "title": "Activity", "order": "3" }, "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)" }, ".mbr-fallback-image.disabled": { "display": "none" }, ".mbr-fallback-image": { "display": "block", "background-size": "cover", "background-position": "center center", "width": "100%", "height": "100%", "position": "absolute", "top": "0", "& when (@bg-type = 'video')": { "background-image": "url(@fallBackImage)" } }, "@media (max-width: 991px)": { ".image-wrapper": { "margin-bottom": "1rem" } }, "& 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": "#000000" }, ".mbr-text, .mbr-section-btn": { "color": "#232323" } }, "_name": "header01", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header1\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\t<mbr-parameters>\n\t\t<header>Size</header>\n\t\t<input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n\t\t<input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n\t\t<input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"12\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n\t\t<input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"12\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n\t\t<input type=\"range\" inline name=\"imageWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"8\">\n\t\t<input type=\"checkbox\" title=\"Reverse\" name=\"reverseContent\" checked>\n\t\t<header>Show/Hide</header>\n\t\t<input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n\t\t<input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n\t\t<input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n\t\t<header>Background</header>\n\t\t<fieldset type=\"background\" name=\"bg\" parallax>\n\t\t\t<input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n\t\t\t<input type=\"color\" title=\"Color\" value=\"#bcef9b\" selected>\n\t\t\t<input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n\t\t</fieldset>\n\t\t<header condition=\"bg.type === 'video'\">Fallback Image</header>\n\t\t<input type=\"image\" title=\"Fallback Image\" value=\"../_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\t\t<input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n\t\t<input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n\t\t<input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n\t</mbr-parameters>\n\n\t<div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\t<div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n\t<div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n\t\t<div class=\"row justify-content-center\">\n\t\t\t<div class=\"col-12 col-md-12 col-lg-{{imageWidth}} image-wrapper\">\n\t\t\t\t<img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/-1831x1373.jpg\" alt=\"Mobirise Website Builder\">\n\t\t\t</div>\n\t\t\t<div class=\"col-12 col-lg col-md-12\">\n\t\t\t\t<div class=\"text-wrapper align-left\">\n\t\t\t\t\t<h1 class=\"mbr-section-title mbr-fonts-style mb-4\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>กิจกรรม</b></h1>\n\t\t\t\t\t<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\">โครงการสิงห์อาสา</p>\n\t\t\t\t\t<div mbr-buttons mbr-theme-style=\"display-7\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\">\n\t\t\t\t\t\t<a class=\"btn btn-danger\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Get started</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>", "_cid": "ugAHYuvnv4", "_protectedParams": [], "_global": false, "_once": false, "_params": {}, "_anchor": "header01-1v" }, { "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)" }, ".container": { "@media (max-width: 991px)": { "padding": "0 16px" }, "@media (max-width: 767px)": { "padding": "0 12px" } }, ".social-row": { "display": "flex", "justify-content": "center", "align-items": "center", "flex-wrap": "wrap", ".soc-item": { "margin": "8px", "a": { "&:hover, &:focus": { ".mbr-iconfont": { "background-color": "@active" } }, ".mbr-iconfont": { "width": "72px", "height": "72px", "display": "flex", "align-items": "center", "justify-content": "center", "border-radius": "100%", "font-size": "32px", "background-color": "@iconBg", "color": "@icon", "transition": "all 0.3s ease-in-out" } } } }, ".row-links": { "width": "100%", "justify-content": "center" }, ".header-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" } } }, ".copyright": { "margin-bottom": "0", "color": "#ffffff", "text-align": "center" }, ".mbr-section-title": { "color": "#ffffff" } }, "_name": "footer03", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer1 programm5\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-fullscreen': fullScreen, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n <header>Show/Hide</header>\n <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"checkbox\" title=\"Copyright\" name=\"showCopy\">\n <header>Social</header>\n <input type=\"checkbox\" title=\"Social\" name=\"showSoc\" checked>\n <input type=\"range\" inline title=\"Icons Amount\" name=\"soc\" min=\"1\" max=\"5\" step=\"1\" value=\"2\" condition=\"showSoc\">\n <input type=\"color\" title=\"Icons Color\" value=\"#2b7a69\" name=\"icon\" condition=\"showSoc\" selected>\n <input type=\"color\" title=\"Icons Active Color\" value=\"#f7f7f7\" name=\"active\" selected>\n <input type=\"color\" title=\"Icons BG\" value=\"#bcef9b\" name=\"iconBg\" condition=\"showSoc\" selected>\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=\"#2b7a69\" selected>\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\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, 'container-fluid': fullWidth}\">\n <div class=\"row\">\n\n <div class=\"row-links mb-4\" mbr-if=\"menuItems > 0\">\n <ul class=\"header-menu\" mbr-list mbr-list-grow=\"menuItems\">\n <li mbr-text class=\"header-menu-item mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\"header-menu-item\"><a href=\"index.html#header01-7\" class=\"text-danger\">About</a></li>\n \n \n \n </ul>\n </div>\n\n <div class=\"col-12\">\n <div class=\"social-row\" mbr-if=\"showSoc\">\n <div class=\"soc-item\">\n <a href=\"https://www.facebook.com/profile.php?id=100008388849445&locale=th_TH\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont display-7 socicon-facebook socicon\" style=\"color: rgb(8, 103, 132); fill: rgb(8, 103, 132);\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 1\">\n <a href=\"https://www.tiktok.com/@njj_zx?is_from_webapp=1&sender_device=pc\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-tiktok socicon\" style=\"color: rgb(46, 72, 26); fill: rgb(46, 72, 26);\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 2\">\n <a href=\"https://www.tiktok.com/@njj_zx?is_from_webapp=1&sender_device=pc\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-tiktok socicon\" style=\"color: rgb(46, 72, 26); fill: rgb(46, 72, 26);\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 3\">\n <a href=\"https://mobiri.se/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-tiktok socicon\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"soc > 4\">\n <a href=\"https://mobiri.se/\" target=\"_blank\">\n <span mbr-icon class=\"mbr-iconfont socicon-youtube socicon\"></span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"col-12 mt-5\" mbr-if=\"showCopy\">\n <p class=\"mbr-fonts-style copyright\" mbr-theme-style=\"display-7\" data-app-selector=\".copyright\" data-app-placeholder=\"Type Text\">\n © Copyright 2030 Mobirise - All Rights Reserved\n </p>\n </div>\n </div>\n </div>\n</section>", "_cid": "tJS9NNcTLZ", "_PHPplaceholders": [], "_JSplaceholders": [], "_anchor": "footer03-1m", "_protectedParams": [], "_global": true, "_once": "footers", "_params": {} } ] }, "page3.html": { "settings": { "title": "Hobby", "order": "2" }, "components": [ { "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 (@showText)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showButtons)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" } } }, ".item:focus, span:focus": { "outline": "none" }, ".item": { "margin-bottom": "2rem", "@media (max-width: 767px)": { "margin-bottom": "1rem" } }, "& when not (@spacing)": { ".row": { "margin-left": "0", "margin-right": "0" }, ".item": { "padding": "0", "margin": "0" } }, ".item-wrapper": { "position": "relative", "background": "@cardsBg", "height": "100%", "display": "flex", "flex-flow": "column nowrap", ".item-content": { "display": "flex", "flex-direction": "column", "height": "100%" }, ".item-footer": { "margin-top": "auto" }, "& when (@showButtons)": { ".item-content": { "padding": "2.25rem 2.25rem 0" }, ".item-footer": { "padding-bottom": "2rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "2.25rem" } }, "@media (min-width: 992px) and (max-width: 1200px)": { "& when (@showButtons)": { ".item-content": { "padding": "1.5rem 1.5rem 0" }, ".item-footer": { "padding-bottom": "1.5rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "1.5rem" } } }, "@media (max-width: 767px)": { "& when (@showButtons)": { ".item-content": { "padding": "1.5rem 1.5rem 0" }, ".item-footer": { "padding-bottom": "1.25rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "1.5rem" } } } }, ".mbr-section-title": { "color": "#232323" }, ".mbr-text, .mbr-section-btn": { "text-align": "center" }, ".item-title": { "text-align": "left" }, ".content-head": { "max-width": "800px" }, ".mbr-text, .item-wrapper .mbr-section-btn": { "text-align": "left" } }, "_name": "features06", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features6 start\" group=\"Features\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\t<mbr-parameters>\n\t\t<header>Size</header>\n\t\t<input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n\t\t<input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n\t\t<input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n\t\t<select title=\"Columns\" name=\"cardsWidth\">\n\t\t\t<option value=\"12\">1</option>\n\t\t\t<option value=\"6\">2</option>\n\t\t\t<option value=\"4\" selected>3</option>\n\t\t\t<option value=\"3\">4</option>\n\t\t</select>\n\t\t<header>Show/Hide</header>\n\t\t<input type=\"checkbox\" name=\"showTitle\" title=\"Title\" checked>\n\t\t<input type=\"checkbox\" name=\"showSubtitle\" title=\"Subtitle\">\n\t\t<input type=\"checkbox\" name=\"showmainButtons\" title=\"Buttons\">\n\t\t<header>Cards</header>\n\t\t<input type=\"checkbox\" name=\"autoSize\" title=\"Auto Size\" checked>\n\t\t<input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && !(showButtons==false && showCardTitle==false && showText==false)\">\n\t\t<input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked>\n\t\t<input type=\"checkbox\" name=\"showCardTitle\" title=\"Title\" checked>\n\t\t<input type=\"checkbox\" name=\"showText\" title=\"Text\">\n\t\t<input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\">\n\t\t<input type=\"color\" name=\"cardsBg\" title=\"Cards BG\" value=\"#ffffff\">\n\t\t<header>Background</header>\n\t\t<fieldset type=\"background\" parallax name=\"bg\" required>\n\t\t\t<input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n\t\t\t<input type=\"color\" title=\"Color\" value=\"#bcef9b\" selected>\n\t\t</fieldset>\n\t\t<input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n\t\t<input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type == 'image'\">\n\t\t<input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type == 'image'\">\n\t</mbr-parameters>\n\t<div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n\t<div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n\t\t<div class=\"row justify-content-center\">\n\t\t\t<div class=\"col-12 content-head\">\n\t\t\t\t<div class=\"mbr-section-head mb-5\" mbr-if=\"showTitle \|\| showSubtitle\">\n\t\t\t\t\t<h4 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title, .mbr-section-head .mbr-section-btn\"><b>งานอริเดก</b></h4>\n\t\t\t\t\t<h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle, .mbr-section-head .mbr-section-btn\">\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit.\n\t\t\t\t\t</h5>\n\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-4\" mbr-if=\"showmainButtons\" mbr-buttons mbr-theme-style=\"display-7\">\n\t\t\t\t\t\t<a href class=\"btn item-btn btn-secondary\" data-app-placeholder=\"Type Text\">Get started</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"row\">\n\t\t\t<div class=\"item features-image col-12 col-md-6 col-lg-{{cardsWidth}} active\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/mbr-1-815x458.jpg\" alt=\"Mobirise Website Builder\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle \|\| showText \|\| showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>ดูอนิเมะ</b></h5>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .item-wrapper .mbr-section-btn\">\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit turpis.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n\t\t\t\t\t\t<a href class=\"btn btn-primary item-btn\" data-app-placeholder=\"Type Text\">Learn More</a>\n\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"item features-image col-12 col-md-6 col-lg-{{cardsWidth}}\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/mbr-815x509.jpg\" alt=\"Mobirise Website Builder\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle \|\| showText \|\| showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>อ่านมังงะ</b></h5>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .item-wrapper .mbr-section-btn\">\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit turpis.<br>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n\t\t\t\t\t\t<a href class=\"btn btn-primary item-btn\" data-app-placeholder=\"Type Text\">Learn More</a>\n\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div><div class=\"item features-image col-12 col-md-6 col-lg-{{cardsWidth}}\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/mbr-2-815x543.jpg\" alt=\"Mobirise Website Builder\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle \|\| showText \|\| showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>อยู่คนเดียวกับธรรมชาติ</b></h5>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .item-wrapper .mbr-section-btn\">\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit turpis.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n\t\t\t\t\t\t<a href class=\"btn btn-primary item-btn\" data-app-placeholder=\"Type Text\">Learn More</a>\n\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t\n\t\t</div>\n\t</div>\n</section>", "_cid": "ugALl1lH6l", "_anchor": "features06-1x", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] } } }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.41 | proxy | phpinfo | Settings