{"id":257,"date":"2024-10-19T17:54:16","date_gmt":"2024-10-19T17:54:16","guid":{"rendered":"https:\/\/tmvhellas.com\/?page_id=257"},"modified":"2025-08-26T11:12:11","modified_gmt":"2025-08-26T11:12:11","slug":"our-executives","status":"publish","type":"page","link":"https:\/\/tmvhellas.com\/?page_id=257","title":{"rendered":"Our Executives"},"content":{"rendered":"\n<div class=\"org-chart-container\">\n  <div class=\"org-chart\">\n    <!-- Top Level - Managing Director -->\n    <ul class=\"org-chart-list level-1\">\n      <li>\n        <div class=\"org-chart-node level-1\">\n          <div class=\"node-content\">\n            <h3 class=\"node-name\">Khaled Jamil<\/h3>\n            <div class=\"node-position\">Managing Director<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Second Level - Director -->\n        <ul class=\"org-chart-list level-2\">\n          <li>\n            <div class=\"org-chart-node level-2\">\n              <div class=\"node-content\">\n                <h3 class=\"node-name\">Hussein Al Jamil<\/h3>\n                <div class=\"node-position\">Director<\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Third Level - 4 Managers -->\n            <ul class=\"org-chart-list level-3\">\n              <li>\n                <div class=\"org-chart-node level-3\">\n                  <div class=\"node-content\">\n                    <h3 class=\"node-name\">Philip Zeler<\/h3>\n                    <div class=\"node-position\">Technical Manager &#038; Senior Superintendent<\/div>\n                  <\/div>\n                <\/div>\n              <\/li>\n              <li>\n                <div class=\"org-chart-node level-3\">\n                  <div class=\"node-content\">\n                    <h3 class=\"node-name\">Abdullah Alal<\/h3>\n                    <div class=\"node-position\">Port Engineer &#038; Senior Chief Engineer<\/div>\n                  <\/div>\n                <\/div>\n              <\/li>\n              <li>\n                <div class=\"org-chart-node level-3\">\n                  <div class=\"node-content\">\n                    <h3 class=\"node-name\">Constantine Orphanos<\/h3>\n                    <div class=\"node-position\">Sale, Purchase &#038; Chartering Manager<\/div>\n                  <\/div>\n                <\/div>\n              <\/li>\n              <li>\n                <div class=\"org-chart-node level-3\">\n                  <div class=\"node-content\">\n                    <h3 class=\"node-name\">Apollo Baciu<\/h3>\n                    <div class=\"node-position\">Financial Manager<\/div>\n                  <\/div>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/li>\n        <\/ul>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n\n<style>\n.org-chart-container {\n  overflow-x: auto;\n  padding: 20px 0;\n  width: 100%;\n}\n\n.org-chart {\n  position: relative;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n@media (min-width: 993px) {\n  .org-chart-container {\n    display: flex;\n    justify-content: center;\n  }\n  .org-chart {\n    display: inline-block;\n    margin: 0 auto;\n  }\n}\n\n.org-chart-list {\n  padding-left: 0;\n  margin: 0;\n  list-style: none;\n  text-align: center;\n  position: relative;\n}\n\n.org-chart-list > li {\n  display: inline-block;\n  vertical-align: top;\n  position: relative;\n  padding: 15px 8px;\n}\n\n\/* Connector line above children *\/\n.org-chart-list:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  border-left: 2px solid #3498db;\n  height: 25px;\n  transform: translateX(-50%);\n}\n\n.org-chart-list.level-1:before {\n  display: none; \/* no connector above top level *\/\n}\n\n\/* Horizontal connector for level-3 *\/\n.org-chart-list.level-3 {\n  padding-top: 15px; \/* Space for horizontal connector *\/\n}\n\n.org-chart-list.level-3:before {\n  top: 15px; \/* Position of horizontal line *\/\n  left: 5%;\n  right: 5%;\n  height: 0;\n  border-left: none;\n  border-top: 2px solid #3498db;\n  transform: none;\n}\n\n\/* Vertical connectors from horizontal line to nodes *\/\n.org-chart-list.level-3 > li:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  border-left: 2px solid #3498db;\n  height: 15px;\n  transform: translateX(-50%);\n}\n\n.org-chart-node {\n  position: relative;\n  border-radius: 8px;\n  width: 250px;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n  margin: 0 auto;\n}\n\n.node-content {\n  background: #fff;\n  border: 2px solid #3498db;\n  border-radius: 8px;\n  padding: 15px;\n  text-align: center;\n}\n\n.node-name {\n  font-size: 18px;\n  font-weight: 600;\n  color: #2c3e50;\n  margin: 0 0 5px 0;\n}\n\n.node-position {\n  font-size: 14px;\n  color: #7f8c8d;\n  margin-bottom: 10px;\n}\n\n.node-profile {\n  display: inline-block;\n  padding: 5px 12px;\n  background: #3498db;\n  color: white;\n  text-decoration: none;\n  border-radius: 4px;\n  font-size: 13px;\n}\n\n.node-profile:hover {\n  background: #2980b9;\n}\n\n\/* Level colors *\/\n.level-1 .node-content {\n  background: #eaf7ff;\n  border-color: #2c3e50;\n}\n.level-2 .node-content {\n  background: #f8f9fa;\n  border-color: #3498db;\n}\n.level-3 .node-content {\n  background: #fefefe;\n  border-color: #9b59b6;\n}\n.level-3 .node-position {\n  color: #9b59b6;\n}\n\n\/* Responsive vertical layout *\/\n@media (max-width: 992px) {\n  .org-chart-list > li {\n    display: block;\n    padding: 10px 0;\n  }\n\n  .org-chart-list {\n    text-align: center;\n  }\n\n  .org-chart-list:before {\n    left: 50%;\n    transform: translateX(-50%);\n    height: 20px;\n  }\n  \n  \/* Disable horizontal connectors in mobile view *\/\n  .org-chart-list.level-3:before,\n  .org-chart-list.level-3 > li:before {\n    display: none;\n  }\n\n  .org-chart-node {\n    width: 100%;\n    max-width: 280px;\n  }\n}\n\n@media (max-width: 768px) {\n  .node-content {\n    width: auto;\n  }\n}\n\n@media (max-width: 480px) {\n  .node-content {\n    padding: 12px 10px;\n  }\n  .node-name {\n    font-size: 16px;\n  }\n  .node-position {\n    font-size: 13px;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Khaled Jamil Managing Director Hussein Al Jamil Director Philip Zeler Technical Manager &#038; Senior Superintendent Abdullah Alal Port Engineer &#038; Senior Chief Engineer Constantine Orphanos Sale, Purchase &#038; Chartering Manager Apollo Baciu Financial Manager<\/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-257","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tmvhellas.com\/index.php?rest_route=\/wp\/v2\/pages\/257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tmvhellas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tmvhellas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tmvhellas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tmvhellas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=257"}],"version-history":[{"count":42,"href":"https:\/\/tmvhellas.com\/index.php?rest_route=\/wp\/v2\/pages\/257\/revisions"}],"predecessor-version":[{"id":627,"href":"https:\/\/tmvhellas.com\/index.php?rest_route=\/wp\/v2\/pages\/257\/revisions\/627"}],"wp:attachment":[{"href":"https:\/\/tmvhellas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}