Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190902/u67319090036/portfolio/project.mobirise
Arrière
{ "settings": { "currentPage": "index.html", "theme": { "name": "mobirise5", "title": "Mobirise 5", "styling": { "primaryColor": "#fbe8a6", "secondaryColor": "#b4dfe5", "successColor": "#40b0bf", "infoColor": "#47b5ed", "warningColor": "#FFE161", "dangerColor": "#ff9966", "mainFont": "Jost", "display1Font": "Xanh Mono", "display1Size": 4.6, "display2Font": "Xanh Mono", "display2Size": 3, "display5Font": "Xanh Mono", "display5Size": 2, "display7Font": "Tenor Sans", "display7Size": 1.2, "display4Font": "Tenor Sans", "display4Size": 1.1, "isRoundedButtons": false, "isGhostButtonBorder": false, "underlinedLinks": false, "isAnimatedOnScroll": false, "isScrollToTopButton": false }, "titlePreset": "Event", "nameSelectPreset": "event", "presetSourceTheme": "mobirise5" }, "path": "@PROJECT_PATH@", "name": "Site 2024-05-24 11:48", "versionFirst": "5.9.18", "siteFonts": [ { "css": "'Xanh Mono', monospace", "name": "Xanh Mono", "url": "https://fonts.googleapis.com/css?family=Xanh+Mono:400,400i" }, { "css": "'Tenor Sans', sans-serif", "name": "Tenor Sans", "url": "https://fonts.googleapis.com/css?family=Tenor+Sans:400" } ], "imageResize": true, "uniqCompNum": 0, "versionPublish": "5.9.18" }, "pages": { "index.html": { "settings": { "main": true, "title": "Home", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "" }, "components": [ { "alias": false, "_styles": { "& when not (@sticky)": { ".navbar-dropdown": { "position": "relative !important" }, "& when (@transparent)": { ".navbar-dropdown": { "position": "absolute !important" } } }, "& when (@sticky)": { "z-index": "1000", "width": "100%", "& when not (@transparent)": { "position": "relative", "min-height": "60px" }, "nav.navbar": { "position": "fixed" } }, ".dropdown-item:before": { "font-family": "Moririse2 !important", "content": "\"\\e966\"", "display": "inline-block", "width": "0", "position": "absolute", "left": "1rem", "top": "0.5rem", "margin-right": "0.5rem", "line-height": "1", "font-size": "inherit", "vertical-align": "middle", "text-align": "center", "overflow": "hidden", "transform": "scale(0, 1)", "transition": "all 0.25s ease-in-out" }, ".dropdown-menu": { "padding": "0", "border-radius": "4px", "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)" }, ".dropdown-item": { "border-bottom": "1px solid #e6e6e6", "&:hover, &:focus": { "background": "@primaryColor !important", "color": "white !important" }, "&: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)": { "position": "absolute", "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": "menu2", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu2\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n <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\" condition=\"transparent\">\n <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#d2fdff\">\n <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#000000\">\n </mbr-parameters>\n <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n 'navbar-expand-lg':!collapsed,\n 'collapsed':collapsed}\">\n <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"navbar-brand\">\n <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n <a href=\"https://mobiri.se\">\n <img src=\"../_images/logo.png\" alt=\"Mobirise Website Builder\" mbr-style=\"{'height': logoSize + 'rem'}\">\n </a>\n </span>\n <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-black\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Acoustic Music Festival</a></span>\n </div>\n <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </div>\n </button>\n <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"#top\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li>\n <li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"index.html#timeline3-4\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Timeline</a></li>\n <li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"index.html#features19-e\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About</a>\n </li><li class=\"nav-item\"><a class=\"nav-link link text-black text-primary\" href=\"index.html#map1-a\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></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=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Buy Tickets</a></div>\n </div>\n </div>\n </nav>\n</section>", "_cid": "sFHpMqcXGj", "_anchor": "menu2-2", "_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" }, ".image-wrap img": { "width": "100%", "@media (min-width: 992px)": { "display": "block", "margin": "auto", "width": "(@imageWidth * 10%)" } } }, "_name": "header9", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"header9\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n 'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"30\" step=\"1\" value=\"21\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"30\" step=\"1\" value=\"16\" condition=\"fullScreen == false\">\n <input type=\"range\" name=\"imageWidth\" title=\"Image Width\" min=\"1\" max=\"10\" step=\"1\" value=\"10\" condition=\"showImage\">\n\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n <input type=\"checkbox\" title=\"Image\" name=\"showImage\" checked>\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/mbr-3.jpg\" selected>\n <input type=\"color\" title=\"Color\" value=\"#d2fdff\">\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=\"#d2fdff\" 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=\"text-center\" mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n <div class=\"row justify-content-center\">\n <div class=\"col-md-12 col-lg-9\">\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>PORTFOLI</b></h1>\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\"></p>\n <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Read More</a></div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFHoAfPmXB", "_anchor": "header9-1", "_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)" }, ".timeline-element": { "position": "relative" }, ".timelines-container": { "display": "flex", "flex-wrap": "wrap", "& when (@reverseTimeline)": { "flex-direction": "column-reverse" } }, ".image-wrapper img": { "width": "100%", "object-fit": "cover" }, ".mbr-section-title, .mbr-section-subtitle, .timeline-date": { "text-align": "center" }, ".iconBackground": { "position": "absolute", "width": "20px", "height": "20px", "border-radius": "50%", "border": "2px solid @lineColor", "margin-left": "-9px", "padding": "0", "@media (max-width: 767px)": { "left": "15px", "top": "30px" }, "@media (min-width: 768px)": { "top": "70px", "left": "50%" } }, ".row": { "&:after": { "content": "\"\"", "position": "absolute", "background-color": "@lineColor", "width": "2px", "@media (max-width: 767px)": { "height": "calc(100% ~\"+\" 30px)", "top": "50px", "left": "15px" }, "@media (min-width: 768px)": { "& when (@showDates)": { "height": "calc(100% ~\"-\" 20px)" }, "& when not (@showDates)": { "height": "calc(100% ~\"+\" 28px)" }, "top": "90px", "left": "50%" } } }, "@media (max-width: 767px)": { ".timeline-date-wrapper, .timeline-text-wrapper, .image-wrapper": { "padding": "0rem", "padding-left": "2rem" }, ".mbr-timeline-date": { "text-align": "left !important" }, ".mbr-timeline-title": { "text-align": "left", "margin-top": "1rem" } }, "@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, .image-wrapper": { "padding": "2rem" } } }, "_name": "timeline3", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline3\" 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=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\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\" checked>\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\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n <option value=\"6\">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=\"#b4dfe5\">\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 <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 <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\"><b>ประวัติส่วนตัว</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=\"timelines-container mt-4\">\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\"></p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <a href=\"https://drive.google.com/file/d/1f-GspmDlql8OnoVUXhO4CWcmzqJLe32f/view?usp=drive_link\" target=\"_blank\"><img src=\"@PROJECT_PATH@/assets/images/screenshot-2024-05-24-141205-377x506.png\" alt=\"Mobirise Website Builder\" title></a>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\"><b>about me</b></h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text\"><i>name: เมคิน เรืองทวีสกุล<br>nickname:จุ้ย<br>age:18 <br>mybirthday:20/09/2005</i></p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>1\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\"></p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"@PROJECT_PATH@/assets/images/images-275x183.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">กิจกรรมที่ชอบ</h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">-เล่นเกม\n<br>-ออกเที่ยว\n<br>-ดูหนัง\n<br>-รดน้ำต้นไม้\n<br>-เล่นกีตาร์ได้นิดหน่อย</p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>2\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\"></p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"@PROJECT_PATH@/assets/images/ivj1lm-940x624.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\"><b>my favorite</b></h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text\">-ออกไปใช้ชีวิตในป่า<br>-ออกไปสังสรรค์กับเพื่อนๆ<br><br><br></p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>3\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\">\n 23 April 2025</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n This is a timeline block. Click on the blue gear icon to set the number of items in this timeline. Use Mobirise website building software to create multiple sites for commercial and non-profit projects.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>4\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\">\n 23 April 2025</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n This is a timeline block. Click on the blue gear icon to set the number of items in this timeline. You don't have to code to create your own site. Select one of available themes in the Mobirise sitebuilder.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>5\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\">\n 23 April 2025</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n This is a timeline block. Click on the blue gear icon to set the number of items in this timeline. All sites you create with the Mobirise web builder are mobile-friendly natively. No special actions required.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>6\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\">\n 23 April 2025</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n This is a timeline block. Click on the blue gear icon to set the number of items in this timeline. Select the theme that suits you. Each theme in the Mobirise site builder contains a set of unique blocks.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>7\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\">\n 23 April 2025</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n This is a timeline block. Click on the blue gear icon to set the number of items in this timeline. Use Mobirise website building software to create multiple sites for commercial and non-profit projects.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>8\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\">\n 23 April 2025</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n This is a timeline block. Click on the blue gear icon to set the number of items in this timeline. You don't have to code to create your own site. Select one of available themes in the Mobirise sitebuilder.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>9\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\">\n 23 April 2025</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n This is a timeline block. Click on the blue gear icon to set the number of items in this timeline. All sites you create with the Mobirise web builder are mobile-friendly natively. No special actions required.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>10\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\">\n 23 April 2025</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n This is a timeline block. Click on the blue gear icon to set the number of items in this timeline. Select the theme that suits you. Each theme in the Mobirise site builder contains a set of unique blocks.\n </p>\n </div>\n </div>\n </div>\n <div class=\"row timeline-element first-separline mb-5\" mbr-class=\"{'reverseTimeline': reverseTimeline}\" mbr-if=\"timelinesAmount>11\">\n <div class=\"timeline-date col-12\">\n <div class=\"timeline-date-wrapper\">\n <p class=\"mbr-timeline-date\" data-toolbar=\"-mbrAlign\" mbr-theme-style=\"display-7\" mbr-if=\"showDates\" data-app-selector=\".mbr-timeline-date\">\n 23 April 2025</p>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n <div class=\"col-12 col-md-6\">\n <div class=\"image-wrapper\" mbr-if=\"showImages\">\n <img src=\"../_images/features/features3.jpg\" alt=\"Mobirise Website Builder\" title>\n </div>\n </div>\n <div class=\"col-12 col-md-6\">\n <div class=\"timeline-text-wrapper\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mb-0\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n <b>Form Builder</b>\n </h4>\n <p class=\"mbr-text mbr-fonts-style mt-3 mb-0\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\">\n This is a timeline block. Click on the blue gear icon to set the number of items in this timeline. Use Mobirise website building software to create multiple sites for commercial and non-profit projects.\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFHr5fwP9J", "_anchor": "timeline3-4", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 15px)", "padding-bottom": "(@paddingBottom * 15px)", "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "overflow": "hidden", ".row .mbr-text": { "color": "#232323" } }, "_name": "footer7", "_sourceTheme": "mobirise5", "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer7\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Image\" value=\"../_images/background5.jpg\">\n <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\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=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\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=\"container\">\n <div class=\"row align-center mbr-white\">\n <div class=\"col-12\">\n <p class=\"mbr-text mb-0 mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".row .mbr-text\" data-app-placeholder=\"Type Text\">ช่องทารกางติดต่อ<br><br>instagram:_xmekinx call:0954051375</p>\n </div>\n </div>\n </div>\n</section>", "_cid": "sFHu2wLoQp", "_anchor": "footer7-9", "_protectedParams": [], "_global": true, "_once": "footers", "_params": {} } ] } } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.47 |
proxy
|
phpinfo
|
Réglages