Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190902/u67319090025/portfolio/project.mobirise
Arrière
{ "settings": { "currentPage": "index.html", "theme": { "name": "mobirise5", "title": "Mobirise 5", "styling": { "primaryColor": "#4d6d9a", "secondaryColor": "#edb5bf", "successColor": "#40b0bf", "infoColor": "#47b5ed", "warningColor": "#FFE161", "dangerColor": "#ff9966", "mainFont": "Jost", "display1Font": "Bellota Text", "display1Size": 4.6, "display2Font": "Bellota Text", "display2Size": 3, "display5Font": "Bellota Text", "display5Size": 2, "display7Font": "Bellota Text", "display7Size": 1.2, "display4Font": "Bellota Text", "display4Size": 1.1, "isRoundedButtons": false, "isGhostButtonBorder": false, "underlinedLinks": false, "isAnimatedOnScroll": false, "isScrollToTopButton": false }, "titlePreset": "Photo", "nameSelectPreset": "photo", "presetSourceTheme": "mobirise5", "additionalSetColors": [] }, "path": "@PROJECT_PATH@", "name": "Site 2024-05-24 08:26", "versionFirst": "5.9.18", "siteFonts": [ { "css": "'Bellota Text', display", "name": "Bellota Text", "url": "https://fonts.googleapis.com/css?family=Bellota+Text:300,300i,400,400i,700,700i" } ], "imageResize": true, "uniqCompNum": 32, "versionPublish": "5.9.18", "screenshot": "screenshot.png" }, "pages": { "index.html": { "settings": { "main": true, "title": "Home", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "" }, "components": [ { "alias": false, "_styles": { "& when not (@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" }, "&: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" }, ".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" }, ".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": "menu1", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu1\" 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\">\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\" checked>\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\" checked>\n <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"transparent\">\n <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#5f6366\">\n <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#000000\">\n </mbr-parameters>\n\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-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Siwanaraporn</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-7\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#header1-0\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#people5-n\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About</a></li>\n <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#features3-4\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Photo</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#features7-7\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Character</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"page1.html#timeline1-u\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Stories</a>\n </li></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\"><a class=\"btn btn-primary\" href=\"index.html#bottom\" data-app-placeholder=\"Type Text\">Contace</a></div>\n </div>\n </div>\n </nav>\n</section>", "_cid": "sFGMsvHDIa", "_anchor": "menu1-1", "_PHPplaceholders": [], "_JSplaceholders": [], "_protectedParams": [], "_global": true, "_once": "menu", "_params": {} }, { "alias": false, "_styles": { "& when not (@fullScreen)": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, ".mbr-section-title": { "text-align": "center", "color": "#353535" }, ".mbr-text, .mbr-section-btn": { "text-align": "center", "color": "#5f6366" } }, "_name": "header1", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header1\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"20\" step=\"1\" value=\"16\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"20\" step=\"1\" value=\"16\" condition=\"fullScreen == false\">\n\n <input type=\"range\" inline name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"7\" step=\"1\">\n <select title=\"Align\" name=\"contentAlign\">\n <option value>Left</option>\n <option value=\"justify-content-center\" selected>Center</option>\n <option value=\"justify-content-end\">Right</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/50874036-683215728742073-8857852693419393024-o-1944x1296.jpeg\" selected>\n <input type=\"color\" title=\"Color\" value=\"#fafafa\">\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row {{contentAlign}}\">\n <div class=\"col-12 col-lg-{{textWidth}}\">\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>SIWANARAPORN</b></h1>\n <h2 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-2\" mbr-if=\"showSubitle\">\n Header Subtitle\n </h2>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\"><b>\n PORTFOLIO</b></p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\"><a class=\"btn btn-secondary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Reserve a Date</a></div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFGMfPD7iT", "_anchor": "header1-0", "_PHPplaceholders": [], "_JSplaceholders": [], "_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)" }, ".card-wrapper": { "display": "flex", "@media (max-width: 991px)": { "margin-bottom": "2rem" } }, ".mbr-iconfont": { "font-size": "4rem", "color": "@iconColor", "padding-right": "1.5rem" }, ".card-title": { "color": "#ffffff" } }, "_name": "features15", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features14\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"3\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"1\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Icons\" name=\"showIcon\" checked>\n <input type=\"color\" title=\"Color\" name=\"iconColor\" value=\"#4d6d9a\" selected condition=\"showIcon\">\n <select title=\"Cards\" name=\"cardsAmount\">\n <option value=\"1\">1</option>\n <option value=\"2\" selected>2</option>\n <option value=\"3\">3</option>\n <option value=\"4\">4</option>\n </select>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#353535\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"card col-12 col-md-6\" mbr-class=\"{'col-lg-6': cardsAmount == '2', 'col-lg-3': cardsAmount == '4',\n 'col-lg-4': cardsAmount == '3'}\">\n <div class=\"card-wrapper\">\n <a href=\"index.html#features3-4\"><span mbr-icon class=\"mbr-iconfont m-auto mobi-mbri-user-2 mobi-mbri\" mbr-if=\"showIcon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span></a>\n <div class=\"card-box\">\n <h4 class=\"card-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title\"><b>Portrait Photography</b></h4>\n <h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\"></h5>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 1\" mbr-class=\"{'col-lg-6': cardsAmount == '2', 'col-lg-3': cardsAmount == '4',\n 'col-lg-4': cardsAmount == '3'}\">\n <div class=\"card-wrapper\">\n <a href=\"index.html#features7-7\"><span mbr-icon class=\"mbr-iconfont m-auto mobi-mbri-github mobi-mbri\" mbr-if=\"showIcon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span></a>\n <div class=\"card-box\">\n <h4 class=\"card-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title\"><b>Character Design</b></h4>\n <h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\"></h5>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 2\" mbr-class=\"{'col-lg-3': cardsAmount == '4',\n 'col-lg-4': cardsAmount == '3'}\">\n <div class=\"card-wrapper\">\n <span mbr-icon class=\"mbr-iconfont m-auto mobi-mbri-change-style mobi-mbri\" mbr-if=\"showIcon\"></span>\n <div class=\"card-box\">\n <h4 class=\"card-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title\"><b>Art Photography</b></h4>\n <h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\"></h5>\n </div>\n\n </div>\n </div>\n <div class=\"card col-12 col-md-6 col-lg-3\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-wrapper\">\n <span mbr-icon class=\"mbr-iconfont m-auto mobi-mbri-responsive-2 mobi-mbri\" mbr-if=\"showIcon\"></span>\n <div class=\"card-box\">\n <h4 class=\"card-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title\"><b>Mobile-friendly</b></h4>\n <h5 class=\"card-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Create landing pages with ease.</h5>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFGNHRkFsi", "_anchor": "features15-5", "_PHPplaceholders": [], "_JSplaceholders": [], "_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)" } }, ".embla__slide": { "display": "flex", "justify-content": "center", "position": "relative", "min-width": "570px", "max-width": "570px", "@media (max-width: 768px)": { "min-width": "70%", "max-width": "initial", "margin-left": "1rem !important", "margin-right": "1rem !important" } }, ".embla__button--next, .embla__button--prev": { "display": "flex" }, ".embla__button": { "top": "50%", "width": "60px", "height": "60px", "margin-top": "-1.5rem", "font-size": "22px", "background-color": "rgba(0, 0, 0, 0.5)", "color": "#fff", "border": "2px solid #fff", "border-radius": "50%", "transition": "all 0.3s", "position": "absolute", "display": "flex", "justify-content": "center", "align-items": "center", "& when not (@arrows)": { "display": "none" }, "& when not (@arrowsMobile)": { "@media (max-width: 768px)": { "display": "none" } }, "&:disabled": { "cursor": "default", "display": "none" }, "&:hover": { "background": "#000", "color": "rgba(255, 255, 255, 0.5)" }, "&.embla__button--prev": { "left": "0", "margin-left": "2.5rem" }, "&.embla__button--next": { "right": "0", "margin-right": "2.5rem" }, "@media (max-width: 768px)": { "top": "auto" } }, ".user_image": { "width": "200px", "height": "200px", "margin-bottom": "1.6rem", "overflow": "hidden", "border-radius": "50%", "margin": "0 auto 2rem auto", ".item-wrapper": { "width": "200px", "height": "200px" }, "img": { "width": "100%", "min-width": "100%", "min-height": "100%", "object-fit": "cover" } }, "@media (max-width: 230px)": { ".user_image": { "width": "100%", "height": "auto" } }, ".embla": { "position": "relative", "width": "100%" }, ".embla__viewport": { "overflow": "hidden", "width": "100%" }, ".embla__viewport.is-draggable": { "cursor": "grab" }, ".embla__viewport.is-dragging": { "cursor": "grabbing" }, ".embla__container": { "display": "flex", "user-select": "none", "-webkit-touch-callout": "none", "-khtml-user-select": "none", "-webkit-tap-highlight-color": "transparent" } }, "_name": "people5", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"people5 mbr-embla\" group=\"People\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" plugins=\"embla\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\" checked>\n <input type=\"range\" title=\"Padding Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"8\" inline>\n <input type=\"range\" title=\"Padding Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"8\" inline>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <header>Carousel</header>\n <input type=\"checkbox\" title=\"Autoplay\" name=\"autoplay\">\n <input type=\"range\" title=\"Interval\" name=\"interval\" min=\"1\" max=\"10\" value=\"5\" step=\"1\" condition=\"autoplay\">\n <input type=\"checkbox\" title=\"Loop\" name=\"loop\" checked>\n <input type=\"checkbox\" title=\"Draggable\" name=\"draggable\" checked>\n <input type=\"checkbox\" name=\"arrows\" title=\"Arrows\" checked>\n <input type=\"checkbox\" name=\"arrowsMobile\" title=\"Mobile Arrows\" condition=\"arrows\">\n <header>Slides</header>\n <input type=\"range\" name=\"gap\" title=\"Gap\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"checkbox\" title=\"Author Name\" name=\"showName\">\n <input type=\"checkbox\" title=\"Author Title\" name=\"showDesk\">\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.9\" 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=\"position-relative text-center\">\n <h3 class=\"mb-4 mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>About Me</b></h3>\n\n <div class=\"embla\" data-loop=\"{{loop}}\" data-auto-play=\"{{autoplay}}\" data-auto-play-interval=\"{{interval}}\" data-draggable=\"{{draggable}}\" data-skip-snaps=\"true\" data-align=\"center\">\n <div class=\"embla__viewport\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"embla__container\">\n \n <div class=\"embla__slide slider-image item active\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"user\">\n <div class=\"user_image\">\n <div class=\"item-wrapper position-relative\">\n <img src=\"@PROJECT_PATH@/assets/images/428618543-1922812338115733-5618760869335783672-n-600x601.jpg\" alt=\"Mobirise Website Builder\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n </div>\n </div>\n <div class=\"user_text mb-4\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".user_text\">Hi<br>I'm Miss. Siwanaraporn Chompoowiset</p>\n </div>\n <div mbr-text class=\"user_name mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".user_name\">\n <b>Linda</b>\n </div>\n <div mbr-text class=\"user_desk mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showDesk\" data-app-selector=\".user_desk\">\n DEVELOPER\n </div>\n </div>\n </div>\n <div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"user\">\n <div class=\"user_image\">\n <div class=\"item-wrapper position-relative\">\n <img src=\"@PROJECT_PATH@/assets/images/img20231118224315-400x533.jpeg\" alt=\"Mobirise Website Builder\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n </div>\n </div>\n <div class=\"user_text mb-4\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".user_text\">\n You can call me<br>\"Mai\"</p>\n </div>\n <div mbr-text class=\"user_name mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".user_name\">\n <b>Herbert</b>\n </div>\n <div mbr-text class=\"user_desk mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showDesk\" data-app-selector=\".user_desk\">\n DEVELOPER\n </div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"user\">\n <div class=\"user_image\">\n <div class=\"item-wrapper position-relative\">\n <img src=\"@PROJECT_PATH@/assets/images/img20240320154256-2-400x226.jpeg\" alt=\"Mobirise Website Builder\" data-slide-to=\"2\" data-bs-slide-to=\"2\">\n </div>\n </div>\n <div class=\"user_text mb-4\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".user_text\">This is my pet,\n<br>nam's Nubo.</p>\n </div>\n <div mbr-text class=\"user_name mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".user_name\">\n <b>Herbert</b>\n </div>\n <div mbr-text class=\"user_desk mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showDesk\" data-app-selector=\".user_desk\">\n DEVELOPER\n </div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"user\">\n <div class=\"user_image\">\n <div class=\"item-wrapper position-relative\">\n <img src=\"@PROJECT_PATH@/assets/images/received-1279932175533174-1-600x609.jpg\" alt=\"Mobirise Website Builder\" data-slide-to=\"4\" data-bs-slide-to=\"4\">\n </div>\n </div>\n <div class=\"user_text mb-4\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".user_text\">I graduated from<br>Southern Tegnological Calleg S.Tech</p>\n </div>\n <div mbr-text class=\"user_name mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".user_name\">\n <b>Linda</b>\n </div>\n <div mbr-text class=\"user_desk mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showDesk\" data-app-selector=\".user_desk\">\n DEVELOPER\n </div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"user\">\n <div class=\"user_image\">\n <div class=\"item-wrapper position-relative\">\n <img src=\"@PROJECT_PATH@/assets/images/-2024-05-25-155158-480x351.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"5\" data-bs-slide-to=\"5\">\n </div>\n </div>\n <div class=\"user_text mb-4\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".user_text\">Besides food, I like to take photos. and character design</p>\n </div>\n <div mbr-text class=\"user_name mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".user_name\">\n <b>Linda</b>\n </div>\n <div mbr-text class=\"user_desk mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showDesk\" data-app-selector=\".user_desk\">\n DEVELOPER\n </div>\n </div>\n </div><div class=\"embla__slide slider-image item\" mbr-style=\"{'margin-left': gap + 'rem', 'margin-right': gap + 'rem'}\">\n <div class=\"user\">\n <div class=\"user_image\">\n <div class=\"item-wrapper position-relative\">\n <img src=\"@PROJECT_PATH@/assets/images/-2024-05-24-092458-481x724.png\" alt=\"Mobirise Website Builder\" data-slide-to=\"6\" data-bs-slide-to=\"6\">\n </div>\n </div>\n <div class=\"user_text mb-4\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".user_text\">You can view my work here.</p>\n </div>\n <div mbr-text class=\"user_name mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showName\" data-app-selector=\".user_name\">\n <b>Linda</b>\n </div>\n <div mbr-text class=\"user_desk mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showDesk\" data-app-selector=\".user_desk\">\n DEVELOPER\n </div>\n </div>\n </div>\n </div>\n </div>\n <button class=\"embla__button embla__button--prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev mbr-iconfont\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden visually-hidden\">Previous</span>\n </button>\n <button class=\"embla__button embla__button--next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next mbr-iconfont\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden visually-hidden\">Next</span>\n </button>\n </div>\n </div>\n</section>", "_cid": "udLLrcGikr", "_anchor": "people5-n", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "background-color": "@bgColor", "img": { "width": "120px", "margin": "auto" }, ".card": { "transition": "all 0.3s", "height": "fit-content", "padding": "1rem 0", "margin-bottom": "1rem" }, "@media (min-width: 992px)": { ".card": { "max-width": "12.5%" } }, ".mbr-text": { "text-align": "center" } }, "_name": "clients1", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"clients1\" group=\"Clients\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"10\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubTitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"range\" inline title=\"Items\" name=\"items\" min=\"1\" max=\"8\" value=\"4\" step=\"1\">\n <header>Background</header>\n <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#ffffff\">\n </mbr-parameters>\n <div class=\"images-container\" mbr-class=\"{'container-fluid':fullWidth, container:fullWidth==false}\">\n <div class=\"mbr-section-head\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Passive skill\\</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubTitle\" data-app-selector=\".mbr-section-subtitle\">For a better look, use pictures of the same size in this block.\n elit</h4>\n <p class=\"mbr-text mbr-fonts-style align-center mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\"><b>Passive skill</b></p>\n </div>\n <div class=\"row justify-content-center mt-4\">\n <div class=\"col-md-3 card\">\n <img src=\"@PROJECT_PATH@/assets/images/adobe-illustrator-cc-icon.svg-1-240x234.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 1\">\n <img src=\"@PROJECT_PATH@/assets/images/adobe-photoshop-cc-icon.svg-240x234.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 2\">\n <img src=\"@PROJECT_PATH@/assets/images/adobe-photoshop-lightroom-cc-logo.svg-240x234.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 3\">\n <img src=\"@PROJECT_PATH@/assets/images/v-bug-negative-red-240x241.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 4\">\n <img src=\"../_images/clients/2.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 5\">\n <img src=\"../_images/clients/3.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 6\">\n <img src=\"../_images/clients/4.png\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"col-md-3 card\" mbr-if=\"items > 7\">\n <img src=\"../_images/clients/5.png\" alt=\"Mobirise Website Builder\">\n </div>\n </div>\n </div>\n</section>", "_cid": "udLEcnrNhY", "_anchor": "clients1-f", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = \"color\")": { "background-color": "@bg-value" }, "& when (@bg-type = \"image\")": { "background-image": "url(@bg-value)", "& when (@overlay)": { ".mbr-overlay": { "background": "@overlayColor", "opacity": "@overlayOpacity" } } }, "img, .item-img": { "width": "100%", "& when (@autoSize)": { "height": "100%", "object-fit": "cover", "& when (@showCardTitle)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showCardSubtitle)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showText)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" }, "& when (@showButtons)": { "height": "(@imageHeight * 100px)", "object-fit": "cover" } } }, ".item:focus, span:focus": { "outline": "none" }, ".item": { "cursor": "pointer", "margin-bottom": "2rem" }, "& when not (@spacing)": { ".row": { "margin-left": "0", "margin-right": "0" }, ".item": { "padding": "0", "margin": "0" } }, ".item-wrapper": { "position": "relative", "border-radius": "4px", "background": "@cardsBg", "height": "100%", "display": "flex", "flex-flow": "column nowrap", "@media (min-width: 992px)": { "& when (@showButtons)": { ".item-content": { "padding": "2rem 2rem 0" }, ".item-footer": { "padding": "0 2rem 2rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "2rem" } } }, "@media (max-width: 991px)": { "& when (@showButtons)": { ".item-content": { "padding": "1rem 1rem 0" }, ".item-footer": { "padding": "0 1rem 1rem" } }, "& when not (@showButtons)": { ".item-content": { "padding": "1rem" } } } }, ".mbr-section-btn": { "margin-top": "auto !important" }, ".mbr-section-title": { "color": "#000000" }, ".mbr-text, .mbr-section-btn": { "text-align": "left", "color": "#5f6366" }, ".item-title": { "text-align": "left" }, ".item-subtitle": { "text-align": "left" }, ".mbr-section-subtitle DIV": { "text-align": "center" } }, "_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\" checked>\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\">\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/51951398-688329288230717-3797597065077325824-n-1296x1944.jpeg\" selected>\n <input type=\"color\" title=\"Color\" value=\"#fafafa\">\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.8\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h4 class=\"mbr-section-title mbr-fonts-style align-center mb-5\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Portrait Photography</b></h4>\n <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">I first started photography in 2016.\n<div>Every picture has a different meaning. recording memories and published It's what makes me feel good.</div></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/51608209-688329501564029-8646294703341305856-n-2-815x1223.jpeg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>สำเร็จการศึกษา</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et lobortis lacus. Proin lorem sapien, fermentum id finibus.</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-secondary\" 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/51475126-688329264897386-4856347413104820224-n-1-815x1223.jpeg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et lobortis lacus. Proin lorem sapien, fermentum id finibus.</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-secondary\" 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/51409943-688329314897381-7246861768369111040-n-815x1223.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"item-content\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\"><b>Street Food</b></h5>\n <h6 class=\"item-subtitle mbr-fonts-style mt-1\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n <i>Card Subtitle</i>\n </h6>\n <p class=\"mbr-text mbr-fonts-style mt-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et lobortis lacus. Proin lorem sapien, fermentum id finibus.<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 item-btn btn-secondary\" data-app-placeholder=\"Type Text\" target=\"_blank\">Learn More\n ></a></div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFGNGNNW5A", "_anchor": "features3-4", "_PHPplaceholders": [], "_JSplaceholders": [], "_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)" }, ".oldcost": { "text-decoration": "line-through", "color": "#353535" }, ".currentcost": { "color": "#232323" }, ".card-wrapper": { "border-radius": "4px", "background": "@cardsBg" }, "@media (min-width: 992px)": { ".text-box": { "padding": "2rem", "padding-right": "4rem", "& when (@reverseContent)": { "padding-left": "4rem", "padding-right": "2rem" } } }, "@media (max-width: 991px)": { ".text-box": { "padding": "2rem" } }, "@media (max-width: 767px)": { ".text-box": { "padding": "1rem" } }, ".image-wrapper img": { "width": "100%", "object-fit": "cover" } }, "_name": "features7", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"features6\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n <!---->\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" title=\"Reverse\" name=\"reverseContent\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"10\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"6\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Cost\" name=\"showCost\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <input type=\"color\" title=\"Color\" name=\"cardsBg\" value=\"#ffffff\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#bed3f9\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid' : fullWidth}\">\n <div class=\"card-wrapper\">\n <div class=\"row align-items-center\" mbr-class=\"{'flex-row-reverse' : reverseContent}\">\n <div class=\"col-12 col-lg-{{imageWidth}}\">\n <div class=\"image-wrapper\">\n <img src=\"@PROJECT_PATH@/assets/images/-2024-05-24-094821-745x686.png\" alt=\"Mobirise Website Builder\">\n </div>\n </div>\n <div class=\"col-12 col-lg\">\n <div class=\"text-box\">\n <h5 class=\"mbr-title mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\">Character Design</h5>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .cost, .mbr-section-btn\">I just follow the ideas I have. Practice and develop continuously.</p>\n <div class=\"cost\" mbr-if=\"showCost\">\n <span mbr-text mbr-theme-style=\"display-2\" class=\"currentcost mbr-fonts-style pr-2\" data-app-selector=\".currentcost\">$69</span>\n <span mbr-text mbr-theme-style=\"display-2\" class=\"oldcost mbr-fonts-style\" data-app-selector=\".oldcost\">$89</span>\n </div>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn pt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a href=\"https://mobiri.se\" class=\"btn btn-primary\" data-app-placeholder=\"Type Text\">รับชม</a></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFGS12H2E8", "_anchor": "features7-7", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when not (@spacing)": { ".row": { "margin-left": "0", "margin-right": "0" }, ".item": { "padding-left": "0", "padding-right": "0" } }, "& when (@spacing)": { ".item": { "padding-bottom": "2rem" } }, ".item-wrapper": { "& when (@autoSize)": { "& when not (@showItemSubtitle)": { "height": "100%" }, "& when (@showItemSubtitle)": { "height": "(@imageHeight * 100px)" }, "img": { "height": "100%", "object-fit": "cover" } }, "position": "relative", ".icon-wrapper": { "pointer-events": "none", "position": "absolute", "width": "60px", "height": "60px", "font-size": "22px", "left": "50%", "top": "50%", "display": "flex", "align-items": "center", "justify-content": "center", "border": "2px solid #ffffff", "border-radius": "50%", "opacity": "0", "color": "#ffffff", "transform": "translateX(-50%) translateY(-50%)", "background-color": "#1b1b1b", "transition": "0.2s" }, "&:hover": { ".icon-wrapper": { "opacity": "0.7" } } }, ".carousel-control, .close": { "background": "#1b1b1b" }, ".carousel-control-prev": { "margin-left": "2.5rem", "span": { "margin-right": "5px" } }, ".carousel-control-next": { "margin-right": "2.5rem", "span": { "margin-left": "5px" } }, ".close": { "position": "fixed", "opacity": "0.5", "font-size": "22px", "font-weight": "300", "width": "60px", "height": "60px", "border-radius": "50%", "color": "#fff", "top": "2.5rem", "right": "2.5rem", "border": "2px solid #fff", "text-shadow": "none", "z-index": "5", "transition": "opacity 0.3s ease", "font-family": "'Moririse2'", "align-items": "center", "justify-content": "center", "display": "flex", "&::before": { "content": "'\\e91a'" }, "&:hover": { "opacity": "1", "background": "#000", "color": "#fff" } }, ".carousel-control": { "display": "flex", "top": "50%", "width": "60px", "height": "60px", "margin-top": "-1.5rem", "font-size": "22px", "background-color": "rgba(0, 0, 0, 0.5)", "border": "2px solid #fff", "border-radius": "50%", "transition": "all 0.3s", "&.carousel-control-prev": { "left": "0", "margin-left": "2.5rem" }, "&.carousel-control-next": { "right": "0", "margin-right": "2.5rem" }, "@media (max-width: 767px)": { "top": "auto", "bottom": "1rem" } }, ".carousel-indicators": { "position": "absolute", "bottom": "0", "margin-bottom": "3px", "li": { "max-width": "15px", "height": "15px", "width": "15px", "max-height": "15px", "margin": "3px", "background-color": "rgba(0, 0, 0, 0.5)", "border": "2px solid #fff", "border-radius": "50%", "opacity": "0.5", "transition": "all 0.3s", "&.active, &:hover": { "opacity": "0.9" }, "&::after, &::before": { "content": "none" } }, "&.ie-fix": { "left": "50%", "display": "block", "width": "60%", "margin-left": "-30%", "text-align": "center" }, "@media (max-width: 768px)": { "display": "none !important" }, "@media (max-width: 991px)": { "margin-bottom": "3.625rem !important", "padding-left": "2.5rem", "padding-right": "2.5rem" }, "@media (max-width: 767px)": { "display": "none" } }, ".carousel-inner": { "display": "flex", "align-items": "center" }, ".carousel-inner > .active": { "display": "block" }, ".carousel-control.left": { "left": "0", "margin-left": "2.5rem" }, ".carousel-control.right": { "right": "0", "margin-right": "2.5rem" }, ".carousel-control:hover": { "background": "#1b1b1b", "color": "#fff", "opacity": "1" }, "@media (max-width: 768px)": { ".carousel-control, .carousel-indicators, .modal .close": { "position": "fixed" } }, "@media (max-width: 767px)": { ".mbr-slider .carousel-control": { "top": "auto", "bottom": "20px" }, ".mbr-slider > .container .carousel-control": { "margin-bottom": "0" } }, ".carousel-indicators .active, .carousel-indicators li": { "width": "7px", "height": "7px", "margin": "3px", "background": "#000000", "opacity": "0.5", "border": "4px solid #000000" }, ".carousel-indicators .active": { "background": "#fff" }, ".carousel-indicators li": { "max-width": "15px", "max-height": "15px", "border-radius": "50%" }, ".modal": { "padding-left": "0 !important", "position": "fixed", "overflow": "hidden", "padding-right": "0 !important" }, ".modal-dialog": { "margin": "0 auto", "max-width": "100%", "padding-left": "1rem", "padding-right": "1rem" }, ".modal-content": { "border-radius": "0", "border": "none", "background": "transparent" }, ".modal-body": { "padding": "0", "display": "flex", "align-items": "center", "img": { "width": "100%", "object-fit": "contain", "max-height": "~\"calc(100vh - 1.75rem)\"" } }, ".carousel": { "width": "100%" }, ".modal-backdrop.in": { "opacity": "0.8" }, ".modal.fade .modal-dialog": { "transition": "margin-top 0.3s ease-out" }, ".modal.fade .modal-dialog, .modal.in .modal-dialog": { "transform": "none" }, ".mbr-gallery .item-wrapper": { "cursor": "pointer" }, "H6": { "text-align": "center" } }, "_name": "gallery4", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"gallery4 mbr-gallery\" group=\"Sliders & Galleries\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n <mbr-parameters>\n <input type=\"id\" name=\"idGallery\">\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" 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=\"10\">\n <select title=\"Columns\" name=\"cardsWidth\">\n <option value=\"12\">1</option>\n <option value=\"6\">2</option>\n <option value=\"4\" selected>3</option>\n <option value=\"3\">4</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Images</header>\n <input type=\"checkbox\" title=\"Auto Size\" name=\"autoSize\">\n <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && showItemSubtitle\">\n <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\">\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=\"#ffffff\" selected>\n <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n </fieldset>\n <header condition=\"bg.type!=='color'\">Overlay</header>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center m-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\"><b>Art Photography</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>\n </div>\n <div class=\"row mbr-gallery mt-4\">\n <div class=\"col-12 col-md-6 col-lg-{{cardsWidth}} item gallery-image active\">\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/kaokanom-1-926x655.png\" alt=\"Mobirise Website Builder\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\n Image Caption and <a href=\"#\" class=\"text-primary\">Link</a>\n </h6>\n </div>\n \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/kaokanom-2-926x655.png\" alt=\"Mobirise Website Builder\" data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\">\n <div class=\"icon-wrapper\">\n <span class=\"mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn\"></span>\n </div>\n </div>\n <h6 class=\"mbr-item-subtitle mbr-fonts-style align-center mb-2 mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showItemSubtitle\">\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/fb-img-1715070841846-926x1698.jpeg\" 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-2 mt-2\" 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>\n\n <div class=\"modal mbr-slider\" id=\"{{idGallery}}-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-body\">\n <div id=\"lb-{{idGallery}}\" class=\"carousel slide\" mbr-class=\"{'carousel-fade': fade}\" data-ride=\"{{autoplay ? 'carousel' : false}}\" data-bs-ride=\"{{autoplay ? 'carousel' : false}}\" data-interval=\"{{interval*1000}}\" data-bs-interval=\"{{interval*1000}}\">\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img class=\"d-block w-100\" src=\"../_images/features/features1.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n \n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n <div class=\"carousel-item\">\n <img class=\"d-block w-100\" src=\"../_images/features/features4.jpg\" alt=\"Mobirise Website Builder\">\n </div>\n </div>\n <ol class=\"carousel-indicators\">\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"0\" data-bs-slide-to=\"0\" class=\"active\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"1\" data-bs-slide-to=\"1\"></li>\n <li data-target=\"#lb-{{idGallery}}\" data-bs-target=\"#lb-{{idGallery}}\" data-slide-to=\"2\" data-bs-slide-to=\"2\"></li>\n \n </ol>\n <a role=\"button\" href class=\"close\" data-dismiss=\"modal\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n </a>\n <a class=\"carousel-control-prev carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"prev\" data-bs-slide=\"prev\">\n <span class=\"mobi-mbri mobi-mbri-arrow-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Previous</span>\n </a>\n <a class=\"carousel-control-next carousel-control\" href=\"#lb-{{idGallery}}\" role=\"button\" data-slide=\"next\" data-bs-slide=\"next\">\n <span class=\"mobi-mbri mobi-mbri-arrow-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only visually-hidden\">Next</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFGSX04rSl", "_anchor": "gallery4-b", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, ".mbr-fallback-image.disabled": { "display": "none" }, ".mbr-fallback-image": { "display": "block", "background-size": "cover", "background-position": "center center", "width": "100%", "height": "100%", "position": "absolute", "top": "0", "& when (@bg-type = 'video')": { "background-image": "url(@fallBackImage)" } }, ".image-wrapper": { "display": "flex", "align-items": "center" }, ".card-wrapper": { "margin-bottom": "2rem", "@media (max-width: 991px)": { "padding": "1rem 2rem" }, "@media (min-width: 992px)": { "padding": "2rem 4rem" }, "display": "flex", "border-radius": "4px", "background": "@cardsBg" }, ".mbr-iconfont": { "font-size": "(@iconSize * 1rem)", "padding-right": "1.5rem", "color": "@primaryColor" }, ".mbr-section-title": { "color": "#ffffff" } }, "_name": "contacts2", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"contacts2\" group=\"Contacts\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n <!---->\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <header>Cards</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitleCards\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"range\" inline title=\"Icon Size\" name=\"iconSize\" min=\"1\" max=\"4\" step=\"1\" value=\"3\">\n <input type=\"color\" title=\"BG\" name=\"cardsBg\" value=\"#fafafa\">\n <select title=\"Amount\" name=\"cardsAmount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\" selected>4</option>\n </select>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n <input type=\"color\" title=\"Color\" value=\"#353535\" 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\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cebfaf\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n\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 <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n <b>Contacts</b>\n </h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n Contacts Subtitle\n </h4>\n </div>\n <div class=\"row justify-content-center mt-4\">\n <div class=\"card col-12 col-md-6\">\n <div class=\"card-wrapper\">\n <div class=\"image-wrapper\">\n <span mbr-icon class=\"mbr-iconfont mobi-mbri-phone mobi-mbri\"></span>\n </div>\n <div class=\"text-wrapper\">\n <h6 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\" mbr-if=\"showTitleCards\">\n <b>Phone</b>\n </h6>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">+66 66 145 8655</p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 1\">\n <div class=\"card-wrapper\">\n <div class=\"image-wrapper\">\n <a href=\"mailto:Kissertaiha@gmail.com\"><span mbr-icon class=\"mbr-iconfont mobi-mbri-letter mobi-mbri\"></span></a>\n </div>\n <div class=\"text-wrapper\">\n <h6 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\" mbr-if=\"showTitleCards\">\n <b>Email</b>\n </h6>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Kissertaiha@gmail.com</p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 2\">\n <div class=\"card-wrapper\">\n <div class=\"image-wrapper\">\n <a href=\"https://www.instagram.com/mamai.na/\" target=\"_blank\"><span mbr-icon class=\"mbr-iconfont socicon-instagram socicon\"></span></a>\n </div>\n <div class=\"text-wrapper\">\n <h6 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\" mbr-if=\"showTitleCards\">\n <b>instargram</b></h6>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n mamai.na</p>\n </div>\n </div>\n </div>\n <div class=\"card col-12 col-md-6\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-wrapper\">\n <div class=\"image-wrapper\">\n <a href=\"https://discord.gg/valorantth\"><span mbr-icon class=\"mbr-iconfont socicon-discord socicon\"></span></a>\n </div>\n <div class=\"text-wrapper\">\n <h6 class=\"card-title mbr-fonts-style mb-1\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\" mbr-if=\"showTitleCards\"><b>Discord</b></h6>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Click icon</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "udEKZfW3qC", "_anchor": "contacts2-1", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] }, "page1.html": { "settings": { "title": "Stories", "order": "1" }, "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" }, "&: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" }, ".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" }, ".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": "menu1", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu1\" 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\">\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\" checked>\n <header>Styles</header>\n <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\">\n <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\" checked>\n <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"transparent\">\n <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#5f6366\">\n <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#000000\">\n </mbr-parameters>\n\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-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Siwanaraporn</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-7\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#header1-0\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#people5-n\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About</a></li>\n <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#features3-4\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Photo</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#features7-7\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Character</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"page1.html#timeline1-u\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Stories</a>\n </li></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\"><a class=\"btn btn-primary\" href=\"index.html#bottom\" data-app-placeholder=\"Type Text\">Contace</a></div>\n </div>\n </div>\n </nav>\n</section>", "_cid": "sFGMsvHDIa", "_PHPplaceholders": [], "_JSplaceholders": [], "_anchor": "menu1-t", "_protectedParams": [], "_global": true, "_once": "menu", "_params": {} }, { "alias": false, "_styles": { "& when not (@fullScreen)": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, ".mbr-fallback-image.disabled": { "display": "none" }, ".mbr-fallback-image": { "display": "block", "background-size": "cover", "background-position": "center center", "width": "100%", "height": "100%", "position": "absolute", "top": "0", "& when (@bg-type = 'video')": { "background-image": "url(@fallBackImage)" } } }, "_name": "header7", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header7\" 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\" checked>\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\n <input type=\"range\" inline name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"5\" step=\"1\">\n <select title=\"Align\" name=\"contentAlign\">\n <option value>Left</option>\n <option value=\"justify-content-center\">Center</option>\n <option value=\"justify-content-end\" selected>Right</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubitle\">\n <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/51951398-688329288230717-3797597065077325824-n-1-1296x1944.jpeg\" selected>\n <input type=\"color\" title=\"Color\" value=\"#fafafa\">\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'\">\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-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"text-right\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row {{contentAlign}}\">\n <div class=\"col-12 col-lg-{{textWidth}}\">\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>This is my story</b></h1>\n <h2 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-2\" mbr-if=\"showSubitle\">Header Subtitle</h2>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n Mobirise Free Website Maker is perfect for non-techies and great for pro-coders for fast prototyping and small customers' projects.</p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Create Website</a></div>\n </div>\n </div>\n </div>\n</section>", "_cid": "ue3jsYffcU", "_anchor": "header7-v", "_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)" } }, ".timeline-element": { "position": "relative" }, ".image-wrapper img": { "width": "100%", "object-fit": "cover" }, ".iconBackground": { "position": "absolute", "@media (max-width: 767px)": { "left": "15px" }, "@media (min-width: 768px)": { "left": "50%" }, "width": "20px", "height": "20px", "border-radius": "50%", "border": "2px solid @lineColor", "top": "30px", "margin-left": "-9px", "padding": "0" }, ".row": { "&:after": { "content": "\"\"", "position": "absolute", "background-color": "@lineColor", "width": "2px", "@media (max-width: 767px)": { "left": "15px" }, "@media (min-width: 768px)": { "left": "50%" }, "top": "50px", "height": "calc(100% ~\"-\" 10px)" }, "& when (@reverseTimeline)": { "flex-direction": "row-reverse", "&:nth-child(even)": { ".mbr-timeline-date": { "text-align": "right" }, "@media (max-width: 767px)": { "flex-direction": "column-reverse" } } }, "& when not (@reverseTimeline)": { "&:nth-child(odd)": { ".mbr-timeline-date": { "text-align": "right" } }, "&:nth-child(even)": { "@media (max-width: 767px)": { "flex-direction": "column-reverse" } } } }, "@media (max-width: 767px)": { ".timeline-date-wrapper, .timeline-text-wrapper": { "padding": "0rem", "padding-left": "2rem" }, ".mbr-timeline-date": { "text-align": "left !important" } }, "@media (max-width: 991px) and (min-width: 768px)": { ".timeline-date-wrapper, .timeline-text-wrapper": { "padding": "1rem" } }, "@media (min-width: 992px)": { ".timeline-date-wrapper, .timeline-text-wrapper": { "padding": "2rem" } }, ".mbr-text": { "text-align": "right" } }, "_name": "timeline1", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video'&&bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n <input 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 <input type=\"checkbox\" title=\"Reverse Timeline\" name=\"reverseTimeline\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n <input type=\"checkbox\" title=\"Dates\" name=\"showDates\">\n <input type=\"checkbox\" title=\"Images\" name=\"showImages\" checked>\n <select title=\"Count\" name=\"timelinesAmount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n <option value=\"6\" selected>6</option>\n <option value=\"7\">7</option>\n <option value=\"8\">8</option>\n <option value=\"9\">9</option>\n <option value=\"10\">10</option>\n <option value=\"11\">11</option>\n <option value=\"12\">12</option>\n </select>\n <input type=\"color\" name=\"lineColor\" title=\"Color\" value=\"#6592e6\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background3.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=\"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}\">\n </div>\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\" class=\"timelines-container\" mbri-timelines>\n <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Activity</b></h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n Enter subtitle here\n </h4>\n </div>\n <div class=\"row timeline-element mb-2 mt-4\" mbr-class=\"{'reverseTimeline': reverseTimeline}\">\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\"><b>ช่วยสอนดราฟรูป</b></p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\"><b>สอนดราฟภาพเสมือน</b></h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"@PROJECT_PATH@/assets/images/port3-1-608x430.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n สอนน้องๆจากต่างโรงเรียน ดราฟรูปโดยใช้ Adobe Photoshop</p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-if=\"timelinesAmount>1\">\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\"><b>กิจกรรมเลือกตั้งนายก อวท.</b></h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"@PROJECT_PATH@/assets/images/port3-2-608x430.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n จัดกิจกรรมเลือกตั้งนายก อวท. ปี 2561 และถ่ายรูปเก็บบรรยากาศ</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-if=\"timelinesAmount>2\">\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\"><b>กิจกรรมรับน้อง</b><br><b>ปี 2561</b></h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"@PROJECT_PATH@/assets/images/2bsgws-1-608x430.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">จัดกิจกรรม <br>และถ่ายรูปเก็บบรรยากาศ</p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>3\">\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\"><b>ประชุม อวท. ระดับจังหวัด ปี 2561</b></h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"@PROJECT_PATH@/assets/images/3fakf-1-608x430.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">เข้าร่วมการประชุม ในตำแหน่งเลขาธิการ และถ่ายรูปเก็บบรรยากาศ</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>4\">\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\"><b>เหรียญทองการแข่งขัน Adobe Ps cs6</b></h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"@PROJECT_PATH@/assets/images/-2024-05-24-101300-608x429.png\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n เหรียญทองการแข่งขันทักษะวิชาชีพระดับชาติ ปี 2562<br>โปรแกรม Adobe Photoshop cs6</p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>5\">\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\"><b>เกียรติบัตร</b><br><b>นักเรียนดีเด่น</b></h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"@PROJECT_PATH@/assets/images/-2024-05-24-101312-608x428.png\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">รับเกียรติบัตรนักเรียนดีเด่น <br>ด้านความรับผิดชอบ และมีวินัย</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>6\">\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features4.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n Select the theme that suits you. Each theme in the Mobirise site builder contains a set of\n unique blocks.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>7\">\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features4.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n Use Mobirise website building software to create multiple sites for commercial and non-profit\n projects.\n </p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>8\">\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features4.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n You don't have to code to create your own site. Select one of available themes in the Mobirise\n sitebuilder.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>9\">\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features4.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n All sites you create with the Mobirise web builder are mobile-friendly natively. No special\n actions required.\n </p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>10\">\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features4.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n Select the theme that suits you. Each theme in the Mobirise site builder contains a set of\n unique blocks.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element mb-2\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>11\">\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <div class=\"image-wrapper mb-4\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features4.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n Use Mobirise website building software to create multiple sites for commercial and non-profit\n projects.\n </p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"timeline-date col-12 col-md-6\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showDates\" data-toolbar=\"-mbrAlign\" data-app-selector=\".mbr-timeline-date\">\n <b>23 April 2025</b>\n </p>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "ue3aih78WW", "_anchor": "timeline1-u", "_protectedParams": [], "_global": false, "_once": false, "_params": {} } ] } } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.27 |
proxy
|
phpinfo
|
Réglages