Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/663012803/u66301280037/Portfolio/project.mobirise
Arrière
{ "settings": { "name": "My Site", "currentPage": "page3.html", "theme": { "name": "startm5", "title": "StartM5", "styling": { "primaryColor": "#2b7a69", "secondaryColor": "#ffd7ef", "successColor": "#3a341c", "infoColor": "#320707", "warningColor": "#a0e2e1", "dangerColor": "#ffffff", "mainFont": "Inter Tight", "display1Font": "Inter Tight", "display1Size": 5, "display2Font": "Inter Tight", "display2Size": 4, "display5Font": "Inter Tight", "display5Size": 2, "display7Font": "Inter Tight", "display7Size": 1.4, "display4Font": "Inter Tight", "display4Size": "1.4", "isRoundedImages": true, "isRoundedButtons": true, "isLargeButtons": true, "isGhostButtonBorder": true, "underlinedLinks": true, "isAnimatedOnScroll": true, "isScrollToTopButton": false }, "additionalSetColors": [ "#d8f3ff", "#5ed3f5", "#3f8aab", "#75afca", "#ffa25b", "#2b7a69", "#164fd3" ] }, "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": 104, "versionPublish": "5.9.18", "imageResize": true, "chatbutton": {}, "favicon": "@PROJECT_PATH@/assets/images/line-album-500500-px-240625-1-128x128.png", "mbrsiteDomain": "auho60ujuk", "usedWebp": false, "cssOptimize": false, "lazyLoad": false, "robotsSwitcher": false, "sitemapSwitcher": false, "sitemapSwitcherAuto": false, "siteUrl": false, "cookiesAlert": false, "gdpr": false, "pwa-switcher": false, "screenshot": "screenshot.png", "publishChangesOnly": true }, "pages": { "index.html": { "settings": { "main": true, "title": "หน้าแรก", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "" }, "components": [ { "alias": false, "_styles": { "z-index": "1000", "width": "100%", "position": "relative", ".dropdown-item:before": { "font-family": "Moririse2 !important", "content": "\"\\e966\"", "display": "inline-block", "width": "0", "position": "absolute", "left": "1rem", "top": "0.5rem", "margin-right": "0.5rem", "line-height": "1", "font-size": "inherit", "vertical-align": "middle", "text-align": "center", "overflow": "hidden", "transform": "scale(0, 1)", "transition": "all 0.25s ease-in-out" }, "@media (max-width: 767px)": { ".navbar-toggler": { "transform": "scale(0.8)" } }, ".navbar-brand": { "img": { "max-width": "100%", "max-height": "100%", "border-radius": "0px !important" }, "flex-shrink": "0", "align-items": "center", "margin-right": "0", "padding": "10px 0", "transition": "all 0.3s", "word-break": "break-word", "z-index": "1", ".navbar-caption": { "line-height": "inherit !important" }, ".navbar-logo a": { "outline": "none" } }, ".navbar-nav": { "margin": "auto", "margin-left": "0", "& when (@contentAlign = \"2\")": { "margin-left": "auto" }, "& when (@contentAlign = \"3\")": { "margin-left": "auto", "margin-right": "0" }, ".nav-item": { "padding": "0 !important", "transition": "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": { "padding-left": "2rem", "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "1rem" } }, ".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", "flex-wrap": "nowrap", "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", "@media (max-width: 992px)": { "padding-right": "2rem" }, "@media (max-width: 767px)": { "width": "95%", "height": "56px !important", "padding-right": "1rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "color": "@iconsColor !important", "font-size": "1.5rem", "padding-right": "0.5rem" }, ".dropdown-menu": { "flex-wrap": "wrap", "flex-direction": "column", "max-width": "100%", "padding": "12px 4px !important", "border-radius": "1.5rem", "transition": "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.25s" }, ".dropdown-item": { "padding": "0.5rem 1.8rem" }, ".navbar-logo img": { "width": "auto" }, ".navbar-collapse": { "z-index": "1", "justify-content": "flex-end" }, "&.collapsed": { "justify-content": "center", ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" }, "@media (min-width: 992px)": { "&:not(.navbar-short) .navbar-collapse when (@showLogo)": { "max-height": "~\"calc(98.5vh - @{logoSize}rem)\"" } } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "41%" } }, "ul.navbar-nav": { "li": { "margin": "auto" } }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem", "text-align": "center" }, ".icons-menu": { "padding-left": "0", "padding-right": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "@media (max-width: 767px)": { ".navbar-logo": { "img": { "height": "2rem !important" } }, "min-height": "72px" }, "@media (max-width: 991px)": { ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "40%" } }, "ul.navbar-nav": { "li": {} }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem !important", "text-align": "center" }, ".navbar-brand": { "flex-shrink": "initial", "flex-basis": "auto", "word-break": "break-word", "padding-right": "10px" }, ".navbar-toggler": { "flex-basis": "auto" }, ".icons-menu": { "padding-left": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "&.navbar-short": { ".navbar-logo": { "img": { "height": "2rem" } } }, "padding": "0 !important", "border": "none !important", "box-shadow": "none !important", "border-radius": "0 !important" }, ".dropdown-item.active, .dropdown-item:active": { "background-color": "transparent" }, ".navbar-expand-lg .navbar-nav .nav-link": { "padding": "0" }, ".nav-dropdown .link.dropdown-toggle": { "margin-right": "1.667em", "&[aria-expanded=\"true\"]": { "margin-right": "0", "padding": "0.667em 1.667em" } }, ".navbar.navbar-expand-lg .dropdown": { ".dropdown-menu": { "background": "@menuBgColor", ".dropdown-submenu": { "margin": "0", "left": "105%", "transform": "none", "top": "-12px" } } }, ".navbar .dropdown.open > .dropdown-menu": { "display": "flex" }, "ul.navbar-nav": { "flex-wrap": "wrap" }, ".navbar-buttons": { "text-align": "center", "min-width": "140px", "@media (max-width: 992px)": { "text-align": "left" } }, "button.navbar-toggler": { "outline": "none", "width": "31px", "height": "20px", "cursor": "pointer", "transition": "all 0.2s", "position": "relative", "align-self": "center", ".hamburger span": { "position": "absolute", "right": "0", "width": "30px", "height": "2px", "border-right": "5px", "background-color": "@hamburgerColor", "&:nth-child(1)": { "top": "0", "transition": "all 0.2s" }, "&:nth-child(2)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(3)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(4)": { "top": "16px", "transition": "all 0.2s" } } }, "nav.opened .hamburger span": { "&:nth-child(1)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" }, "&:nth-child(2)": { "transform": "rotate(45deg)", "transition": "all 0.25s" }, "&:nth-child(3)": { "transform": "rotate(-45deg)", "transition": "all 0.25s" }, "&:nth-child(4)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" } }, ".navbar-dropdown": { "padding": "0", "& when not (@transparent)": { "background-color": "@menuBgColor !important" }, "& when (@transparent)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important" }, "& when (@sticky)": { "position": "fixed" } }, ".opacityScroll": { "& when not (@opacityScroll)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), 1) !important" }, "& when (@opacityScroll)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), 0) !important" } }, "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": "100%", "left": "0", "width": "100%", "padding": "1rem", "border-radius": "1.5rem", "background": "@menuBgColor", "@media (max-width: 767px)": { "left": "-0.7rem", "width": "106%", "border-radius": "0" }, "@media (min-width: 768px) and (max-width: 991px)": { "left": "0rem", "width": "106%", "border-radius": "0" }, "& 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": "menu06", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu6\" 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\">\n\t\t<input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"1\" max=\"5\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n\t\t<input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n\t\t<input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n\t\t<select title=\"Menu Items Align\" name=\"contentAlign\" condition=\"showItems\">\n\t\t\t<option value=\"1\" selected>Left</option>\n\t\t\t<option value=\"2\">Center</option>\n\t\t\t<option value=\"3\">Right</option>\n\t\t</select>\n\t\t<input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n\t\t<select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n\t\t\t<option value=\"1\">1</option>\n\t\t\t<option value=\"2\">2</option>\n\t\t\t<option value=\"3\" selected>3</option>\n\t\t\t<option value=\"4\">4</option>\n\t\t</select>\n\t\t<input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n\t\t<input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n\t\t<header>Styles</header>\n\t\t<input type=\"checkbox\" title=\"Background on scroll\" name=\"opacityScroll\" condition=\"!transparent\" checked>\n\t\t<input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\" condition=\"none\">\n\t\t<input type=\"checkbox\" title=\"Transparent\" name=\"transparent\" condition=\"!opacityScroll\">\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=\"#ffffff\">\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=\"\n\t\t\t\t\t[\n\t\t\t\t\t{'opacityScrollOff': !opacityScroll, 'opacityScroll': opacityScroll}, \n\t\t\t\t\t{'navbar-fixed-top':sticky,'navbar-expand-lg':!collapsed,'collapsed':collapsed}\n\t\t\t\t\t]\">\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=\"https://mobiri.se\">\n\t\t\t\t\t\t<img src=\"../_images/logo.png\" alt=\"Mobirise Website Builder\" mbr-style=\"{'height': logoSize + 'rem'}\">\n\t\t\t\t\t</a>\n\t\t\t\t</span>\n\t\t\t\t<span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-black text-primary\" data-app-selector=\".navbar-caption\" href=\"index.html#header08-1u\" data-app-placeholder=\"Type Text\">หน้าแรก</a></span>\n\t\t\t</div>\n\t\t\t<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<div class=\"hamburger\">\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t</div>\n\t\t\t</button>\n\t\t\t<div class=\"collapse navbar-collapse\" mbr-class=\"{'opacityScrollOff': !opacityScroll, 'opacityScroll': opacityScroll}\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"page4.html#people06-2h\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">คำนำ</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"page2.html#features021-28\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">ประวัติส่วนตัว</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=\"page3.html#gallery05-2p\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">กิจกรรม</a>\n\t\t\t\t\t</li></ul>\n\t\t\t\t<div class=\"icons-menu\" mbr-if=\"showIcons\">\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-phone mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 1\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-letter mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 2\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-map-pin mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 3\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-shopping-cart mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t<div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_cid": "ugB0232Oga", "_anchor": "menu06-2o", "_protectedParams": [], "_global": true, "_once": "menu", "_params": {} }, { "alias": false, "_styles": { "& when not (@fullScreen)": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)" }, "background-color": "@bgColor", "input": { "padding": "1.5rem 1.5rem", "border": "none !important", "height": "100%", "&:hover": { "border": "none !important" } }, ".btn": { "height": "100%", "margin": "auto", "@media (min-width: 768px)": { "margin-left": "0.625rem" } }, ".text-wrapper": { "@media (min-width: 992px)": { "padding": "0 2rem" } }, "@media (max-width: 767px)": { ".row": { "justify-content": "center" } }, ".mbr-section-btn": { "display": "flex", "width": "fit-content", "@media (max-width: 767px)": { "margin-top": "1rem" }, ".btn": { "width": "auto" } }, "@media (max-width: 991px)": { ".image-wrapper": { "margin-bottom": "2rem" }, ".content-wrapper": { "flex-direction": "column-reverse" } }, ".justify-content-center": { "align-items": "center" }, ".mbr-section-title": { "color": "#260a30" }, ".mbr-text": { "color": "#260a30" }, ".mbr-text P": { "text-align": "left" } }, "_name": "header08", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header8\" group=\"Headers\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen}\" plugins=\"formstyler, datepicker\">\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<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\">\n\t\t<header>Background</header>\n\t\t<input type=\"color\" name=\"bgColor\" title=\"Color\" value=\"#5ed3f5\" selected>\n\t\t<input type=\"hidden\" name=\"usedRecaptcha\" value=\"false\">\n\t</mbr-parameters>\n\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 content-wrapper justify-content-center\">\n\t\t\t<div mbr-form class=\"col-lg-7 mbr-form\">\n\t\t\t\t<div class=\"text-wrapper align-left\">\n\t\t\t\t\t<form action=\"https://www.instagram.com/chaiwat_kapho?igsh=M3A3cHZxc2E5OTYx\" name=\"Form Name\" method=\"POST\" class=\"mbr-form form-with-styler\" data-verified=\"https://www.instagram.com/chaiwat_kapho?igsh=M3A3cHZxc2E5OTYx\">\n\t\t\t\t\t\t<div class=\"dragArea row\">\n\t\t\t\t\t\t\t<div class=\"col-lg-12 col-md-12 col-sm-12\">\n\t\t\t\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\">\n\t\t\t\t\t\t\t\t\t<b>Portfolio</b></h1>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"col-lg-12 col-md-12 col-sm-12\">\n\t\t\t\t\t\t\t\t<p mbr-theme-style=\"display-7\" mbr-if=\"showText\" class=\"mbr-text mbr-fonts-style mb-4\" data-app-selector=\".mbr-text\"></p><p>นาย ไชยวัฒน์ กะผอ</p><br><p>วิทยาลัยเทคนิคเชียงใหม่</p><br><p>แผนก อิเล็กทรอนิกส์ สาขา คอมพิวเตอร์ระบบเครือข่าย</p><br><p><br></p><p></p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div data-for=\"email\" class=\"col-lg-6 col-md-6 col-sm-12\">\n\t\t\t\t\t\t\t\t<input type=\"email\" name=\"email\" placeholder=\"@CHATWAT_KAPHO\" data-form-field=\"email\" mbr-theme-style=\"display-7\" class=\"form-control\" value>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"col-auto mbr-section-btn\" mbr-buttons=\"true\" mbr-theme-style=\"display-7\" data-toolbar=\"-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd\"><a type=\"submit\" class=\"w-100 btn btn-black\" data-app-placeholder=\"Type Text\">IG</a></div>\n\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t<div hidden=\"hidden\" data-form-alert class=\"alert alert-success col-12\">Thanks for filling out the form!</div>\n\t\t\t\t\t\t\t\t<div hidden=\"hidden\" data-form-alert-danger class=\"alert alert-danger col-12\">\n\t\t\t\t\t\t\t\t\tOops...! some problem!\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</div>\n\t\t\t\t\t</form>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"col-lg-5 col-12\">\n\t\t\t\t<div class=\"image-wrapper\">\n\t\t\t\t\t<img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/6630180037-500x500.jpeg\" alt=\"Mobirise Website Builder\">\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>", "_cid": "udoixkNDoR", "_anchor": "header08-1u", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when not (@spacing)": { ".row": { "margin-left": "0", "margin-right": "0" }, ".item": { "padding-left": "0", "padding-right": "0" } }, "& when (@spacing)": { ".item": { "margin-bottom": "2rem" }, "@media (max-width: 767px)": { ".item": { "margin-bottom": "1rem" } } }, ".item-wrapper": { "position": "relative", ".icon-wrapper": { "pointer-events": "none", "position": "absolute", "width": "60px", "height": "60px", "font-size": "22px", "left": "50%", "top": "50%", "display": "flex", "align-items": "center", "justify-content": "center", "border": "2px solid transparent", "border-radius": "50%", "opacity": "0", "color": "#464845 !important", "transform": "translateX(-50%) translateY(-50%)", "background-color": "#edefea !important", "transition": "0.2s" }, "&:hover": { ".icon-wrapper": { "opacity": "1" } } }, ".carousel-control, .close": { "background": "#1b1b1b" }, ".carousel-control-prev": { "margin-left": "2.5rem", "span": { "margin-right": "5px" } }, ".carousel-control-next": { "margin-right": "2.5rem", "span": { "margin-left": "5px" } }, ".close": { "position": "fixed", "opacity": "0.5", "font-size": "22px", "font-weight": "300", "width": "60px", "height": "60px", "border-radius": "50%", "color": "#fff", "top": "2.5rem", "right": "2.5rem", "border": "2px solid #fff", "text-shadow": "none", "z-index": "5", "transition": "opacity 0.3s ease", "font-family": "'Moririse2'", "align-items": "center", "justify-content": "center", "display": "flex", "&::before": { "content": "'\\e91a'" }, "&:hover": { "opacity": "1", "background": "#000", "color": "#fff" } }, ".carousel-control": { "display": "flex", "top": "50%", "width": "60px", "height": "60px", "margin-top": "-1.5rem", "font-size": "22px", "background-color": "rgba(0, 0, 0, 0.5)", "border": "2px solid #fff", "border-radius": "50%", "transition": "all 0.3s", "&.carousel-control-prev": { "left": "0", "margin-left": "2.5rem" }, "&.carousel-control-next": { "right": "0", "margin-right": "2.5rem" }, "@media (max-width: 767px)": { "top": "auto", "bottom": "1rem" } }, ".carousel-indicators": { "position": "absolute", "bottom": "0", "margin-bottom": "3px", "li": { "max-width": "15px", "height": "15px", "width": "15px", "max-height": "15px", "margin": "3px", "background-color": "rgba(0, 0, 0, 0.5)", "border": "2px solid #fff", "border-radius": "50%", "opacity": "0.5", "transition": "all 0.3s", "&.active, &:hover": { "opacity": "0.9" }, "&::after, &::before": { "content": "none" } }, "&.ie-fix": { "left": "50%", "display": "block", "width": "60%", "margin-left": "-30%", "text-align": "center" }, "@media (max-width: 768px)": { "display": "none !important" }, "@media (max-width: 991px)": { "margin-bottom": "3.625rem !important", "padding-left": "2.5rem", "padding-right": "2.5rem" }, "@media (max-width: 767px)": { "display": "none" } }, ".carousel-inner": { "display": "flex", "align-items": "center" }, ".carousel-inner > .active": { "display": "block" }, ".carousel-control.left": { "left": "0", "margin-left": "2.5rem" }, ".carousel-control.right": { "right": "0", "margin-right": "2.5rem" }, ".carousel-control:hover": { "background": "#1b1b1b", "color": "#fff", "opacity": "1" }, "@media (max-width: 768px)": { ".carousel-control, .carousel-indicators, .modal .close": { "position": "fixed" } }, "@media (max-width: 767px)": { ".mbr-slider .carousel-control": { "top": "auto", "bottom": "20px" }, ".mbr-slider > .container .carousel-control": { "margin-bottom": "0" } }, ".carousel-indicators .active, .carousel-indicators li": { "width": "7px", "height": "7px", "margin": "3px", "background": "#000000", "opacity": "0.5", "border": "4px solid #000000" }, ".carousel-indicators .active": { "background": "#fff" }, ".carousel-indicators li": { "max-width": "15px", "max-height": "15px", "border-radius": "50%" }, ".modal": { "padding-left": "0 !important", "position": "fixed", "overflow": "hidden", "padding-right": "0 !important" }, ".modal-dialog": { "margin": "0 auto", "max-width": "100%", "padding-left": "1rem", "padding-right": "1rem" }, ".modal-content": { "border-radius": "0", "border": "none", "background": "transparent" }, ".modal-body": { "padding": "0", "display": "flex", "align-items": "center", "img": { "width": "100%", "object-fit": "contain", "max-height": "~\"calc(100vh - 1.75rem)\"" } }, ".carousel": { "width": "100%" }, ".modal-backdrop.in": { "opacity": "0.8" }, ".modal.fade .modal-dialog": { "transition": "margin-top 0.3s ease-out" }, ".modal.fade .modal-dialog, .modal.in .modal-dialog": { "transform": "none" }, ".mbr-gallery .item-wrapper": { "cursor": "pointer" }, ".content-head": { "max-width": "800px" } }, "_name": "gallery02", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery1 mbr-gallery\" plugins=\"Masonry, Gallery\" group=\"Gallery & Slider\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\"> \n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\">3</option>\n <option value=\"3\" selected>4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n <header>Images</header>\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked>\n <input type=\"checkbox\" title=\"Caption\" name=\"showItemSubtitle\">\n <header>Popup Slider</header>\n <input type=\"checkbox\" title=\"Fade Effect\" name=\"fade\">\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"3\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#5ed3f5\" selected>\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12 content-head\">\n <div class=\"mbr-section-head mb-5\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>รูปภาพ</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\"></h4>\n </div>\n </div>\n </div>\n <div class=\"row mbr-gallery mbr-masonry\" data-masonry=\"{"percentPosition": true }\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/38478-646x862.jpg\" alt=\"Mobirise Website Builder\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-0 mt-3\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/38479-646x646.jpg\" alt=\"Mobirise Website Builder\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-0 mt-3\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/38472-646x431.jpg\" alt=\"Mobirise Website Builder\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-0 mt-3\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/38482-646x291.jpg\" alt=\"Mobirise Website Builder\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-0 mt-3\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image\">\n <div class=\"item-wrapper\" data-toggle=\"modal\" data-bs-toggle=\"modal\" data-target=\"#{{idGallery}}-modal\" data-bs-target=\"#{{idGallery}}-modal\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/38487-646x484.jpg\" alt=\"Mobirise Website Builder\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-0 mt-3\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n \n \n </div>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"../_images/gallery/gallery03.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/gallery/gallery13.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/gallery/gallery10.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/gallery/gallery08.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/gallery/gallery06.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n \n \n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"3\" data-bs-slide-to=\"3\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"4\" data-bs-slide-to=\"4\"></li>\n \n \n </ol>\n <a role=\"button\" href class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "ugAVqhl86W", "_anchor": "gallery02-2l", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] }, "page2.html": { "settings": { "title": "ข้อมูลส่อนตัว", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "", "order": "2" }, "components": [ { "alias": false, "_styles": { "z-index": "1000", "width": "100%", "position": "relative", ".dropdown-item:before": { "font-family": "Moririse2 !important", "content": "\"\\e966\"", "display": "inline-block", "width": "0", "position": "absolute", "left": "1rem", "top": "0.5rem", "margin-right": "0.5rem", "line-height": "1", "font-size": "inherit", "vertical-align": "middle", "text-align": "center", "overflow": "hidden", "transform": "scale(0, 1)", "transition": "all 0.25s ease-in-out" }, "@media (max-width: 767px)": { ".navbar-toggler": { "transform": "scale(0.8)" } }, ".navbar-brand": { "img": { "max-width": "100%", "max-height": "100%", "border-radius": "0px !important" }, "flex-shrink": "0", "align-items": "center", "margin-right": "0", "padding": "10px 0", "transition": "all 0.3s", "word-break": "break-word", "z-index": "1", ".navbar-caption": { "line-height": "inherit !important" }, ".navbar-logo a": { "outline": "none" } }, ".navbar-nav": { "margin": "auto", "margin-left": "0", "& when (@contentAlign = \"2\")": { "margin-left": "auto" }, "& when (@contentAlign = \"3\")": { "margin-left": "auto", "margin-right": "0" }, ".nav-item": { "padding": "0 !important", "transition": "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": { "padding-left": "2rem", "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "1rem" } }, ".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", "flex-wrap": "nowrap", "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", "@media (max-width: 992px)": { "padding-right": "2rem" }, "@media (max-width: 767px)": { "width": "95%", "height": "56px !important", "padding-right": "1rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "color": "@iconsColor !important", "font-size": "1.5rem", "padding-right": "0.5rem" }, ".dropdown-menu": { "flex-wrap": "wrap", "flex-direction": "column", "max-width": "100%", "padding": "12px 4px !important", "border-radius": "1.5rem", "transition": "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.25s" }, ".dropdown-item": { "padding": "0.5rem 1.8rem" }, ".navbar-logo img": { "width": "auto" }, ".navbar-collapse": { "z-index": "1", "justify-content": "flex-end" }, "&.collapsed": { "justify-content": "center", ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" }, "@media (min-width: 992px)": { "&:not(.navbar-short) .navbar-collapse when (@showLogo)": { "max-height": "~\"calc(98.5vh - @{logoSize}rem)\"" } } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "41%" } }, "ul.navbar-nav": { "li": { "margin": "auto" } }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem", "text-align": "center" }, ".icons-menu": { "padding-left": "0", "padding-right": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "@media (max-width: 767px)": { ".navbar-logo": { "img": { "height": "2rem !important" } }, "min-height": "72px" }, "@media (max-width: 991px)": { ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "40%" } }, "ul.navbar-nav": { "li": {} }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem !important", "text-align": "center" }, ".navbar-brand": { "flex-shrink": "initial", "flex-basis": "auto", "word-break": "break-word", "padding-right": "10px" }, ".navbar-toggler": { "flex-basis": "auto" }, ".icons-menu": { "padding-left": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "&.navbar-short": { ".navbar-logo": { "img": { "height": "2rem" } } }, "padding": "0 !important", "border": "none !important", "box-shadow": "none !important", "border-radius": "0 !important" }, ".dropdown-item.active, .dropdown-item:active": { "background-color": "transparent" }, ".navbar-expand-lg .navbar-nav .nav-link": { "padding": "0" }, ".nav-dropdown .link.dropdown-toggle": { "margin-right": "1.667em", "&[aria-expanded=\"true\"]": { "margin-right": "0", "padding": "0.667em 1.667em" } }, ".navbar.navbar-expand-lg .dropdown": { ".dropdown-menu": { "background": "@menuBgColor", ".dropdown-submenu": { "margin": "0", "left": "105%", "transform": "none", "top": "-12px" } } }, ".navbar .dropdown.open > .dropdown-menu": { "display": "flex" }, "ul.navbar-nav": { "flex-wrap": "wrap" }, ".navbar-buttons": { "text-align": "center", "min-width": "140px", "@media (max-width: 992px)": { "text-align": "left" } }, "button.navbar-toggler": { "outline": "none", "width": "31px", "height": "20px", "cursor": "pointer", "transition": "all 0.2s", "position": "relative", "align-self": "center", ".hamburger span": { "position": "absolute", "right": "0", "width": "30px", "height": "2px", "border-right": "5px", "background-color": "@hamburgerColor", "&:nth-child(1)": { "top": "0", "transition": "all 0.2s" }, "&:nth-child(2)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(3)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(4)": { "top": "16px", "transition": "all 0.2s" } } }, "nav.opened .hamburger span": { "&:nth-child(1)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" }, "&:nth-child(2)": { "transform": "rotate(45deg)", "transition": "all 0.25s" }, "&:nth-child(3)": { "transform": "rotate(-45deg)", "transition": "all 0.25s" }, "&:nth-child(4)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" } }, ".navbar-dropdown": { "padding": "0", "& when not (@transparent)": { "background-color": "@menuBgColor !important" }, "& when (@transparent)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important" }, "& when (@sticky)": { "position": "fixed" } }, ".opacityScroll": { "& when not (@opacityScroll)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), 1) !important" }, "& when (@opacityScroll)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), 0) !important" } }, "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": "100%", "left": "0", "width": "100%", "padding": "1rem", "border-radius": "1.5rem", "background": "@menuBgColor", "@media (max-width: 767px)": { "left": "-0.7rem", "width": "106%", "border-radius": "0" }, "@media (min-width: 768px) and (max-width: 991px)": { "left": "0rem", "width": "106%", "border-radius": "0" }, "& 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": "menu06", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu6\" 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\">\n\t\t<input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"1\" max=\"5\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n\t\t<input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n\t\t<input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n\t\t<select title=\"Menu Items Align\" name=\"contentAlign\" condition=\"showItems\">\n\t\t\t<option value=\"1\" selected>Left</option>\n\t\t\t<option value=\"2\">Center</option>\n\t\t\t<option value=\"3\">Right</option>\n\t\t</select>\n\t\t<input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n\t\t<select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n\t\t\t<option value=\"1\">1</option>\n\t\t\t<option value=\"2\">2</option>\n\t\t\t<option value=\"3\" selected>3</option>\n\t\t\t<option value=\"4\">4</option>\n\t\t</select>\n\t\t<input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n\t\t<input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n\t\t<header>Styles</header>\n\t\t<input type=\"checkbox\" title=\"Background on scroll\" name=\"opacityScroll\" condition=\"!transparent\" checked>\n\t\t<input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\" condition=\"none\">\n\t\t<input type=\"checkbox\" title=\"Transparent\" name=\"transparent\" condition=\"!opacityScroll\">\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=\"#ffffff\">\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=\"\n\t\t\t\t\t[\n\t\t\t\t\t{'opacityScrollOff': !opacityScroll, 'opacityScroll': opacityScroll}, \n\t\t\t\t\t{'navbar-fixed-top':sticky,'navbar-expand-lg':!collapsed,'collapsed':collapsed}\n\t\t\t\t\t]\">\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=\"https://mobiri.se\">\n\t\t\t\t\t\t<img src=\"../_images/logo.png\" alt=\"Mobirise Website Builder\" mbr-style=\"{'height': logoSize + 'rem'}\">\n\t\t\t\t\t</a>\n\t\t\t\t</span>\n\t\t\t\t<span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-black text-primary\" data-app-selector=\".navbar-caption\" href=\"index.html#header08-1u\" data-app-placeholder=\"Type Text\">หน้าแรก</a></span>\n\t\t\t</div>\n\t\t\t<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<div class=\"hamburger\">\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t</div>\n\t\t\t</button>\n\t\t\t<div class=\"collapse navbar-collapse\" mbr-class=\"{'opacityScrollOff': !opacityScroll, 'opacityScroll': opacityScroll}\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"page4.html#people06-2h\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">คำนำ</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"page2.html#features021-28\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">ประวัติส่วนตัว</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=\"page3.html#gallery05-2p\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">กิจกรรม</a>\n\t\t\t\t\t</li></ul>\n\t\t\t\t<div class=\"icons-menu\" mbr-if=\"showIcons\">\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-phone mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 1\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-letter mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 2\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-map-pin mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 3\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-shopping-cart mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t<div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_anchor": "menu06-2t", "_isUserblock": true, "_cid": "ugHhDdcMLG", "_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" }, ".item-wrapper img": { "width": "80px", "height": "80px", "object-fit": "cover", "border-radius": "50% !important" }, ".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": { "background": "@cardbg", "margin-bottom": "2rem", "padding": "2.25rem", "@media (min-width: 992px) and (max-width: 1200px)": { "padding": "2rem 1.5rem", "margin-bottom": "2rem" }, "@media (max-width: 767px)": { "padding": "2rem 1.5rem", "margin-bottom": "1rem" } }, ".card-title, .iconfont-wrapper": { "color": "#000000" }, ".card-text": { "color": "#000000" }, ".content-head": { "max-width": "800px" }, ".mbr-section-title": { "color": "#000000" }, ".img-wrapper": { "& when (@centerAlign)": { "display": "flex", "justify-content": "center" } } }, "_name": "features021", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features21\" plugins=\"Masonry\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showMainTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showMainSubtitle\">\n <header>Card</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\">\n <input type=\"checkbox\" title=\"Center Image\" name=\"centerAlign\" condition=\"showImage\">\n <select title=\"Columns\" name=\"columns\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected>3</option>\n <option value=\"3\">4</option>\n </select>\n <input type=\"color\" title=\"Card BG\" name=\"cardbg\" value=\"#ffffff\" selected>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#5ed3f5\" 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.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row mb-5 justify-content-center\" mbr-if=\"showMainTitle || showMainSubtitle\">\n <div class=\"col-12 mb-0 content-head\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showMainTitle\" data-app-selector=\".mbr-section-title\">\n <b>ประวัติส่วนตัว</b></h3>\n <h5 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 List main features of your project in this block\n </h5>\n </div>\n </div>\n <div class=\"row mbr-masonry\" data-masonry=\"{"percentPosition": true }\">\n <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}} active\">\n <div class=\"item-wrapper\">\n <div class=\"card-box align-left\">\n <div class=\"img-wrapper mb-3\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/996-160x353.jpg\" alt>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .img-wrapper\"><b>ข้อมูลส่วนตัว</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">ชื่อ ไชยวัฒน์ กะผอ<br>ชื่อเล่น โชค<br>วัน-เดือน-ปีเกิด 16/06/2547<br>อายุ 20 ปี<br>สัญชาติ ไทย<br>เชื้อชาติ ไทย<br>ศาสนา คริสต์<br></p>\n </div>\n </div>\n </div>\n <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n <div class=\"item-wrapper\">\n <div class=\"card-box align-left\">\n <div class=\"img-wrapper mb-3\" mbr-if=\"showImage\">\n <img src=\"../_images/shop/shop2.jpg\">\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .img-wrapper\"><b>กิจกรรมที่ชอบ</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">วาดรูป<br>ดูหนัง<br>ฟังเพลง<br>ร้องเพลง<br>ว่ายน้ำ<br><br></p>\n </div>\n </div>\n </div>\n <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n <div class=\"item-wrapper\">\n <div class=\"card-box align-left\">\n <div class=\"img-wrapper mb-3\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/86673-160x90.jpg\" alt>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .img-wrapper\"><b>อาหารที่ชอบ</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">ขนมจีนน้ำเงี่ยว<br>น้ำพริกปลาทู<br>ผัดหอยลาย<br>กะเพราหมึก<br>น้ำพริกอ่อง<br><br></p>\n </div>\n </div>\n </div>\n <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n <div class=\"item-wrapper\">\n <div class=\"card-box align-left\">\n <div class=\"img-wrapper mb-3\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/%E0%B9%84%E0%B8%94%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B9%83%E0%B8%8A%E0%B9%88-160x132.jpg\" alt>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .img-wrapper\"><b>ประสบการณ์</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">เคยฝึกงานที่<br>Mc Mobile Corner</p>\n </div>\n </div>\n </div>\n <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n <div class=\"item-wrapper\">\n <div class=\"card-box align-left\">\n <div class=\"img-wrapper mb-3\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/pngtree-exercise-enhances-resistance-hand-drawn-cartoon-elements-png-image-3419502-160x160.jpg\" data-slide-to=\"4\" data-bs-slide-to=\"4\" alt>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .img-wrapper\"><b>ข้อมูลกายภาพ</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">น้ำหนัก 60 กก.<br>ส่วนสูง 175 ซม.<br>กรุ๊ปเลือด O </p>\n </div>\n </div>\n </div><div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n <div class=\"item-wrapper\">\n <div class=\"card-box align-left\">\n <div class=\"img-wrapper mb-3\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/f9e06bde97f3bf383b4f78c63153bbf8-160x160.jpg\" data-slide-to=\"5\" data-bs-slide-to=\"5\" alt>\n </div>\n <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .img-wrapper\"><b>ประวัติการศึกษา</b></h5>\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">ระดับประถมศึกษา<br>โรงเรียนบ้านใหม่หนองหอย<br>ระดับมัธยมศึกษาตอนต้น<br>โรงเรียนสันติสุข<br>ระดับมัธยมศึกษาตอนปลาย<br>โรงเรียนสันติสุข<br>ปัจจุบันเรียนที่<br>วิทยาลัยเทคนิคเชียงใหม่<br><br></p>\n </div>\n </div>\n </div>\n \n </div>\n </div>\n</section>", "_cid": "ugAJa5MOCs", "_anchor": "features021-28", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] }, "page3.html": { "settings": { "title": "กิจกรรม", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "", "order": "3" }, "components": [ { "alias": false, "_styles": { "z-index": "1000", "width": "100%", "position": "relative", ".dropdown-item:before": { "font-family": "Moririse2 !important", "content": "\"\\e966\"", "display": "inline-block", "width": "0", "position": "absolute", "left": "1rem", "top": "0.5rem", "margin-right": "0.5rem", "line-height": "1", "font-size": "inherit", "vertical-align": "middle", "text-align": "center", "overflow": "hidden", "transform": "scale(0, 1)", "transition": "all 0.25s ease-in-out" }, "@media (max-width: 767px)": { ".navbar-toggler": { "transform": "scale(0.8)" } }, ".navbar-brand": { "img": { "max-width": "100%", "max-height": "100%", "border-radius": "0px !important" }, "flex-shrink": "0", "align-items": "center", "margin-right": "0", "padding": "10px 0", "transition": "all 0.3s", "word-break": "break-word", "z-index": "1", ".navbar-caption": { "line-height": "inherit !important" }, ".navbar-logo a": { "outline": "none" } }, ".navbar-nav": { "margin": "auto", "margin-left": "0", "& when (@contentAlign = \"2\")": { "margin-left": "auto" }, "& when (@contentAlign = \"3\")": { "margin-left": "auto", "margin-right": "0" }, ".nav-item": { "padding": "0 !important", "transition": "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": { "padding-left": "2rem", "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "1rem" } }, ".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", "flex-wrap": "nowrap", "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", "@media (max-width: 992px)": { "padding-right": "2rem" }, "@media (max-width: 767px)": { "width": "95%", "height": "56px !important", "padding-right": "1rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "color": "@iconsColor !important", "font-size": "1.5rem", "padding-right": "0.5rem" }, ".dropdown-menu": { "flex-wrap": "wrap", "flex-direction": "column", "max-width": "100%", "padding": "12px 4px !important", "border-radius": "1.5rem", "transition": "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.25s" }, ".dropdown-item": { "padding": "0.5rem 1.8rem" }, ".navbar-logo img": { "width": "auto" }, ".navbar-collapse": { "z-index": "1", "justify-content": "flex-end" }, "&.collapsed": { "justify-content": "center", ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" }, "@media (min-width: 992px)": { "&:not(.navbar-short) .navbar-collapse when (@showLogo)": { "max-height": "~\"calc(98.5vh - @{logoSize}rem)\"" } } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "41%" } }, "ul.navbar-nav": { "li": { "margin": "auto" } }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem", "text-align": "center" }, ".icons-menu": { "padding-left": "0", "padding-right": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "@media (max-width: 767px)": { ".navbar-logo": { "img": { "height": "2rem !important" } }, "min-height": "72px" }, "@media (max-width: 991px)": { ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "40%" } }, "ul.navbar-nav": { "li": {} }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem !important", "text-align": "center" }, ".navbar-brand": { "flex-shrink": "initial", "flex-basis": "auto", "word-break": "break-word", "padding-right": "10px" }, ".navbar-toggler": { "flex-basis": "auto" }, ".icons-menu": { "padding-left": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "&.navbar-short": { ".navbar-logo": { "img": { "height": "2rem" } } }, "padding": "0 !important", "border": "none !important", "box-shadow": "none !important", "border-radius": "0 !important" }, ".dropdown-item.active, .dropdown-item:active": { "background-color": "transparent" }, ".navbar-expand-lg .navbar-nav .nav-link": { "padding": "0" }, ".nav-dropdown .link.dropdown-toggle": { "margin-right": "1.667em", "&[aria-expanded=\"true\"]": { "margin-right": "0", "padding": "0.667em 1.667em" } }, ".navbar.navbar-expand-lg .dropdown": { ".dropdown-menu": { "background": "@menuBgColor", ".dropdown-submenu": { "margin": "0", "left": "105%", "transform": "none", "top": "-12px" } } }, ".navbar .dropdown.open > .dropdown-menu": { "display": "flex" }, "ul.navbar-nav": { "flex-wrap": "wrap" }, ".navbar-buttons": { "text-align": "center", "min-width": "140px", "@media (max-width: 992px)": { "text-align": "left" } }, "button.navbar-toggler": { "outline": "none", "width": "31px", "height": "20px", "cursor": "pointer", "transition": "all 0.2s", "position": "relative", "align-self": "center", ".hamburger span": { "position": "absolute", "right": "0", "width": "30px", "height": "2px", "border-right": "5px", "background-color": "@hamburgerColor", "&:nth-child(1)": { "top": "0", "transition": "all 0.2s" }, "&:nth-child(2)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(3)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(4)": { "top": "16px", "transition": "all 0.2s" } } }, "nav.opened .hamburger span": { "&:nth-child(1)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" }, "&:nth-child(2)": { "transform": "rotate(45deg)", "transition": "all 0.25s" }, "&:nth-child(3)": { "transform": "rotate(-45deg)", "transition": "all 0.25s" }, "&:nth-child(4)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" } }, ".navbar-dropdown": { "padding": "0", "& when not (@transparent)": { "background-color": "@menuBgColor !important" }, "& when (@transparent)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important" }, "& when (@sticky)": { "position": "fixed" } }, ".opacityScroll": { "& when not (@opacityScroll)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), 1) !important" }, "& when (@opacityScroll)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), 0) !important" } }, "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": "100%", "left": "0", "width": "100%", "padding": "1rem", "border-radius": "1.5rem", "background": "@menuBgColor", "@media (max-width: 767px)": { "left": "-0.7rem", "width": "106%", "border-radius": "0" }, "@media (min-width: 768px) and (max-width: 991px)": { "left": "0rem", "width": "106%", "border-radius": "0" }, "& 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": "menu06", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu6\" 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\">\n\t\t<input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"1\" max=\"5\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n\t\t<input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n\t\t<input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n\t\t<select title=\"Menu Items Align\" name=\"contentAlign\" condition=\"showItems\">\n\t\t\t<option value=\"1\" selected>Left</option>\n\t\t\t<option value=\"2\">Center</option>\n\t\t\t<option value=\"3\">Right</option>\n\t\t</select>\n\t\t<input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n\t\t<select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n\t\t\t<option value=\"1\">1</option>\n\t\t\t<option value=\"2\">2</option>\n\t\t\t<option value=\"3\" selected>3</option>\n\t\t\t<option value=\"4\">4</option>\n\t\t</select>\n\t\t<input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n\t\t<input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n\t\t<header>Styles</header>\n\t\t<input type=\"checkbox\" title=\"Background on scroll\" name=\"opacityScroll\" condition=\"!transparent\" checked>\n\t\t<input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\" condition=\"none\">\n\t\t<input type=\"checkbox\" title=\"Transparent\" name=\"transparent\" condition=\"!opacityScroll\">\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=\"#ffffff\">\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=\"\n\t\t\t\t\t[\n\t\t\t\t\t{'opacityScrollOff': !opacityScroll, 'opacityScroll': opacityScroll}, \n\t\t\t\t\t{'navbar-fixed-top':sticky,'navbar-expand-lg':!collapsed,'collapsed':collapsed}\n\t\t\t\t\t]\">\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=\"https://mobiri.se\">\n\t\t\t\t\t\t<img src=\"../_images/logo.png\" alt=\"Mobirise Website Builder\" mbr-style=\"{'height': logoSize + 'rem'}\">\n\t\t\t\t\t</a>\n\t\t\t\t</span>\n\t\t\t\t<span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-black text-primary\" data-app-selector=\".navbar-caption\" href=\"index.html#header08-1u\" data-app-placeholder=\"Type Text\">หน้าแรก</a></span>\n\t\t\t</div>\n\t\t\t<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<div class=\"hamburger\">\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t</div>\n\t\t\t</button>\n\t\t\t<div class=\"collapse navbar-collapse\" mbr-class=\"{'opacityScrollOff': !opacityScroll, 'opacityScroll': opacityScroll}\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"page4.html#people06-2h\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">คำนำ</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"page2.html#features021-28\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">ประวัติส่วนตัว</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=\"page3.html#gallery05-2p\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">กิจกรรม</a>\n\t\t\t\t\t</li></ul>\n\t\t\t\t<div class=\"icons-menu\" mbr-if=\"showIcons\">\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-phone mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 1\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-letter mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 2\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-map-pin mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 3\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-shopping-cart mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t<div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_anchor": "menu06-2u", "_isUserblock": true, "_cid": "ugHidL6gqm", "_protectedParams": [], "_global": true, "_once": "menu", "_params": {} }, { "alias": false, "_styles": { ".item-wrapper": { "margin-bottom": "2rem" }, "@media (max-width: 767px)": { ".smallImage": { "width": "100%", "& when (@autoSize)": { "height": "100%", "object-fit": "cover" } }, ".largeImage": { "width": "100%", ".item": { "margin-bottom": "2rem" }, "@media (max-width: 767px)": { ".item": { "margin-bottom": "1rem" } }, "& when (@autoSize)": { "height": "100%", "object-fit": "cover" } }, ".item-wrapper": { "margin-bottom": "1rem" } }, "& 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)" } }, ".mbr-description": { "text-align": "left" }, ".card-title, .iconfont-wrapper": { "color": "#000000" }, ".card-text": { "color": "#000000" }, ".mbr-section-title": { "color": "#000000", "text-align": "center" }, ".mbr-number": { "color": "#9fe870" }, ".mbr-text, .mbr-section-btn": { "text-align": "center" }, ".card-text, .item .mbr-section-btn": { "text-align": "left" }, ".smallImage": { "width": "100%", "& when (@autoSize)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "@media (max-width: 992px)": { "& when (@autoSize)": { "height": "100%", "object-fit": "cover" } } }, ".largeImage": { "width": "100%", "& when (@autoSize)": { "height": "((@imageHeight * 200px) + 32px)", "object-fit": "cover" }, "@media (max-width: 992px)": { "& when (@autoSize)": { "height": "100%", "object-fit": "cover" } } }, "& when (@reverseContent)": { ".row": { "flex-direction": "row-reverse" } } }, "_name": "gallery05", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery05\" group=\"Gallery & Slider\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"checkbox\" title=\"Reverse\" name=\"reverseContent\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <header>Image</header>\n <input type=\"checkbox\" name=\"autoSize\" title=\"Auto Size\" checked>\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#5ed3f5\" 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.7\" 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\" mbr-if=\"showTitle || showText\">\n <div class=\"col-md-12 content-head mb-5\">\n <h1 class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\">\n <b>กิจกรรม</b></h1>\n <p class=\"mbr-text mbr-fonts-style mt-4 mb-0\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Keep the \"Auto size\" option enabled for a better look.</p>\n </div>\n </div>\n <div class=\"row justify-content-center blockContent\">\n <div class=\"col-12 col-lg-6\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 active\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/439840515-1446866592596793-6367574035134658091-n-596x484.jpg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"smallImage\">\n </div>\n\n </div>\n </div>\n <div class=\"col-md-6 col-xs-12 col-sm-12 col-lg-6\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/38479-596x596.jpg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"1\" data-bs-slide-to=\"1\" class=\"smallImage\">\n </div>\n\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/36447-596x447.jpg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"2\" data-bs-slide-to=\"2\" class=\"smallImage\">\n </div>\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/38477-596x795.jpg\" alt=\"Mobirise Website Builder\" title data-slide-to=\"3\" data-bs-slide-to=\"3\" class=\"smallImage\">\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-12 col-lg-6\">\n <div class=\"item-wrapper\">\n <div class=\"item-img \">\n <img class=\"w-100 largeImage\" src=\"@PROJECT_PATH@/assets/images/38480-1109x1479.jpg\" alt=\"Mobirise Website Builder\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n </div>\n\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "ugHdDv7YYO", "_anchor": "gallery05-2p", "_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)" } }, ".bg-facebook when (@facebook)": { "background": "#1778f2", "color": "contrast(#1778f2)", "&:hover": { "background": "darken(#1778f2, 10)" } }, ".bg-twitter when (@twitter)": { "background": "#1da1f2", "color": "contrast(#1da1f2)", "&:hover": { "background": "darken(#1da1f2, 10)" } }, ".bg-pinterest when (@pinterest)": { "background": "#e60023", "color": "contrast(#e60023)", "&:hover": { "background": "darken(#e60023, 10)" } }, ".bg-instagram when (@instagram)": { "background": "#f00075", "color": "contrast(#f00075)", "&:hover": { "background": "darken(#f00075, 10)" } }, ".bg-slack when (@slack)": { "background": "#4a154b", "color": "contrast(#4a154b)", "&:hover": { "background": "darken(#4a154b, 10)" } }, ".bg-linkedin when (@linkedin)": { "background": "#0077b5", "color": "contrast(#0077b5)", "&:hover": { "background": "darken(#0077b5, 10)" } }, ".bg-behance when (@behance)": { "background": "#0056ff", "color": "contrast(#0056ff)", "&:hover": { "background": "darken(#0056ff, 10)" } }, ".bg-dribbble when (@dribbble)": { "background": "#ea4c89", "color": "contrast(#ea4c89)", "&:hover": { "background": "darken(#ea4c89, 10)" } }, ".bg-tiktok when (@tiktok)": { "background": "#000000", "color": "contrast(#000000)", "&:hover": { "background": "darken(#000000, 10)" } }, ".bg-youtube when (@youtube)": { "background": "#ff0000", "color": "contrast(#ff0000)", "&:hover": { "background": "darken(#ff0000, 10)" } }, ".bg-twitch when (@twitch)": { "background": "#9146ff", "color": "contrast(#9146ff)", "&:hover": { "background": "darken(#9146ff, 10)" } }, ".iconfont-wrapper": { "display": "inline-block", "font-size": "32px", "border-radius": "50%", "width": "72px", "height": "72px", "line-height": "72px", "text-align": "center", "transition": "all 0.3s ease-in-out" }, "& when (@squareIcons)": { ".iconfont-wrapper": { "border-radius": "0 !important" } }, "[class^=\"socicon-\"]:before, [class*=\" socicon-\"]:before": { "line-height": "55px", "padding": ".6rem" } }, "_name": "social04", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"social4\" group=\"Social\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" plugins=\"Socicon\">\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"5\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Square Icons\" name=\"squareIcons\">\n <input type=\"checkbox\" title=\"Facebook\" name=\"facebook\" checked>\n <input type=\"checkbox\" title=\"Twitter\" name=\"twitter\">\n <input type=\"checkbox\" title=\"Instagram\" name=\"instagram\" checked>\n <input type=\"checkbox\" title=\"Pinterest\" name=\"pinterest\">\n <input type=\"checkbox\" title=\"Slack\" name=\"slack\">\n <input type=\"checkbox\" title=\"Linkedin\" name=\"linkedin\">\n <input type=\"checkbox\" title=\"Behance\" name=\"behance\">\n <input type=\"checkbox\" title=\"Dribbble\" name=\"dribbble\">\n <input type=\"checkbox\" title=\"Tiktok\" name=\"tiktok\" checked>\n <input type=\"checkbox\" title=\"Youtube\" name=\"youtube\" checked>\n <input type=\"checkbox\" title=\"Twitch\" name=\"twitch\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#5ed3f5\" 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.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\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}\">\n </div>\n\n <div class=\"container\">\n <div class=\"media-container-row\">\n <div class=\"col-12\">\n <h3 class=\"mbr-section-title align-center mb-5 mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title, .social-list\">\n <b>Follow us</b>\n </h3>\n <div class=\"social-list align-center\">\n <a class=\"iconfont-wrapper bg-facebook m-2 \" target=\"_blank\" data-app-placeholder=\"Type Text\" href=\"https://www.facebook.com/share/9mzGPvPtu957XBoB/?mibextid=qi2Omg\" mbr-if=\"facebook\">\n <span mbr-icon class=\"socicon-facebook socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-twitter m-2\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"twitter\">\n <span mbr-icon class=\"socicon-twitter socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-instagram m-2\" href=\"https://www.instagram.com/chaiwat_kapho?igsh=M3A3cHZxc2E5OTYx\" target=\"_blank\" mbr-if=\"instagram\">\n <span mbr-icon class=\"socicon-instagram socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-pinterest m-2\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"pinterest\">\n <span mbr-icon class=\"socicon-pinterest socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-slack m-2\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"slack\">\n <span mbr-icon class=\"socicon-slack socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-linkedin m-2\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"linkedin\">\n <span mbr-icon class=\"socicon-linkedin socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-behance m-2\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"behance\">\n <span mbr-icon class=\"socicon-behance socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-dribbble m-2\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"dribbble\">\n <span mbr-icon class=\"socicon-dribbble socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-tiktok m-2\" href=\"https://www.tiktok.com/@chaiwatkapho?_t=8nURZdUDcyP&_r=1\" target=\"_blank\" mbr-if=\"tiktok\">\n <span mbr-icon class=\"socicon-tiktok socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-youtube m-2\" href=\"https://youtube.com/@chaiwatkapho6188?si=gouA9HeQBhfqkFR4\" target=\"_blank\" mbr-if=\"youtube\">\n <span mbr-icon class=\"socicon-youtube socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-twitch m-2\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"twitch\">\n <span mbr-icon class=\"socicon-twitch socicon\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "ugHiTi0O2W", "_protectedParams": [], "_global": false, "_once": false, "_params": {}, "_anchor": "social04-2v" } ] }, "page4.html": { "settings": { "title": "คำนำ", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "", "order": "1" }, "components": [ { "alias": false, "_styles": { "z-index": "1000", "width": "100%", "position": "relative", ".dropdown-item:before": { "font-family": "Moririse2 !important", "content": "\"\\e966\"", "display": "inline-block", "width": "0", "position": "absolute", "left": "1rem", "top": "0.5rem", "margin-right": "0.5rem", "line-height": "1", "font-size": "inherit", "vertical-align": "middle", "text-align": "center", "overflow": "hidden", "transform": "scale(0, 1)", "transition": "all 0.25s ease-in-out" }, "@media (max-width: 767px)": { ".navbar-toggler": { "transform": "scale(0.8)" } }, ".navbar-brand": { "img": { "max-width": "100%", "max-height": "100%", "border-radius": "0px !important" }, "flex-shrink": "0", "align-items": "center", "margin-right": "0", "padding": "10px 0", "transition": "all 0.3s", "word-break": "break-word", "z-index": "1", ".navbar-caption": { "line-height": "inherit !important" }, ".navbar-logo a": { "outline": "none" } }, ".navbar-nav": { "margin": "auto", "margin-left": "0", "& when (@contentAlign = \"2\")": { "margin-left": "auto" }, "& when (@contentAlign = \"3\")": { "margin-left": "auto", "margin-right": "0" }, ".nav-item": { "padding": "0 !important", "transition": "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": { "padding-left": "2rem", "margin": "0 !important", "@media (max-width: 767px)": { "padding-left": "1rem" } }, ".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", "flex-wrap": "nowrap", "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", "@media (max-width: 992px)": { "padding-right": "2rem" }, "@media (max-width: 767px)": { "width": "95%", "height": "56px !important", "padding-right": "1rem", "margin-top": "0rem" }, "& when not (@isRoundedButtons)": { "border-radius": "4px !important" } }, ".iconfont-wrapper": { "color": "@iconsColor !important", "font-size": "1.5rem", "padding-right": "0.5rem" }, ".dropdown-menu": { "flex-wrap": "wrap", "flex-direction": "column", "max-width": "100%", "padding": "12px 4px !important", "border-radius": "1.5rem", "transition": "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.25s" }, ".dropdown-item": { "padding": "0.5rem 1.8rem" }, ".navbar-logo img": { "width": "auto" }, ".navbar-collapse": { "z-index": "1", "justify-content": "flex-end" }, "&.collapsed": { "justify-content": "center", ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" }, "@media (min-width: 992px)": { "&:not(.navbar-short) .navbar-collapse when (@showLogo)": { "max-height": "~\"calc(98.5vh - @{logoSize}rem)\"" } } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "41%" } }, "ul.navbar-nav": { "li": { "margin": "auto" } }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem", "text-align": "center" }, ".icons-menu": { "padding-left": "0", "padding-right": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "@media (max-width: 767px)": { ".navbar-logo": { "img": { "height": "2rem !important" } }, "min-height": "72px" }, "@media (max-width: 991px)": { ".nav-item .nav-link::before": { "display": "none" }, "&.opened": { ".dropdown-menu": { "top": "0" } }, ".dropdown-menu": { ".dropdown-submenu": { "left": "0 !important" }, ".dropdown-item:after": { "right": "auto" }, ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": { "margin-left": "0.5rem", "margin-top": "0.2rem", "border-top": "0.35em solid", "border-right": "0.35em solid transparent", "border-left": "0.35em solid transparent", "border-bottom": "0", "top": "40%" } }, "ul.navbar-nav": { "li": {} }, ".dropdown-menu .dropdown-item": { "padding": "0.25rem 1.5rem !important", "text-align": "center" }, ".navbar-brand": { "flex-shrink": "initial", "flex-basis": "auto", "word-break": "break-word", "padding-right": "10px" }, ".navbar-toggler": { "flex-basis": "auto" }, ".icons-menu": { "padding-left": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "&.navbar-short": { ".navbar-logo": { "img": { "height": "2rem" } } }, "padding": "0 !important", "border": "none !important", "box-shadow": "none !important", "border-radius": "0 !important" }, ".dropdown-item.active, .dropdown-item:active": { "background-color": "transparent" }, ".navbar-expand-lg .navbar-nav .nav-link": { "padding": "0" }, ".nav-dropdown .link.dropdown-toggle": { "margin-right": "1.667em", "&[aria-expanded=\"true\"]": { "margin-right": "0", "padding": "0.667em 1.667em" } }, ".navbar.navbar-expand-lg .dropdown": { ".dropdown-menu": { "background": "@menuBgColor", ".dropdown-submenu": { "margin": "0", "left": "105%", "transform": "none", "top": "-12px" } } }, ".navbar .dropdown.open > .dropdown-menu": { "display": "flex" }, "ul.navbar-nav": { "flex-wrap": "wrap" }, ".navbar-buttons": { "text-align": "center", "min-width": "140px", "@media (max-width: 992px)": { "text-align": "left" } }, "button.navbar-toggler": { "outline": "none", "width": "31px", "height": "20px", "cursor": "pointer", "transition": "all 0.2s", "position": "relative", "align-self": "center", ".hamburger span": { "position": "absolute", "right": "0", "width": "30px", "height": "2px", "border-right": "5px", "background-color": "@hamburgerColor", "&:nth-child(1)": { "top": "0", "transition": "all 0.2s" }, "&:nth-child(2)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(3)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(4)": { "top": "16px", "transition": "all 0.2s" } } }, "nav.opened .hamburger span": { "&:nth-child(1)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" }, "&:nth-child(2)": { "transform": "rotate(45deg)", "transition": "all 0.25s" }, "&:nth-child(3)": { "transform": "rotate(-45deg)", "transition": "all 0.25s" }, "&:nth-child(4)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" } }, ".navbar-dropdown": { "padding": "0", "& when not (@transparent)": { "background-color": "@menuBgColor !important" }, "& when (@transparent)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important" }, "& when (@sticky)": { "position": "fixed" } }, ".opacityScroll": { "& when not (@opacityScroll)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), 1) !important" }, "& when (@opacityScroll)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), 0) !important" } }, "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": "100%", "left": "0", "width": "100%", "padding": "1rem", "border-radius": "1.5rem", "background": "@menuBgColor", "@media (max-width: 767px)": { "left": "-0.7rem", "width": "106%", "border-radius": "0" }, "@media (min-width: 768px) and (max-width: 991px)": { "left": "0rem", "width": "106%", "border-radius": "0" }, "& 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": "menu06", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu6\" 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\">\n\t\t<input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"1\" max=\"5\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n\t\t<input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n\t\t<input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n\t\t<select title=\"Menu Items Align\" name=\"contentAlign\" condition=\"showItems\">\n\t\t\t<option value=\"1\" selected>Left</option>\n\t\t\t<option value=\"2\">Center</option>\n\t\t\t<option value=\"3\">Right</option>\n\t\t</select>\n\t\t<input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n\t\t<select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n\t\t\t<option value=\"1\">1</option>\n\t\t\t<option value=\"2\">2</option>\n\t\t\t<option value=\"3\" selected>3</option>\n\t\t\t<option value=\"4\">4</option>\n\t\t</select>\n\t\t<input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n\t\t<input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n\t\t<header>Styles</header>\n\t\t<input type=\"checkbox\" title=\"Background on scroll\" name=\"opacityScroll\" condition=\"!transparent\" checked>\n\t\t<input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\" condition=\"none\">\n\t\t<input type=\"checkbox\" title=\"Transparent\" name=\"transparent\" condition=\"!opacityScroll\">\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=\"#ffffff\">\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=\"\n\t\t\t\t\t[\n\t\t\t\t\t{'opacityScrollOff': !opacityScroll, 'opacityScroll': opacityScroll}, \n\t\t\t\t\t{'navbar-fixed-top':sticky,'navbar-expand-lg':!collapsed,'collapsed':collapsed}\n\t\t\t\t\t]\">\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=\"https://mobiri.se\">\n\t\t\t\t\t\t<img src=\"../_images/logo.png\" alt=\"Mobirise Website Builder\" mbr-style=\"{'height': logoSize + 'rem'}\">\n\t\t\t\t\t</a>\n\t\t\t\t</span>\n\t\t\t\t<span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-black text-primary\" data-app-selector=\".navbar-caption\" href=\"index.html#header08-1u\" data-app-placeholder=\"Type Text\">หน้าแรก</a></span>\n\t\t\t</div>\n\t\t\t<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<div class=\"hamburger\">\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t</div>\n\t\t\t</button>\n\t\t\t<div class=\"collapse navbar-collapse\" mbr-class=\"{'opacityScrollOff': !opacityScroll, 'opacityScroll': opacityScroll}\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"page4.html#people06-2h\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">คำนำ</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black text-primary\" href=\"page2.html#features021-28\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">ประวัติส่วนตัว</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=\"page3.html#gallery05-2p\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">กิจกรรม</a>\n\t\t\t\t\t</li></ul>\n\t\t\t\t<div class=\"icons-menu\" mbr-if=\"showIcons\">\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-phone mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 1\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-letter mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 2\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-map-pin mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 3\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-shopping-cart mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t<div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"> Start Now!</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>", "_cid": "ugHgylGDcm", "_protectedParams": [], "_global": true, "_once": "menu", "_params": {}, "_anchor": "menu06-2s" }, { "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", "margin-bottom": "1rem" }, "@media (min-width: 768px) and (max-width: 991px)": { "padding": "2.25rem" }, "@media (min-width: 992px)": { "padding": "4rem" } }, ".mbr-text, .mbr-section-btn": { "text-align": "left" }, ".img-wrapper img": { "width": "120px", "height": "120px", "object-fit": "cover", "border-radius": "50% !important", "@media (min-width: 768px) and (max-width: 991px)": { "width": "120px", "height": "120px" }, "@media (max-width: 768px)": { "width": "80px", "height": "80px" } }, ".img-wrapper": { "display": "flex" }, ".card-text": { "text-align": "center" }, ".card-title": { "text-align": "center" } }, "_name": "people06", "_sourceTheme": "startm5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"people06\" group=\"People\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{ 'mbr-fullscreen': fullScreen, 'mbr-parallax-background': bg.parallax}\"> \n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"12\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"12\" step=\"1\" value=\"6\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked>\n <select title=\"Image Align\" name=\"contentAlign\">\n <option value=\"justify-content-start\">Left</option>\n <option value=\"justify-content-center\" selected>Center</option>\n <option value=\"justify-content-end\">Right</option>\n </select>\n <input type=\"checkbox\" title=\"Name\" name=\"showName\" checked>\n <header>Wrap</header>\n <input type=\"range\" name=\"cardWidth\" title=\"Wrap Width\" min=\"6\" max=\"12\" value=\"8\" step=\"1\">\n <input type=\"color\" title=\"Wrap Bg\" name=\"wrapBgColor\" value=\"#d8f3ff\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#5ed3f5\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.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-12 col-md-12 col-lg-{{cardWidth}}\">\n <div class=\"card-wrapper\">\n <div class=\"card-box align-center\">\n <p class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".card-text\"><b>คำนำ</b><br>ในโลกที่เต็มไปด้วยการเปลี่ยนแปลงและการแข่งขัน การสร้างสรรค์และพัฒนาตนเองให้มีศักยภาพที่เหมาะสมเป็นสิ่งสำคัญยิ่ง พอร์ตโฟลิโอนี้ถูกจัดทำขึ้นเพื่อแสดงถึงผลงาน ความสามารถ และการพัฒนาของข้าพเจ้าในด้านต่าง ๆ ตลอดระยะเวลาที่ผ่านมา\n<br>พอร์ตโฟลิโอนี้ได้รวบรวมผลงานที่แสดงถึงความมุ่งมั่น ความพยายาม และความสำเร็จในด้านต่าง ๆ ไม่ว่าจะเป็นด้านการศึกษา การทำงาน หรือกิจกรรมต่าง ๆ ที่ข้าพเจ้าได้มีส่วนร่วม ซึ่งจะเป็นการสะท้อนถึงความสามารถและคุณค่าที่ข้าพเจ้ามีเพื่อให้ผู้ที่สนใจได้พิจารณา\n<br>ข้าพเจ้าหวังเป็นอย่างยิ่งว่าพอร์ตโฟลิโอนี้จะเป็นประโยชน์ในการนำเสนอศักยภาพและประสบการณ์ของข้าพเจ้า และเป็นส่วนหนึ่งในการสร้างโอกาสที่ดีในการพัฒนาและก้าวหน้าในสายอาชีพต่อไป</p>\n <div class=\"img-wrapper mt-4 {{contentAlign}}\" mbr-if=\"showImage\">\n <img src=\"@PROJECT_PATH@/assets/images/1021-240x530.jpeg\" alt data-slide-to=\"0\" data-bs-slide-to=\"0\">\n </div>\n <p class=\"card-title mbr-fonts-style mt-3\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".card-title\"><b>Chaiwat Kapho</b></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "ugANWC3l4n", "_anchor": "people06-2h", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] } } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.32 |
proxy
|
phpinfo
|
Réglages