File manager - Edit - /home/kridsana/webapp.cm.in.th/663012803/u66301280036/Portfolio/project.mobirise
Back
{ "settings": { "name": "My Site", "currentPage": "index.html", "theme": { "name": "startm5", "title": "StartM5", "styling": { "primaryColor": "#ffffff", "secondaryColor": "#ffd7ef", "successColor": "#ffffff", "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": 145, "versionPublish": "5.9.18", "imageResize": true, "chatbutton": {}, "favicon": false, "mbrsiteDomain": "chayut", "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, "publishEditFolder": 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%" }, "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": "0.3s all !important", ".nav-link": { "padding": "16px !important", "margin": "0 !important", "border-radius": "1rem !important", "transition": "0.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": "0.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": { "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "0" } }, ".navbar-caption": { "padding-left": "1rem", "padding-right": "0.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": "0.3s all" }, ".container": { "display": "flex", "height": "90px", "padding": "0.5rem 0.6rem 0.5rem 1rem", "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": "0.5rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "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": "0.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", "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".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": "2.5rem !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": "0.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": "0.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": "0.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": "0.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": "menu05", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu5\" 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=\"5\" 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\" checked>\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=\"Button\" name=\"showButtons\" checked>\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.8\" condition=\"transparent\">\n\t\t<input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#a6a99c\">\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\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1-137x140.jpeg\" 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\" data-app-placeholder=\"Type Text\" href=\"index.html\">อิเล็กทรอนิกส์</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 || 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 || 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 show text-black\" href=\"page3.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">About Me</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=\"page4.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">Skill</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=\"page5.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contacts</a>\n\t\t\t\t\t</li><li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"page6.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Activity</a></li></ul>\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-success\" href=\"index.html\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_anchor": "menu05-40", "_isUserblock": true, "_cid": "uf02zaNFc4", "_protectedParams": [], "_global": true, "_once": "menu", "_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)" }, ".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", "text-align": "left" }, ".mbr-text, .mbr-section-btn": { "color": "#232323", "text-align": "left" } }, "_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\">\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=\"6\">\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=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n\t\t\t<input type=\"color\" title=\"Color\" value=\"#ffffff\" 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=\"@PROJECT_PATH@/assets/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/img-20231016-135611-1472x3264.jpeg\" 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-1\" mbr-if=\"showTitle\"><b><i>Portfolio</i></b>\n\t\t\t\t\t</h1>\n\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-2\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\"><b><i>นายชยุต เงินอิน</i><br><i>66301280036</i></b><br></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\"><a class=\"btn btn-success-outline\" data-app-placeholder=\"Type Text\">ประวัติส่วนตัว</a></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>", "_anchor": "header01-3s", "_isUserblock": true, "_cid": "uf01N5dPFi", "_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)" }, ".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)" } }, ".card-wrapper": { "background": "@wrapBgColor", "@media (max-width: 767px)": { "padding": "2rem 1.5rem" }, "@media (min-width: 768px) and (max-width: 991px)": { "padding": "2.25rem" }, "@media (min-width: 992px)": { "padding": "4rem" } }, ".mbr-text, .mbr-section-btn": { "color": "#000000", "text-align": "left" }, ".card-title, .card-box": { "text-align": "left", "color": "#000000" } }, "_name": "article07", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"article07\" group=\"Article\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline=\"\" title=\"Content Width\" name=\"contentWidth\" min=\"8\" 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\" checked=\"\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked=\"\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"color\" title=\"Wrap Bg\" name=\"wrapBgColor\" value=\"#ffffff\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\" parallax=\"\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/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.3\" 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'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"card col-md-12 col-lg-{{contentWidth}}\">\n <div class=\"card-wrapper\">\n <h3 class=\"card-title mbr-fonts-style mbr-white mt-3 mb-4\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .card-box\">\n <b>ประวัติส่วนตัว</b></h3>\n <div class=\"row card-box align-left\">\n <div class=\"item features-without-image col-12 active\">\n <div class=\"item-wrapper\">\n <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\"><b>ข้อมูล</b></h4>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\"><b>ปีเกิด</b> 25 มกราคม ปี 2547 อายุ 20 ปี เลือดกรุ๊ป O<br><b>ข้อมูลสัญชาติ</b> <br>สัญชาติ ไทย <br>ศาสนา พุทธ<br><b>MBTI</b> ENFJ<br><b>สถานศึกษา</b> วิทยาลัยเทคนิคเชียงใหม่ <br><b>สาขา</b> คอมพิวเตอร์ระบบเครื่อข่าย</p>\n </div>\n </div>\n \n \n <div class=\"item features-without-image col-12\">\n <div class=\"item-wrapper\">\n <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n <b>งานอดิเรก</b></h4>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">ออกกำลังกายด้วยเวทเทรนนิ่งอ่านหนังสือพัมนาตัวเองหาความรู้เรื่องการเงินลงทุน<br>ทำสื่อเชิงบวกลง TIKTOK และเล่นเกมบางเวลา</p>\n </div>\n </div><div class=\"item features-without-image col-12\">\n <div class=\"item-wrapper\">\n <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n <b>ความสามารถ</b></h4>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">ทักษะเรื่องซ่อมแซมอุปกรณ์อิเล็กทรอนิกส์ / ความรู้เรื่องการออกำลังกาย / มีความรู้พื่นฐานเรื่องธุรกิจ<br>การพรีเซนต์อธิบายได้ดี</p>\n </div>\n </div><div class=\"item features-without-image col-12\">\n <div class=\"item-wrapper\">\n <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n <b>นิสัยส่วนตัว</b></h4>\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 เป็นคนทำงานไวและมีทักษะประสิทธิภาพสูง</p>\n </div>\n </div>\n </div>\n <div mbr-buttons=\"\" mbr-theme-style=\"display-7\" class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\">\n <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Start Now</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_anchor": "article07-3t", "_isUserblock": true, "_cid": "uf01NpCan9", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "display": "flex", "& 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-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, "@media (min-width: 768px)": { "align-items": "~\"@{verticalAlign}\"", ".row": { "justify-content": "~\"@{horizontalAlign}\"" }, ".content-wrap": { "padding": "1rem 3rem" } }, "@media (max-width: 991px) and (min-width: 768px)": { ".content-wrap": { "min-width": "50%" } }, "@media (max-width: 767px)": { "-webkit-align-items": "center", "align-items": "~\"@{verticalAlign}\"", ".mbr-row": { "-webkit-justify-content": "center", "justify-content": "center" }, ".content-wrap": { "width": "100%" } }, ".mbr-section-title, .mbr-section-subtitle": { "text-align": "center" }, ".mbr-text, .mbr-section-btn": { "text-align": "center", "color": "#ffffff" }, ".mbr-section-title": { "color": "#232323" } }, "_name": "header17", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header16\" group=\"Headers\" 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=\"24\" step=\"1\" value=\"13\" 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\" inline=\"\" title=\"Content Width\" name=\"contentWidth\" min=\"3\" max=\"12\" step=\"1\" value=\"12\">\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=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <select title=\"Vertical Align\" name=\"verticalAlign\" condition=\"fullScreen\">\n <option value=\"flex-start\">Top</option>\n <option value=\"center\">Center</option>\n <option value=\"flex-end\" selected=\"\">Bottom</option>\n </select>\n <select title=\"Horizontal Align\" name=\"horizontalAlign\">\n <option value=\"flex-start\">Left</option>\n <option value=\"center\" selected=\"\">Center</option>\n <option value=\"flex-end\">Right</option>\n </select>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1999x2048.jpg\" parallax=\"\" selected=\"\">\n <input type=\"video\" title=\"Video\" value=\"https://www.youtube.com/watch?v=2Gg6Seob5Mg\">\n <input type=\"color\" title=\"Color\" value=\"#260a30\">\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/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.8\" condition=\"overlay && bg.type !== 'color'\">\n\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=\"bg.type!='color' && overlay\">\n <input type=\"range\" inline=\"\" title=\"Overlay Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"bg.type!='color' && overlay\">\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, 'container-fluid': fullWidth}\">\n <div class=\"row\">\n <div class=\"content-wrap col-12 col-md-{{contentWidth}}\">\n <h1 class=\"mbr-section-title mbr-fonts-style mbr-white mb-4\" mbr-theme-style=\"display-1\" data-app-selector=\".mbr-section-title\" mbr-if=\"showTitle\"><b>สาขาคอมเครื่อข่าย</b></h1>\n <h2 class=\"mbr-section-subtitle mbr-fonts-style mbr-white mb-4\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-2\" mbr-if=\"showSubtitle\">\n Header Subtitle\n </h2>\n <p class=\"mbr-fonts-style mbr-text mbr-white mb-4\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">ะำด</p>\n <div class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons=\"\" mbr-theme-style=\"display-7\"><a class=\"btn btn-white-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Learn More</a></div>\n </div>\n </div>\n </div>\n</section>", "_anchor": "header17-3u", "_isUserblock": true, "_cid": "uf01O4uqkw", "_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" } } }, ".item-subtitle": { "line-height": "1.2", "color": "#232323", "text-align": "center" }, "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", "border-radius": "4px", "height": "100%", "display": "flex", "flex-flow": "column nowrap" }, ".mbr-section-title": { "color": "#232323" }, ".mbr-text, .mbr-section-btn": { "color": "#000000", "text-align": "center" }, ".item-title": { "color": "#232323", "text-align": "center" }, ".content-head": { "max-width": "800px" } }, "_name": "features03", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features03\" 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=\"0\">\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<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=\"4\" condition=\"autoSize\"><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\" checked=\"\">\n\t\t<input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\">\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=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n\t\t\t<input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n\t\t</fieldset>\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=\"#edefeb\" 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.6\" 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 mb-5\">\n\t\t\t<div class=\"col-12 content-head\">\n\t\t\t\t<div class=\"mbr-section-head\" 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\">\n\t\t\t\t\t\t<b><i>ความสามารถ</i></b></h4>\n\t\t\t\t\t<h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mt-4 mb-0\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n\t\t\t\t\t\tTo add more cards, hover on a card and click 'Add items'\n\t\t\t\t\t</h5>\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 mb-3\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1713934531673-816x612.jpeg\" alt=\"Mobirise Website Builder\" title=\"\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-content align-left\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style mt-0 mb-2\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>ทักษะเรื่องซ่อมแซม</b><br><b>อุปกรณ์อิเล็กทรอนิกส์</b></h5>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mb-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t สามารถซ๋อมแซมอุปกรณ์อิเล็กทรอนิกส์<br>หรืออุปกรณ์ไฟฟ้าได้</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=\"\" class=\"btn item-btn btn-danger-outline\" data-app-placeholder=\"Type Text\">Start Now</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 mb-3\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-21-141431-590x417.png\" alt=\"Mobirise Website Builder\" title=\"\" 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 align-left\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style mb-2 mt-0\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">\n\t\t\t\t\t\t\t<b>ความรู้เรื่องการ</b><br><b>ออกำลังกาย</b></h5>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mb-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\tสามารถปรึกษาให้ความรู้เรื่องการออกกำลังกายได้สร้างกล้ามหรือลดนํ้าหนัก<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=\"\" class=\"btn item-btn btn-danger-outline\" data-app-placeholder=\"Type Text\">Start Now</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 mb-3\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-21-142049-552x354.png\" alt=\"Mobirise Website Builder\" title=\"\" 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 align-left\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style mb-2 mt-0\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">\n\t\t\t\t\t\t <b>มีความรู้พื่นฐานเรื่องธุรกิจ</b><br><b>และการลงทุนกองทุนรวม</b></h5>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mb-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\tสามารถให้แนวทางปรึกษาเรื่องธุรกิจได้เสนอความคิดให้คำแนะนำ<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=\"\" class=\"btn item-btn btn-danger-outline\" data-app-placeholder=\"Type Text\">Start Now</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>", "_anchor": "features03-3v", "_isUserblock": true, "_cid": "uf01Ooz3By", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, ".mbr-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)" } }, ".item-wrapper": { "display": "flex", "margin-bottom": "2rem", "border-radius": "0 !important", "@media (max-width: 767px)": { "margin-bottom": "1rem" } }, ".mbr-iconfont": { "font-size": "3rem", "color": "@iconColor", "padding-right": "2rem" }, ".content-head": { "max-width": "800px" }, ".card-text": { "color": "#000000" } }, "_name": "social02", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"social02\" group=\"Social\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'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<header>Show/Hide</header>\n\t\t<input type=\"checkbox\" title=\"Title\" name=\"showmainTitle\" checked=\"\">\n\t\t<input type=\"checkbox\" title=\"Subtitle\" name=\"showmainSubtitle\">\n\t\t<header>Cards</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=\"Icons\" name=\"showIcon\" checked=\"\">\n\t\t<input type=\"color\" title=\"Color\" name=\"iconColor\" value=\"#2e481a\" selected=\"\" condition=\"showIcon\">\n\t\t<select title=\"Columns\" name=\"columns\">\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>Background</header>\n\t\t<fieldset type=\"background\" name=\"bg\" parallax=\"\">\n\t\t\t<input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n\t\t\t<input type=\"color\" title=\"Color\" value=\"#ffffff\" 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=\"@PROJECT_PATH@/assets/images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\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 !== 'color'\">\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 !== '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\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=\"mb-5\" mbr-if=\"showmainTitle || showmainSubtitle\">\n\t\t\t\t\t<h5 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\"><b>ช่องทางติดต่อ</b></h5>\n\t\t\t\t\t<h6 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4\" mbr-theme-style=\"display-7\" mbr-if=\"showmainSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n\t\t\t\t\t\tFollow us\n\t\t\t\t\t</h6>\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-without-image col-12 col-md-6 col-lg-{{columns}} active\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<span mbr-icon=\"\" class=\"mbr-iconfont m-auto socicon-instagram socicon\" mbr-if=\"showIcon\"></span>\n\t\t\t\t\t<div class=\"card-box\">\n\t\t\t\t\t\t<h4 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n\t\t\t\t\t\t\t<b>Instagram</b>\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">Tae_J22</h5>\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\t\n\t\t\t\n\t\t\t<div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<span mbr-icon=\"\" class=\"mbr-iconfont m-auto socicon-tiktok socicon\" mbr-if=\"showIcon\"></span>\n\t\t\t\t\t<div class=\"card-box\">\n\t\t\t\t\t\t<h4 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n\t\t\t\t\t\t\t<b>TikTol</b>\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">\n\t\t\t\t\t\t\tTJ_Star22</h5>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div><div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<span mbr-icon=\"\" class=\"mbr-iconfont m-auto socicon-facebook socicon\" mbr-if=\"showIcon\"></span>\n\t\t\t\t\t<div class=\"card-box\">\n\t\t\t\t\t\t<h4 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n\t\t\t\t\t\t\t<b>Facebook</b>\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\"><i style=\"\">Tae Joestar</i></h5>\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>", "_anchor": "social02-3w", "_isUserblock": true, "_cid": "uf01OAdXLL", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] }, "page2.html": { "settings": { "title": "patiphan pilokhum", "order": "6" }, "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%" }, "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": "0.3s all !important", ".nav-link": { "padding": "16px !important", "margin": "0 !important", "border-radius": "1rem !important", "transition": "0.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": "0.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": { "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "0" } }, ".navbar-caption": { "padding-left": "1rem", "padding-right": "0.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": "0.3s all" }, ".container": { "display": "flex", "height": "90px", "padding": "0.5rem 0.6rem 0.5rem 1rem", "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": "0.5rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "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": "0.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", "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".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": "2.5rem !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": "0.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": "0.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": "0.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": "0.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": "menu05", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu5\" 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=\"5\" 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\" checked>\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=\"Button\" name=\"showButtons\" checked>\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.8\" condition=\"transparent\">\n\t\t<input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#a6a99c\">\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\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1-137x140.jpeg\" 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\" data-app-placeholder=\"Type Text\" href=\"index.html\">อิเล็กทรอนิกส์</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 || 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 || 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 show text-black\" href=\"page3.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">About Me</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=\"page4.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">Skill</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=\"page5.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contacts</a>\n\t\t\t\t\t</li><li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"page6.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Activity</a></li></ul>\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-success\" href=\"index.html\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_anchor": "menu05-40", "_isUserblock": true, "_cid": "uf02zaNFc4", "_protectedParams": [], "_global": true, "_once": "menu", "_params": {} } ] }, "page3.html": { "settings": { "title": "Page 1", "order": "2", "socialSharingUrl": "", "meta_descr": "", "meta_image": "@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1999x2048.jpg" }, "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%" }, "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": "0.3s all !important", ".nav-link": { "padding": "16px !important", "margin": "0 !important", "border-radius": "1rem !important", "transition": "0.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": "0.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": { "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "0" } }, ".navbar-caption": { "padding-left": "1rem", "padding-right": "0.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": "0.3s all" }, ".container": { "display": "flex", "height": "90px", "padding": "0.5rem 0.6rem 0.5rem 1rem", "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": "0.5rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "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": "0.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", "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".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": "2.5rem !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": "0.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": "0.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": "0.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": "0.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": "menu05", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu5\" 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=\"5\" 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\" checked>\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=\"Button\" name=\"showButtons\" checked>\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.8\" condition=\"transparent\">\n\t\t<input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#a6a99c\">\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\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1-137x140.jpeg\" 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\" data-app-placeholder=\"Type Text\" href=\"index.html\">อิเล็กทรอนิกส์</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 || 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 || 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 show text-black\" href=\"page3.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">About Me</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=\"page4.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">Skill</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=\"page5.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contacts</a>\n\t\t\t\t\t</li><li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"page6.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Activity</a></li></ul>\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-success\" href=\"index.html\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_anchor": "menu05-40", "_isUserblock": true, "_cid": "uf02zaNFc4", "_protectedParams": [], "_global": true, "_once": "menu", "_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)" }, ".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)" } }, ".card-wrapper": { "background": "@wrapBgColor", "@media (max-width: 767px)": { "padding": "2rem 1.5rem" }, "@media (min-width: 768px) and (max-width: 991px)": { "padding": "2.25rem" }, "@media (min-width: 992px)": { "padding": "4rem" } }, ".mbr-text, .mbr-section-btn": { "color": "#000000", "text-align": "left" }, ".card-title, .card-box": { "text-align": "left", "color": "#000000" } }, "_name": "article07", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"article07\" group=\"Article\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Content Width\" name=\"contentWidth\" min=\"8\" 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\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"color\" title=\"Wrap Bg\" name=\"wrapBgColor\" value=\"#ffffff\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type === '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.3\" 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'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"card col-md-12 col-lg-{{contentWidth}}\">\n <div class=\"card-wrapper\">\n <h3 class=\"card-title mbr-fonts-style mbr-white mt-3 mb-4\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .card-box\">\n <b>ประวัติส่วนตัว</b></h3>\n <div class=\"row card-box align-left\">\n <div class=\"item features-without-image col-12 active\">\n <div class=\"item-wrapper\">\n <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\"><b>ข้อมูล</b></h4>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\"><b>ปีเกิด</b> 25 มกราคม ปี 2547 อายุ 20 ปี เลือดกรุ๊ป O<br><b>ข้อมูลสัญชาติ</b> <br>สัญชาติ ไทย <br>ศาสนา พุทธ<br><b>MBTI</b> ENFJ<br><b>สถานศึกษา</b> วิทยาลัยเทคนิคเชียงใหม่ <br><b>สาขา</b> คอมพิวเตอร์ระบบเครื่อข่าย</p>\n </div>\n </div>\n \n \n <div class=\"item features-without-image col-12\">\n <div class=\"item-wrapper\">\n <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n <b>งานอดิเรก</b></h4>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">ออกกำลังกายด้วยเวทเทรนนิ่งอ่านหนังสือพัมนาตัวเองหาความรู้เรื่องการเงินลงทุน<br>ทำสื่อเชิงบวกลง TIKTOK และเล่นเกมบางเวลา</p>\n </div>\n </div><div class=\"item features-without-image col-12\">\n <div class=\"item-wrapper\">\n <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n <b>ความสามารถ</b></h4>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">ทักษะเรื่องซ่อมแซมอุปกรณ์อิเล็กทรอนิกส์ / ความรู้เรื่องการออกำลังกาย / มีความรู้พื่นฐานเรื่องธุรกิจ<br>การพรีเซนต์อธิบายได้ดี</p>\n </div>\n </div><div class=\"item features-without-image col-12\">\n <div class=\"item-wrapper\">\n <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n <b>นิสัยส่วนตัว</b></h4>\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 เป็นคนทำงานไวและมีทักษะประสิทธิภาพสูง</p>\n </div>\n </div>\n </div>\n <div mbr-buttons mbr-theme-style=\"display-7\" class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\">\n <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Start Now</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "ueIsZL2RQE", "_anchor": "article07-2q", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] }, "page4.html": { "settings": { "title": "Page 2", "order": "3", "socialSharingUrl": "", "meta_descr": "", "meta_image": "@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1999x2048.jpg" }, "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%" }, "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": "0.3s all !important", ".nav-link": { "padding": "16px !important", "margin": "0 !important", "border-radius": "1rem !important", "transition": "0.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": "0.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": { "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "0" } }, ".navbar-caption": { "padding-left": "1rem", "padding-right": "0.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": "0.3s all" }, ".container": { "display": "flex", "height": "90px", "padding": "0.5rem 0.6rem 0.5rem 1rem", "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": "0.5rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "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": "0.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", "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".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": "2.5rem !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": "0.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": "0.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": "0.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": "0.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": "menu05", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu5\" 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=\"5\" 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\" checked>\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=\"Button\" name=\"showButtons\" checked>\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.8\" condition=\"transparent\">\n\t\t<input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#a6a99c\">\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\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1-137x140.jpeg\" 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\" data-app-placeholder=\"Type Text\" href=\"index.html\">อิเล็กทรอนิกส์</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 || 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 || 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 show text-black\" href=\"page3.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">About Me</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=\"page4.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">Skill</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=\"page5.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contacts</a>\n\t\t\t\t\t</li><li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"page6.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Activity</a></li></ul>\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-success\" href=\"index.html\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_anchor": "menu05-40", "_isUserblock": true, "_cid": "uf02zaNFc4", "_protectedParams": [], "_global": true, "_once": "menu", "_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" } } }, ".item-subtitle": { "line-height": "1.2", "color": "#232323", "text-align": "center" }, "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", "border-radius": "4px", "height": "100%", "display": "flex", "flex-flow": "column nowrap" }, ".mbr-section-title": { "color": "#232323" }, ".mbr-text, .mbr-section-btn": { "color": "#000000", "text-align": "center" }, ".item-title": { "color": "#232323", "text-align": "center" }, ".content-head": { "max-width": "800px" } }, "_name": "features03", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features03\" 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<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=\"4\" condition=\"autoSize\"><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\" checked>\n\t\t<input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\" checked>\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=\"#ffffff\" selected>\n\t\t</fieldset>\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=\"#edefeb\" 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.6\" 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 mb-5\">\n\t\t\t<div class=\"col-12 content-head\">\n\t\t\t\t<div class=\"mbr-section-head\" 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\">\n\t\t\t\t\t\t<b><i>ความสามารถ</i></b></h4>\n\t\t\t\t\t<h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mt-4 mb-0\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n\t\t\t\t\t\tTo add more cards, hover on a card and click 'Add items'\n\t\t\t\t\t</h5>\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 mb-3\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1713934531673-816x612.jpeg\" alt=\"Mobirise Website Builder\" title>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"item-content align-left\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style mt-0 mb-2\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>ทักษะเรื่องซ่อมแซม</b><br><b>อุปกรณ์อิเล็กทรอนิกส์</b></h5>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mb-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t สามารถซ๋อมแซมอุปกรณ์อิเล็กทรอนิกส์<br>หรืออุปกรณ์ไฟฟ้าได้</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 item-btn btn-primary\" data-app-placeholder=\"Type Text\">Start Now</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 mb-3\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-21-141431-590x417.png\" alt=\"Mobirise Website Builder\" title 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 align-left\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style mb-2 mt-0\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">\n\t\t\t\t\t\t\t<b>ความรู้เรื่องการ</b><br><b>ออกำลังกาย</b></h5>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mb-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\tสามารถปรึกษาให้ความรู้เรื่องการออกกำลังกายได้สร้างกล้ามหรือลดนํ้าหนัก<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 item-btn btn-primary\" data-app-placeholder=\"Type Text\">Start Now</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 mb-3\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-21-142049-552x354.png\" alt=\"Mobirise Website Builder\" title 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 align-left\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\t\t\t\t<h5 class=\"item-title mbr-fonts-style mb-2 mt-0\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">\n\t\t\t\t\t\t <b>มีความรู้พื่นฐานเรื่องธุรกิจ</b><br><b>และการลงทุนกองทุนรวม</b></h5>\n\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mb-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\tสามารถให้แนวทางปรึกษาเรื่องธุรกิจได้เสนอความคิดให้คำแนะนำ<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 item-btn btn-primary\" data-app-placeholder=\"Type Text\">Start Now</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</div>\n\t</div>\n</section>", "_cid": "ueItCCSXmg", "_anchor": "features03-2y", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] }, "page5.html": { "settings": { "title": "Page 3", "order": "4", "socialSharingUrl": "", "meta_descr": "", "meta_image": "@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1999x2048.jpg" }, "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%" }, "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": "0.3s all !important", ".nav-link": { "padding": "16px !important", "margin": "0 !important", "border-radius": "1rem !important", "transition": "0.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": "0.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": { "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "0" } }, ".navbar-caption": { "padding-left": "1rem", "padding-right": "0.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": "0.3s all" }, ".container": { "display": "flex", "height": "90px", "padding": "0.5rem 0.6rem 0.5rem 1rem", "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": "0.5rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "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": "0.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", "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".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": "2.5rem !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": "0.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": "0.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": "0.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": "0.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": "menu05", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu5\" 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=\"5\" 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\" checked>\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=\"Button\" name=\"showButtons\" checked>\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.8\" condition=\"transparent\">\n\t\t<input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#a6a99c\">\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\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1-137x140.jpeg\" 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\" data-app-placeholder=\"Type Text\" href=\"index.html\">อิเล็กทรอนิกส์</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 || 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 || 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 show text-black\" href=\"page3.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">About Me</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=\"page4.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">Skill</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=\"page5.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contacts</a>\n\t\t\t\t\t</li><li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"page6.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Activity</a></li></ul>\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-success\" href=\"index.html\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_anchor": "menu05-40", "_isUserblock": true, "_cid": "uf02zaNFc4", "_protectedParams": [], "_global": true, "_once": "menu", "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, ".mbr-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)" } }, ".item-wrapper": { "display": "flex", "margin-bottom": "2rem", "border-radius": "0 !important", "@media (max-width: 767px)": { "margin-bottom": "1rem" } }, ".mbr-iconfont": { "font-size": "3rem", "color": "@iconColor", "padding-right": "2rem" }, ".content-head": { "max-width": "800px" }, ".card-text": { "color": "#000000" }, ".mbr-section-subtitle": { "color": "#ffffff" } }, "_name": "social02", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"social02\" group=\"Social\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'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=\"10\">\n\t\t<input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"10\">\n\t\t<header>Show/Hide</header>\n\t\t<input type=\"checkbox\" title=\"Title\" name=\"showmainTitle\" checked>\n\t\t<input type=\"checkbox\" title=\"Subtitle\" name=\"showmainSubtitle\" checked>\n\t\t<header>Cards</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=\"Icons\" name=\"showIcon\" checked>\n\t\t<input type=\"color\" title=\"Color\" name=\"iconColor\" value=\"#2e481a\" selected condition=\"showIcon\">\n\t\t<select title=\"Columns\" name=\"columns\">\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>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=\"#ffffff\" 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'\" checked>\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.5\" 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\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=\"mb-5\" mbr-if=\"showmainTitle || showmainSubtitle\">\n\t\t\t\t\t<h5 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\"><b>ช่องทางติดต่อ</b></h5>\n\t\t\t\t\t<h6 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4\" mbr-theme-style=\"display-7\" mbr-if=\"showmainSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n\t\t\t\t\t\tFollow us\n\t\t\t\t\t</h6>\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-without-image col-12 col-md-6 col-lg-{{columns}} active\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<span mbr-icon class=\"mbr-iconfont m-auto socicon-instagram socicon\" mbr-if=\"showIcon\"></span>\n\t\t\t\t\t<div class=\"card-box\">\n\t\t\t\t\t\t<h4 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n\t\t\t\t\t\t\t<b>Instagram</b>\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">Tae_J22</h5>\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\t\n\t\t\t\n\t\t\t<div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<span mbr-icon class=\"mbr-iconfont m-auto socicon-tiktok socicon\" mbr-if=\"showIcon\"></span>\n\t\t\t\t\t<div class=\"card-box\">\n\t\t\t\t\t\t<h4 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n\t\t\t\t\t\t\t<b>TikTol</b>\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">\n\t\t\t\t\t\t\tTJ_Star22</h5>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div><div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t<span mbr-icon class=\"mbr-iconfont m-auto socicon-facebook socicon\" mbr-if=\"showIcon\"></span>\n\t\t\t\t\t<div class=\"card-box\">\n\t\t\t\t\t\t<h4 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n\t\t\t\t\t\t\t<b>Facebook</b>\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\"><i style>Tae Joestar</i></h5>\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": "ueIwLvJjm7", "_anchor": "social02-35", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] }, "page6.html": { "settings": { "title": "Page 4", "order": "5", "socialSharingUrl": "", "meta_descr": "", "meta_image": "@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1999x2048.jpg" }, "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%" }, "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": "0.3s all !important", ".nav-link": { "padding": "16px !important", "margin": "0 !important", "border-radius": "1rem !important", "transition": "0.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": "0.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": { "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "0" } }, ".navbar-caption": { "padding-left": "1rem", "padding-right": "0.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": "0.3s all" }, ".container": { "display": "flex", "height": "90px", "padding": "0.5rem 0.6rem 0.5rem 1rem", "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": "0.5rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "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": "0.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", "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".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": "2.5rem !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": "0.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": "0.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": "0.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": "0.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": "menu05", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu5\" 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=\"5\" 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\" checked>\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=\"Button\" name=\"showButtons\" checked>\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.8\" condition=\"transparent\">\n\t\t<input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#a6a99c\">\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\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/315950474-561600099109180-3176803490398137446-n-1-137x140.jpeg\" 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\" data-app-placeholder=\"Type Text\" href=\"index.html\">อิเล็กทรอนิกส์</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 || 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 || 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 show text-black\" href=\"page3.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">About Me</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=\"page4.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">Skill</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=\"page5.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contacts</a>\n\t\t\t\t\t</li><li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"page6.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Activity</a></li></ul>\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-success\" href=\"index.html\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_anchor": "menu05-40", "_isUserblock": true, "_cid": "uf02zaNFc4", "_protectedParams": [], "_global": true, "_once": "menu", "_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" }, "@media (max-width: 767px)": { "max-height": "300px" } } }, ".item:focus, span:focus": { "outline": "none" }, ".item-wrapper": { "position": "relative" }, ".slide-content": { "position": "relative", "border-radius": "4px", "background": "@cardsBg", "height": "100%", "display": "flex", "overflow": "hidden", "flex-flow": "column nowrap", "& when (@showButtons)": { ".item-content": { "padding": "2.25rem 2.25rem 0" }, ".item-footer": { "padding": "0 2.25rem 2.25rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "2.25rem" } }, "@media (min-width: 992px) and (max-width: 1200px)": { "& when (@showButtons)": { ".item-content": { "padding": "2rem 1.5rem 0" }, ".item-footer": { "padding": "0 1.5rem 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": "0 1.5rem 1.5rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "1.5rem" } } } }, ".mbr-section-btn": { "margin-top": "auto !important" }, ".mbr-section-title": { "color": "#232323" }, ".mbr-text, .mbr-section-btn": { "text-align": "left", "color": "#ffffff" }, ".item-title": { "text-align": "left" }, ".item-subtitle": { "text-align": "left", "color": "#bbbbbb" }, ".embla__slide": { "display": "flex", "justify-content": "center", "position": "relative", "min-width": "370px", "max-width": "370px", "@media (max-width: 768px)": { "min-width": "85%", "max-width": "initial" } }, ".embla__button--next, .embla__button--prev": { "display": "flex" }, ".embla__button": { "top": "50%", "width": "60px", "height": "60px", "margin-top": "-1.5rem", "font-size": "22px", "background-color": "rgba(0, 0, 0, 0.5)", "color": "#fff", "border": "2px solid #fff", "border-radius": "50%", "transition": "all 0.3s", "position": "absolute", "display": "flex", "justify-content": "center", "align-items": "center", "& when not (@arrows)": { "display": "none" }, "& when not (@arrowsMobile)": { "@media (max-width: 768px)": { "display": "none" } }, "&:disabled": { "cursor": "default", "display": "none" }, "&:hover": { "background": "#000", "color": "rgba(255, 255, 255, 0.5)" }, "&.embla__button--prev": { "left": "0", "margin-left": "2.5rem" }, "&.embla__button--next": { "right": "0", "margin-right": "2.5rem" }, "@media (max-width: 767px)": { "top": "auto" } }, ".embla": { "position": "relative", "width": "100%" }, ".embla__viewport": { "overflow": "hidden", "width": "100%" }, ".embla__viewport.is-draggable": { "cursor": "grab" }, ".embla__viewport.is-dragging": { "cursor": "grabbing" }, ".embla__container": { "display": "flex", "user-select": "none", "-webkit-touch-callout": "none", "-khtml-user-select": "none", "-webkit-tap-highlight-color": "transparent", "@media (max-width: 768px)": { "& .embla__slide:first-child": { "margin-left": "2rem !important" }, "& .embla__slide:last-child": { "margin-right": "2rem !important" } } }, ".content-head": { "max-width": "800px" } }, "_name": "features017", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features017 mbr-embla\" group=\"Gallery & Slider\" plugins=\"embla\" 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\" checked>\n\t\t<input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n\t\t<input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\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<header>Carousel</header>\n\t\t<input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n\t\t<input type=\"range\" title=\"Interval\" name=\"interval\" min=\"1\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n\t\t<input type=\"checkbox\" title=\"Loop\" name=\"loop\">\n\t\t<input type=\"checkbox\" title=\"Draggable\" name=\"draggable\" checked>\n\t\t<input type=\"checkbox\" name=\"arrows\" title=\"Arrows\" checked>\n\t\t<input type=\"checkbox\" name=\"arrowsMobile\" title=\"Mobile Arrows\" condition=\"arrows\">\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=\"4\" condition=\"autoSize && !(showButtons==false && showCardSubtitle==false && showCardTitle==false && showText==false)\">\n\t\t<input type=\"range\" name=\"gap\" title=\"Gap\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\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\">\n\t\t<input type=\"color\" name=\"cardsBg\" title=\"BG\" value=\"#ffffff\">\n\t\t<header>Background</header>\n\t\t<fieldset type=\"background\" name=\"bg\" parallax required>\n\t\t\t<input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n\t\t\t<input type=\"color\" title=\"Color\" value=\"#edefeb\" selected>\n\t\t</fieldset>\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=\"#edefeb\" 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.6\" 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 class=\"position-relative\">\n\t\t<div mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t<div class=\"col-12 content-head\">\n\t\t\t\t\t<div class=\"mbr-section-head mb-5\" mbr-if=\"showTitle || showSubtitle\">\n\t\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\">\n\t\t\t\t\t\t\t<b>ภาพกิจกรรม</b>\n\t\t\t\t\t\t</h4>\n\t\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\">\n\t\t\t\t\t\t\tTo add more cards, hover on a card and click 'Add items'\n\t\t\t\t\t\t</h5>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"embla\" data-loop=\"{{loop}}\" data-auto-play=\"{{autoplay}}\" data-auto-play-interval=\"{{interval}}\" data-draggable=\"{{draggable}}\" data-skip-snaps=\"true\" data-align=\"center\" data-contain-scroll=\"trimSnaps\">\n\t\t\t<div class=\"embla__viewport\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n\t\t\t\t<div class=\"embla__container\">\n\t\t\t\t\t<div class=\"embla__slide slider-image item active\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n\t\t\t\t\t\t<div class=\"slide-content\">\n\t\t\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1709805108614-600x1064.jpeg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"1\" data-bs-slide-to=\"1\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\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><br><b> </b></h5>\n\t\t\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t\t\tWebsite Design\n\t\t\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t\t\t\tMobirise is an easy website .\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-2\" 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\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now</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\t<div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n\t\t\t\t\t\t<div class=\"slide-content\">\n\t\t\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1712645734079-600x800.jpeg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"2\" data-bs-slide-to=\"2\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\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\">\n\t\t\t\t\t\t\t\t\t<b>ทาสี\n</b><div><b> </b></div></h5>\n\t\t\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t\t\tWebsite Design\n\t\t\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t\t\t\tMobirise is an easy website builder. Just drop site elements to your page, add\n\t\t\t\t\t\t\t\t\tcontent and style it to look the way you like.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-2\" 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\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now</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\t<div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n\t\t\t\t\t\t<div class=\"slide-content\">\n\t\t\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1714048556114-600x450.jpg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"3\" data-bs-slide-to=\"3\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\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\">\n\t\t\t\t\t\t\t\t\t<b>วัดพื้นที่\n</b><div><b> </b></div></h5>\n\t\t\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t\t\tWebsite Design\n\t\t\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t\t\t\tMobirise is an easy website builder. Just drop site elements to your page, add\n\t\t\t\t\t\t\t\t\tcontent and style it to look the way you like.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-2\" 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\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now</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\t<div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n\t\t\t\t\t\t<div class=\"slide-content\">\n\t\t\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1714271062734-1108x1477.jpg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"4\" data-bs-slide-to=\"4\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\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\">\n\t\t\t\t\t\t\t\t\t<b>ต่อสายหลอดไฟ\n</b><div><b> </b></div></h5>\n\t\t\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t\t\tWebsite Design\n\t\t\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t\t\t\tMobirise is an easy website builder. Just drop site elements to your page, add\n\t\t\t\t\t\t\t\t\tcontent and style it to look the way you like.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-2\" 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\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now</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\t<div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n\t\t\t\t\t\t<div class=\"slide-content\">\n\t\t\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1714272277736-1108x1477.jpeg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"5\" data-bs-slide-to=\"5\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\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\">\n\t\t\t\t\t\t\t\t\t<b>ติดเซ็นเซอร์\n</b><div><b> </b></div></h5>\n\t\t\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t\t\tWebsite Design\n\t\t\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t\t\t\tMobirise is an easy website builder. Just drop site elements to your page, add\n\t\t\t\t\t\t\t\t\tcontent and style it to look the way you like.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-2\" 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\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now</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\t<div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n\t\t\t\t\t\t<div class=\"slide-content\">\n\t\t\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1714273141003-856x1911.jpg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"6\" data-bs-slide-to=\"6\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\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\">\n\t\t\t\t\t\t\t\t\t<b>วัดค่ากระแสไฟแอร์\n</b><div><b> </b></div></h5>\n\t\t\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t\t\tWebsite Design\n\t\t\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t\t\t\tMobirise is an easy website builder. Just drop site elements to your page, add\n\t\t\t\t\t\t\t\t\tcontent and style it to look the way you like.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-2\" 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\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now</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\t<div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n\t\t\t\t\t\t<div class=\"slide-content\">\n\t\t\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1710490081008-600x450.jpg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"7\" data-bs-slide-to=\"7\">\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\t\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>ประกอบป้าย\n</b><div><b> </b></div></h5>\n\t\t\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t\t\tWebsite Design\n\t\t\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t\t\t\tMobirise is an easy website builder. Just drop site elements to your page, add\n\t\t\t\t\t\t\t\t\tcontent and style it to look the way you like.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-2\" 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\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now</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\t<div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n\t\t\t\t\t<div class=\"slide-content\">\n\t\t\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t<div class=\"item-wrapper\">\n\t\t\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/1714272104025-600x450.jpg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"8\" data-bs-slide-to=\"8\">\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n\t\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\">\n\t\t\t\t\t\t\t\t<b>ติดตั้งโปรเจ็คเตอร์\n</b><div><b> </b></div></h5>\n\t\t\t\t\t\t\t<h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n\t\t\t\t\t\t\t\tWebsite Design\n\t\t\t\t\t\t\t</h6>\n\t\t\t\t\t\t\t<p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n\t\t\t\t\t\t\t\tMobirise is an easy website builder. Just drop site elements to your page, add\n\t\t\t\t\t\t\t\tcontent and style it to look the way you like.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\">\n\t\t\t\t\t\t\t<a href class=\"btn item-btn btn-primary\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now</a>\n\t\t\t\t\t\t</div>\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<button class=\"embla__button embla__button--prev\">\n\t\t\t\t<span class=\"mobi-mbri mobi-mbri-arrow-prev mbr-iconfont\" aria-hidden=\"true\"></span>\n\t\t\t\t<span class=\"sr-only visually-hidden visually-hidden visually-hidden\">Previous</span>\n\t\t\t</button>\n\t\t\t<button class=\"embla__button embla__button--next\">\n\t\t\t\t<span class=\"mobi-mbri mobi-mbri-arrow-next mbr-iconfont\" aria-hidden=\"true\"></span>\n\t\t\t\t<span class=\"sr-only visually-hidden visually-hidden visually-hidden\">Next</span>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</section>", "_cid": "ueICRsNbak", "_anchor": "features017-3k", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] } } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.39 |
proxy
|
phpinfo
|
Settings