{"id":14,"date":"2025-07-05T21:38:01","date_gmt":"2025-07-05T21:38:01","guid":{"rendered":"https:\/\/skychatz.org\/?page_id=14"},"modified":"2025-12-28T15:22:18","modified_gmt":"2025-12-28T15:22:18","slug":"staff","status":"publish","type":"page","link":"https:\/\/skychatz.org\/index.php\/service\/staff\/","title":{"rendered":"Staff"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n SkyChatz.org – Team & Contact<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary-color: #4361ee;\n --primary-dark: #3a56d4;\n --secondary-color: #7209b7;\n --bg-light: #f8f9fa;\n --text-light: #333333;\n --bg-dark: #121212;\n --text-dark: #e0e0e0;\n --card-bg-dark: #1e1e1e;\n --card-bg-light: #ffffff;\n --border-dark: #444;\n --border-light: #ddd;\n --transition-speed: 0.3s;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n background-color: var(--bg-light);\n color: var(--text-light);\n transition: background-color var(--transition-speed) ease, \n color var(--transition-speed) ease;\n }\n\n body.dark-mode {\n background-color: var(--bg-dark);\n color: var(--text-dark);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Header and Dark Mode Toggle *\/\n header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 0;\n border-bottom: 1px solid var(--border-light);\n }\n\n body.dark-mode header {\n border-bottom-color: var(--border-dark);\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 1.5rem;\n font-weight: bold;\n color: var(--primary-color);\n }\n\n .logo i {\n font-size: 1.8rem;\n }\n\n .dark-mode-toggle {\n display: flex;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n padding: 8px 15px;\n border-radius: 50px;\n background-color: #e9ecef;\n transition: all var(--transition-speed) ease;\n }\n\n body.dark-mode .dark-mode-toggle {\n background-color: var(--card-bg-dark);\n }\n\n .dark-mode-toggle i {\n font-size: 1.2rem;\n }\n\n .toggle-text {\n font-weight: 500;\n }\n\n \/* Main Content *\/\n main {\n padding: 40px 0;\n }\n\n .section {\n margin-bottom: 50px;\n }\n\n .section-title {\n font-size: 1.8rem;\n margin-bottom: 25px;\n padding-bottom: 10px;\n border-bottom: 2px solid var(--primary-color);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .section-title i {\n color: var(--primary-color);\n }\n\n \/* Founder\/CEO Section *\/\n .founder-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n margin-bottom: 40px;\n }\n\n .founder-card {\n background-color: var(--card-bg-light);\n border-radius: 12px;\n padding: 30px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n max-width: 600px;\n width: 100%;\n transition: all var(--transition-speed) ease;\n border-left: 5px solid var(--primary-color);\n }\n\n body.dark-mode .founder-card {\n background-color: var(--card-bg-dark);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n }\n\n .founder-name {\n font-size: 1.8rem;\n color: var(--primary-color);\n margin-bottom: 10px;\n }\n\n .founder-title {\n font-size: 1.2rem;\n color: var(--secondary-color);\n margin-bottom: 20px;\n font-weight: 600;\n }\n\n \/* Contact Information *\/\n .contact-info {\n display: flex;\n flex-direction: column;\n gap: 15px;\n margin-top: 25px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 15px;\n background-color: rgba(67, 97, 238, 0.08);\n border-radius: 8px;\n transition: all 0.2s ease;\n }\n\n body.dark-mode .contact-item {\n background-color: rgba(67, 97, 238, 0.15);\n }\n\n .contact-item:hover {\n background-color: rgba(67, 97, 238, 0.15);\n transform: translateX(5px);\n }\n\n body.dark-mode .contact-item:hover {\n background-color: rgba(67, 97, 238, 0.25);\n }\n\n .contact-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: var(--primary-color);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.2rem;\n }\n\n .contact-details h4 {\n margin-bottom: 3px;\n color: var(--primary-color);\n }\n\n .contact-details p {\n color: #666;\n }\n\n body.dark-mode .contact-details p {\n color: #aaa;\n }\n\n \/* Team Sections *\/\n .team-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 25px;\n }\n\n .team-section {\n margin-bottom: 40px;\n }\n\n .team-card {\n background-color: var(--card-bg-light);\n border-radius: 10px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: all var(--transition-speed) ease;\n height: 100%;\n border-top: 4px solid var(--secondary-color);\n }\n\n body.dark-mode .team-card {\n background-color: var(--card-bg-dark);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n }\n\n .team-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n }\n\n .team-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .team-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: var(--primary-color);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5rem;\n }\n\n .team-title {\n font-size: 1.4rem;\n color: var(--secondary-color);\n }\n\n .team-members {\n list-style-type: none;\n }\n\n .team-member {\n padding: 12px 0;\n border-bottom: 1px dashed #ddd;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n body.dark-mode .team-member {\n border-bottom-color: #444;\n }\n\n .team-member:last-child {\n border-bottom: none;\n }\n\n .member-icon {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n background-color: rgba(67, 97, 238, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--primary-color);\n }\n\n .member-placeholder {\n color: #888;\n font-style: italic;\n }\n\n body.dark-mode .member-placeholder {\n color: #777;\n }\n\n \/* Footer *\/\n footer {\n text-align: center;\n padding: 30px 0;\n border-top: 1px solid var(--border-light);\n margin-top: 40px;\n color: #666;\n font-size: 0.9rem;\n }\n\n body.dark-mode footer {\n border-top-color: var(--border-dark);\n color: #aaa;\n }\n\n .footer-links {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-top: 20px;\n flex-wrap: wrap;\n }\n\n .footer-link {\n color: var(--primary-color);\n text-decoration: none;\n transition: color 0.2s ease;\n }\n\n .footer-link:hover {\n text-decoration: underline;\n color: var(--primary-dark);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .team-grid {\n grid-template-columns: 1fr;\n }\n \n .section-title {\n font-size: 1.5rem;\n }\n \n header {\n flex-direction: column;\n gap: 15px;\n text-align: center;\n }\n \n .founder-card {\n padding: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 0 15px;\n }\n \n .contact-item {\n flex-direction: column;\n text-align: center;\n gap: 8px;\n }\n \n .team-header {\n flex-direction: column;\n text-align: center;\n gap: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <div class=\"logo\">\n <i class=\"fas fa-cloud\"><\/i>\n <span>SkyChatz.org<\/span>\n <\/div>\n <div class=\"dark-mode-toggle\" id=\"darkModeToggle\">\n <i class=\"fas fa-moon\"><\/i>\n <span class=\"toggle-text\">Dark Mode<\/span>\n <\/div>\n <\/header>\n\n <main>\n <!-- Founder & CEO Section -->\n <section class=\"section\">\n <h2 class=\"section-title\">\n <i class=\"fas fa-crown\"><\/i>\n Leadership\n <\/h2>\n \n <div class=\"founder-section\">\n <div class=\"founder-card\">\n <h3 class=\"founder-name\">Vells<\/h3>\n <div class=\"founder-title\">Founder & Services Master<\/div>\n \n <div class=\"contact-info\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <h4>Business Email<\/h4>\n <p>Admin@SkyChatz.org<\/p>\n <\/div>\n <\/div>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-headset\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <h4>Support Contact<\/h4>\n <p>Help@SkyChatz.org<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Team Sections -->\n <section class=\"section\">\n <h2 class=\"section-title\">\n <i class=\"fas fa-users\"><\/i>\n Our Team\n <\/h2>\n \n <div class=\"team-grid\">\n <!-- Staff Engineers -->\n <div class=\"team-section\">\n <div class=\"team-card\">\n <div class=\"team-header\">\n <div class=\"team-icon\">\n <i class=\"fas fa-code\"><\/i>\n <\/div>\n <h3 class=\"team-title\">Staff Engineers<\/h3>\n <\/div>\n <ul class=\"team-members\">\n <li class=\"team-member\">\n <div class=\"member-icon\">\n <i class=\"fas fa-user\"><\/i>\n <\/div>\n <span class=\"member-placeholder\">Position available<\/span>\n <\/li>\n <li class=\"team-member\">\n <div class=\"member-icon\">\n <i class=\"fas fa-user\"><\/i>\n <\/div>\n <span class=\"member-placeholder\">Position available<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- Administrators -->\n <div class=\"team-section\">\n <div class=\"team-card\">\n <div class=\"team-header\">\n <div class=\"team-icon\">\n <i class=\"fas fa-user-shield\"><\/i>\n <\/div>\n <h3 class=\"team-title\">Administrators<\/h3>\n <\/div>\n <ul class=\"team-members\">\n <li class=\"team-member\">\n <div class=\"member-icon\">\n <i class=\"fas fa-user\"><\/i>\n <\/div>\n <span class=\"member-placeholder\">Position available<\/span>\n <\/li>\n <li class=\"team-member\">\n <div class=\"member-icon\">\n <i class=\"fas fa-user\"><\/i>\n <\/div>\n <span class=\"member-placeholder\">Position available<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- Operators -->\n <div class=\"team-section\">\n <div class=\"team-card\">\n <div class=\"team-header\">\n <div class=\"team-icon\">\n <i class=\"fas fa-cogs\"><\/i>\n <\/div>\n <h3 class=\"team-title\">Operators<\/h3>\n <\/div>\n <ul class=\"team-members\">\n <li class=\"team-member\">\n <div class=\"member-icon\">\n <i class=\"fas fa-user-plus\"><\/i>\n <\/div>\n <span class=\"member-placeholder\">Join our team<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- Helpers -->\n <div class=\"team-section\">\n <div class=\"team-card\">\n <div class=\"team-header\">\n <div class=\"team-icon\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <\/div>\n <h3 class=\"team-title\">Helpers<\/h3>\n <\/div>\n <ul class=\"team-members\">\n <li class=\"team-member\">\n <div class=\"member-icon\">\n <i class=\"fas fa-user-plus\"><\/i>\n <\/div>\n <span class=\"member-placeholder\">Join our team<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- Company Info -->\n <section class=\"section\">\n <h2 class=\"section-title\">\n <i class=\"fas fa-building\"><\/i>\n Company\n <\/h2>\n \n <div class=\"founder-card\" style=\"border-left-color: var(--secondary-color);\">\n <h3 class=\"founder-name\" style=\"color: var(--secondary-color);\">SkyChatz<\/h3>\n <div class=\"founder-title\">Founder & CEO<\/div>\n \n <p style=\"margin-top: 20px; line-height: 1.8;\">\n SkyChatz.org is dedicated to providing innovative e-learning solutions and technology \n education to users worldwide. Our mission is to make quality education accessible \n to everyone through our comprehensive platform.\n <\/p>\n <\/div>\n <\/section>\n <\/main>\n\n <footer>\n <p>© 2025 SkyChatz.org. All rights reserved.<\/p>\n <p>Innovating e-learning and technology education.<\/p>\n \n <div class=\"footer-links\">\n <a href=\"#\" class=\"footer-link\">Home<\/a>\n <a href=\"#\" class=\"footer-link\">Courses<\/a>\n <a href=\"#\" class=\"footer-link\">Contact<\/a>\n <a href=\"#\" class=\"footer-link\">Careers<\/a>\n <a href=\"#\" class=\"footer-link\">Privacy Policy<\/a>\n <\/div>\n <\/footer>\n <\/div>\n\n <script>\n \/\/ Dark Mode Toggle Functionality\n const darkModeToggle = document.getElementById('darkModeToggle');\n const body = document.body;\n const toggleIcon = darkModeToggle.querySelector('i');\n const toggleText = darkModeToggle.querySelector('.toggle-text');\n \n \/\/ Check for saved theme or prefer-color-scheme\n const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)');\n const currentTheme = localStorage.getItem('theme');\n \n \/\/ Set initial theme\n if (currentTheme === 'dark' || (!currentTheme && prefersDarkScheme.matches)) {\n enableDarkMode();\n }\n \n \/\/ Toggle dark mode\n darkModeToggle.addEventListener('click', () => {\n if (body.classList.contains('dark-mode')) {\n disableDarkMode();\n } else {\n enableDarkMode();\n }\n });\n \n function enableDarkMode() {\n body.classList.add('dark-mode');\n toggleIcon.classList.remove('fa-moon');\n toggleIcon.classList.add('fa-sun');\n toggleText.textContent = 'Light Mode';\n localStorage.setItem('theme', 'dark');\n }\n \n function disableDarkMode() {\n body.classList.remove('dark-mode');\n toggleIcon.classList.remove('fa-sun');\n toggleIcon.classList.add('fa-moon');\n toggleText.textContent = 'Dark Mode';\n localStorage.setItem('theme', 'light');\n }\n \n \/\/ Add interaction to contact items\n document.querySelectorAll('.contact-item').forEach(item => {\n item.addEventListener('click', function() {\n const email = this.querySelector('p').textContent;\n if (email.includes('@')) {\n \/\/ Copy email to clipboard\n navigator.clipboard.writeText(email).then(() => {\n const originalText = this.querySelector('h4').textContent;\n this.querySelector('h4').textContent = 'Copied to clipboard!';\n this.style.backgroundColor = 'rgba(76, 175, 80, 0.2)';\n \n setTimeout(() => {\n this.querySelector('h4').textContent = originalText;\n this.style.backgroundColor = '';\n }, 2000);\n });\n }\n });\n });\n \n \/\/ Add hover effects to team cards\n document.querySelectorAll('.team-card').forEach(card => {\n card.addEventListener('mouseenter', function() {\n if (body.classList.contains('dark-mode')) {\n this.style.boxShadow = '0 15px 30px rgba(0, 0, 0, 0.3)';\n } else {\n this.style.boxShadow = '0 15px 30px rgba(0, 0, 0, 0.1)';\n }\n });\n \n card.addEventListener('mouseleave', function() {\n if (body.classList.contains('dark-mode')) {\n this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.2)';\n } else {\n this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.05)';\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\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","protected":false},"excerpt":{"rendered":"<p>SkyChatz.org – Team & Contact SkyChatz.org Dark Mode Leadership Vells Founder & Services Master Business Email Admin@SkyChatz.org Support Contact Help@SkyChatz.org Our Team Staff Engineers Position available Position available Administrators Position available Position available Operators Join our team Helpers Join our team Company SkyChatz Founder & CEO SkyChatz.org is dedicated to providing innovative e-learning solutions and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":752,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skychatz.org\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skychatz.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skychatz.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skychatz.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skychatz.org\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":21,"href":"https:\/\/skychatz.org\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1535,"href":"https:\/\/skychatz.org\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/1535"}],"up":[{"embeddable":true,"href":"https:\/\/skychatz.org\/index.php\/wp-json\/wp\/v2\/pages\/752"}],"wp:attachment":[{"href":"https:\/\/skychatz.org\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}