{"id":16,"date":"2026-02-06T13:26:38","date_gmt":"2026-02-06T10:26:38","guid":{"rendered":"http:\/\/apospan1.local\/?page_id=16"},"modified":"2026-03-28T21:04:50","modified_gmt":"2026-03-28T19:04:50","slug":"home","status":"publish","type":"page","link":"https:\/\/apospan.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"bde-section-16-148 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-16-151 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-16-149 bde-heading\">\n\u03a0\u03b1\u03bd\u03b1\u03b3\u03b9\u03ce\u03c4\u03b7\u03c2 \u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ad\u03bb\u03b7\u03c2\n<\/h1><div class=\"bde-wp-menu-16-150 bde-wp-menu\">\n\n\n      \n        \n    <nav class=\"breakdance-menu breakdance-menu--collapse    \">\n    <button class=\"breakdance-menu-toggle breakdance-menu-toggle--squeeze\" type=\"button\" aria-label=\"Open Menu\" aria-expanded=\"false\" aria-controls=\"menu-150\">\n                  <span class=\"breakdance-menu-toggle-icon\">\n            <span class=\"breakdance-menu-toggle-lines\"><\/span>\n          <\/span>\n            <\/button>\n    \n  <ul class=\"breakdance-menu-list\" id=\"menu-150\">\n              \n  \n    <li id=\"menu-item-25\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-25 breakdance-menu-item\"><a href=\"https:\/\/apospan.com\/en\/\" class=\"breakdance-menu-link\">\u0391\u03c1\u03c7\u03b9\u03ba\u03ae<\/a><\/li>\n<li id=\"menu-item-26\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-26 breakdance-menu-item\"><a href=\"#projects\" class=\"breakdance-menu-link\">\u0388\u03c1\u03b3\u03b1<\/a><\/li>\n<li id=\"menu-item-27\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-27 breakdance-menu-item\"><a href=\"#contact\" class=\"breakdance-menu-link\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/a><\/li>\n\n  <\/ul>\n  <\/nav>\n\n\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-16-177 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-16-178 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-16-179 bde-heading\">\nUI\/UX DESIGNER & JUNIOR FRONTEND DEVELOPER\n<\/h1><div class=\"bde-rich-text-16-180 bde-rich-text breakdance-rich-text-styles\">\n<p>UI\/UX Designer &amp; Junior Front-end Developer \u0395\u03c3\u03c4\u03b9\u03ac\u03b6\u03c9 \u03c3\u03c4\u03bf\u03bd \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc \u03c7\u03c1\u03b7\u03c3\u03c4\u03b9\u03ba\u03ce\u03bd \u03b4\u03b9\u03b5\u03c0\u03b1\u03c6\u03ce\u03bd \u03c3\u03c4\u03bf <span style=\"color: #00ddeb;\">Figma<\/span> \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd \u03c3\u03b5 <span style=\"color: #00ddeb;\">WordPress (Breakdance Builder)<\/span>. \u03a3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03c9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03bb\u03c5\u03c4\u03b9\u03ba\u03ae \u03c3\u03ba\u03ad\u03c8\u03b7 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03ad\u03ba\u03c4\u03b7\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03bc\u03bf\u03c5 \u03c3\u03c4\u03b7\u03bd \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03bc\u03b5 \u03c4\u03b9\u03c2 \u03b1\u03c1\u03c7\u03ad\u03c2 \u03c4\u03bf\u03c5 <span style=\"color: #00ddeb;\">User-Centered Design<\/span>, \u03c3\u03c4\u03bf\u03c7\u03b5\u03cd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c3\u03c4\u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03b9 \u03ba\u03b1\u03bb\u03b1\u03af\u03c3\u03b8\u03b7\u03c4\u03c9\u03bd \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ce\u03bd \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03c9\u03bd.<\/p>\n<\/div><div class=\"bde-div-16-183 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-social-icons-16-184 bde-social-icons\">\n                  \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-custom\" href=\"https:\/\/www.linkedin.com\/in\/panagiotis-apostolelis\/\" target=\"_blank\" data-type=\"url\" aria-label=\"custom\" >\n\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n<path d=\"M20 0C8.955 0 0 8.955 0 20C0 31.045 8.955 40 20 40C31.045 40 40 31.045 40 20C40 8.955 31.045 0 20 0ZM12.4933 9.005C13.8967 9.005 14.8317 9.94 14.8317 11.1867C14.8317 12.4333 13.8967 13.3683 12.3383 13.3683C10.935 13.37 10 12.4333 10 11.1867C10 9.94 10.935 9.005 12.4933 9.005ZM15 28.3333H10V15H15V28.3333ZM31.6667 28.3333H26.96V21.0467C26.96 19.0317 25.705 18.5667 25.235 18.5667C24.765 18.5667 23.195 18.8767 23.195 21.0467C23.195 21.3567 23.195 28.3333 23.195 28.3333H18.3333V15H23.1967V16.86C23.8233 15.775 25.0783 15 27.4317 15C29.785 15 31.6667 16.86 31.6667 21.0467V28.3333Z\" fill=\"url(#paint0_linear_49_80)\"\/>\r\n<defs>\r\n<linearGradient id=\"paint0_linear_49_80\" x1=\"20\" y1=\"0\" x2=\"20\" y2=\"40\" gradientUnits=\"userSpaceOnUse\">\r\n<stop stop-color=\"#AF40FF\"\/>\r\n<stop offset=\"0.5\" stop-color=\"#8541F9\"\/>\r\n<stop offset=\"1\" stop-color=\"#00DDEB\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<\/svg>\n                      <\/a>\n\n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-custom\" href=\"https:\/\/github.com\/PanApos\" target=\"_blank\" data-type=\"url\" aria-label=\"custom\" >\n\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n<path d=\"M20 0C8.955 0 0 9.09522 0 20.3132C0 29.8316 6.45333 37.796 15.1533 40C15.06 39.7258 15 39.4075 15 39.0131V35.5413C14.1883 35.5413 12.8283 35.5413 12.4867 35.5413C11.1183 35.5413 9.90167 34.9437 9.31167 33.8333C8.65667 32.5992 8.54333 30.7118 6.92 29.5573C6.43833 29.1731 6.805 28.7347 7.36 28.7939C8.385 29.0884 9.235 29.8028 10.035 30.8625C10.8317 31.9238 11.2067 32.1642 12.695 32.1642C13.4167 32.1642 14.4967 32.1219 15.5133 31.9594C16.06 30.5493 17.005 29.251 18.16 28.6382C11.5 27.9424 8.32167 24.5772 8.32167 20.0085C8.32167 18.0415 9.14667 16.1388 10.5483 14.5358C10.0883 12.9446 9.51 9.69953 10.725 8.46382C13.7217 8.46382 15.5333 10.4376 15.9683 10.9708C17.4617 10.4511 19.1017 10.1566 20.825 10.1566C22.5517 10.1566 24.1983 10.4511 25.695 10.9742C26.125 10.4444 27.9383 8.46382 30.9417 8.46382C32.1617 9.70123 31.5767 12.9598 31.1117 14.5476C32.505 16.1473 33.325 18.0449 33.325 20.0085C33.325 24.5738 30.1517 27.9374 23.5017 28.6365C25.3317 29.6064 26.6667 32.3318 26.6667 34.3851V39.0131C26.6667 39.1892 26.6283 39.3161 26.6083 39.4668C34.4017 36.6923 40 29.1765 40 20.3132C40 9.09522 31.045 0 20 0Z\" fill=\"url(#paint0_linear_49_82)\"\/>\r\n<defs>\r\n<linearGradient id=\"paint0_linear_49_82\" x1=\"20\" y1=\"0\" x2=\"20\" y2=\"40\" gradientUnits=\"userSpaceOnUse\">\r\n<stop stop-color=\"#AF40FF\"\/>\r\n<stop offset=\"0.5\" stop-color=\"#8541F9\"\/>\r\n<stop offset=\"1\" stop-color=\"#00DDEB\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<\/svg>\n                      <\/a>\n\n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-custom\" href=\"https:\/\/www.figma.com\/@PanApos\" target=\"_blank\" data-type=\"url\" aria-label=\"custom\" >\n\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"40\" viewBox=\"0 0 30 40\" fill=\"none\">\r\n<path d=\"M6.66667 40C2.985 40 0 37.4414 0 34.2857C0 31.13 2.985 28.5714 6.66667 28.5714H11.4283C12.48 28.5714 13.3333 29.3029 13.3333 30.2043V34.2857C13.3333 37.4414 10.3483 40 6.66667 40ZM23.3333 11.4286H18.5717C17.52 11.4286 16.6667 10.6971 16.6667 9.79571V1.63286C16.6667 0.731428 17.52 0 18.5717 0H23.3333C27.015 0 30 2.55857 30 5.71429C30 8.87 27.015 11.4286 23.3333 11.4286ZM6.66667 0H11.4283C12.48 0 13.3333 0.731428 13.3333 1.63286V9.79571C13.3333 10.6971 12.48 11.4286 11.4283 11.4286H6.66667C2.985 11.4286 0 8.87 0 5.71429C0 2.55857 2.985 0 6.66667 0ZM6.66667 14.2857H11.4283C12.48 14.2857 13.3333 15.0171 13.3333 15.9186V24.0814C13.3333 24.9829 12.48 25.7143 11.4283 25.7143H6.66667C2.985 25.7143 0 23.1557 0 20C0 16.8443 2.985 14.2857 6.66667 14.2857ZM23.3333 14.2857C21.5652 14.2857 19.8695 14.8878 18.6193 15.9594C17.369 17.031 16.6667 18.4845 16.6667 20C16.6667 21.5155 17.369 22.969 18.6193 24.0406C19.8695 25.1122 21.5652 25.7143 23.3333 25.7143C25.1014 25.7143 26.7971 25.1122 28.0474 24.0406C29.2976 22.969 30 21.5155 30 20C30 18.4845 29.2976 17.031 28.0474 15.9594C26.7971 14.8878 25.1014 14.2857 23.3333 14.2857Z\" fill=\"url(#paint0_linear_51_84)\"\/>\r\n<defs>\r\n<linearGradient id=\"paint0_linear_51_84\" x1=\"15\" y1=\"0\" x2=\"15\" y2=\"40\" gradientUnits=\"userSpaceOnUse\">\r\n<stop stop-color=\"#AF40FF\"\/>\r\n<stop offset=\"0.5\" stop-color=\"#8541F9\"\/>\r\n<stop offset=\"1\" stop-color=\"#00DDEB\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<\/svg>\n                      <\/a>\n\n    \n<\/div><div class=\"bde-div-16-185 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-16-187 bde-button\">\n    \n                        \n                        \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/03\/Apostolelis_Panagiotis_UI_UX_Designer_CV_GR.pdf\" target=\"_blank\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">\u0392\u0399\u039f\u0393\u03a1\u0391\u03a6\u0399\u039a\u039f<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"bde-div-16-181 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-16-182 bde-image2\" src=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/cropped-hero_pic-1.webp\" alt=\"Hero section laptop pic\" srcset=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/cropped-hero_pic-1.webp 512w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/cropped-hero_pic-1-300x300.webp 300w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/cropped-hero_pic-1-150x150.webp 150w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/cropped-hero_pic-1-12x12.webp 12w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/cropped-hero_pic-1-270x270.webp 270w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/cropped-hero_pic-1-192x192.webp 192w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/cropped-hero_pic-1-180x180.webp 180w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/cropped-hero_pic-1-32x32.webp 32w\" sizes=\"(max-width: 512px) 100vw, 512px\" fetchpriority=\"high\">\n<\/div><\/div>\n<\/section><section id=\"projects\" class=\"bde-section-16-289 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-16-290 bde-heading\">\n\u0395\u03a1\u0393\u0391\n<\/h1><div class=\"bde-shortcode-16-291 bde-shortcode\"><div class=\"custom-projects-grid\">            \n            <div class=\"project-card-custom\"> \n                <div class=\"project-card-image\">\n                    <img decoding=\"async\" width=\"874\" height=\"918\" src=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/04\/project_preview.webp\" class=\"attachment-large size-large wp-post-image\" alt=\"maghsop_ERP_pic\" srcset=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/04\/project_preview.webp 874w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/04\/project_preview-286x300.webp 286w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/04\/project_preview-768x807.webp 768w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/04\/project_preview-11x12.webp 11w\" sizes=\"(max-width: 874px) 100vw, 874px\" \/>                <\/div>\n                  \n                <div class=\"project-card-content\">\n                    <h3>Maghsop ERP<\/h3>\n                    <p>\u0388\u03bd\u03b1 \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03bf \u03a3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 ERP \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf \u03b3\u03b9\u03b1 \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2. \u0391\u03bd\u03b1\u03c0\u03c4\u03cd\u03c7\u03b8\u03b7\u03ba\u03b5 \u03b1\u03c0\u03cc \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ae \u03b2\u03ac\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b5\u03bb\u03af\u03c7\u03b8\u03b7\u03ba\u03b5 \u03c3\u03b5 \u03c0\u03bb\u03ae\u03c1\u03c9\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae. \u0395\u03c0\u03b9\u03c3\u03ba\u03cc\u03c0\u03b7\u03c3\u03b7...<\/p>\n                    \n                    <button class=\"read-more-btn\" onclick=\"document.getElementById('modal-352').style.display='flex'\">\n                        \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\n                    <\/button>\n                    \n                                            <a href=\"https:\/\/panapos.github.io\/Magshop-ERP-System-Project\/\" class=\"project-btn\" target=\"_blank\">\n                            Live Demo                        <\/a>\n                                    <\/div>\n\n                <div id=\"modal-352\" class=\"custom-modal\">\n                    <div class=\"modal-content\">\n                        <span class=\"close-btn\" onclick=\"document.getElementById('modal-352').style.display='none'\">&times;<\/span>\n                        <h2>Maghsop ERP<\/h2>\n                        <div class=\"modal-body\">\n                            \n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ad009506 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-left\">\u0388\u03bd\u03b1 \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03bf \u03a3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 ERP \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf \u03b3\u03b9\u03b1 \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2. \u0391\u03bd\u03b1\u03c0\u03c4\u03cd\u03c7\u03b8\u03b7\u03ba\u03b5 \u03b1\u03c0\u03cc \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ae \u03b2\u03ac\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b5\u03bb\u03af\u03c7\u03b8\u03b7\u03ba\u03b5 \u03c3\u03b5 \u03c0\u03bb\u03ae\u03c1\u03c9\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae  web \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae.<\/p>\n\n\n\n<p class=\"has-text-align-left\"><br>\u0395\u03c0\u03b9\u03c3\u03ba\u03cc\u03c0\u03b7\u03c3\u03b7 Project<\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/PanApos\/Magshop-ERP-System-Project#%CE%B5%CF%80%CE%B9%CF%83%CE%BA%CF%8C%CF%80%CE%B7%CF%83%CE%B7-project\"><\/a><\/p>\n\n\n\n<p class=\"has-text-align-left\">\ud83d\udd39\u00a0<strong>\u03a3\u03ba\u03bf\u03c0\u03cc\u03c2:<\/strong>\u00a0\u0391\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03bf\u03b9\u03ba\u03bf\u03bd\u03bf\u03bc\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03b1\u03b3\u03b3\u03b5\u03bb\u03b9\u03ce\u03bd.<br>\ud83d\udd39\u00a0<strong>\u03a3\u03c4\u03cc\u03c7\u03bf\u03c2:<\/strong>\u00a0\u039c\u03b9\u03ba\u03c1\u03ad\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 (\u039b\u03b9\u03b1\u03bd\u03b9\u03ba\u03ae\/\u03a7\u03bf\u03bd\u03b4\u03c1\u03b9\u03ba\u03ae).<br>\ud83d\udd39\u00a0<strong>\u0393\u03bb\u03ce\u03c3\u03c3\u03b1:<\/strong>\u00a0\u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac.<br>\ud83d\udd39\u00a0<strong>\u03a0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1:<\/strong>\u00a0Web Application (Browser-based)<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-62aae154\"><\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.figma.com\/@PanApos\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/Figma-0F172A?style=for-the-badge&amp;logo=figma&amp;logoColor=AF40FF\" alt=\"Figma\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/github.com\/PanApos\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/GitHub-0F172A?style=for-the-badge&amp;logo=github&amp;logoColor=AF40FF\" alt=\"GitHub\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/linkedin.com\/in\/panagiotis-apostolelis\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/LinkedIn-0F172A?style=for-the-badge&amp;logo=linkedin&amp;logoColor=AF40FF\" alt=\"LinkedIn\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/apospan.com\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/Portfolio-0F172A?style=for-the-badge&amp;logo=google-chrome&amp;logoColor=AF40FF\" alt=\"Portfolio\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"mailto:info@apospan.com\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/Email-0F172A?style=for-the-badge&amp;logo=gmail&amp;logoColor=AF40FF\" alt=\"Email\"\/><\/a><\/figure>\n<\/div>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n                        \n            <div class=\"project-card-custom\"> \n                <div class=\"project-card-image\">\n                    <img decoding=\"async\" width=\"276\" height=\"289\" src=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/quick_chat.webp\" class=\"attachment-large size-large wp-post-image\" alt=\"Quick Chat Project pic\" srcset=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/quick_chat.webp 276w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/quick_chat-11x12.webp 11w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/>                <\/div>\n                  \n                <div class=\"project-card-content\">\n                    <h3>QuickChat<\/h3>\n                    <p>\u0388\u03bd\u03b1 \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03bf website \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 browser \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae chat, \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf \u03bc\u03b5 \u03b3\u03bd\u03ce\u03bc\u03bf\u03bd\u03b1 \u03c4\u03bf UI\/UX Consistency. \u03a4\u03bf project \u03be\u03b5\u03ba\u03af\u03bd\u03b7\u03c3\u03b5 \u03b1\u03c0\u03cc \u03c4\u03bf \u03bc\u03b7\u03b4\u03ad\u03bd...<\/p>\n                    \n                    <button class=\"read-more-btn\" onclick=\"document.getElementById('modal-273').style.display='flex'\">\n                        \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\n                    <\/button>\n                    \n                                            <a href=\"https:\/\/panapos.github.io\/quickchat-project\/\" class=\"project-btn\" target=\"_blank\">\n                            Live Demo                        <\/a>\n                                    <\/div>\n\n                <div id=\"modal-273\" class=\"custom-modal\">\n                    <div class=\"modal-content\">\n                        <span class=\"close-btn\" onclick=\"document.getElementById('modal-273').style.display='none'\">&times;<\/span>\n                        <h2>QuickChat<\/h2>\n                        <div class=\"modal-body\">\n                            \n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-48c2c4f0 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-left\">\u0388\u03bd\u03b1 \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03bf website \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 browser \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae chat, \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03bf \u03bc\u03b5 \u03b3\u03bd\u03ce\u03bc\u03bf\u03bd\u03b1 \u03c4\u03bf <strong>UI\/UX Consistency<\/strong>. \u03a4\u03bf project \u03be\u03b5\u03ba\u03af\u03bd\u03b7\u03c3\u03b5 \u03b1\u03c0\u03cc \u03c4\u03bf \u03bc\u03b7\u03b4\u03ad\u03bd \u03c3\u03c4\u03bf Figma \u03ba\u03b1\u03b9 \u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03ae\u03b8\u03b7\u03ba\u03b5 \u03bc\u03b5 \u03ba\u03b1\u03b8\u03b1\u03c1\u03cc \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1 (Hand-coded) \u03b3\u03b9\u03b1 \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7.<br>\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03b4\u03b5\u03af\u03c4\u03b5 \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03bf \u03c4\u03bf Project <a href=\"https:\/\/github.com\/PanApos\/quickchat-project\">\u03b5\u03b4\u03ce<\/a>!<\/p>\n\n\n\n<p class=\"has-text-align-left\"><br>\ud83d\udd39Tech Stack<br><br>Design: Figma<br>Frontend: HTML5, CSS3, JavaScript<br>Tools: VS Code, GitHub Desktop<br>Deployment: GitHub Pages<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-62aae154\"><\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.figma.com\/@PanApos\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/Figma-0F172A?style=for-the-badge&amp;logo=figma&amp;logoColor=AF40FF\" alt=\"Figma\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/github.com\/PanApos\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/GitHub-0F172A?style=for-the-badge&amp;logo=github&amp;logoColor=AF40FF\" alt=\"GitHub\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/linkedin.com\/in\/panagiotis-apostolelis\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/LinkedIn-0F172A?style=for-the-badge&amp;logo=linkedin&amp;logoColor=AF40FF\" alt=\"LinkedIn\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/apospan.com\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/Portfolio-0F172A?style=for-the-badge&amp;logo=google-chrome&amp;logoColor=AF40FF\" alt=\"Portfolio\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"mailto:info@apospan.com\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/Email-0F172A?style=for-the-badge&amp;logo=gmail&amp;logoColor=AF40FF\" alt=\"Email\"\/><\/a><\/figure>\n<\/div>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n                        \n            <div class=\"project-card-custom\"> \n                <div class=\"project-card-image\">\n                    <img decoding=\"async\" width=\"280\" height=\"290\" src=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/github-project.webp\" class=\"attachment-large size-large wp-post-image\" alt=\"Github Projects pic\" srcset=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/github-project.webp 280w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/github-project-12x12.webp 12w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>                <\/div>\n                  \n                <div class=\"project-card-content\">\n                    <h3>Personal Branding &amp; GitHub Profile<\/h3>\n                    <p>\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bc\u03b9\u03b1\u03c2 \u03b5\u03bd\u03b9\u03b1\u03af\u03b1\u03c2 \u03bf\u03c0\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf GitHub \u03c0\u03c1\u03bf\u03c6\u03af\u03bb \u03bc\u03bf\u03c5. \u03a0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 custom UI components (banners, badges) \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03b1 \u03c3\u03c4\u03bf...<\/p>\n                    \n                    <button class=\"read-more-btn\" onclick=\"document.getElementById('modal-284').style.display='flex'\">\n                        \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\n                    <\/button>\n                    \n                                            <a href=\"https:\/\/github.com\/PanApos\/PanApos\" class=\"project-btn\" target=\"_blank\">\n                            GitHub                        <\/a>\n                                    <\/div>\n\n                <div id=\"modal-284\" class=\"custom-modal\">\n                    <div class=\"modal-content\">\n                        <span class=\"close-btn\" onclick=\"document.getElementById('modal-284').style.display='none'\">&times;<\/span>\n                        <h2>Personal Branding &amp; GitHub Profile<\/h2>\n                        <div class=\"modal-body\">\n                            \n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ad009506 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-left\">\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bc\u03b9\u03b1\u03c2 \u03b5\u03bd\u03b9\u03b1\u03af\u03b1\u03c2 \u03bf\u03c0\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf GitHub \u03c0\u03c1\u03bf\u03c6\u03af\u03bb \u03bc\u03bf\u03c5. \u03a0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 custom UI components (banners, badges) \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03b1 \u03c3\u03c4\u03bf Figma \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03c4\u03bf brand \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03c7\u03c1\u03ce\u03bc\u03b1\u03c4\u03b1 \u03c4\u03bf\u03c5 Portfolio.<br>\u03a3\u03c4\u03cc\u03c7\u03bf\u03c2: \u039d\u03b1 \u03b4\u03b9\u03b1\u03c4\u03b7\u03c1\u03ae\u03c3\u03c9 \u03c4\u03b7\u03bd \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1 (Visual Consistency) \u03c3\u03b5 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ac \u03bc\u03bf\u03c5 \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03b5\u03c0\u03b1\u03c6\u03ae\u03c2, \u03bc\u03b5\u03c4\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03bf design language \u03c4\u03bf\u03c5 portfolio \u03bc\u03bf\u03c5 \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03c3\u03c4\u03bf GitHub.<\/p>\n\n\n\n<p class=\"has-text-align-left\"><br>\ud83d\udd39Visual Synergy: \u03a7\u03c1\u03ae\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03af\u03b4\u03b9\u03b1\u03c2 \u03c7\u03c1\u03c9\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae\u03c2 \u03c0\u03b1\u03bb\u03ad\u03c4\u03b1\u03c2 (Cyan &amp; Purple) \u03ba\u03b1\u03b9 \u03c4\u03c9\u03bd \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ce\u03bd visual effects (lightning\/glow) \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 \u03ac\u03bc\u03b5\u03c3\u03b7 \u03b1\u03bd\u03b1\u03b3\u03bd\u03c9\u03c1\u03b9\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1 \u03bc\u03b5\u03c4\u03b1\u03be\u03cd \u03c4\u03bf\u03c5 site \u03bc\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03c5 GitHub.<br>\ud83d\udd39Context-Aware Graphics: \u03a3\u03c7\u03b5\u03b4\u03af\u03b1\u03c3\u03b1 custom transparent banners \u03c3\u03c4\u03bf Figma, \u03ce\u03c3\u03c4\u03b5 \u03c4\u03bf \u03c0\u03c1\u03bf\u03c6\u03af\u03bb \u03bd\u03b1 \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 native \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc, \u03b1\u03bd\u03b5\u03be\u03ac\u03c1\u03c4\u03b7\u03c4\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf \u03b1\u03bd \u03bf \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7\u03c2 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af Dark \u03ae Light mode.<br>\ud83d\udd39Minimalistic Hierarchy: \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03c4\u03c9\u03bd \u03af\u03b4\u03b9\u03c9\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03c9\u03bd \u03c4\u03c5\u03c0\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03c1\u03b3\u03ac\u03bd\u03c9\u03c3\u03b7\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ce\u03bd, \u03b4\u03b9\u03b1\u03c4\u03b7\u03c1\u03ce\u03bd\u03c4\u03b1\u03c2 \u03bc\u03b9\u03b1 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ae \u03ba\u03b1\u03b9 minimal \u03c0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7 \u03c7\u03c9\u03c1\u03af\u03c2 \u03c4\u03b7 \u03c7\u03c1\u03ae\u03c3\u03b7 emojis, \u03ce\u03c3\u03c4\u03b5 \u03b7 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03b5\u03b9 \u03c3\u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03cc\u03bc\u03b5\u03bd\u03bf.<br>\ud83d\udd39Seamless Transition: \u0392\u03b5\u03bb\u03c4\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b3\u03c1\u03b1\u03c6\u03b9\u03ba\u03ce\u03bd \u03bc\u03b5 transparency, \u03b5\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03cc\u03c4\u03b9 \u03b7 \u03bc\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7 \u03b1\u03c0\u03cc \u03c4\u03bf Portfolio \u03c3\u03c4\u03bf GitHub \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03c7\u03c9\u03c1\u03af\u03c2 \u03bf\u03c0\u03c4\u03b9\u03ba\u03ad\u03c2 &#8220;\u03b1\u03c3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b5\u03c2&#8221;.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-62aae154\"><\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.figma.com\/@PanApos\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/Figma-0F172A?style=for-the-badge&amp;logo=figma&amp;logoColor=AF40FF\" alt=\"Figma\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/github.com\/PanApos\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/GitHub-0F172A?style=for-the-badge&amp;logo=github&amp;logoColor=AF40FF\" alt=\"GitHub\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/linkedin.com\/in\/panagiotis-apostolelis\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/LinkedIn-0F172A?style=for-the-badge&amp;logo=linkedin&amp;logoColor=AF40FF\" alt=\"LinkedIn\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/apospan.com\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/Portfolio-0F172A?style=for-the-badge&amp;logo=google-chrome&amp;logoColor=AF40FF\" alt=\"Portfolio\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"mailto:info@apospan.com\"><img decoding=\"async\" src=\"https:\/\/img.shields.io\/badge\/Email-0F172A?style=for-the-badge&amp;logo=gmail&amp;logoColor=AF40FF\" alt=\"Email\"\/><\/a><\/figure>\n<\/div>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <\/div><\/div><\/div>\n<\/section><section id=\"contact\" class=\"bde-section-16-274 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-16-275 bde-heading\">\n\u0395\u03a0\u0399\u039a\u039f\u0399\u039d\u03a9\u039d\u0399\u0391\n<\/h1><h1 class=\"bde-heading-16-276 bde-heading\">\n\u0395\u03a7\u0395\u0399\u03a3 \u039c\u0399\u0391 \u0399\u0394\u0395\u0391 \u03a0\u039f\u03a5 \u0398\u0395\u039b\u0395\u0399\u03a3 \u039d\u0391 \u03a5\u039b\u039f\u03a0\u039f\u0399\u0397\u03a3\u0395\u0399\u03a3;\n<\/h1><h1 class=\"bde-heading-16-277 bde-heading\">\n\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03ce\u03bd\u03b7\u03c3\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03b7\u03bd \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c8\u03bf\u03c5\u03bc\u03b5\u00a0 \u03c3\u03b5 \u03c8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ae \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1!\n<\/h1><div class=\"bde-div-16-278 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-16-279 bde-div\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-16-282 bde-image2\" src=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/contact_pic.webp\" alt=\"Contact section pic\" srcset=\"https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/contact_pic.webp 326w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/contact_pic-300x297.webp 300w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/contact_pic-150x150.webp 150w, https:\/\/apospan.com\/wp-content\/uploads\/2026\/02\/contact_pic-12x12.webp 12w\" sizes=\"(max-width: 326px) 100vw, 326px\"><div class=\"bde-div-16-283 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-social-icons-16-284 bde-social-icons\">\n                  \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-custom\" href=\"https:\/\/www.linkedin.com\/in\/panagiotis-apostolelis\/\" target=\"_blank\" data-type=\"url\" aria-label=\"custom\" >\n\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n<path d=\"M20 0C8.955 0 0 8.955 0 20C0 31.045 8.955 40 20 40C31.045 40 40 31.045 40 20C40 8.955 31.045 0 20 0ZM12.4933 9.005C13.8967 9.005 14.8317 9.94 14.8317 11.1867C14.8317 12.4333 13.8967 13.3683 12.3383 13.3683C10.935 13.37 10 12.4333 10 11.1867C10 9.94 10.935 9.005 12.4933 9.005ZM15 28.3333H10V15H15V28.3333ZM31.6667 28.3333H26.96V21.0467C26.96 19.0317 25.705 18.5667 25.235 18.5667C24.765 18.5667 23.195 18.8767 23.195 21.0467C23.195 21.3567 23.195 28.3333 23.195 28.3333H18.3333V15H23.1967V16.86C23.8233 15.775 25.0783 15 27.4317 15C29.785 15 31.6667 16.86 31.6667 21.0467V28.3333Z\" fill=\"url(#paint0_linear_49_80)\"\/>\r\n<defs>\r\n<linearGradient id=\"paint0_linear_49_80\" x1=\"20\" y1=\"0\" x2=\"20\" y2=\"40\" gradientUnits=\"userSpaceOnUse\">\r\n<stop stop-color=\"#AF40FF\"\/>\r\n<stop offset=\"0.5\" stop-color=\"#8541F9\"\/>\r\n<stop offset=\"1\" stop-color=\"#00DDEB\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<\/svg>\n                      <\/a>\n\n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-custom\" href=\"https:\/\/github.com\/PanApos\" target=\"_blank\" data-type=\"url\" aria-label=\"custom\" >\n\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\">\r\n<path d=\"M20 0C8.955 0 0 9.09522 0 20.3132C0 29.8316 6.45333 37.796 15.1533 40C15.06 39.7258 15 39.4075 15 39.0131V35.5413C14.1883 35.5413 12.8283 35.5413 12.4867 35.5413C11.1183 35.5413 9.90167 34.9437 9.31167 33.8333C8.65667 32.5992 8.54333 30.7118 6.92 29.5573C6.43833 29.1731 6.805 28.7347 7.36 28.7939C8.385 29.0884 9.235 29.8028 10.035 30.8625C10.8317 31.9238 11.2067 32.1642 12.695 32.1642C13.4167 32.1642 14.4967 32.1219 15.5133 31.9594C16.06 30.5493 17.005 29.251 18.16 28.6382C11.5 27.9424 8.32167 24.5772 8.32167 20.0085C8.32167 18.0415 9.14667 16.1388 10.5483 14.5358C10.0883 12.9446 9.51 9.69953 10.725 8.46382C13.7217 8.46382 15.5333 10.4376 15.9683 10.9708C17.4617 10.4511 19.1017 10.1566 20.825 10.1566C22.5517 10.1566 24.1983 10.4511 25.695 10.9742C26.125 10.4444 27.9383 8.46382 30.9417 8.46382C32.1617 9.70123 31.5767 12.9598 31.1117 14.5476C32.505 16.1473 33.325 18.0449 33.325 20.0085C33.325 24.5738 30.1517 27.9374 23.5017 28.6365C25.3317 29.6064 26.6667 32.3318 26.6667 34.3851V39.0131C26.6667 39.1892 26.6283 39.3161 26.6083 39.4668C34.4017 36.6923 40 29.1765 40 20.3132C40 9.09522 31.045 0 20 0Z\" fill=\"url(#paint0_linear_49_82)\"\/>\r\n<defs>\r\n<linearGradient id=\"paint0_linear_49_82\" x1=\"20\" y1=\"0\" x2=\"20\" y2=\"40\" gradientUnits=\"userSpaceOnUse\">\r\n<stop stop-color=\"#AF40FF\"\/>\r\n<stop offset=\"0.5\" stop-color=\"#8541F9\"\/>\r\n<stop offset=\"1\" stop-color=\"#00DDEB\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<\/svg>\n                      <\/a>\n\n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-custom\" href=\"https:\/\/www.figma.com\/@PanApos\" target=\"_blank\" data-type=\"url\" aria-label=\"custom\" >\n\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"40\" viewBox=\"0 0 30 40\" fill=\"none\">\r\n<path d=\"M6.66667 40C2.985 40 0 37.4414 0 34.2857C0 31.13 2.985 28.5714 6.66667 28.5714H11.4283C12.48 28.5714 13.3333 29.3029 13.3333 30.2043V34.2857C13.3333 37.4414 10.3483 40 6.66667 40ZM23.3333 11.4286H18.5717C17.52 11.4286 16.6667 10.6971 16.6667 9.79571V1.63286C16.6667 0.731428 17.52 0 18.5717 0H23.3333C27.015 0 30 2.55857 30 5.71429C30 8.87 27.015 11.4286 23.3333 11.4286ZM6.66667 0H11.4283C12.48 0 13.3333 0.731428 13.3333 1.63286V9.79571C13.3333 10.6971 12.48 11.4286 11.4283 11.4286H6.66667C2.985 11.4286 0 8.87 0 5.71429C0 2.55857 2.985 0 6.66667 0ZM6.66667 14.2857H11.4283C12.48 14.2857 13.3333 15.0171 13.3333 15.9186V24.0814C13.3333 24.9829 12.48 25.7143 11.4283 25.7143H6.66667C2.985 25.7143 0 23.1557 0 20C0 16.8443 2.985 14.2857 6.66667 14.2857ZM23.3333 14.2857C21.5652 14.2857 19.8695 14.8878 18.6193 15.9594C17.369 17.031 16.6667 18.4845 16.6667 20C16.6667 21.5155 17.369 22.969 18.6193 24.0406C19.8695 25.1122 21.5652 25.7143 23.3333 25.7143C25.1014 25.7143 26.7971 25.1122 28.0474 24.0406C29.2976 22.969 30 21.5155 30 20C30 18.4845 29.2976 17.031 28.0474 15.9594C26.7971 14.8878 25.1014 14.2857 23.3333 14.2857Z\" fill=\"url(#paint0_linear_51_84)\"\/>\r\n<defs>\r\n<linearGradient id=\"paint0_linear_51_84\" x1=\"15\" y1=\"0\" x2=\"15\" y2=\"40\" gradientUnits=\"userSpaceOnUse\">\r\n<stop stop-color=\"#AF40FF\"\/>\r\n<stop offset=\"0.5\" stop-color=\"#8541F9\"\/>\r\n<stop offset=\"1\" stop-color=\"#00DDEB\"\/>\r\n<\/linearGradient>\r\n<\/defs>\r\n<\/svg>\n                      <\/a>\n\n    \n<\/div>\n<\/div><div class=\"bde-text-16-287 bde-text\">\n\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2 : 6909573823 <br>Email: info@apospan.com\n<\/div>\n<\/div><div class=\"bde-div-16-280 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-shortcode-16-288 bde-shortcode\"><div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Portofolio Contact form<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='284' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"92e5a0b9af\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/16\" \/><div data-type=\"name-element\" data-name=\"name\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_name_first_name_' id='label_ff_3_name_first_name_' >\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b5\u03c0\u03ce\u03bd\u03c5\u03bc\u03bf<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"name[first_name]\" id=\"ff_3_name_first_name_\" class=\"ff-el-form-control\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_input_text' id='label_ff_3_input_text' aria-label=\"\u0398\u03ad\u03bc\u03b1\">\u0398\u03ad\u03bc\u03b1<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" data-name=\"input_text\" id=\"ff_3_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_description' id='label_ff_3_description' aria-label=\"\u039c\u03ae\u03bd\u03c5\u03bc\u03b1\">\u039c\u03ae\u03bd\u03c5\u03bc\u03b1<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_3_description\" name=\"description\" id=\"ff_3_description\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"A\u03c2 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5\">A\u03c2 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"ajaxUrl\":\"https:\\\/\\\/apospan.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"name[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"name[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"name[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"input_text\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"description\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n            <\/div>\n<\/div>\n<\/div><div class=\"bde-text-16-281 bde-text\">\nDesigned & Developed with \u2764\ufe0f by Panagiotis Apostolelis \u00a9 2026| All Rights Reserved\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/apospan.com\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apospan.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apospan.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apospan.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apospan.com\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":250,"href":"https:\/\/apospan.com\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/apospan.com\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/349"}],"wp:attachment":[{"href":"https:\/\/apospan.com\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}