File manager - Edit - /home/kridsana/webapp.cm.in.th/673190902/u67319090034/profile/project.mobirise
Back
{ "settings": { "currentPage": "index.html", "theme": { "name": "mobirise5", "title": "Mobirise 5", "styling": { "primaryColor": "#e85a4f", "secondaryColor": "#d8c3a5", "successColor": "#e43f3f", "infoColor": "#47b5ed", "warningColor": "#FFE161", "dangerColor": "#ff9966", "mainFont": "Jost", "display1Font": "Lexend", "display1Size": "6.8", "display2Font": "Lexend", "display2Size": 3, "display5Font": "Lexend", "display5Size": 2, "display7Font": "Lexend", "display7Size": 1.2, "display4Font": "Lexend", "display4Size": 1.1, "isRoundedButtons": false, "isGhostButtonBorder": false, "underlinedLinks": false, "isAnimatedOnScroll": false, "isScrollToTopButton": false }, "titlePreset": "Portfolio", "nameSelectPreset": "portfolio", "presetSourceTheme": "mobirise5", "additionalSetColors": [ "#560687" ] }, "path": "@PROJECT_PATH@", "name": "My Site", "versionFirst": "5.9.18", "siteFonts": [ { "css": "'Lexend', sans-serif", "name": "Lexend", "url": "https://fonts.googleapis.com/css?family=Lexend:100,200,300,400,500,600,700,800,900" } ], "imageResize": true, "uniqCompNum": 9, "versionPublish": "5.9.18" }, "pages": { "index.html": { "settings": { "main": true, "title": "Home", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "" }, "components": [ { "alias": false, "_styles": { "& when not (@sticky)": { ".navbar-dropdown": { "position": "relative !important" }, "& when (@transparent)": { ".navbar-dropdown": { "position": "absolute !important" } } }, "& when (@sticky)": { "z-index": "1000", "width": "100%", "& when not (@transparent)": { "position": "relative", "min-height": "60px" }, "nav.navbar": { "position": "fixed" } }, ".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" }, ".dropdown-menu": { "padding": "0", "border-radius": "4px", "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)" }, ".dropdown-item": { "border-bottom": "1px solid #e6e6e6", "&:hover, &:focus": { "background": "@primaryColor !important", "color": "white !important" }, "&:hover span": { "color": "white" }, "&:first-child": { "border-top-left-radius": "4px", "border-top-right-radius": "4px" }, "&:last-child": { "border-bottom": "none", "border-bottom-left-radius": "4px", "border-bottom-right-radius": "4px" } }, ".nav-dropdown .link": { "padding": "0 0.3em !important", "margin": "0.667em 1em !important" }, ".nav-dropdown .link.dropdown-toggle::after": { "margin-left": "0.5rem", "margin-top": "0.2rem" }, ".nav-link": { "position": "relative" }, ".container": { "display": "flex", "margin": "auto", "flex-wrap": "nowrap", "@media (max-width: 991px)": { "flex-wrap": "wrap" }, "& when (@collapsed)": { "flex-wrap": "wrap" } }, ".container-fluid": { "flex-wrap": "nowrap", "@media (max-width: 991px)": { "flex-wrap": "wrap" }, "& when (@collapsed)": { "flex-wrap": "wrap" } }, ".iconfont-wrapper": { "color": "@iconsColor !important", "font-size": "1.5rem", "padding-right": "0.5rem" }, ".navbar-caption": {}, ".navbar-nav": {}, ".dropdown-menu, .navbar.opened": { "background": "@menuBgColor !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": "70px", "transition": "all 0.3s", "border-bottom": "1px solid transparent", "&:not(.navbar-short)": {}, "& when not (@transparent)": { "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)", "background": "@menuBgColor" }, "& when (@transparent)": { "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)" }, "&.opened": { "transition": "all 0.3s" }, ".dropdown-item": { "padding": "0.5rem 1.8rem" }, ".navbar-logo img": { "width": "auto" }, ".navbar-collapse": { "justify-content": "flex-end", "z-index": "1" }, "&.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: 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%" } }, ".navbar-logo": { "img": { "height": "3rem !important" } }, "ul.navbar-nav": { "li": { "margin": "auto" } }, ".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": "2rem", "@media (max-width: 767px)": { "width": "~\"calc(100% - 31px)\"" } }, ".navbar-toggler": { "flex-basis": "auto" }, ".icons-menu": { "padding-left": "0", "padding-top": "0.5rem", "padding-bottom": "0.5rem" } }, "&.navbar-short": { "min-height": "60px", ".navbar-logo": { "img": { "height": "2.5rem !important" } }, ".navbar-brand": { "min-height": "60px", "padding": "0" } } }, ".navbar-brand": { "min-height": "70px", "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" } }, ".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": "100%" } } }, ".navbar .dropdown.open > .dropdown-menu": { "display": "block" }, "ul.navbar-nav": { "flex-wrap": "wrap" }, ".navbar-buttons": { "text-align": "center", "min-width": "170px" }, "button.navbar-toggler": { "outline": "none", "width": "31px", "height": "20px", "cursor": "pointer", "transition": "all 0.2s", "position": "relative", "align-self": "center", ".hamburger span": { "position": "absolute", "right": "0", "width": "30px", "height": "2px", "border-right": "5px", "background-color": "@hamburgerColor", "&:nth-child(1)": { "top": "0", "transition": "all 0.2s" }, "&:nth-child(2)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(3)": { "top": "8px", "transition": "all 0.15s" }, "&:nth-child(4)": { "top": "16px", "transition": "all 0.2s" } } }, "nav.opened .hamburger span": { "&:nth-child(1)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" }, "&:nth-child(2)": { "transform": "rotate(45deg)", "transition": "all 0.25s" }, "&:nth-child(3)": { "transform": "rotate(-45deg)", "transition": "all 0.25s" }, "&:nth-child(4)": { "top": "8px", "width": "0", "opacity": "0", "right": "50%", "transition": "all 0.2s" } }, ".navbar-dropdown": { "padding": "0 1rem", "& when (@sticky)": { "position": "fixed" } }, "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 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" } } }, "_name": "menu3", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top=\"\" global=\"\" once=\"menu\" not-draggable=\"\" position-absolute=\"\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\">\n <input type=\"range\" title=\"Logo Size\" inline=\"\" name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked=\"\">\n <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked=\"\">\n <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\" checked=\"\">\n <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected=\"\">3</option>\n <option value=\"4\">4</option>\n </select>\n <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n <header>Styles</header>\n <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked=\"\">\n <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#ffffff\">\n <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#000000\">\n </mbr-parameters>\n <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n 'navbar-expand-lg':!collapsed,\n 'collapsed':collapsed}\">\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"navbar-brand\">\n <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n <a href=\"https://mobiri.se\">\n <img src=\"../_images/logo.png\" alt=\"Mobirise Website Builder\" mbr-style=\"{'height': logoSize + 'rem'}\">\n </a>\n </span>\n <span mbr-if=\"showBrand\" mbr-buttons=\"\" mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-black\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Mobirise</a></span>\n </div>\n <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 <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </div>\n </button>\n <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n <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}\">\n <li class=\"nav-item\"><a class=\"nav-link link text-black\" href=\"https://mobiri.se\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">\n About us</a></li>\n <li class=\"nav-item\"><a class=\"nav-link link text-black\" href=\"https://mobiri.se\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">\n Services</a></li>\n <li class=\"nav-item\"><a class=\"nav-link link text-black\" href=\"https://mobiri.se\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contacts</a>\n </li>\n </ul>\n <div class=\"icons-menu\" mbr-if=\"showIcons\">\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n <span mbr-icon=\"\" class=\"p-2 mbr-iconfont socicon-facebook socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n <span mbr-icon=\"\" class=\"p-2 mbr-iconfont socicon-twitter socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n <span mbr-icon=\"\" class=\"p-2 mbr-iconfont socicon-instagram socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n <span mbr-icon=\"\" class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n </a>\n </div>\n <div mbr-if=\"showButtons\" mbr-buttons=\"\" mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n Sign up</a>\n </div>\n </div>\n </div>\n </nav>\n</section>", "_cid": "udERheBGd7", "_protectedParams": [], "_global": true, "_once": "menu", "_params": {}, "_anchor": "menu3-7" }, { "alias": false, "_styles": { "& when not (@fullScreen)": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)" }, "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when (@reverseContent)": { ".row": { "flex-direction": "row-reverse" } }, ".row": { "align-items": "center" }, ".image-wrapper": { "@media (max-width: 991px)": { "padding": "1rem" } }, ".text-wrapper": { "@media (min-width: 992px)": { "padding": "0 2rem" } }, ".mbr-section-title": { "color": "#ff6666", "text-align": "center" }, ".mbr-text, .mbr-section-btn": { "color": "#000000" } }, "_name": "header11", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header11\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\" condition=\"fullScreen == false\">\n <input type=\"range\" inline name=\"imageWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"6\">\n <input type=\"checkbox\" title=\"Reverse\" name=\"reverseContent\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-24-084902-629x417.png\" selected>\n <input type=\"color\" title=\"Color\" value=\"#eae7dc\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-12 col-md-{{imageWidth}} image-wrapper\">\n <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-24-101105-462x652.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-12 col-md\">\n <div class=\"text-wrapper text-center\">\n <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\"><b>Portfolio</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">เพื่อนำเสนออาจารย์ </p>\n <div mbr-buttons mbr-theme-style=\"display-7\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-success\" href=\"index.html#gallery5-3\" data-app-placeholder=\"Type Text\">นาย เจษฎางค์ ร่วมใจ 034</a> <a class=\"btn btn-warning\" href=\"index.html#form4-6\" data-app-placeholder=\"Type Text\">ศึกษาอยู่ที่วิทยาลัยเทคนิคเชียงใหม่</a></div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFF0SGinka", "_anchor": "header11-1", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = \"color\")": { "background-color": "@bg-value" }, "& when (@bg-type = \"image\")": { "background-image": "url(@bg-value)", "& when (@overlay)": { ".mbr-overlay": { "background": "@overlayColor", "opacity": "@overlayOpacity" } } }, "img, .item-img": { "width": "100%", "& when (@autoSize)": { "height": "100%", "object-fit": "cover", "& when (@showCardTitle)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showCardSubtitle)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showText)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showButtons)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" } } }, ".item:focus, span:focus": { "outline": "none" }, ".item": { "cursor": "pointer", "margin-bottom": "2rem" }, "& when not (@spacing)": { ".row": { "margin-left": "0", "margin-right": "0" }, ".item": { "padding": "0", "margin": "0" } }, ".item-wrapper": { "position": "relative", "border-radius": "4px", "background": "@cardsBg", "height": "100%", "display": "flex", "flex-flow": "column nowrap", "@media (min-width: 992px)": { "& when (@showButtons)": { ".item-content": { "padding": "2rem 2rem 0" }, ".item-footer": { "padding": "0 2rem 2rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "2rem" } } }, "@media (max-width: 991px)": { "& when (@showButtons)": { ".item-content": { "padding": "1rem 1rem 0" }, ".item-footer": { "padding": "0 1rem 1rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "1rem" } } } }, ".mbr-section-btn": { "margin-top": "auto !important" }, ".mbr-section-title": { "color": "#232323" }, ".mbr-text, .mbr-section-btn": { "text-align": "left" }, ".item-title": { "text-align": "left" }, ".item-subtitle": { "text-align": "left" } }, "_name": "features3", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features3\" group=\"Features\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected>3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" name=\"showTitle\" title=\"Title\" checked>\n <input type=\"checkbox\" name=\"showSubtitle\" title=\"Subtitle\">\n <header>Cards</header>\n <input type=\"checkbox\" name=\"autoSize\" title=\"Auto Size\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && !(showButtons==false && showCardSubtitle==false && showCardTitle==false && showText==false)\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked>\n <input type=\"checkbox\" name=\"showCardTitle\" title=\"Title\" checked>\n <input type=\"checkbox\" name=\"showCardSubtitle\" title=\"Subtitle\">\n <input type=\"checkbox\" name=\"showText\" title=\"Text\" checked>\n <input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\">\n <input type=\"color\" name=\"cardsBg\" title=\"BG\" value=\"#fafafa\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/mbr-1920x1280.jpg\" selected>\n <input type=\"color\" title=\"Color\" value=\"#ffffff\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.1\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h4 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>ประวัติข้อมูลส่วนตัว</b></h4>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\"></h5>\n </div>\n <div class=\"row mt-4\">\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-24-101148-665x525.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>ประวัติส่วนตัว</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">นาย เจษฎางค์ ร่วมใจ ชื่อเล่น เพลง<br>เกิดวันที่ 28 มกราคม 2546<br>กรุ๊ปเลือด O สัญชาติ ไทย <br>ศาสนา พุทธ </p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href=\"https://www.cmtc.ac.th/\" class=\"btn btn-primary item-btn\" target=\"_blank\" data-app-placeholder=\"Type Text\"></a></div>\n </div>\n </div>\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-24-100233-1138x554.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>การศึกษา</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">วิทยาลัยเทคนิคเชียงใหม่ <br>ระดับชั้น ปวส. 1<br><br><b>จบมากจาก</b><br><br>กศน. แม่ต๋ำ จังหวัดพะเยา</p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href class=\"btn btn-primary item-btn\" target=\"_blank\" data-app-placeholder=\"Type Text\">Learn More\n ></a></div>\n </div>\n </div>\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-24-095350-634x663.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"3\" data-bs-slide-to=\"3\">\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>ความสามารถพิเศษ</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">มีความสามารถด้านกีฬา มวยไทย<br><b><br></b><b>ความใฝ่ฝันในอนาคต</b><br><br>คือได้จบแล้วไปทำงานที่ตัวเองอยากทำและได้เงินเยอะๆ<br><b><br></b><br><br></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href class=\"btn btn-primary item-btn\" data-app-placeholder=\"Type Text\" target=\"_blank\">Learn More\n ></a></div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "udECjiJ4fJ", "_anchor": "features3-4", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = \"color\")": { "background-color": "@bg-value" }, "& when (@bg-type = \"image\")": { "background-image": "url(@bg-value)", "& when (@overlay)": { ".mbr-overlay": { "background": "@overlayColor", "opacity": "@overlayOpacity" } } }, "img, .item-img": { "width": "100%", "& when (@autoSize)": { "height": "100%", "object-fit": "cover", "& when (@showCardTitle)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showCardSubtitle)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showText)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showButtons)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" } } }, ".item:focus, span:focus": { "outline": "none" }, ".item": { "cursor": "pointer", "margin-bottom": "2rem" }, "& when not (@spacing)": { ".row": { "margin-left": "0", "margin-right": "0" }, ".item": { "padding": "0", "margin": "0" } }, ".item-wrapper": { "position": "relative", "border-radius": "4px", "background": "@cardsBg", "height": "100%", "display": "flex", "flex-flow": "column nowrap", "@media (min-width: 992px)": { "& when (@showButtons)": { ".item-content": { "padding": "2rem 2rem 0" }, ".item-footer": { "padding": "0 2rem 2rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "2rem" } } }, "@media (max-width: 991px)": { "& when (@showButtons)": { ".item-content": { "padding": "1rem 1rem 0" }, ".item-footer": { "padding": "0 1rem 1rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "1rem" } } } }, ".mbr-section-btn": { "margin-top": "auto !important" }, ".mbr-section-title": { "color": "#232323" }, ".mbr-text, .mbr-section-btn": { "text-align": "left" }, ".item-title": { "text-align": "left" }, ".item-subtitle": { "text-align": "left", "color": "#bbbbbb" } }, "_name": "features4", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features4\" group=\"Features\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected>3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" name=\"showTitle\" title=\"Title\" checked>\n <input type=\"checkbox\" name=\"showSubtitle\" title=\"Subtitle\">\n <header>Cards</header>\n <input type=\"checkbox\" name=\"autoSize\" title=\"Auto Size\" checked>\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && !(showButtons==false && showCardSubtitle==false && showCardTitle==false && showText==false)\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked>\n <input type=\"checkbox\" name=\"showCardTitle\" title=\"Title\" checked>\n <input type=\"checkbox\" name=\"showCardSubtitle\" title=\"Subtitle\">\n <input type=\"checkbox\" name=\"showText\" title=\"Text\">\n <input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\">\n <input type=\"color\" name=\"cardsBg\" title=\"BG\" value=\"#ffffff\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/mbr-2-1920x1280.jpg\" selected>\n <input type=\"color\" title=\"Color\" value=\"#fafafa\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h4 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>กิจกรรมต่างๆที่ชอบทำ</b></h4>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">To add more cards, hover on a card and\n click 'Add items'</h5>\n </div>\n <div class=\"row mt-4\">\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-24-103508-816x429.png\" alt=\"Mobirise Website Builder\" title>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>ออกกำลังกาย</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">Website Design</h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\"></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href class=\"btn item-btn btn-black\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now\n ></a></div>\n </div>\n </div>\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-24-103554-688x424.png\" alt=\"Mobirise Website Builder\" title>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>ฟังเพลง</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n HTML/CSS Coกฟding</h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\"></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href class=\"btn item-btn btn-black\" target=\"_blank\" data-app-placeholder=\"Type Text\">Start Now\n ></a></div>\n </div>\n </div>\n <div class=\"item features-image сol-12 col-md-6 col-lg-{{cardsWidth}}\">\n <div class=\"item-wrapper\">\n <div class=\"item-img\">\n <img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-24-103700-593x400.png\" alt=\"Mobirise Website Builder\" title>\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>เล่นเกม</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">Creating Your Brand</h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\"></p>\n </div>\n <div class=\"mbr-section-btn item-footer mt-2\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href class=\"btn item-btn btn-black\" data-app-placeholder=\"Type Text\" target=\"_blank\">Start Now\n ></a></div>\n </div>\n </div>\n\n </div>\n </div>\n</section>", "_cid": "udEKsc45MC", "_protectedParams": [], "_global": false, "_once": false, "_params": {}, "_anchor": "features4-6" }, { "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": "55px", "height": "55px", "line-height": "55px", "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": "share3", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"share3\" group=\"Social\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" plugins=\"Socicon\">\n \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\">\n <input type=\"checkbox\" title=\"Youtube\" name=\"youtube\">\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=\"#ffffff\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type === 'video'\">Fallback Image</header>\n <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background13.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}\">\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-3 mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title, .social-list\">\n <b>ติดตามฉันได้ที่</b></h3>\n <div class=\"social-list align-center\">\n \n <a class=\"iconfont-wrapper bg-facebook m-2 \" target=\"_blank\" data-app-placeholder=\"Type Text\" href=\"https://www.facebook.com/pleng.jessadang.9\" 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://mail.google.com/mail/u/0/#inbox\" target=\"_blank\" mbr-if=\"twitter\">\n <span mbr-icon class=\"socicon-mail socicon\"></span>\n </a>\n <a class=\"iconfont-wrapper bg-instagram m-2\" href=\"https://www.instagram.com/plengoneday?igsh=MTVidGJ6MzI5Ym1zZA%3D%3D&utm_source=qr\" 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://mobiri.se\" 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://mobiri.se\" 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": "udEREb38SX", "_protectedParams": [], "_global": false, "_once": false, "_params": {}, "_anchor": "share3-8" } ] } } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.4 |
proxy
|
phpinfo
|
Settings