{"id":3042,"date":"2023-04-13T07:30:37","date_gmt":"2023-04-13T07:30:37","guid":{"rendered":"http:\/\/ecosystem.embassyeducation.edu.vn\/home\/"},"modified":"2023-06-15T09:04:53","modified_gmt":"2023-06-15T09:04:53","slug":"home","status":"publish","type":"page","link":"http:\/\/ecosystem.embassyeducation.edu.vn\/vi\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3042\" class=\"elementor elementor-3042 elementor-1197\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e1a89cd elementor-section-full_width elementor-section-height-full elementor-section-height-default elementor-section-items-middle\" data-id=\"e1a89cd\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/ecosystem.embassyeducation.edu.vn\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Global-EE-Background-Ipad.mp4&quot;,&quot;background_video_start&quot;:0,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_privacy_mode&quot;:&quot;yes&quot;,&quot;background_video_end&quot;:0}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-99923a2\" data-id=\"99923a2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-01cead3 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default\" data-id=\"01cead3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-155a656\" data-id=\"155a656\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cdcb50b elementor-widget elementor-widget-shortcode\" data-id=\"cdcb50b\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div class=\"compass\">\n        <a  class=\"title-rep-link-map n animated fadeIn animated-slow open-compad-n\">\n            <h2 class=\"title-ee-compass\">N<\/h2>\n            <div class=\"content-ee-compass\">Gi\u1ea3i Ph\u00e1p Gi\u00e1o D\u1ee5c S\u00e1ng T\u1ea1o & T\u01b0 V\u1ea5n L\u1ed9 Tr\u00ecnh Ngh\u1ec1 Nghi\u1ec7p<\/div>\n        <\/a>\n        <a  class=\"title-rep-link-map nw animated fadeIn animated-slow open-compad-nw \">\n            <h2 class=\"title-ee-compass\">NW<\/h2>\n            <div class=\"content-ee-compass\">C\u00e1c T\u1ed5 Ch\u1ee9c Phi L\u1ee3i Nhu\u1eadn \/ Doanh Nghi\u1ec7p X\u00e3 H\u1ed9i <\/div>\n        <\/a>\n        <a  class=\"title-rep-link-map ne animated fadeIn animated-slow open-compad-ne\">\n            <h2 class=\"title-ee-compass\">NE<\/h2>\n            <div class=\"content-ee-compass\">Ch\u01b0\u01a1ng Tr\u00ecnh Gi\u00e1o D\u1ee5c M\u1ea7m Non<\/div>\n        <\/a>\n\n        <a  class=\"title-rep-link-map e animated fadeIn animated-slow open-compad-e\">\n            <h2 class=\"title-ee-compass\">E<\/h2>\n            <div class=\"content-ee-compass\"> H\u1ec7 Th\u1ed1ng Li\u00ean C\u1ea5p \u2013 L\u1edbp 1 \u0110\u1ebfn L\u1edbp 12<\/div>\n        <\/a>\n\n        <a  class=\"title-rep-link-map se animated fadeIn animated-slow open-compad-se\">\n            <h2 class=\"title-ee-compass\">SE<\/h2>\n            <div class=\"content-ee-compass\">Ch\u01b0\u01a1ng Tr\u00ecnh Gi\u00e1o D\u1ee5c S\u00e1ng T\u1ea1o <\/div>\n        <\/a>\n\n        <a  class=\"title-rep-link-map s animated fadeIn animated-slow open-compad-s\">\n            <h2 class=\"title-ee-compass\">S<\/h2>\n            <div class=\"content-ee-compass\">H\u1ec7 Th\u1ed1ng Tr\u01b0\u1eddng \u00c2m Nh\u1ea1c\/Ngh\u1ec7 Thu\u1eadt Tr\u00ecnh Di\u1ec5n\/Ngh\u1ec7 Thu\u1eadt Th\u1ecb Gi\u00e1c\/Th\u1ec3 Thao <\/div>\n        <\/a>\n\n        <a  class=\"title-rep-link-map sw animated fadeIn animated-slow open-compad-sw\">\n            <h2 class=\"title-ee-compass\">SW<\/h2>\n            <div class=\"content-ee-compass\">Special Em's Education Group (SEEG)<\/div>\n        <\/a>\n\n\n        <a  class=\"title-rep-link-map w animated fadeIn animated-slow open-compad-w\">\n            <h2 class=\"title-ee-compass\">W<\/h2>\n            <div class=\"content-ee-compass\">M\u00f4 H\u00ecnh C\u1ea5p Ph\u00e9p<\/div>\n        <\/a>\n\n        <div class=\"compass-circle\"><\/div>\n        <div class=\"my-point\"><\/div>\n    <\/div>\n    <button class=\"start-btn\"><a href=\"https:\/\/ecosystem.embassyeducation.edu.vn\/vi\/about-us\/\">  V\u1ec0 <br>CH\u00daNG<br> T\u00d4I<\/a><\/button>\n\n    \n\n\n<style>\n    .compass {\n  position: relative;\n  width: 320px;\n  height: 320px;\n  border-radius: 50%;\n  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n  margin: auto;\n}\n\n.compass > .arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  top: -20px;\n  left: 50%;\n  transform: translateX(-50%);\n  border-style: solid;\n  border-width: 30px 20px 0 20px;\n  border-color: red transparent transparent transparent;\n  z-index: 1;\n}\n\n.compass > .compass-circle,\n.compass > .my-point {\n  position: absolute;\n  width: 70%;\n  height: 70%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform 0.1s ease-out;\n  background: url(\/wp-content\/uploads\/2023\/04\/comped.png) center\n    no-repeat;\n  background-size: contain;\n}\n\n.compass > .my-point {\n  opacity: 0;\n  width: 20%;\n  height: 20%;\n  background:transparent ;\n  border-radius: 50%;\n  transition: opacity 0.5s ease-out;\n}\nbutton.start-btn a {\n  color: #D0AC50;\n}\nbutton.start-btn {\n    font-style: normal;\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 20px;\n    text-align: center;\n    color: #D0AC50;\n    background: transparent;\n    border: none;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 9;\n}\n\n\n.title-ee-compass {\n    font-family: 'FS Trajan Pro';\n    font-style: normal;\n    font-weight: 700;\n    font-size: 35px;\n    line-height: 31px;\n    text-align: center;\n    color: #D0AC50;\n    margin-bottom: 0;\n}\n.content-ee-compass {\n    font-family: 'SFU Futura';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    text-align: center;\n    color: #FFFFFF;\n}\n.title-rep-link-map {\n    position: absolute;\n    width: 100px;\n    text-align: center;\n}\n\n\n.title-rep-link-map.n {\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 120px;\n}\n\n.title-rep-link-map.nw {\n    left: -8%;\n    top: 0%;\n}\n\n.title-rep-link-map.ne {\n    right: -8%;\n    top: 0;\n}\n\n.title-rep-link-map.e {\n    right: -18%;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 80px;\n}\n\n.title-rep-link-map.w {\n    left: -18%;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 80px;\n}\n\n.title-rep-link-map.se {\n    top: 75%;\n    right: -5%;\n    width: 100px;\n}\n\n.title-rep-link-map.s {\n    top: 85%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 120px;\n}\n\n.title-rep-link-map.sw {\n    left: -8%;\n    top: 75%;\n    width: 100px;\n}\n\n.title-rep-link-map.ne h2, \n.title-rep-link-map.nw h2, \n.title-rep-link-map.se h2, \n.title-rep-link-map.sw h2{\n    font-size: 20px !important;\n}\n\n\n@media only screen and (max-width: 390px) {\n    .compass {\n    position: relative;\n    width: 300px;\n    height: 300px;\n    border-radius: 50%;\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n    margin: auto;\n}\n\n\n.compass > .compass-circle,\n.compass > .my-point {\n  width: 60%;\n  height: 60%;\n}\n\nbutton.start-btn {\n    font-size: 10px;\n}\n\n\n.title-rep-link-map.n {\n  top: -65px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 120px;\n}\n\n.title-rep-link-map.nw {\n  left: -2%;\n  top: 0%;\n}\n\n.title-rep-link-map.ne {\n  right: -2%;\n  top: 0;\n}\n\n.title-rep-link-map.e {\n  right: -13%;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 80px;\n}\n\n.title-rep-link-map.w {\n  left: -13%;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 80px;\n}\n\n.title-rep-link-map.se {\n  top: 75%;\n  right: -2%;\n  width: 100px;\n}\n\n.title-rep-link-map.s {\n  top: 88%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 120px;\n}\n\n.title-rep-link-map.sw {\n  left: -2%;\n  top: 75%;\n  width: 100px;\n}\n\n}\n\n@media only screen and (min-width: 769px) {\n  button.start-btn {\n    top: 50%;\n}\n\n}\n\n@media only screen and (max-width: 320px) {\n\n  .compass {\n    position: relative;\n    width: 260px;\n    height: 260px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\nconst compassCircle = document.querySelector(\".compass-circle\");\nconst myPoint = document.querySelector(\".my-point\");\nconst startBtn = document.querySelector(\".start-btn\");\nconst isIOS =\n  navigator.userAgent.match(\/(iPod|iPhone|iPad)\/) &&\n  navigator.userAgent.match(\/AppleWebKit\/);\n\nfunction init() {\n  startBtn.addEventListener(\"click\", startCompass);\n  \/\/ navigator.geolocation.getCurrentPosition(locationHandler);\n\n  if (!isIOS) {\n    window.addEventListener(\"deviceorientationabsolute\", handler, true);\n  }\n}\n\nfunction startCompass() {\n  if (isIOS) {\n    DeviceOrientationEvent.requestPermission()\n      .then((response) => {\n        if (response === \"granted\") {\n          window.addEventListener(\"deviceorientation\", handler, true);\n        } else {\n          alert(\"has to be allowed!\");\n        }\n      })\n      .catch(() => alert(\"not supported\"));\n  }\n}\n\nfunction handler(e) {\n  compass = e.webkitCompassHeading || Math.abs(e.alpha - 360);\n  compassCircle.style.transform = `translate(-50%, -50%) rotate(${-compass}deg)`;\n\n  \/\/ \u00b115 degree\n  if (\n    (pointDegree < Math.abs(compass) &&\n      pointDegree + 15 > Math.abs(compass)) ||\n    pointDegree > Math.abs(compass + 15) ||\n    pointDegree < Math.abs(compass)\n  ) {\n    myPoint.style.opacity = 0;\n  } else if (pointDegree) {\n    myPoint.style.opacity = 1;\n  }\n}\n\nlet pointDegree;\n\nfunction locationHandler(position) {\n  const { latitude, longitude } = position.coords;\n  \/\/ pointDegree = calcDegreeToPoint(latitude, longitude);\n\n  if (pointDegree < 0) {\n    pointDegree = pointDegree + 360;\n  }\n}\n\n\/\/ function calcDegreeToPoint(latitude, longitude) {\n\/\/   \/\/ Qibla geolocation\n\/\/   const point = {\n\/\/     lat: 21.422487,\n\/\/     lng: 39.826206\n\/\/   };\n\n\/\/   const phiK = (point.lat * Math.PI) \/ 180.0;\n\/\/   const lambdaK = (point.lng * Math.PI) \/ 180.0;\n\/\/   const phi = (latitude * Math.PI) \/ 180.0;\n\/\/   const lambda = (longitude * Math.PI) \/ 180.0;\n\/\/   const psi =\n\/\/     (180.0 \/ Math.PI) *\n\/\/     Math.atan2(\n\/\/       Math.sin(lambdaK - lambda),\n\/\/       Math.cos(phi) * Math.tan(phiK) -\n\/\/         Math.sin(phi) * Math.cos(lambdaK - lambda)\n\/\/     );\n\/\/   return Math.round(psi);\n\/\/ }\n\ninit();\n\n\n<\/script>\n\n\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3458076 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3458076\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1551a0a\" data-id=\"1551a0a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c377caa animated-slow elementor-absolute elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c377caa\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.22.0 - 26-06-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">KH\u00c1M PH\u00c1 8 TH\u00c0NH VI\u00caN<br>\nTH\u00d4NG QUA LA B\u00c0N C\u1ee6A CH\u00daNG T\u00d4I<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KH\u00c1M PH\u00c1 8 TH\u00c0NH VI\u00caN TH\u00d4NG QUA LA B\u00c0N C\u1ee6A CH\u00daNG T\u00d4I<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3042","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/ecosystem.embassyeducation.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/3042"}],"collection":[{"href":"http:\/\/ecosystem.embassyeducation.edu.vn\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/ecosystem.embassyeducation.edu.vn\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/ecosystem.embassyeducation.edu.vn\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/ecosystem.embassyeducation.edu.vn\/vi\/wp-json\/wp\/v2\/comments?post=3042"}],"version-history":[{"count":9,"href":"http:\/\/ecosystem.embassyeducation.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/3042\/revisions"}],"predecessor-version":[{"id":5859,"href":"http:\/\/ecosystem.embassyeducation.edu.vn\/vi\/wp-json\/wp\/v2\/pages\/3042\/revisions\/5859"}],"wp:attachment":[{"href":"http:\/\/ecosystem.embassyeducation.edu.vn\/vi\/wp-json\/wp\/v2\/media?parent=3042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}