{"id":20936,"date":"2025-04-07T11:17:55","date_gmt":"2025-04-07T08:17:55","guid":{"rendered":"https:\/\/offline-web.com\/%cf%80%ce%bf%ce%b9%ce%bf%cf%82-%ce%b5%ce%af%ce%bc%ce%b1%ce%b9\/"},"modified":"2026-08-05T22:24:46","modified_gmt":"2026-08-05T19:24:46","slug":"about","status":"publish","type":"page","link":"https:\/\/offline-web.com\/el\/about\/","title":{"rendered":"\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bc\u03b1\u03b9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20936\" class=\"elementor elementor-20936 elementor-730\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbac885 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"bbac885\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-faa2ccc e-flex e-con-boxed tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"faa2ccc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-237520c e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"237520c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-792321b e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"792321b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1177811 elementor-widget elementor-widget-html\" data-id=\"1177811\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style id=\"audit-fix-hero\">.about-page .hero-headline{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance;}.about-page .hero-headline .lime{white-space:nowrap;display:inline-block;}@media (max-width:1300px){.about-page .hero-headline{line-height:1.05;text-wrap:wrap;}}@media (max-width:767px){.about-page .hero-headline{line-height:1.08;letter-spacing:-0.5px;}.about-page .hero-sub{font-size:1rem;}}.about-page .hero-headline{max-width:none;}<\/style>\r\n<div class=\"about-page\">\r\n  <div class=\"about-noise\"><\/div>\r\n\r\n  <!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\r\n  <section class=\"hero\" id=\"hero\">\r\n    <canvas id=\"hero-canvas\"><\/canvas>\r\n    <div class=\"hero-bg-text\">OFFLINE<\/div>\r\n    <div class=\"hero-gradient-fade\"><\/div>\r\n    <div class=\"container\" id=\"hero-content\" style=\"position:relative;z-index:2\">\r\n      <h1 class=\"hero-headline\">\r\n        \u03a6\u03c4\u03b9\u03ac\u03c7\u03bd\u03c9 <span class=\"lime\">\u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03bf<\/span> \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03cc.\r\n      <\/h1>\r\n      <p class=\"hero-sub\">\r\n        Senior Vue.js engineer \u2014 Vue, Nuxt, TypeScript & Node.js.<br>\r\n        10+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03c9 \u03c0\u03bf\u03bb\u03cd\u03c0\u03bb\u03bf\u03ba\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ad\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03c0\u03bf\u03c5 \u03ba\u03bb\u03b9\u03bc\u03b1\u03ba\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9.\r\n      <\/p>\r\n      <div class=\"hero-actions\">\r\n        <a href=\"https:\/\/offline-web.com\/el\/contact\/\" class=\"btn-primary magnetic\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          \u0391\u03c2 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5\r\n        <\/a>\r\n        <a href=\"https:\/\/offline-web.com\/el\/portfolio\/\" class=\"btn-outline\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf portfolio<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<style id=\"audit-fix-mobile-pad\">@media (max-width:1024px){.about-page .container{padding-left:32px;padding-right:32px;}}@media (max-width:767px){.about-page .container{padding-left:24px;padding-right:24px;}}@media (max-width:480px){.about-page .container{padding-left:20px;padding-right:20px;}}<\/style>\r\n\r\n<style id=\"audit-fix-text-wrap\">@media (max-width:767px){.about-page .exp-card-title,.about-page .exp-card-desc,.about-page p,.about-page h2,.about-page h3{overflow-wrap:normal;word-break:normal;}.about-page .expertise-grid{grid-template-columns:1fr;}.about-page .about-stats{grid-template-columns:1fr;}}<\/style>\r\n\r\n\r\n\r\n<style id=\"audit-fix-expertise-row\">@media (max-width:767px){[data-id=\"57787e7\"]{width:100% !important;max-width:100% !important;flex-basis:auto !important;flex-direction:column !important;}[data-id=\"57787e7\"] > .e-con-inner{flex-direction:column !important;width:100% !important;}[data-id=\"57787e7\"] > .e-con-inner > .e-con{width:100% !important;max-width:100% !important;flex-basis:auto !important;}[data-id=\"a356bc4\"],[data-id=\"3c55099\"]{width:100% !important;max-width:100% !important;flex-basis:auto !important;}}<\/style>\r\n\r\n<style id=\"audit-fix-grid\">\r\n@media (max-width: 900px){\r\n  .about-page .about-grid{grid-template-columns:minmax(0,1fr) !important;}\r\n  .about-page .about-portrait,\r\n  .about-page .about-portrait-wrap img{width:100% !important;max-width:100% !important;height:auto !important;}\r\n  .about-page .about-portrait-wrap{width:100% !important;max-width:100% !important;}\r\n  .about-page .about-text{width:100% !important;max-width:100% !important;min-width:0 !important;}\r\n}\r\n@media (max-width: 767px){\r\n  .about-page .hero-headline,\r\n  .about-page .hero-headline .lime{white-space:normal !important;word-break:normal !important;overflow-wrap:normal !important;}\r\n  .about-page *{min-width:0 !important;}\r\n  .about-page .about-stats{grid-template-columns:1fr) !important;}\r\n}\r\n<\/style>\r\n<style id=\"audit-fix-uniform-pad\">\r\n@media (max-width:767px){\r\n  \/* Uniform horizontal gutter for every section content *\/\r\n  .section > .container,\r\n  .hero > .container,\r\n  section.section > .container{padding-left:24px !important;padding-right:24px !important;}\r\n  \/* Neutralize inconsistent outer-container side padding that breaks the balance *\/\r\n  [data-id=\"e8d0dd4\"],[data-id=\"0b9c436\"],[data-id=\"156988b\"],[data-id=\"6816c7b\"],[data-id=\"9104400\"]{padding-left:0 !important;padding-right:0 !important;}\r\n}\r\n@media (max-width:480px){\r\n  .section > .container,\r\n  .hero > .container,\r\n  section.section > .container{padding-left:20px !important;padding-right:20px !important;}\r\n}\r\n<\/style>\r\n<style id=\"audit-fix-hero-size\">\r\n@media (max-width:480px){\r\n  .about-page .hero-headline{font-size:clamp(30px,11vw,46px) !important;line-height:1.05 !important;}\r\n}\r\n<\/style>\r\n<style id=\"audit-fix-split\">\r\n@media (max-width:1300px){\r\n  \/* GSAP SplitText wraps each char in an inline-block .__split span (live page only),\r\n     which lets words break mid-character. Force inline so words stay intact and\r\n     break only at spaces \/ the natural hyphen. *\/\r\n  .about-page .hero-headline .__split{display:inline !important;}\r\n}\r\n<\/style>\r\n<style id=\"audit-fix-ui4\">\r\n@media (max-width:767px){\r\n  .hero-actions{justify-content:center !important;align-items:center !important;}\r\n  .section-label{transform:none !important;}\r\n  .edu-card{flex-direction:column !important;align-items:flex-start !important;gap:14px !important;}\r\n}\r\n\/* lime buttons: black text for contrast (all screens) *\/\r\n.hero-actions .btn-primary,\r\n.btn-primary{color:#000 !important;}\r\n\/* keep text visible on hover *\/\r\n.btn-primary:hover,\r\n.btn-primary:focus,\r\na.btn-primary:hover,\r\n.btn-primary:hover *{color:#000 !important;}\r\n<\/style>\r\n<style id=\"audit-fix-headline-line\">\r\n\/* Force \"high-performance\" onto its own line on ALL screens *\/\r\n.about-page .hero-headline .lime{display:block !important;width:100%;}\r\n<\/style>\r\n\r\n<style id=\"audit-fix-eyebrow-align\">\r\n\/* Shift the whole eyebrow row (sparkle + text) to the content gutter on mobile, keeping them together *\/\r\n@media(max-width:767px){\r\n  .elementor-730 .elementor-element-a356bc4, .elementor-730 .elementor-element-fdd6da0{padding-left:24px !important;}\r\n}\r\n@media(max-width:480px){\r\n  .elementor-730 .elementor-element-a356bc4, .elementor-730 .elementor-element-fdd6da0{padding-left:20px !important;}\r\n}\r\n<\/style>\r\n\r\n<style id=\"audit-fix-mobile-spacing\">\r\n\/* Tighten section vertical spacing on mobile *\/\r\n@media(max-width:767px){\r\n  .elementor-730 .elementor-element-faa2ccc > .e-con-inner,\r\n  .elementor-730 .elementor-element-156988b > .e-con-inner,\r\n  .elementor-730 .elementor-element-e8d0dd4 > .e-con-inner,\r\n  .elementor-730 .elementor-element-9104400 > .e-con-inner,\r\n  .elementor-730 .elementor-element-0b9c436 > .e-con-inner,\r\n  .elementor-730 .elementor-element-6816c7b > .e-con-inner{padding-top:24px !important;padding-bottom:24px !important;}\r\n  .elementor-730 .elementor-element-e071200{--padding-top:36px !important;}\r\n  .elementor-730 .elementor-element-e071200 > .e-con-inner{padding-top:36px !important;}\r\n  .elementor-730 .elementor-element-a346f9e{--padding-top:36px !important;--padding-bottom:24px !important;}\r\n  .elementor-730 .elementor-element-a346f9e > .e-con-inner{padding-top:36px !important;padding-bottom:24px !important;}\r\n}\r\n<\/style>\r\n\r\n<style id=\"audit-fix-title-spacing\">\r\n\/* Match the \"\u0397 \u03c0\u03bf\u03c1\u03b5\u03af\u03b1.\" spacing for eyebrow + title + body across ALL sections, on tablet AND mobile. Desktop (>1024px) untouched. *\/\r\n@media (max-width:1024px){\r\n  .elementor-730 .section-label{ margin-top:0 !important; margin-bottom:20px !important; }\r\n  .elementor-730 .section-title{ margin-top:12px !important; margin-bottom:20px !important; }\r\n  .elementor-730 .section-body{ margin-top:16px !important; padding-top:0 !important; margin-bottom:0 !important; }\r\n  \/* Keep the eyebrow row (sparkle+text) tight to the content that follows *\/\r\n  .elementor-730 .elementor-element-fdd6da0,\r\n  .elementor-730 .elementor-element-a356bc4{ margin-bottom:0 !important; }\r\n  \/* The Stack header is a CSS grid that stacks on tablet\/mobile: normalise its row gap so title->body matches chronicle (~20px) *\/\r\n  .elementor-730 .skills-header{ grid-row-gap:0 !important; row-gap:0 !important; margin-bottom:40px !important; }\r\n  .elementor-730 .skills-header .section-title{ margin-bottom:20px !important; }\r\n  .elementor-730 .skills-header .section-body{ margin-top:0 !important; }\r\n  \/* Tidy the header-block to content separators consistently *\/\r\n  .elementor-730 .ticker-wrap{ margin-top:40px !important; }\r\n  .elementor-730 .expertise-grid{ margin-top:40px !important; }\r\n  .elementor-730 .timeline-item{ margin-bottom:40px !important; }\r\n  .elementor-730 .edu-grid{ margin-top:40px !important; }\r\n  .elementor-730 .contact-sub{ margin-bottom:32px !important; }\r\n  .elementor-730 .contact-checklist{ margin-bottom:32px !important; }\r\n  .elementor-730 .about-stats{ margin-top:32px !important; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-156988b e-flex e-con-boxed tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"156988b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1d88f25 e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"1d88f25\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-fdd6da0 e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"fdd6da0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-963dd48 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"963dd48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"14\" height=\"14\" src=\"https:\/\/offline-web.com\/wp-content\/uploads\/2025\/04\/Soft-Star-2.png\" class=\"attachment-large size-large wp-image-20937\" alt=\"\u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd Vue.js \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd OFFLINE \u2014 \u03b5\u03b9\u03ba\u03bf\u03bd\u03af\u03b4\u03b9\u03bf \u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe42d2c elementor-widget elementor-widget-tm-ele-text-editor\" data-id=\"fe42d2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tm-ele-text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"tm-text-editor\" >\r\n\t\t<p>\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bc\u03b1\u03b9<\/p>\n\t\t<\/div>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdc2592 e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"cdc2592\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e86bc5c elementor-widget elementor-widget-html\" data-id=\"e86bc5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style id=\"audit-fix-bio\">\r\n\/* Badge number: black for contrast on lime background *\/\r\n.about-page .about-portrait-badge strong{color:#000 !important;}\r\n\/* Keep the name on a single line *\/\r\n.about-page .about-text .section-title{white-space:nowrap !important;}\r\n@media (max-width:767px){\r\n  \/* shrink slightly on mobile so the full name fits on one line *\/\r\n  .about-page .about-text .section-title{font-size:clamp(28px,9vw,44px) !important;}\r\n}\r\n@media (max-width:380px){\r\n  .about-page .about-text .section-title{font-size:26px !important;}\r\n}\r\n<\/style><div class=\"about-page\">\r\n\r\n\r\n  <!-- \u2500\u2500\u2500 ABOUT \/ SIGNAL \u2500\u2500\u2500 -->\r\n  <section class=\"section\" id=\"about\">\r\n    <div class=\"container\">\r\n      <div class=\"about-grid\">\r\n        <!-- Portrait -->\r\n        <div class=\"about-portrait-wrap gsap-fade\">\r\n          <img decoding=\"async\"\r\n            class=\"about-portrait\"\r\n            src=\"https:\/\/offline-web.com\/wp-content\/uploads\/2026\/06\/0404afea-ad5d-45e2-8111-d489cd7935ab.png\"\r\n            alt=\"Stelios Kitziris, senior Vue.js engineer and founder of OFFLINE\"\r\n          \/>\r\n          <div class=\"about-portrait-badge\">\r\n            <strong>10+<\/strong>\r\n            \u03a7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\u03c2\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Text -->\r\n        <div class=\"about-text\">\r\n          <h2 class=\"section-title\">\u03a3\u03c4\u03ad\u03bb\u03b9\u03bf\u03c2 <span class=\"lime\">\u039a\u03b9\u03c4\u03b6\u03b9\u03c1\u03ae\u03c2.<\/span><\/h2>\r\n          <div class=\"gsap-reveal\">\r\n            <p>\r\n              \u039c\u03b5 \u03bb\u03ad\u03bd\u03b5 \u03a3\u03c4\u03ad\u03bb\u03b9\u03bf \u039a\u03b9\u03c4\u03b6\u03b9\u03c1\u03ae \u03ba\u03b1\u03b9 \u03b5\u03af\u03bc\u03b1\u03b9 <mark>senior Vue.js engineer<\/mark> \u03bc\u03b5 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03b4\u03b5\u03ba\u03b1\u03b5\u03c4\u03af\u03b1 \u03c3\u03c4\u03bf\u03bd \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc, \u03c4\u03b7\u03bd \u03b1\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03bd \u03b5\u03ba\u03c3\u03c5\u03b3\u03c7\u03c1\u03bf\u03bd\u03b9\u03c3\u03bc\u03cc \u03b1\u03c0\u03b1\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ce\u03bd web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd. \u0391\u03c0\u03cc \u03c4\u03bf 2013 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03c9 \u03bc\u03b5 <a href=\"https:\/\/vuejs.org\/\" target=\"_blank\" rel=\"noopener\">Vue.js<\/a>, <a href=\"https:\/\/nuxt.com\/\" target=\"_blank\" rel=\"noopener\">Nuxt<\/a>, JavaScript, TypeScript, Node.js \u03ba\u03b1\u03b9 Laravel.\r\n            <\/p>\r\n            <p>\r\n              \u03a4\u03b1 \u03c4\u03b5\u03bb\u03b5\u03c5\u03c4\u03b1\u03af\u03b1 \u03b4\u03cd\u03bf \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03c9 \u03c9\u03c2 freelancer, \u03b2\u03bf\u03b7\u03b8\u03ce\u03bd\u03c4\u03b1\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03b5\u03ba\u03c3\u03c5\u03b3\u03c7\u03c1\u03bf\u03bd\u03af\u03c3\u03bf\u03c5\u03bd \u03c4\u03b1 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ac \u03c4\u03bf\u03c5\u03c2 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1, \u03bd\u03b1 \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bd \u03b5\u03c3\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03ad\u03c2 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03b2\u03b1\u03b8\u03bc\u03af\u03c3\u03bf\u03c5\u03bd \u03be\u03b5\u03c0\u03b5\u03c1\u03b1\u03c3\u03bc\u03ad\u03bd\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1. \u0388\u03c7\u03c9 \u03c0\u03b1\u03c1\u03b1\u03b4\u03ce\u03c3\u03b5\u03b9 <mark>40+ \u03ad\u03c1\u03b3\u03b1<\/mark>, \u03b1\u03c0\u03cc startups \u03bc\u03ad\u03c7\u03c1\u03b9 \u03b4\u03b9\u03b5\u03b8\u03bd\u03b5\u03af\u03c2 \u03bf\u03c1\u03b3\u03b1\u03bd\u03b9\u03c3\u03bc\u03bf\u03cd\u03c2 \u03c3\u03b5 \u0395\u03c5\u03c1\u03ce\u03c0\u03b7 \u03ba\u03b1\u03b9 \u0397\u03a0\u0391.\r\n            <\/p>\r\n            <p>\r\n              \u03a3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03c9 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03b3\u03bd\u03ce\u03c3\u03b7, \u03c3\u03ba\u03ad\u03c8\u03b7 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ae \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ae. \u0397 \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03ae \u03bc\u03bf\u03c5 \u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b5 \u03c4\u03c1\u03af\u03b1 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1: <mark>\u03c3\u03b1\u03c6\u03ae\u03bd\u03b5\u03b9\u03b1, \u03bc\u03b1\u03ba\u03c1\u03bf\u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c3\u03c5\u03bd\u03c4\u03b7\u03c1\u03b7\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7<\/mark>.\r\n            <\/p>\r\n            <p>\r\n              \u0395\u03ba\u03c4\u03cc\u03c2 \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac\u03c2, \u03c0\u03b1\u03af\u03b6\u03c9 video games, \u03ba\u03b9\u03b8\u03ac\u03c1\u03b1 \u03ba\u03b1\u03b9 \u03c0\u03bf\u03b4\u03ae\u03bb\u03b1\u03c4\u03bf.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <!-- Stats -->\r\n          <div class=\"about-stats gsap-fade\">\r\n            <div class=\"stat\">\r\n              <div class=\"stat-num\">10+<\/div>\r\n              <div class=\"stat-label\">\u03a7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\u03c2<\/div>\r\n            <\/div>\r\n            <div class=\"stat\">\r\n              <div class=\"stat-num\">40+<\/div>\r\n              <div class=\"stat-label\">\u0388\u03c1\u03b3\u03b1 \u03c0\u03bf\u03c5 \u03c0\u03b1\u03c1\u03ad\u03b4\u03c9\u03c3\u03b1<\/div>\r\n            <\/div>\r\n            <div class=\"stat\">\r\n              <div class=\"stat-num\">EU\/US<\/div>\r\n              <div class=\"stat-label\">\u03a0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03b4\u03b9\u03b5\u03b8\u03bd\u03ce\u03c2<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  \r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8d0dd4 e-flex e-con-boxed tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"e8d0dd4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3543ac elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b3543ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <!-- \u2500\u2500\u2500 SKILLS \u2500\u2500\u2500 -->\r\n  <section class=\"section \" id=\"skills\">\r\n    <div class=\"container\">\r\n      <div class=\"skills-header\">\r\n        <div>\r\n          <div class=\"section-label\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2<\/div>\r\n          <h2 class=\"section-title\">\u03a4\u03bf <span class=\"lime\">stack.<\/span><\/h2>\r\n        <\/div>\r\n        <p class=\"section-body\" style=\"padding-top:12px\">\r\n          \u039c\u03b9\u03b1 \u03b4\u03b5\u03ba\u03b1\u03b5\u03c4\u03af\u03b1 \u03b1\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03c3\u03b5 \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae \u2014 frontend, backend, DevOps \u03ba\u03b1\u03b9 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u2014 \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03bf \u03bf\u03b9\u03ba\u03bf\u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 Vue\/Nuxt.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"skills-grid gsap-fade\">\r\n        <div class=\"skill-cat\">\r\n          <div class=\"skill-cat-title\">Frontend<\/div>\r\n          <div class=\"skill-tags\">\r\n            <span class=\"skill-tag\">Vue 2 \/ 3<\/span>\r\n            <span class=\"skill-tag\">Nuxt<\/span>\r\n            <span class=\"skill-tag\">JavaScript<\/span>\r\n            <span class=\"skill-tag\">TypeScript<\/span>\r\n            <span class=\"skill-tag\">Pinia<\/span>\r\n            <span class=\"skill-tag\">Vuex<\/span>\r\n            <span class=\"skill-tag\">TailwindCSS<\/span>\r\n            <span class=\"skill-tag\">PrimeVue<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"skill-cat\">\r\n          <div class=\"skill-cat-title\">Backend<\/div>\r\n          <div class=\"skill-tags\">\r\n            <span class=\"skill-tag\">Node.js<\/span>\r\n            <span class=\"skill-tag\">Express<\/span>\r\n            <span class=\"skill-tag\">Laravel<\/span>\r\n            <span class=\"skill-tag\">PHP<\/span>\r\n            <span class=\"skill-tag\">MySQL<\/span>\r\n            <span class=\"skill-tag\">PostgreSQL<\/span>\r\n            <span class=\"skill-tag\">MongoDB<\/span>\r\n            <span class=\"skill-tag\">REST APIs<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"skill-cat\">\r\n          <div class=\"skill-cat-title\">DevOps<\/div>\r\n          <div class=\"skill-tags\">\r\n            <span class=\"skill-tag\">Docker<\/span>\r\n            <span class=\"skill-tag\">CI\/CD<\/span>\r\n            <span class=\"skill-tag\">GitLab<\/span>\r\n            <span class=\"skill-tag\">GitHub<\/span>\r\n            <span class=\"skill-tag\">Bitbucket<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"skill-cat\">\r\n          <div class=\"skill-cat-title\">\u0395\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1<\/div>\r\n          <div class=\"skill-tags\">\r\n            <span class=\"skill-tag\">Figma<\/span>\r\n            <span class=\"skill-tag\">n8n<\/span>\r\n            <span class=\"skill-tag\">React<\/span>\r\n            <span class=\"skill-tag\">Analytics<\/span>\r\n            <span class=\"skill-tag\">Playwright<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Ticker -->\r\n      <div class=\"ticker-wrap\">\r\n        <div class=\"ticker-track\">\r\n          <span class=\"ticker-item\">Vue.js<\/span>\r\n          <span class=\"ticker-item\">Nuxt<\/span>\r\n          <span class=\"ticker-item\">TypeScript<\/span>\r\n          <span class=\"ticker-item\">Node.js<\/span>\r\n          <span class=\"ticker-item\">Laravel<\/span>\r\n          <span class=\"ticker-item\">Docker<\/span>\r\n          <span class=\"ticker-item\">TailwindCSS<\/span>\r\n          <span class=\"ticker-item\">PostgreSQL<\/span>\r\n          <span class=\"ticker-item\">Pinia<\/span>\r\n          <span class=\"ticker-item\">REST APIs<\/span>\r\n          <span class=\"ticker-item\">CI\/CD<\/span>\r\n          <span class=\"ticker-item\">n8n Automation<\/span>\r\n          <!-- duplicate for seamless loop -->\r\n          <span class=\"ticker-item\">Vue.js<\/span>\r\n          <span class=\"ticker-item\">Nuxt<\/span>\r\n          <span class=\"ticker-item\">TypeScript<\/span>\r\n          <span class=\"ticker-item\">Node.js<\/span>\r\n          <span class=\"ticker-item\">Laravel<\/span>\r\n          <span class=\"ticker-item\">Docker<\/span>\r\n          <span class=\"ticker-item\">TailwindCSS<\/span>\r\n          <span class=\"ticker-item\">PostgreSQL<\/span>\r\n          <span class=\"ticker-item\">Pinia<\/span>\r\n          <span class=\"ticker-item\">REST APIs<\/span>\r\n          <span class=\"ticker-item\">CI\/CD<\/span>\r\n          <span class=\"ticker-item\">n8n Automation<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9104400 e-flex e-con-boxed tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"9104400\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-57787e7 e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"57787e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-a356bc4 e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"a356bc4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc5f8b1 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"fc5f8b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"14\" height=\"14\" src=\"https:\/\/offline-web.com\/wp-content\/uploads\/2025\/04\/Soft-Star-2.png\" class=\"attachment-large size-large wp-image-20937\" alt=\"\u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd Vue.js \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd OFFLINE \u2014 \u03b5\u03b9\u03ba\u03bf\u03bd\u03af\u03b4\u03b9\u03bf \u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b64e5d elementor-widget elementor-widget-tm-ele-text-editor\" data-id=\"6b64e5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tm-ele-text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"tm-text-editor\" >\r\n\t\t<p>\u03a3\u03b5 \u03c4\u03b9 \u03b5\u03af\u03bc\u03b1\u03b9 \u03ba\u03b1\u03bb\u03cc\u03c2<\/p>\n\t\t<\/div>\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c55099 e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"3c55099\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01b6d9f elementor-widget elementor-widget-html\" data-id=\"01b6d9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"about-page\">\r\n\r\n\r\n  <!-- \u2500\u2500\u2500 CORE EXPERTISE \u2500\u2500\u2500 -->\r\n  <section class=\"section\" id=\"expertise\" style=\"padding-top:0\">\r\n    <div class=\"container\">\r\n      <h2 class=\"section-title\">\u03a0\u03bf\u03cd <span class=\"lime\">\u03b1\u03c0\u03bf\u03b4\u03af\u03b4\u03c9 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf.<\/span><\/h2>\r\n      <div class=\"expertise-grid\">\r\n        <div class=\"exp-card gsap-card\">\r\n          <div class=\"exp-card-num\">01 \/<\/div>\r\n          <div class=\"exp-card-title\">\u0395\u03ba\u03c3\u03c5\u03b3\u03c7\u03c1\u03bf\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c0\u03b1\u03bb\u03b1\u03b9\u03bf\u03cd \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1<\/div>\r\n          <p class=\"exp-card-desc\">\u039c\u03b5\u03c4\u03b1\u03c6\u03bf\u03c1\u03ac \u03be\u03b5\u03c0\u03b5\u03c1\u03b1\u03c3\u03bc\u03ad\u03bd\u03c9\u03bd frontend \u03c3\u03b5 Vue\/Nuxt \u03c0\u03bf\u03c5 \u03ba\u03bb\u03b9\u03bc\u03b1\u03ba\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9. Vue 2 \u2192 Vue 3, Angular \u2192 Vue, jQuery \u2192 Vue. \u03a0\u03bb\u03ae\u03c1\u03b7\u03c2 \u03b1\u03bd\u03b1\u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ae\u03c2 \u03c7\u03c9\u03c1\u03af\u03c2 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ae \u03c4\u03b7\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\u03c2 \u03c3\u03b1\u03c2.<\/p>\r\n        <\/div>\r\n        <div class=\"exp-card gsap-card\">\r\n          <div class=\"exp-card-num\">02 \/<\/div>\r\n          <div class=\"exp-card-title\">Custom dashboards & \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03af<\/div>\r\n          <p class=\"exp-card-desc\">\u039c\u03b5\u03c4\u03b1\u03c4\u03c1\u03bf\u03c0\u03ae \u03c3\u03cd\u03bd\u03b8\u03b5\u03c4\u03b7\u03c2 \u03bb\u03bf\u03b3\u03b9\u03ba\u03ae\u03c2 \u03b1\u03c0\u03cc \u03c0\u03bf\u03bb\u03cd\u03c6\u03c5\u03bb\u03bb\u03b1 \u03b1\u03c1\u03c7\u03b5\u03af\u03b1 Excel \u03c3\u03b5 \u03c0\u03bb\u03ae\u03c1\u03c9\u03c2 \u03b4\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ac \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 BI \u03c3\u03c4\u03bf web. \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf, \u03b3\u03c1\u03b1\u03c6\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c6\u03c4\u03b9\u03b1\u03b3\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03cc\u03bd\u03c4\u03c9\u03c2 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5, \u03ba\u03b1\u03b9 \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03af \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ad\u03c6\u03bf\u03c5\u03bd \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03bf\u03c5\u03c2 \u03c4\u03b7\u03bd \u03b5\u03b2\u03b4\u03bf\u03bc\u03ac\u03b4\u03b1 \u03c4\u03bf\u03c5\u03c2.<\/p>\r\n        <\/div>\r\n        <div class=\"exp-card gsap-card\">\r\n          <div class=\"exp-card-num\">03 \/<\/div>\r\n          <div class=\"exp-card-title\">\u03a0\u03c1\u03bf\u03c7\u03c9\u03c1\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ae frontend<\/div>\r\n          <p class=\"exp-card-desc\">\u0395\u03c0\u03b1\u03bd\u03b1\u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b9\u03bc\u03b1 design systems, \u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 state \u03bc\u03b5 Pinia\/Vuex, codebases \u03bc\u03b5 TypeScript \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03ae, TailwindCSS, PrimeVue. Frontend \u03c0\u03bf\u03c5 \u03bc\u03b5\u03b3\u03b1\u03bb\u03ce\u03bd\u03b5\u03b9 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03c4\u03bf \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd.<\/p>\r\n        <\/div>\r\n        <div class=\"exp-card gsap-card\">\r\n          <div class=\"exp-card-num\">04 \/<\/div>\r\n          <div class=\"exp-card-title\">Backend<\/div>\r\n          <p class=\"exp-card-desc\">Node.js, Express, Laravel, REST APIs, \u03c1\u03bf\u03ad\u03c2 \u03b1\u03c5\u03b8\u03b5\u03bd\u03c4\u03b9\u03ba\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2, \u03b2\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b2\u03ac\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2. Full-stack, \u03ce\u03c3\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03bd\u03b1 \u03b2\u03b3\u03b1\u03af\u03bd\u03b5\u03b9 \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03b7, \u03b1\u03c0\u03cc \u03ac\u03ba\u03c1\u03b7 \u03c3\u03b5 \u03ac\u03ba\u03c1\u03b7.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n \r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b9c436 e-flex e-con-boxed tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"0b9c436\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3162088 e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"3162088\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-407869d elementor-widget elementor-widget-html\" data-id=\"407869d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <section class=\"section\" id=\"experience\">\r\n    <div class=\"container\">\r\n      <div class=\"exp-grid\">\r\n        <div class=\"exp-sticky\">\r\n          <div class=\"section-label\">\u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1<\/div>\r\n          <h2 class=\"section-title\">\u0397<br><span class=\"lime\">\u03c0\u03bf\u03c1\u03b5\u03af\u03b1.<\/span><\/h2>\r\n          <p class=\"section-body\" style=\"font-size:0.9rem; margin-top:16px\">\r\n            \u039c\u03b9\u03b1 \u03b4\u03b5\u03ba\u03b1\u03b5\u03c4\u03af\u03b1 \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03bf\u03cd \u03c3\u03b5 \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae: gaming, fintech, \u03c4\u03b1\u03be\u03af\u03b4\u03b9\u03b1, \u03b4\u03b7\u03bc\u03cc\u03c3\u03b9\u03bf\u03c2 \u03c4\u03bf\u03bc\u03ad\u03b1\u03c2 \u03ba\u03b1\u03b9 digital agencies.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"timeline\">\r\n          <div class=\"timeline-item gsap-timeline\">\r\n            <div class=\"timeline-year\">\u0394\u03b5\u03ba 2020 \u2014 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1<\/div>\r\n            <div class=\"timeline-role\">Senior Software Engineer<\/div>\r\n            <div class=\"timeline-company\">White Hat Gaming \u2014 Athens<\/div>\r\n            <p class=\"timeline-desc\">\r\n              \u0394\u03b7\u03bc\u03b9\u03bf\u03cd\u03c1\u03b3\u03b7\u03c3\u03b1 \u03bd\u03ad\u03bf \u03c4\u03bc\u03ae\u03bc\u03b1 \u03bc\u03ad\u03c3\u03b1 \u03c3\u03c4\u03bf engineering, \u03b8\u03ad\u03c4\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b1 \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ac \u03c0\u03c1\u03cc\u03c4\u03c5\u03c0\u03b1 \u03b3\u03b9\u03b1 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03bd\u03ad\u03b1 \u03ad\u03c1\u03b3\u03b1. \u0388\u03c6\u03c4\u03b9\u03b1\u03be\u03b1 \u03b5\u03c3\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03ae \u03b2\u03b9\u03b2\u03bb\u03b9\u03bf\u03b8\u03ae\u03ba\u03b7 Vue.js UI components. \u03a3\u03c7\u03b5\u03b4\u03af\u03b1\u03c3\u03b1 \u03ba\u03b1\u03b9 \u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b1 \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ae \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b5\u03c3\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03ad\u03c2 web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03c3\u03b5 Vue 3 \u03ba\u03b1\u03b9 Node.js. \u039f\u03b4\u03ae\u03b3\u03b7\u03c3\u03b1 \u03ad\u03c1\u03b3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03c3\u03cd\u03bb\u03bb\u03b7\u03c8\u03b7 \u03bc\u03ad\u03c7\u03c1\u03b9 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae, \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c0\u03b1\u03bb\u03b1\u03b9\u03ac \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c3\u03b5 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03ba\u03bb\u03b9\u03bc\u03ac\u03ba\u03c9\u03c3\u03b7.\r\n            <\/p>\r\n            <div class=\"timeline-tags\">\r\n              <span class=\"timeline-tag\">Vue 3<\/span>\r\n              <span class=\"timeline-tag\">Composition API<\/span>\r\n              <span class=\"timeline-tag\">Node.js<\/span>\r\n              <span class=\"timeline-tag\">TypeScript<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-item gsap-timeline\">\r\n            <div class=\"timeline-year\">\u0394\u03b5\u03ba 2019 \u2014 \u0394\u03b5\u03ba 2020<\/div>\r\n            <div class=\"timeline-role\">Senior Software Engineer<\/div>\r\n            <div class=\"timeline-company\">Netguru S.A. \u2014 Remote (Poland)<\/div>\r\n            <p class=\"timeline-desc\">\r\n              \u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03bc\u03b5 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03c0\u03c1\u03bf\u03c3\u03b4\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03cc \u03c4\u03c9\u03bd \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03b7\u03c3\u03b9\u03b1\u03ba\u03ce\u03bd \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd. \u03a0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7 full-stack \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ce\u03bd \u03c3\u03b5 \u03c0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03ac \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03bc\u03b5 Node.js, Express.js, Vue.js, React.js, \u03c3\u03b5 \u03c3\u03c7\u03b5\u03c3\u03b9\u03b1\u03ba\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b7 \u03c3\u03c7\u03b5\u03c3\u03b9\u03b1\u03ba\u03ad\u03c2 \u03b2\u03ac\u03c3\u03b5\u03b9\u03c2.\r\n            <\/p>\r\n            <div class=\"timeline-tags\">\r\n              <span class=\"timeline-tag\">Node.js<\/span>\r\n              <span class=\"timeline-tag\">Vue.js<\/span>\r\n              <span class=\"timeline-tag\">React.js<\/span>\r\n              <span class=\"timeline-tag\">MongoDB<\/span>\r\n              <span class=\"timeline-tag\">Postgres<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-item gsap-timeline\">\r\n            <div class=\"timeline-year\">\u039f\u03ba\u03c4 2017 \u2014 \u0394\u03b5\u03ba 2019<\/div>\r\n            <div class=\"timeline-role\">Lead Software Engineer<\/div>\r\n            <div class=\"timeline-company\">Draxis Environment S.A. \u2014 Athens<\/div>\r\n            <p class=\"timeline-desc\">\r\n              \u0395\u03c0\u03b9\u03ba\u03b5\u03c6\u03b1\u03bb\u03ae\u03c2 \u03bf\u03bc\u03ac\u03b4\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ae, \u03c4\u03bf\u03bd \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 web \u03ba\u03b1\u03b9 mobile \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd. \u03a0\u03b1\u03c1\u03ad\u03b4\u03c9\u03c3\u03b1 15+ \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2, \u03b1\u03bd\u03ac\u03bc\u03b5\u03c3\u03ac \u03c4\u03bf\u03c5\u03c2 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03c0\u03b5\u03c1\u03b9\u03b2\u03b1\u03bb\u03bb\u03bf\u03bd\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03cd\u03b8\u03b7\u03c3\u03b7\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03c0\u03c4\u03b9\u03ba\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd, \u03bc\u03b5 Laravel, Vue.js, React.js, Node.js \u03ba\u03b1\u03b9 Cordova.\r\n            <\/p>\r\n            <div class=\"timeline-tags\">\r\n              <span class=\"timeline-tag\">Laravel<\/span>\r\n              <span class=\"timeline-tag\">Vue.js<\/span>\r\n              <span class=\"timeline-tag\">React.js<\/span>\r\n              <span class=\"timeline-tag\">Node.js<\/span>\r\n              <span class=\"timeline-tag\">Cordova<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-item gsap-timeline\">\r\n            <div class=\"timeline-year\">\u03a3\u03b5\u03c0 2015 \u2014 \u0391\u03cd\u03b3 2017<\/div>\r\n            <div class=\"timeline-role\">Full Stack Developer<\/div>\r\n            <div class=\"timeline-company\">Archirodon Group N.V. \u2014 Agia Paraskevi<\/div>\r\n            <p class=\"timeline-desc\">\r\n              \u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03b3\u03b9\u03b1 \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf \u03b4\u03b9\u03b5\u03b8\u03bd\u03ae \u03cc\u03bc\u03b9\u03bb\u03bf \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bc\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03ce\u03bd \u03ad\u03c1\u03b3\u03c9\u03bd, \u03bc\u03b5 Laravel, Vue.js \u03ba\u03b1\u03b9 Angular.js.\r\n            <\/p>\r\n            <div class=\"timeline-tags\">\r\n              <span class=\"timeline-tag\">Laravel<\/span>\r\n              <span class=\"timeline-tag\">Vue.js<\/span>\r\n              <span class=\"timeline-tag\">Angular.js<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-item gsap-timeline\">\r\n            <div class=\"timeline-year\">\u0399\u03b1\u03bd 2015 \u2014 \u0391\u03cd\u03b3 2015<\/div>\r\n            <div class=\"timeline-role\">Web Developer<\/div>\r\n            <div class=\"timeline-company\">24 Media Digital Media Group \u2014 Athens<\/div>\r\n            <p class=\"timeline-desc\">\r\n              \u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1\u03bd \u03b1\u03c0\u03cc \u03c4\u03bf\u03c5\u03c2 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf\u03c5\u03c2 \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03bf\u03cd\u03c2 \u03bf\u03bc\u03af\u03bb\u03bf\u03c5\u03c2 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ce\u03bd \u03bc\u03ad\u03c3\u03c9\u03bd, \u03bc\u03b5 Angular.js.\r\n            <\/p>\r\n            <div class=\"timeline-tags\">\r\n              <span class=\"timeline-tag\">Angular.js<\/span>\r\n              <span class=\"timeline-tag\">JavaScript<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"timeline-item gsap-timeline\">\r\n            <div class=\"timeline-year\">\u0394\u03b5\u03ba 2013 \u2014 \u03a6\u03b5\u03b2 2014<\/div>\r\n            <div class=\"timeline-role\">Web Developer<\/div>\r\n            <div class=\"timeline-company\">Shape LTD \u2014 Athens<\/div>\r\n            <p class=\"timeline-desc\">\r\n              \u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd \u03bc\u03b5 WordPress.\r\n            <\/p>\r\n            <div class=\"timeline-tags\">\r\n              <span class=\"timeline-tag\">WordPress<\/span>\r\n              <span class=\"timeline-tag\">PHP<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6816c7b e-flex e-con-boxed tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"6816c7b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b3c8944 e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"b3c8944\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4ac05b elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e4ac05b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <section class=\"section\" id=\"education\" style=\"background: var(--bg-card); border-top: 1px solid var(--border);\">\r\n    <div class=\"container\">\r\n      <div class=\"section-label\">\u03a3\u03c0\u03bf\u03c5\u03b4\u03ad\u03c2<\/div>\r\n      <h2 class=\"section-title\">\u0391\u03c0\u03cc \u03c0\u03bf\u03cd<br><span class=\"lime\">\u03be\u03b5\u03ba\u03af\u03bd\u03b7\u03c3\u03b5.<\/span><\/h2>\r\n      <div class=\"edu-grid gsap-fade\">\r\n        <!-- MSc -->\r\n        <div class=\"edu-card\">\r\n          <div class=\"edu-degree-type\">MSc<\/div>\r\n          <div class=\"edu-body\">\r\n            <div class=\"edu-years\">\u03a3\u03b5\u03c0 2019 \u2014 \u039c\u03ac\u03b9 2021<\/div>\r\n            <div class=\"edu-title\">MSc Computing<\/div>\r\n            <div class=\"edu-institution\">Cardiff Metropolitan University<\/div>\r\n            <div class=\"edu-location\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n              \u039a\u03ac\u03c1\u03bd\u03c4\u03b9\u03c6, \u0397\u03bd\u03c9\u03bc\u03ad\u03bd\u03bf \u0392\u03b1\u03c3\u03af\u03bb\u03b5\u03b9\u03bf\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Diploma -->\r\n        <div class=\"edu-card\">\r\n          <div class=\"edu-degree-type\">\u0394\u03af\u03c0\u03bb\u03c9\u03bc\u03b1<\/div>\r\n          <div class=\"edu-body\">\r\n            <div class=\"edu-years\">\u03a3\u03b5\u03c0 2014 \u2014 \u0399\u03bf\u03cd\u03bb 2016<\/div>\r\n            <div class=\"edu-title\">\u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae<\/div>\r\n            <div class=\"edu-institution\">\u0399\u0395\u039a \u0391\u039a\u039c\u0397<\/div>\r\n            <div class=\"edu-location\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n              \u0391\u03b8\u03ae\u03bd\u03b1\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b532d96 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"b532d96\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-95a2a5c e-con-full tm-col-stretched-none e-flex tm-bg-color-over-image e-con e-child\" data-id=\"95a2a5c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eef46fd elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"eef46fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <section class=\"section contact-section\" id=\"contact\">\r\n    <div class=\"container\">\r\n      <div class=\"contact-inner\">\r\n        <div class=\"section-label\" style=\"justify-content:center\">\u0391\u03c2 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5<\/div>\r\n        <h2 class=\"contact-headline\">\r\n          \u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03b9 \u03bd\u03b1 <span class=\"lime\">\u03c6\u03c4\u03b9\u03ac\u03be\u03bf\u03c5\u03bc\u03b5<\/span><br>\u03ba\u03ac\u03c4\u03b9 \u03c3\u03c9\u03c3\u03c4\u03cc;\r\n        <\/h2>\r\n        <p class=\"contact-sub\">\r\n          \u0391\u03bd \u03b7 \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03b5\u03ba\u03c3\u03c5\u03b3\u03c7\u03c1\u03bf\u03bd\u03af\u03c3\u03b5\u03b9 \u03ad\u03bd\u03b1 \u03c0\u03b1\u03bb\u03b1\u03b9\u03cc \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1, \u03bd\u03b1 \u03c6\u03c4\u03b9\u03ac\u03be\u03b5\u03b9 custom dashboard, \u03bd\u03b1 \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b5\u03c2 \u03ae \u03bd\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03ce\u03c3\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ae \u03c4\u03bf\u03c5 frontend \u2014 \u03b5\u03af\u03bc\u03b1\u03b9 \u03b5\u03b4\u03ce.\r\n        <\/p>\r\n        <div class=\"contact-checklist gsap-fade\">\r\n          <span class=\"check-item\">\u0391\u03bd\u03b1\u03b2\u03ac\u03b8\u03bc\u03b9\u03c3\u03b7 \u03c0\u03b1\u03bb\u03b1\u03b9\u03bf\u03cd \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/span>\r\n          <span class=\"check-item\">Custom dashboard<\/span>\r\n          <span class=\"check-item\">\u0391\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03b9\u03ce\u03bd<\/span>\r\n          <span class=\"check-item\">\u039c\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7 \u03c3\u03b5 Vue 3 \/ Nuxt<\/span>\r\n          <span class=\"check-item\">\u0392\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ae\u03c2 frontend<\/span>\r\n          <span class=\"check-item\">Full-stack development<\/span>\r\n        <\/div>\r\n        <div class=\"contact-actions gsap-fade\">\r\n          <a href=\"https:\/\/offline-web.com\/el\/contact\/\" class=\"btn-primary\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            \u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03ad\u03c1\u03b3\u03bf\r\n          <\/a>\r\n          <a href=\"https:\/\/offline-web.com\/el\/portfolio\/\" class=\"btn-outline\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf portfolio<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<style id=\"audit-fix-cta-pad\">\r\n\/* Give the CTA section breathing room top & bottom *\/\r\n.elementor-730 .contact-section{padding-top:120px !important;padding-bottom:120px !important;}\r\n@media(max-width:767px){.elementor-730 .contact-section{padding-top:64px !important;padding-bottom:64px !important;}}\r\n<\/style>\r\n\r\n<style id=\"audit-fix-checklist-center\">\r\n\/* Center the checklist block on mobile *\/\r\n@media(max-width:1024px){\r\n  .elementor-730 .contact-checklist{width:-moz-fit-content;width:fit-content;margin-left:auto !important;margin-right:auto !important;}\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57a1bd4 e-con-full e-flex tm-col-stretched-none tm-bg-color-over-image e-con e-parent\" data-id=\"57a1bd4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-997d45e e-flex e-con-boxed tm-col-stretched-none tm-bg-color-over-image e-con e-child\" data-id=\"997d45e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd6e516 elementor-widget elementor-widget-html\" data-id=\"cd6e516\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"about-page\">\r\n  <section class=\"section\" id=\"my-services\" style=\"padding-top:0\">\r\n    <div class=\"container\">\r\n      <h2 class=\"section-title\">\u039f\u03b9 <span class=\"lime\">\u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03bf\u03c5.<\/span><\/h2>\r\n      <p class=\"services-intro\">\u0395\u03ba\u03b5\u03af \u03c0\u03bf\u03c5 \u03b2\u03bf\u03b7\u03b8\u03ac\u03c9 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf. \u0394\u03b9\u03b1\u03bb\u03ad\u03be\u03c4\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c0\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03c3\u03c4\u03bf \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03ac \u03c3\u03b1\u03c2, \u03ae \u03c0\u03ac\u03c1\u03c4\u03b5 \u03c4\u03b9\u03bc\u03ae \u03ba\u03b1\u03b9 \u03c7\u03c1\u03bf\u03bd\u03bf\u03b4\u03b9\u03ac\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03bc\u03b5 email, \u03c7\u03c9\u03c1\u03af\u03c2 \u03ba\u03bb\u03ae\u03c3\u03b7.<\/p>\r\n      <div class=\"expertise-grid services-grid\">\r\n        <a class=\"exp-card svc-card\" href=\"https:\/\/offline-web.com\/el\/vue-migration\/\">\r\n          <div class=\"exp-card-num\">01 \/<\/div>\r\n          <div class=\"exp-card-title\">\u039c\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7 \u03b1\u03c0\u03cc Vue 2 \u03c3\u03b5 Vue 3<\/div>\r\n          <p class=\"exp-card-desc\">\u03a4\u03bf framework \u03c3\u03b1\u03c2 \u03b4\u03b5\u03bd \u03c0\u03b1\u03af\u03c1\u03bd\u03b5\u03b9 \u03c0\u03b9\u03b1 security patches. \u03a3\u03b1\u03c2 \u03c0\u03b5\u03c1\u03bd\u03ac\u03c9 \u03c3\u03b5 Vue 3, \u03c0\u03b9\u03bf \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03bf, \u03c0\u03b9\u03bf \u03b1\u03c3\u03c6\u03b1\u03bb\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b9\u03bf \u03b5\u03cd\u03ba\u03bf\u03bb\u03bf \u03bd\u03b1 \u03b5\u03c0\u03b5\u03ba\u03c4\u03b1\u03b8\u03b5\u03af, \u03c7\u03c9\u03c1\u03af\u03c2 \u03bd\u03b1 \u03c3\u03c4\u03b1\u03bc\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9 \u03b7 \u03b5\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2.<\/p>\r\n          <span class=\"svc-card-link\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7 \u03bc\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7 \u2192<\/span>\r\n        <\/a>\r\n        <a class=\"exp-card svc-card\" href=\"https:\/\/offline-web.com\/el\/web-app-development\/\">\r\n          <div class=\"exp-card-num\">02 \/<\/div>\r\n          <div class=\"exp-card-title\">\u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 custom web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd<\/div>\r\n          <p class=\"exp-card-desc\">Custom \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u03c3\u03b5 Vue 3, Nuxt \u03ba\u03b1\u03b9 TypeScript, \u03b1\u03c0\u03cc MVP \u03bc\u03ad\u03c7\u03c1\u03b9 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03b7 \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1, \u03bc\u03b5 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ae \u03b1\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ae \u03c0\u03bf\u03c5 \u03b1\u03bd\u03c4\u03ad\u03c7\u03b5\u03b9 \u03c3\u03c4\u03b7\u03bd \u03ba\u03bb\u03af\u03bc\u03b1\u03ba\u03b1.<\/p>\r\n          <span class=\"svc-card-link\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b9\u03c2 web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u2192<\/span>\r\n        <\/a>\r\n        <a class=\"exp-card svc-card\" href=\"https:\/\/offline-web.com\/el\/excel-to-dashboard\/\">\r\n          <div class=\"exp-card-num\">03 \/<\/div>\r\n          <div class=\"exp-card-title\">\u0391\u03c0\u03cc Excel \u03c3\u03b5 dashboard<\/div>\r\n          <p class=\"exp-card-desc\">\u039c\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c8\u03c4\u03b5 \u03b5\u03cd\u03b8\u03c1\u03b1\u03c5\u03c3\u03c4\u03b1 \u03c0\u03bf\u03bb\u03cd\u03c6\u03c5\u03bb\u03bb\u03b1 \u03b1\u03c1\u03c7\u03b5\u03af\u03b1 Excel \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc web dashboard. \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf, \u03c0\u03bf\u03bb\u03bb\u03bf\u03af \u03c7\u03c1\u03ae\u03c3\u03c4\u03b5\u03c2, \u03c4\u03ad\u03bb\u03bf\u03c2 \u03bf\u03b9 \u03c7\u03b5\u03b9\u03c1\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03b5\u03c2 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03c3\u03c0\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf\u03b9 \u03c4\u03cd\u03c0\u03bf\u03b9.<\/p>\r\n          <span class=\"svc-card-link\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b1 dashboards \u2192<\/span>\r\n        <\/a>\r\n        <a class=\"exp-card svc-card\" href=\"https:\/\/offline-web.com\/el\/nuxt-migration\/\">\r\n          <div class=\"exp-card-num\">04 \/<\/div>\r\n          <div class=\"exp-card-title\">\u039c\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7 \u03c3\u03b5 Nuxt<\/div>\r\n          <p class=\"exp-card-desc\">\u03a0\u03b5\u03c1\u03ac\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03c3\u03b1\u03c2 \u03b1\u03c0\u03cc Vue \u03c3\u03b5 Nuxt \u03b3\u03b9\u03b1 server-side rendering, \u03b9\u03c3\u03c7\u03c5\u03c1\u03cc\u03c4\u03b5\u03c1\u03bf SEO \u03ba\u03b1\u03b9 \u03b3\u03c1\u03b7\u03b3\u03bf\u03c1\u03cc\u03c4\u03b5\u03c1\u03b7 \u03c6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7, \u03c7\u03c9\u03c1\u03af\u03c2 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ae \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03bc\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7.<\/p>\r\n          <span class=\"svc-card-link\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf Nuxt \u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n<style id=\"svc-section-fix\">\r\n#my-services .services-intro{max-width:680px;margin:0 0 32px;opacity:.85;}\r\n#my-services .svc-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease;}\r\n#my-services .svc-card:hover{transform:translateY(-4px);}\r\n#my-services .svc-card-link{margin-top:auto;padding-top:18px;font-weight:600;color:#000;}\r\n#my-services .about-page .svc-card-link,#my-services .svc-card-link{color:inherit;}\r\n#my-services .svc-card:hover .svc-card-link{text-decoration:underline;}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OFFLINE \u03a6\u03c4\u03b9\u03ac\u03c7\u03bd\u03c9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03bf \u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03cc. Senior Vue.js engineer \u2014 Vue, Nuxt, TypeScript &#038; Node.js. 10+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03c9 \u03c0\u03bf\u03bb\u03cd\u03c0\u03bb\u03bf\u03ba\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ad\u03c2&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-20936","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.8 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u03a3\u03c4\u03ad\u03bb\u03b9\u03bf\u03c2 \u039a\u03b9\u03c4\u03b6\u03b9\u03c1\u03ae\u03c2 \u2014 senior Vue.js engineer | OFFLINE<\/title>\n<meta name=\"description\" content=\"Senior Vue.js engineer \u03bc\u03b5 10+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c3\u03b5 Vue, Nuxt, TypeScript \u03ba\u03b1\u03b9 Node.js. 40+ \u03ad\u03c1\u03b3\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03c3\u03b5 \u0395\u03c5\u03c1\u03ce\u03c0\u03b7 \u03ba\u03b1\u03b9 \u0397\u03a0\u0391.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/offline-web.com\/el\/about\/\" \/>\n<meta property=\"og:locale\" content=\"el_GR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bc\u03b1\u03b9\" \/>\n<meta property=\"og:description\" content=\"Senior Vue.js engineer \u03bc\u03b5 10+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c3\u03b5 Vue, Nuxt, TypeScript \u03ba\u03b1\u03b9 Node.js. 40+ \u03ad\u03c1\u03b3\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03c3\u03b5 \u0395\u03c5\u03c1\u03ce\u03c0\u03b7 \u03ba\u03b1\u03b9 \u0397\u03a0\u0391.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/offline-web.com\/el\/about\/\" \/>\n<meta property=\"og:site_name\" content=\"offline-web.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61550853146749\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-05T19:24:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/offline-web.com\/wp-content\/uploads\/2026\/08\/og-about.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/offline-web.com\/wp-content\/uploads\/2026\/08\/og-about.png\" \/>\n<meta name=\"twitter:site\" content=\"@offline_web\" \/>\n<meta name=\"twitter:label1\" content=\"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 \u03bb\u03b5\u03c0\u03c4\u03ac\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/about\\\/\",\"url\":\"https:\\\/\\\/offline-web.com\\\/el\\\/about\\\/\",\"name\":\"\u03a3\u03c4\u03ad\u03bb\u03b9\u03bf\u03c2 \u039a\u03b9\u03c4\u03b6\u03b9\u03c1\u03ae\u03c2 \u2014 senior Vue.js engineer | OFFLINE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/about\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/about\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/offline-web.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Soft-Star-2.png\",\"datePublished\":\"2025-04-07T08:17:55+00:00\",\"dateModified\":\"2026-08-05T19:24:46+00:00\",\"description\":\"Senior Vue.js engineer \u03bc\u03b5 10+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c3\u03b5 Vue, Nuxt, TypeScript \u03ba\u03b1\u03b9 Node.js. 40+ \u03ad\u03c1\u03b3\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03c3\u03b5 \u0395\u03c5\u03c1\u03ce\u03c0\u03b7 \u03ba\u03b1\u03b9 \u0397\u03a0\u0391.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/about\\\/#breadcrumb\"},\"inLanguage\":\"el\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/offline-web.com\\\/el\\\/about\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/about\\\/#primaryimage\",\"url\":\"https:\\\/\\\/offline-web.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Soft-Star-2.png\",\"contentUrl\":\"https:\\\/\\\/offline-web.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Soft-Star-2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/about\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/offline-web.com\\\/el\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bc\u03b1\u03b9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/#website\",\"url\":\"https:\\\/\\\/offline-web.com\\\/el\\\/\",\"name\":\"offline-web.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/#\\\/schema\\\/person\\\/520626b2a7a5c2d1fbeb91e5bd8b4aa3\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/offline-web.com\\\/el\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"el\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/offline-web.com\\\/el\\\/#\\\/schema\\\/person\\\/520626b2a7a5c2d1fbeb91e5bd8b4aa3\",\"name\":\"Stelios Kitziris\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\\\/\\\/offline-web.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/0404afea-ad5d-45e2-8111-d489cd7935ab.png\",\"url\":\"https:\\\/\\\/offline-web.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/0404afea-ad5d-45e2-8111-d489cd7935ab.png\",\"contentUrl\":\"https:\\\/\\\/offline-web.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/0404afea-ad5d-45e2-8111-d489cd7935ab.png\",\"width\":1122,\"height\":1402,\"caption\":\"Stelios Kitziris\"},\"logo\":{\"@id\":\"https:\\\/\\\/offline-web.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/0404afea-ad5d-45e2-8111-d489cd7935ab.png\"},\"sameAs\":[\"https:\\\/\\\/offline-web.com\",\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61550853146749\",\"https:\\\/\\\/www.instagram.com\\\/offline_web_\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/offline-web\\\/\",\"https:\\\/\\\/x.com\\\/offline_web\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u03a3\u03c4\u03ad\u03bb\u03b9\u03bf\u03c2 \u039a\u03b9\u03c4\u03b6\u03b9\u03c1\u03ae\u03c2 \u2014 senior Vue.js engineer | OFFLINE","description":"Senior Vue.js engineer \u03bc\u03b5 10+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c3\u03b5 Vue, Nuxt, TypeScript \u03ba\u03b1\u03b9 Node.js. 40+ \u03ad\u03c1\u03b3\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03c3\u03b5 \u0395\u03c5\u03c1\u03ce\u03c0\u03b7 \u03ba\u03b1\u03b9 \u0397\u03a0\u0391.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/offline-web.com\/el\/about\/","og_locale":"el_GR","og_type":"article","og_title":"\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bc\u03b1\u03b9","og_description":"Senior Vue.js engineer \u03bc\u03b5 10+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c3\u03b5 Vue, Nuxt, TypeScript \u03ba\u03b1\u03b9 Node.js. 40+ \u03ad\u03c1\u03b3\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03c3\u03b5 \u0395\u03c5\u03c1\u03ce\u03c0\u03b7 \u03ba\u03b1\u03b9 \u0397\u03a0\u0391.","og_url":"https:\/\/offline-web.com\/el\/about\/","og_site_name":"offline-web.com","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61550853146749","article_modified_time":"2026-08-05T19:24:46+00:00","og_image":[{"url":"https:\/\/offline-web.com\/wp-content\/uploads\/2026\/08\/og-about.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/offline-web.com\/wp-content\/uploads\/2026\/08\/og-about.png","twitter_site":"@offline_web","twitter_misc":{"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2":"2 \u03bb\u03b5\u03c0\u03c4\u03ac"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/offline-web.com\/el\/about\/","url":"https:\/\/offline-web.com\/el\/about\/","name":"\u03a3\u03c4\u03ad\u03bb\u03b9\u03bf\u03c2 \u039a\u03b9\u03c4\u03b6\u03b9\u03c1\u03ae\u03c2 \u2014 senior Vue.js engineer | OFFLINE","isPartOf":{"@id":"https:\/\/offline-web.com\/el\/#website"},"primaryImageOfPage":{"@id":"https:\/\/offline-web.com\/el\/about\/#primaryimage"},"image":{"@id":"https:\/\/offline-web.com\/el\/about\/#primaryimage"},"thumbnailUrl":"https:\/\/offline-web.com\/wp-content\/uploads\/2025\/04\/Soft-Star-2.png","datePublished":"2025-04-07T08:17:55+00:00","dateModified":"2026-08-05T19:24:46+00:00","description":"Senior Vue.js engineer \u03bc\u03b5 10+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c3\u03b5 Vue, Nuxt, TypeScript \u03ba\u03b1\u03b9 Node.js. 40+ \u03ad\u03c1\u03b3\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03c3\u03b5 \u0395\u03c5\u03c1\u03ce\u03c0\u03b7 \u03ba\u03b1\u03b9 \u0397\u03a0\u0391.","breadcrumb":{"@id":"https:\/\/offline-web.com\/el\/about\/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https:\/\/offline-web.com\/el\/about\/"]}]},{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/offline-web.com\/el\/about\/#primaryimage","url":"https:\/\/offline-web.com\/wp-content\/uploads\/2025\/04\/Soft-Star-2.png","contentUrl":"https:\/\/offline-web.com\/wp-content\/uploads\/2025\/04\/Soft-Star-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/offline-web.com\/el\/about\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/offline-web.com\/el\/home\/"},{"@type":"ListItem","position":2,"name":"\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bc\u03b1\u03b9"}]},{"@type":"WebSite","@id":"https:\/\/offline-web.com\/el\/#website","url":"https:\/\/offline-web.com\/el\/","name":"offline-web.com","description":"","publisher":{"@id":"https:\/\/offline-web.com\/el\/#\/schema\/person\/520626b2a7a5c2d1fbeb91e5bd8b4aa3"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/offline-web.com\/el\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"},{"@type":["Person","Organization"],"@id":"https:\/\/offline-web.com\/el\/#\/schema\/person\/520626b2a7a5c2d1fbeb91e5bd8b4aa3","name":"Stelios Kitziris","image":{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/offline-web.com\/wp-content\/uploads\/2026\/06\/0404afea-ad5d-45e2-8111-d489cd7935ab.png","url":"https:\/\/offline-web.com\/wp-content\/uploads\/2026\/06\/0404afea-ad5d-45e2-8111-d489cd7935ab.png","contentUrl":"https:\/\/offline-web.com\/wp-content\/uploads\/2026\/06\/0404afea-ad5d-45e2-8111-d489cd7935ab.png","width":1122,"height":1402,"caption":"Stelios Kitziris"},"logo":{"@id":"https:\/\/offline-web.com\/wp-content\/uploads\/2026\/06\/0404afea-ad5d-45e2-8111-d489cd7935ab.png"},"sameAs":["https:\/\/offline-web.com","https:\/\/www.facebook.com\/profile.php?id=61550853146749","https:\/\/www.instagram.com\/offline_web_\/","https:\/\/www.linkedin.com\/company\/offline-web\/","https:\/\/x.com\/offline_web"]}]}},"_links":{"self":[{"href":"https:\/\/offline-web.com\/el\/wp-json\/wp\/v2\/pages\/20936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/offline-web.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/offline-web.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/offline-web.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/offline-web.com\/el\/wp-json\/wp\/v2\/comments?post=20936"}],"version-history":[{"count":4,"href":"https:\/\/offline-web.com\/el\/wp-json\/wp\/v2\/pages\/20936\/revisions"}],"predecessor-version":[{"id":21257,"href":"https:\/\/offline-web.com\/el\/wp-json\/wp\/v2\/pages\/20936\/revisions\/21257"}],"wp:attachment":[{"href":"https:\/\/offline-web.com\/el\/wp-json\/wp\/v2\/media?parent=20936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}