{"id":4040,"date":"2024-09-01T14:04:55","date_gmt":"2024-09-01T11:04:55","guid":{"rendered":"https:\/\/saekaigal.att.sch.gr\/?p=4040"},"modified":"2026-08-14T23:12:52","modified_gmt":"2026-08-14T20:12:52","slug":"%cf%84%ce%b5%cf%87%ce%bd%ce%b9%ce%ba%cf%8c%cf%82-%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%cf%8e%ce%bd-%cf%80%ce%bb%ce%b7%cf%81%ce%bf%cf%86%ce%bf%cf%81%ce%b9%ce%ba%ce%ae%cf%82-%cf%80%ce%bf%ce%bb","status":"publish","type":"post","link":"https:\/\/saekaigal.att.sch.gr\/?p=4040","title":{"rendered":"\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03cc\u03c2 \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2 (\u03a0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1, Web Design &#8211; Development, Video Games)"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   \u03a3\u0391\u0395\u039a \u0391\u0399\u0393\u0391\u039b\u0395\u03a9\n   \u03a4\u0395\u03a7\u039d\u0399\u039a\u039f\u03a3 \u0395\u03a6\u0391\u03a1\u039c\u039f\u0393\u03a9\u039d \u03a0\u039b\u0397\u03a1\u039f\u03a6\u039f\u03a1\u0399\u039a\u0397\u03a3\n   (\u03a0\u039f\u039b\u03a5\u039c\u0395\u03a3\u0391, WEB DESIGN \u2013 DEVELOPMENT, VIDEO GAMES)\n   SAFE RESPONSIVE VERSION\n   ========================================================= *\/\n\n.app-story {\n  --navy: #102b3f;\n  --navy-dark: #071d2b;\n  --blue: #14789b;\n  --cyan: #37c3dc;\n  --yellow: #ffd447;\n  --ice: #e9f7fa;\n  --soft: #f3f8fa;\n  --white: #ffffff;\n  --text: #173244;\n  --muted: #627786;\n  --line: rgba(16,43,63,.12);\n\n  position: relative;\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n\n  background: #fff;\n  color: var(--text);\n\n  font-family: inherit;\n}\n\n.app-story *,\n.app-story *::before,\n.app-story *::after {\n  box-sizing: border-box;\n}\n\n.app-story h1,\n.app-story h2,\n.app-story h3,\n.app-story p {\n  margin-top: 0;\n}\n\n.app-story a {\n  text-decoration: none;\n}\n\n.app-container {\n  width: calc(100% - 40px);\n  max-width: 1180px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\/* =========================================================\n   WORD SAFETY\n   ========================================================= *\/\n\n.app-story h1,\n.app-story h2,\n.app-story h3,\n.app-story p,\n.app-story strong {\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.app-hero {\n  min-height: 88vh;\n\n  display: flex;\n  align-items: flex-end;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n\n  color: #fff;\n\n  background:\n    radial-gradient(\n      circle at 80% 22%,\n      rgba(55,195,220,.24),\n      transparent 30%\n    ),\n    linear-gradient(\n      125deg,\n      #071d2b 0%,\n      #0b334b 58%,\n      #155f76 100%\n    );\n}\n\n.app-hero::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.045) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.045) 1px,\n      transparent 1px\n    );\n\n  background-size: 50px 50px;\n}\n\n.app-hero::after {\n  content:\n    \"CODE   WEB   MEDIA   GAME   CREATE\";\n\n  position: absolute;\n\n  right: -70px;\n  bottom: 7%;\n\n  transform: rotate(-7deg);\n\n  color: rgba(255,255,255,.045);\n\n  font-size: clamp(52px,8vw,118px);\n  font-weight: 900;\n\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n.app-hero-inner {\n  width: calc(100% - 40px);\n  max-width: 1180px;\n\n  margin-left: auto;\n  margin-right: auto;\n\n  padding: 110px 0 85px;\n\n  position: relative;\n  z-index: 2;\n}\n\n.app-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 23px;\n  padding: 8px 14px;\n\n  border: 1px solid rgba(255,255,255,.28);\n  border-radius: 100px;\n\n  background: rgba(255,255,255,.08);\n\n  color: #fff;\n\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.app-kicker::before {\n  content: \"\";\n\n  width: 8px;\n  height: 8px;\n\n  flex: 0 0 8px;\n\n  border-radius: 50%;\n\n  background: var(--cyan);\n\n  box-shadow:\n    0 0 0 6px rgba(55,195,220,.15);\n}\n\n\n\/* =========================================================\n   HERO TITLE\n   ========================================================= *\/\n\n.app-hero h1 {\n  width: 100%;\n  max-width: 1100px;\n\n  margin: 0 0 28px 0;\n\n  color: #fff;\n\n  font-size: clamp(40px,5.2vw,72px);\n  line-height: 1;\n  letter-spacing: -.04em;\n\n  font-weight: 800;\n\n  word-break: normal !important;\n  overflow-wrap: normal !important;\n  hyphens: none !important;\n}\n\n.app-title-first,\n.app-title-second,\n.app-title-third,\n.app-title-fourth {\n  display: block;\n}\n\n.app-title-first {\n  color: #fff;\n}\n\n.app-title-second,\n.app-title-third,\n.app-title-fourth {\n  color: var(--yellow);\n}\n\n.app-hero-intro {\n  width: 100%;\n  max-width: 800px;\n\n  margin-bottom: 38px !important;\n\n  color: rgba(255,255,255,.88);\n\n  font-size: clamp(18px,2vw,22px);\n  line-height: 1.7;\n}\n\n.app-scroll {\n  display: inline-flex;\n  align-items: center;\n  gap: 11px;\n\n  color: #fff;\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.app-scroll-icon {\n  width: 42px;\n  height: 42px;\n\n  flex: 0 0 42px;\n\n  display: grid;\n  place-items: center;\n\n  border: 1px solid rgba(255,255,255,.3);\n  border-radius: 50%;\n}\n\n\n\/* =========================================================\n   OPENING\n   ========================================================= *\/\n\n.app-opening {\n  padding: 110px 0;\n\n  background: #fff;\n}\n\n.app-opening-grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,.7fr)\n    minmax(0,1.3fr);\n\n  gap: 80px;\n}\n\n.app-label {\n  color: var(--blue);\n\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n}\n\n.app-opening h2 {\n  width: 100%;\n  max-width: 850px;\n\n  margin-bottom: 34px;\n\n  color: var(--navy);\n\n  font-size: clamp(36px,5vw,60px);\n  line-height: 1.07;\n  letter-spacing: -.04em;\n}\n\n.app-opening h2 strong {\n  color: var(--blue);\n}\n\n.app-opening-copy {\n  width: 100%;\n  max-width: 760px;\n\n  color: var(--muted);\n\n  font-size: 19px;\n  line-height: 1.85;\n}\n\n.app-opening-copy strong {\n  color: var(--navy);\n}\n\n\n\/* =========================================================\n   DIGITAL WORLD\n   ========================================================= *\/\n\n.app-world {\n  min-height: 76vh;\n\n  display: flex;\n  align-items: center;\n\n  position: relative;\n  overflow: hidden;\n\n  color: #fff;\n\n  background:\n    radial-gradient(\n      circle at 82% 40%,\n      rgba(55,195,220,.22),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #071d2b,\n      #103e57\n    );\n}\n\n.app-world::after {\n  content:\n    \"HTML   CSS   JS   SQL   MEDIA   GAME\";\n\n  position: absolute;\n\n  right: -60px;\n  bottom: 8%;\n\n  transform: rotate(-7deg);\n\n  color: rgba(255,255,255,.045);\n\n  font-size: clamp(48px,8vw,110px);\n  font-weight: 900;\n\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n.app-world-inner {\n  width: calc(100% - 40px);\n  max-width: 1180px;\n\n  margin-left: auto;\n  margin-right: auto;\n\n  padding: 110px 0;\n\n  position: relative;\n  z-index: 2;\n}\n\n.app-world-content {\n  width: 100%;\n  max-width: 780px;\n}\n\n.app-world .app-label {\n  margin-bottom: 18px;\n\n  color: var(--cyan);\n}\n\n.app-world h2 {\n  width: 100%;\n  max-width: 760px;\n\n  margin-bottom: 28px;\n\n  color: var(--yellow);\n\n  font-size: clamp(40px,5vw,65px);\n  line-height: 1.04;\n  letter-spacing: -.04em;\n}\n\n.app-world p {\n  width: 100%;\n  max-width: 730px;\n\n  color: rgba(255,255,255,.88);\n\n  font-size: 19px;\n  line-height: 1.8;\n}\n\n.app-components {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n\n  margin-top: 30px;\n}\n\n.app-component {\n  padding: 9px 15px;\n\n  border: 1px solid rgba(255,255,255,.22);\n  border-radius: 100px;\n\n  background: rgba(255,255,255,.07);\n\n  color: #fff;\n\n  font-size: 13px;\n  font-weight: 700;\n\n  white-space: nowrap;\n}\n\n\n\/* =========================================================\n   WHAT YOU LEARN\n   ========================================================= *\/\n\n.app-learn {\n  padding: 110px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f3f8fa 0%,\n      #fff 100%\n    );\n}\n\n.app-section-head {\n  width: 100%;\n  max-width: 850px;\n\n  margin-bottom: 55px;\n}\n\n.app-section-head .app-label {\n  margin-bottom: 16px;\n}\n\n.app-section-head h2 {\n  margin-bottom: 20px;\n\n  color: var(--navy);\n\n  font-size: clamp(37px,5vw,58px);\n  line-height: 1.06;\n  letter-spacing: -.04em;\n}\n\n.app-section-head p {\n  width: 100%;\n  max-width: 740px;\n\n  color: var(--muted);\n\n  font-size: 18px;\n  line-height: 1.8;\n}\n\n.app-skills {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap: 18px;\n}\n\n.app-skill {\n  min-width: 0;\n  min-height: 285px;\n\n  padding: 30px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  border: 1px solid var(--line);\n  border-radius: 22px;\n\n  background: #fff;\n\n  transition:\n    transform .28s ease,\n    box-shadow .28s ease;\n}\n\n.app-skill:hover {\n  transform: translateY(-7px);\n\n  box-shadow:\n    0 20px 45px rgba(10,47,70,.10);\n}\n\n.app-skill-number {\n  color: var(--cyan);\n\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: .1em;\n}\n\n.app-skill h3 {\n  margin-bottom: 11px;\n\n  color: var(--navy);\n\n  font-size: 23px;\n  line-height: 1.18;\n}\n\n.app-skill p {\n  margin-bottom: 0;\n\n  color: var(--muted);\n\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   CREATE \/ BUILD SPLIT\n   ========================================================= *\/\n\n.app-build {\n  width: 100%;\n  max-width: 100%;\n\n  overflow: hidden;\n\n  background: var(--navy-dark);\n\n  color: #fff;\n}\n\n.app-build-grid {\n  width: 100%;\n  max-width: 1180px;\n\n  margin-left: auto;\n  margin-right: auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(0,1fr);\n\n  min-height: 660px;\n}\n\n\n\/* LEFT VISUAL *\/\n\n.app-build-visual {\n  min-width: 0;\n  min-height: 560px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: clamp(30px,4vw,60px);\n\n  background:\n    radial-gradient(\n      circle at 30% 30%,\n      rgba(55,195,220,.27),\n      transparent 32%\n    ),\n    linear-gradient(\n      145deg,\n      #0b334b,\n      #155f76\n    );\n}\n\n.app-panel {\n  width: 100%;\n  max-width: 450px;\n\n  padding: clamp(20px,3vw,30px);\n\n  border: 1px solid rgba(255,255,255,.18);\n  border-radius: 24px;\n\n  background: rgba(5,25,39,.58);\n\n  box-shadow:\n    0 35px 70px rgba(0,0,0,.28);\n}\n\n.app-panel-top {\n  margin-bottom: 26px;\n\n  color: var(--yellow);\n\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: .12em;\n}\n\n.app-status {\n  display: grid;\n  gap: 11px;\n}\n\n.app-status-line {\n  width: 100%;\n  min-width: 0;\n\n  padding: 14px 16px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 15px;\n\n  border-radius: 9px;\n\n  background: rgba(255,255,255,.055);\n\n  color: rgba(255,255,255,.78);\n\n  font-family: monospace;\n  font-size: 13px;\n}\n\n.app-status-line strong {\n  flex: 0 0 auto;\n\n  color: var(--cyan);\n\n  white-space: nowrap;\n}\n\n.app-panel-stats {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap: 10px;\n\n  margin-top: 22px;\n}\n\n.app-stat {\n  min-width: 0;\n\n  padding: 15px 8px;\n\n  text-align: center;\n\n  border-radius: 12px;\n\n  background: rgba(255,255,255,.06);\n}\n\n.app-stat strong {\n  display: block;\n\n  color: var(--yellow);\n\n  font-size: 20px;\n}\n\n.app-stat span {\n  color: rgba(255,255,255,.55);\n\n  font-size: 10px;\n  text-transform: uppercase;\n}\n\n\n\/* RIGHT CONTENT *\/\n\n.app-build-content {\n  min-width: 0;\n\n  display: flex;\n  align-items: center;\n\n  padding: clamp(45px,5vw,75px);\n}\n\n.app-build-inner {\n  width: 100%;\n  max-width: 520px;\n\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.app-build .app-label {\n  margin-bottom: 18px;\n\n  color: var(--cyan);\n}\n\n.app-build h2 {\n  width: 100%;\n\n  margin-bottom: 24px;\n\n  color: var(--yellow);\n\n  font-size: clamp(32px,3.5vw,54px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n\n.app-build p {\n  width: 100%;\n  max-width: 520px;\n\n  color: rgba(255,255,255,.88);\n\n  font-size: clamp(16px,1.6vw,18px);\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   FIT\n   ========================================================= *\/\n\n.app-fit {\n  padding: 115px 0;\n\n  background: var(--ice);\n}\n\n.app-fit-grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.1fr)\n    minmax(0,.9fr);\n\n  gap: 70px;\n\n  align-items: center;\n}\n\n.app-fit h2 {\n  margin-bottom: 28px;\n\n  color: var(--navy);\n\n  font-size: clamp(37px,5vw,60px);\n  line-height: 1.06;\n  letter-spacing: -.04em;\n}\n\n.app-fit p {\n  width: 100%;\n  max-width: 700px;\n\n  color: var(--muted);\n\n  font-size: 19px;\n  line-height: 1.8;\n}\n\n.app-fit-card {\n  min-width: 0;\n\n  padding: 42px;\n\n  border-radius: 28px;\n\n  background:\n    radial-gradient(\n      circle at 85% 12%,\n      rgba(67,207,229,.25),\n      transparent 34%\n    ),\n    linear-gradient(\n      145deg,\n      #102b3f,\n      #145f78\n    );\n\n  box-shadow:\n    0 25px 60px rgba(9,47,67,.18);\n}\n\n.app-fit-card span {\n  display: block;\n\n  margin-bottom: 25px;\n\n  color: var(--cyan);\n\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: .1em;\n}\n\n.app-fit-card p {\n  margin: 0;\n\n  color: var(--yellow);\n\n  font-size: clamp(22px,2.2vw,31px);\n  line-height: 1.45;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   CAREER\n   ========================================================= *\/\n\n.app-career {\n  padding: 115px 0;\n\n  background: #fff;\n}\n\n.app-career-head {\n  width: 100%;\n  max-width: 880px;\n\n  margin-bottom: 55px;\n}\n\n.app-career h2 {\n  margin-bottom: 22px;\n\n  color: var(--navy);\n\n  font-size: clamp(40px,5vw,64px);\n  line-height: 1.07;\n  letter-spacing: -.04em;\n}\n\n.app-career-head p {\n  color: var(--muted);\n\n  font-size: 19px;\n  line-height: 1.8;\n}\n\n.app-career-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap: 18px;\n}\n\n.app-career-item {\n  min-width: 0;\n\n  padding: 28px 28px 30px;\n\n  border-top: 3px solid var(--cyan);\n\n  background: var(--soft);\n}\n\n.app-career-item strong {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--navy);\n\n  font-size: 18px;\n}\n\n.app-career-item p {\n  margin-bottom: 0;\n\n  color: var(--muted);\n\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   FINAL\n   ========================================================= *\/\n\n.app-final {\n  position: relative;\n\n  padding: 120px 20px;\n\n  text-align: center;\n\n  color: #fff;\n\n  background:\n    radial-gradient(\n      circle at 18% 20%,\n      rgba(54,194,219,.25),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 86% 75%,\n      rgba(54,194,219,.12),\n      transparent 35%\n    ),\n    linear-gradient(\n      135deg,\n      #071d2b,\n      #103b53\n    );\n}\n\n.app-final-inner {\n  width: 100%;\n  max-width: 900px;\n\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.app-final .app-label {\n  margin-bottom: 20px;\n\n  color: var(--cyan);\n}\n\n.app-final h2 {\n  margin-bottom: 25px;\n\n  color: var(--yellow);\n\n  font-size: clamp(40px,6vw,70px);\n  line-height: 1.02;\n  letter-spacing: -.045em;\n}\n\n.app-final p {\n  width: 100%;\n  max-width: 720px;\n\n  margin: 0 auto 35px;\n\n  color: rgba(255,255,255,.88);\n\n  font-size: 19px;\n  line-height: 1.8;\n}\n\n.app-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  padding: 15px 24px;\n\n  border-radius: 100px;\n\n  background: var(--yellow);\n  color: var(--navy-dark);\n\n  font-size: 14px;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   SMALL DESKTOP\n   ========================================================= *\/\n\n@media (max-width:1100px) {\n\n  .app-opening-grid {\n    gap: 50px;\n  }\n\n  .app-fit-grid {\n    gap: 45px;\n  }\n\n  .app-build-content {\n    padding: 50px 40px;\n  }\n\n  .app-build h2 {\n    font-size: clamp(31px,4vw,46px);\n  }\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:900px) {\n\n  .app-opening-grid,\n  .app-fit-grid {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  .app-skills {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .app-career-grid {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n}\n\n\n\/* =========================================================\n   SPLIT SECTION -> VERTICAL\n   ========================================================= *\/\n\n@media (max-width:760px) {\n\n  .app-build-grid {\n    grid-template-columns: 1fr;\n\n    width: 100%;\n    max-width: none;\n\n    min-height: auto;\n  }\n\n  .app-build-visual {\n    min-height: auto;\n\n    padding: 50px 24px;\n  }\n\n  .app-panel {\n    max-width: 430px;\n  }\n\n  .app-build-content {\n    padding: 60px 24px;\n  }\n\n  .app-build-inner {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .app-build h2 {\n    font-size: clamp(31px,8vw,43px);\n    line-height: 1.09;\n  }\n\n  .app-build p {\n    max-width: 100%;\n    font-size: 17px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:600px) {\n\n  .app-container,\n  .app-world-inner {\n    width: calc(100% - 32px);\n  }\n\n  .app-hero {\n    min-height: 82vh;\n  }\n\n  .app-hero-inner {\n    width: calc(100% - 24px) !important;\n    max-width: none !important;\n\n    padding: 85px 0 55px !important;\n  }\n\n\n  .app-story\n  .app-hero\n  .app-hero-inner\n  h1 {\n    width: 100% !important;\n    max-width: 100% !important;\n\n    margin: 0 0 24px 0 !important;\n\n    font-size: 29px !important;\n    line-height: 1.07 !important;\n    letter-spacing: -.8px !important;\n\n    word-break: normal !important;\n    overflow-wrap: normal !important;\n    hyphens: none !important;\n  }\n\n\n  .app-story .app-title-first,\n  .app-story .app-title-second,\n  .app-story .app-title-third,\n  .app-story .app-title-fourth {\n    display: block !important;\n\n    width: 100% !important;\n\n    white-space: nowrap !important;\n\n    word-break: keep-all !important;\n    overflow-wrap: normal !important;\n    hyphens: none !important;\n  }\n\n  .app-story .app-title-first {\n    font-size: 27px !important;\n\n    color: #fff !important;\n  }\n\n  .app-story .app-title-second {\n    margin-top: 5px;\n\n    font-size: 25px !important;\n\n    color: var(--yellow) !important;\n  }\n\n  .app-story .app-title-third {\n    margin-top: 3px;\n\n    font-size: 20px !important;\n    letter-spacing: -1px !important;\n\n    color: var(--yellow) !important;\n  }\n\n  .app-story .app-title-fourth {\n    margin-top: 3px;\n\n    font-size: 24px !important;\n\n    color: var(--yellow) !important;\n  }\n\n  .app-hero-intro {\n    max-width: 100%;\n\n    font-size: 17px;\n    line-height: 1.65;\n  }\n\n\n  .app-opening,\n  .app-learn,\n  .app-fit,\n  .app-career {\n    padding: 80px 0;\n  }\n\n  .app-world-inner {\n    padding: 90px 0;\n  }\n\n  .app-opening h2,\n  .app-world h2,\n  .app-section-head h2,\n  .app-fit h2,\n  .app-career h2 {\n    word-break: normal !important;\n    overflow-wrap: normal !important;\n    hyphens: none !important;\n  }\n\n  .app-skills,\n  .app-career-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .app-skill {\n    min-height: 230px;\n  }\n\n  .app-fit-card {\n    padding: 30px;\n  }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width:420px) {\n\n  .app-story .app-title-first {\n    font-size: 25px !important;\n  }\n\n  .app-story .app-title-second {\n    font-size: 23px !important;\n  }\n\n  .app-story .app-title-third {\n    font-size: 18px !important;\n    letter-spacing: -1px !important;\n  }\n\n  .app-story .app-title-fourth {\n    font-size: 22px !important;\n  }\n\n  .app-kicker {\n    font-size: 10px;\n    letter-spacing: .09em;\n  }\n\n  .app-status-line {\n    padding: 12px;\n\n    font-size: 11px;\n\n    gap: 8px;\n  }\n\n  .app-stat strong {\n    font-size: 17px;\n  }\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width:360px) {\n\n  .app-story .app-title-first {\n    font-size: 23px !important;\n  }\n\n  .app-story .app-title-second {\n    font-size: 21px !important;\n  }\n\n  .app-story .app-title-third {\n    font-size: 16px !important;\n  }\n\n  .app-story .app-title-fourth {\n    font-size: 20px !important;\n  }\n\n  .app-build-content {\n    padding: 50px 18px;\n  }\n\n  .app-build-visual {\n    padding: 40px 18px;\n  }\n}\n<\/style>\n\n\n<div class=\"app-story\">\n\n\n<!-- HERO -->\n\n<section class=\"app-hero\">\n\n  <div class=\"app-hero-inner\">\n\n    <div class=\"app-kicker\">\n      \u0398\u03b5\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03a3\u0391\u0395\u039a \u0391\u03b9\u03b3\u03ac\u03bb\u03b5\u03c9 \u00b7 STEAM\n    <\/div>\n\n\n    <h1>\n\n      <span class=\"app-title-first\">\n        \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03cc\u03c2\n      <\/span>\n\n      <span class=\"app-title-second\">\n        \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2\n      <\/span>\n\n      <span class=\"app-title-third\">\n        \u03a0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1 \u00b7 Web Design \u2013 Development\n      <\/span>\n\n      <span class=\"app-title-fourth\">\n        Video Games\n      <\/span>\n\n    <\/h1>\n\n\n    <p class=\"app-hero-intro\">\n      \u0399\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2, \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2, \u03c0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1,\n      \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2 \u03ba\u03b1\u03b9 video games \u03be\u03b5\u03ba\u03b9\u03bd\u03bf\u03cd\u03bd\n      \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03b9\u03b4\u03ad\u03b1.\n      \u0395\u03b4\u03ce \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c0\u03ce\u03c2 \u03b7 \u03b9\u03b4\u03ad\u03b1\n      \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03ba\u03ac\u03c4\u03b9\n      \u03c0\u03bf\u03c5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af.\n    <\/p>\n\n\n    <a\n      href=\"#app-start\"\n      class=\"app-scroll\"\n    >\n\n      <span class=\"app-scroll-icon\">\n        \u2193\n      <\/span>\n\n      \u0391\u03bd\u03b1\u03ba\u03ac\u03bb\u03c5\u03c8\u03b5 \u03c4\u03b7\u03bd \u03b5\u03b9\u03b4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- OPENING -->\n\n<section\n  id=\"app-start\"\n  class=\"app-opening\"\n>\n\n  <div class=\"app-container app-opening-grid\">\n\n    <div>\n\n      <div class=\"app-label\">\n        \u0391\u03c0\u03cc \u03c4\u03b7 \u03c7\u03c1\u03ae\u03c3\u03b7 \u03c3\u03c4\u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\n      <\/div>\n\n    <\/div>\n\n\n    <div>\n\n      <h2>\n        \u039a\u03ac\u03b8\u03b5 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2\n        \u03be\u03b5\u03ba\u03af\u03bd\u03b7\u03c3\u03b5 \u03b1\u03c0\u03cc\n        <strong>\n          \u03bc\u03b9\u03b1 \u03b9\u03b4\u03ad\u03b1 \u03ba\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03bb\u03b5\u03c5\u03ba\u03ae \u03bf\u03b8\u03cc\u03bd\u03b7.\n        <\/strong>\n      <\/h2>\n\n\n      <div class=\"app-opening-copy\">\n\n        <p>\n          \u039a\u03ac\u03b8\u03b5 site \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b5\u03c3\u03b1\u03b9,\n          \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03c0\u03bf\u03c5 \u03b1\u03bd\u03bf\u03af\u03b3\u03b5\u03b9\u03c2\n          \u03ba\u03b1\u03b9 \u03ba\u03ac\u03b8\u03b5 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd\n          \u03c3\u03c4\u03bf \u03bf\u03c0\u03bf\u03af\u03bf \u03b1\u03bb\u03bb\u03b7\u03bb\u03b5\u03c0\u03b9\u03b4\u03c1\u03ac\u03c2\n          \u03ad\u03c7\u03b5\u03b9 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03c4\u03b5\u03af, \u03c0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03b9\u03c3\u03c4\u03b5\u03af\n          \u03ba\u03b1\u03b9 \u03b4\u03bf\u03ba\u03b9\u03bc\u03b1\u03c3\u03c4\u03b5\u03af \u03b1\u03c0\u03cc \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03bf\u03c5\u03c2.\n        <\/p>\n\n\n        <p>\n          \u039f\/\u0397\n          <strong>\n            \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03cc\u03c2 \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2\n            (\u03a0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1, Web Design \u2013 Development,\n            Video Games)\n          <\/strong>\n          \u03c3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03b5\u03b9 \u03c0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc,\n          web development,\n          \u03c0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1 \u03ba\u03b1\u03b9 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ad\u03c2 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2\n          \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\n          \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03b5\u03b9\n          \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- DIGITAL WORLD -->\n\n<section class=\"app-world\">\n\n  <div class=\"app-world-inner\">\n\n    <div class=\"app-world-content\">\n\n      <div class=\"app-label\">\n        \u03a0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03bf\u03b8\u03cc\u03bd\u03b7\n      <\/div>\n\n\n      <h2>\n        \u0391\u03c5\u03c4\u03cc \u03c0\u03bf\u03c5 \u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2\n        \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03b7 \u03b5\u03c0\u03b9\u03c6\u03ac\u03bd\u03b5\u03b9\u03b1.\n      <\/h2>\n\n\n      <p>\n        \u03a0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1,\n        \u03bc\u03b9\u03b1 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03ae \u03ad\u03bd\u03b1 video game\n        \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2,\n        \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2, \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1,\n        \u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03ac, \u03ae\u03c7\u03bf\u03c2,\n        \u03b1\u03bb\u03bb\u03b7\u03bb\u03b5\u03c0\u03af\u03b4\u03c1\u03b1\u03c3\u03b7\n        \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c7\u03ae\u03c2 \u03b5\u03c0\u03af\u03bb\u03c5\u03c3\u03b7 \u03c0\u03c1\u03bf\u03b2\u03bb\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd.\n        \u0395\u03ba\u03b5\u03af \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9\n        \u03bf \u03c0\u03c5\u03c1\u03ae\u03bd\u03b1\u03c2 \u03b1\u03c5\u03c4\u03ae\u03c2 \u03c4\u03b7\u03c2 \u03b5\u03b9\u03b4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2.\n      <\/p>\n\n\n      <div class=\"app-components\">\n\n        <div class=\"app-component\">\n          Web Development\n        <\/div>\n\n        <div class=\"app-component\">\n          Programming\n        <\/div>\n\n        <div class=\"app-component\">\n          Databases\n        <\/div>\n\n        <div class=\"app-component\">\n          Multimedia\n        <\/div>\n\n        <div class=\"app-component\">\n          CMS\n        <\/div>\n\n        <div class=\"app-component\">\n          Video Games\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- WHAT YOU LEARN -->\n\n<section class=\"app-learn\">\n\n  <div class=\"app-container\">\n\n    <div class=\"app-section-head\">\n\n      <div class=\"app-label\">\n        \u03a4\u03b9 \u03b8\u03b1 \u03bc\u03ac\u03b8\u03b5\u03b9\u03c2\n      <\/div>\n\n\n      <h2>\n        \u0391\u03c0\u03cc \u03c4\u03bf\u03bd \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\n        \u03bc\u03ad\u03c7\u03c1\u03b9 \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c4\u03bf\u03c5 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7.\n      <\/h2>\n\n\n      <p>\n        \u03a3\u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03c4\u03b7\u03c2 \u03ba\u03b1\u03c4\u03ac\u03c1\u03c4\u03b9\u03c3\u03b7\u03c2\n        \u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03c4\u03bf\u03bd \u03c4\u03c1\u03cc\u03c0\u03bf\n        \u03bc\u03b5 \u03c4\u03bf\u03bd \u03bf\u03c0\u03bf\u03af\u03bf \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9\n        \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b1\u03c0\u03c4\u03cd\u03c3\u03c3\u03bf\u03bd\u03c4\u03b1\u03b9 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2\n        \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03c4\u03c5\u03b1\u03ba\u03ad\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2,\n        \u03b5\u03bd\u03ce \u03c0\u03b1\u03c1\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03ad\u03c1\u03c7\u03b5\u03c3\u03b1\u03b9 \u03c3\u03b5 \u03b5\u03c0\u03b1\u03c6\u03ae\n        \u03bc\u03b5 \u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd,\n        \u03c0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1\n        \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\u03c2 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03bf\u03cd \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03bf\u03bc\u03ad\u03bd\u03bf\u03c5.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"app-skills\">\n\n\n      <div class=\"app-skill\">\n\n        <span class=\"app-skill-number\">\n          01\n        <\/span>\n\n        <div>\n\n          <h3>\n            Web Development\n          <\/h3>\n\n          <p>\n            \u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c4\u03b9\u03c2 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ad\u03c2 \u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2\n            \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\n            \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd \u03ba\u03b1\u03b9 web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"app-skill\">\n\n        <span class=\"app-skill-number\">\n          02\n        <\/span>\n\n        <div>\n\n          <h3>\n            \u03a0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2\n          <\/h3>\n\n          <p>\n            \u0391\u03bd\u03b1\u03c0\u03c4\u03cd\u03c3\u03c3\u03b5\u03b9\u03c2 \u03bb\u03bf\u03b3\u03b9\u03ba\u03ae \u03c3\u03ba\u03ad\u03c8\u03b7\n            \u03ba\u03b1\u03b9 \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03b5\u03af\u03c2 \u03c0\u03ce\u03c2\n            \u03bf \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9\n            \u03c3\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"app-skill\">\n\n        <span class=\"app-skill-number\">\n          03\n        <\/span>\n\n        <div>\n\n          <h3>\n            \u03a0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1\n          <\/h3>\n\n          <p>\n            \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9\n            \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1, \u03ae\u03c7\u03bf, \u03b2\u03af\u03bd\u03c4\u03b5\u03bf\n            \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03bf \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03c5\u03bb\u03b9\u03ba\u03cc.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"app-skill\">\n\n        <span class=\"app-skill-number\">\n          04\n        <\/span>\n\n        <div>\n\n          <h3>\n            \u0392\u03ac\u03c3\u03b5\u03b9\u03c2 \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd\n          <\/h3>\n\n          <p>\n            \u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c0\u03ce\u03c2\n            \u03bf\u03c1\u03b3\u03b1\u03bd\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9\n            \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9\n            \u03b1\u03c0\u03cc \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- BUILD -->\n\n<section class=\"app-build\">\n\n  <div class=\"app-build-grid\">\n\n\n    <div class=\"app-build-visual\">\n\n      <div class=\"app-panel\">\n\n        <div class=\"app-panel-top\">\n          PROJECT STATUS\n        <\/div>\n\n\n        <div class=\"app-status\">\n\n          <div class=\"app-status-line\">\n\n            <span>\n              FRONT END\n            <\/span>\n\n            <strong>\n              READY\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"app-status-line\">\n\n            <span>\n              DATABASE\n            <\/span>\n\n            <strong>\n              ONLINE\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"app-status-line\">\n\n            <span>\n              MEDIA ASSETS\n            <\/span>\n\n            <strong>\n              LOADED\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"app-status-line\">\n\n            <span>\n              BUILD\n            <\/span>\n\n            <strong>\n              PASS\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"app-panel-stats\">\n\n          <div class=\"app-stat\">\n\n            <strong>\n              HTML\n            <\/strong>\n\n            <span>\n              Structure\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"app-stat\">\n\n            <strong>\n              CSS\n            <\/strong>\n\n            <span>\n              Design\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"app-stat\">\n\n            <strong>\n              JS\n            <\/strong>\n\n            <span>\n              Logic\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"app-build-content\">\n\n      <div class=\"app-build-inner\">\n\n        <div class=\"app-label\">\n          \u039c\u03b7\u03bd \u03c0\u03b1\u03c4\u03ac\u03c2 \u03b1\u03c0\u03bb\u03ce\u03c2 Start\n        <\/div>\n\n\n        <h2>\n          \u039c\u03ac\u03b8\u03b5 \u03c4\u03b9 \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9\n          \u03b1\u03c0\u03cc \u03c0\u03af\u03c3\u03c9.\n        <\/h2>\n\n\n        <p>\n          \u0397 \u03bf\u03c5\u03c3\u03af\u03b1 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9\n          \u03bd\u03b1 \u03bc\u03ac\u03b8\u03b5\u03b9\u03c2 \u03b1\u03c0\u03bb\u03ce\u03c2\n          \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03ad\u03c4\u03bf\u03b9\u03bc\u03b5\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2.\n          \u0395\u03af\u03bd\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03c1\u03c7\u03af\u03c3\u03b5\u03b9\u03c2\n          \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bb\u03b1\u03b2\u03b1\u03af\u03bd\u03b5\u03b9\u03c2\n          \u03c0\u03ce\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9.\n          \u039d\u03b1 \u03c0\u03b5\u03b9\u03c1\u03b1\u03bc\u03b1\u03c4\u03af\u03b6\u03b5\u03c3\u03b1\u03b9,\n          \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2,\n          \u03bd\u03b1 \u03b4\u03b9\u03bf\u03c1\u03b8\u03ce\u03bd\u03b5\u03b9\u03c2\n          \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b1\u03b4\u03b9\u03b1\u03ba\u03ac\n          \u03bc\u03b9\u03b1 \u03b9\u03b4\u03ad\u03b1 \u03bd\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9\n          \u03c3\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc\n          \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- FIT -->\n\n<section class=\"app-fit\">\n\n  <div class=\"app-container app-fit-grid\">\n\n    <div>\n\n      <div class=\"app-label\">\n        \u0391\u03bd \u03b1\u03bd\u03b1\u03b3\u03bd\u03c9\u03c1\u03af\u03b6\u03b5\u03b9\u03c2 \u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03c3\u03bf\u03c5 \u03b5\u03b4\u03ce\n      <\/div>\n\n\n      <h2>\n        \u03a3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9\n        \u03bd\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03c2\n        \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03bb\u03cd\u03bd\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03b2\u03bb\u03ae\u03bc\u03b1\u03c4\u03b1;\n      <\/h2>\n\n\n      <p>\n        \u0391\u03bd \u03c3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9\n        \u03bd\u03b1 \u03c0\u03b5\u03b9\u03c1\u03b1\u03bc\u03b1\u03c4\u03af\u03b6\u03b5\u03c3\u03b1\u03b9 \u03c3\u03c4\u03bf\u03bd \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae,\n        \u03bd\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03c2,\n        \u03bd\u03b1 \u03bb\u03cd\u03bd\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03b2\u03bb\u03ae\u03bc\u03b1\u03c4\u03b1\n        \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2\n        \u03bc\u03b9\u03b1 \u03b9\u03b4\u03ad\u03b1 \u03bd\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9\n        \u03b2\u03ae\u03bc\u03b1 \u03b2\u03ae\u03bc\u03b1\n        \u03c3\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc\n        \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc,\n        \u03b1\u03c5\u03c4\u03ae \u03b7 \u03b5\u03b9\u03b4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\n        \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03c3\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"app-fit-card\">\n\n      <span>\n        CODE \u00b7 CREATE \u00b7 PLAY\n      <\/span>\n\n      <p>\n        \u03a3\u03ba\u03ad\u03c8\u03bf\u03c5 \u03c4\u03b7\u03bd \u03b9\u03b4\u03ad\u03b1.\n        \u03a3\u03c7\u03b5\u03b4\u03af\u03b1\u03c3\u03b5 \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1.\n        \u0393\u03c1\u03ac\u03c8\u03b5 \u03c4\u03bf\u03bd \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1.\n        \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5.\n        \u0394\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03b5.\n        \u0394\u03b7\u03bc\u03b9\u03bf\u03cd\u03c1\u03b3\u03b7\u03c3\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03b4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- CAREER -->\n\n<section class=\"app-career\">\n\n  <div class=\"app-container\">\n\n    <div class=\"app-career-head\">\n\n      <div class=\"app-label\">\n        \u039a\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b9\u03c2 \u03c3\u03c0\u03bf\u03c5\u03b4\u03ad\u03c2;\n      <\/div>\n\n\n      <h2>\n        \u039f \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03ba\u03cc\u03c3\u03bc\u03bf\u03c2\n        \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03bf\u03c5\u03c2\n        \u03c0\u03bf\u03c5 \u03be\u03ad\u03c1\u03bf\u03c5\u03bd \u03c0\u03ce\u03c2 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03c4\u03b1\u03b9.\n      <\/h2>\n\n\n      <p>\n        \u039f\u03b9 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03b4\u03b5\u03be\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2\n        \u03c4\u03b7\u03c2 \u03b5\u03b9\u03b4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd\n        \u03bd\u03b1 \u03b1\u03be\u03b9\u03bf\u03c0\u03bf\u03b9\u03b7\u03b8\u03bf\u03cd\u03bd\n        \u03c3\u03b5 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd\u03c4\u03b1\n        \u03c4\u03b7\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2\n        \u03ba\u03b1\u03b9 \u03c4\u03c9\u03bd \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ce\u03bd \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03b9\u03ce\u03bd.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"app-career-grid\">\n\n\n      <div class=\"app-career-item\">\n\n        <strong>\n          \u0395\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b5\u03c2 \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2\n        <\/strong>\n\n        <p>\n          \u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7\n          \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03bf\u03cd \u03ba\u03b1\u03b9 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"app-career-item\">\n\n        <strong>\n          Web Development\n        <\/strong>\n\n        <p>\n          \u039a\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae \u03ba\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7\n          \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd \u03ba\u03b1\u03b9 web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"app-career-item\">\n\n        <strong>\n          Digital Services\n        <\/strong>\n\n        <p>\n          \u0395\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ce\u03bd \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03b9\u03ce\u03bd\n          \u03ba\u03b1\u03b9 \u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03bf\u03cd \u03b5\u03bc\u03c0\u03bf\u03c1\u03af\u03bf\u03c5.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"app-career-item\">\n\n        <strong>\n          \u03a4\u03b7\u03bb\u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b5\u03c2\n        <\/strong>\n\n        <p>\n          \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ac \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd\u03c4\u03b1\n          \u03c4\u03b7\u03bb\u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03b9\u03b1\u03ba\u03ce\u03bd \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03c9\u03bd.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"app-career-item\">\n\n        <strong>\n          \u03a4\u03bc\u03ae\u03bc\u03b1\u03c4\u03b1 IT\n        <\/strong>\n\n        <p>\n          \u03a5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ce\u03bd \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd\n          \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03b9\u03ce\u03bd \u03bf\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03ce\u03bd.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"app-career-item\">\n\n        <strong>\n          Interactive Media\n        <\/strong>\n\n        <p>\n          \u03a0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1,\n          \u03b4\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2\n          \u03ba\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ac \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ac projects.\n        <\/p>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- FINAL -->\n\n<section class=\"app-final\">\n\n  <div class=\"app-final-inner\">\n\n    <div class=\"app-label\">\n      \u0398\u03b5\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03a3\u0391\u0395\u039a \u0391\u03b9\u03b3\u03ac\u03bb\u03b5\u03c9\n    <\/div>\n\n\n    <h2>\n      \u039c\u03b7\u03bd \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c2 \u03b1\u03c0\u03bb\u03ce\u03c2\n      \u03c4\u03bf\u03bd \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc \u03ba\u03cc\u03c3\u03bc\u03bf.\n      \u039c\u03ac\u03b8\u03b5 \u03c0\u03ce\u03c2 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03c4\u03b1\u03b9.\n    <\/h2>\n\n\n    <p>\n      \u0393\u03b9\u03b1 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03bf\u03c5\u03c2\n      \u03c0\u03bf\u03c5 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bd \u03bd\u03b1 \u03c0\u03b5\u03c1\u03ac\u03c3\u03bf\u03c5\u03bd\n      \u03b1\u03c0\u03cc \u03c4\u03bf click\n      \u03c3\u03c4\u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1,\n      \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b9\u03b4\u03ad\u03b1\n      \u03c3\u03c4\u03bf\u03bd \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\n      \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03bf\u03b8\u03cc\u03bd\u03b7\n      \u03c3\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03b4\u03b9\u03ba\u03cc \u03c4\u03bf\u03c5\u03c2.\n    <\/p>\n\n\n    <a\n      class=\"app-button\"\n      href=\"https:\/\/saekaigal.att.sch.gr\/?wpdmpro=%ce%bd%ce%b5%ce%bf%cf%83-%ce%bf%ce%b4%ce%b7%ce%b3%ce%bf%cf%83-%cf%84%ce%b5%cf%87%ce%bd%ce%b9%ce%ba%cf%8c%cf%82-%ce%b5%cf%86%ce%b1%cf%81%ce%bc%ce%bf%ce%b3%cf%8e%ce%bd-%cf%80%ce%bb%ce%b7%cf%81%ce%bf\"\n      target=\"_blank\"\n      rel=\"noopener\"\n    >\n\n      \u0394\u03b5\u03c2 \u03c4\u03bf\u03bd \u039f\u03b4\u03b7\u03b3\u03cc \u03a3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd\n\n      <span>\n        \u2192\n      <\/span>\n\n    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0398\u03b5\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03a3\u0391\u0395\u039a \u0391\u03b9\u03b3\u03ac\u03bb\u03b5\u03c9 \u00b7 STEAM \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03cc\u03c2 \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2 \u03a0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1 \u00b7 Web Design \u2013 Development Video Games \u0399\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2, \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2, \u03c0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03b1, \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1\u03c2 \u03ba\u03b1\u03b9 video games \u03be\u03b5\u03ba\u03b9\u03bd\u03bf\u03cd\u03bd \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03b9\u03b4\u03ad\u03b1. \u0395\u03b4\u03ce \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03b5\u03b9\u03c2 \u03c0\u03ce\u03c2 \u03b7 \u03b9\u03b4\u03ad\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af. \u2193 \u0391\u03bd\u03b1\u03ba\u03ac\u03bb\u03c5\u03c8\u03b5 <a href=\"https:\/\/saekaigal.att.sch.gr\/?p=4040\" class=\"read-more\">\u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 &#8230;<\/a><\/p>\n","protected":false},"author":2,"featured_media":5632,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,6,17,9],"tags":[],"class_list":["post-4040","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category----2","category-6","category-9"],"_links":{"self":[{"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4040"}],"version-history":[{"count":5,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4040\/revisions"}],"predecessor-version":[{"id":5516,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4040\/revisions\/5516"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=\/wp\/v2\/media\/5632"}],"wp:attachment":[{"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4040"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4040"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/saekaigal.att.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}