{"id":1006,"date":"2025-12-01T13:16:20","date_gmt":"2025-12-01T13:16:20","guid":{"rendered":"https:\/\/euprojects.katartisi.gr\/?page_id=1006"},"modified":"2025-12-02T07:50:36","modified_gmt":"2025-12-02T07:50:36","slug":"test","status":"publish","type":"page","link":"https:\/\/euprojects.katartisi.gr\/el\/test\/","title":{"rendered":"test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1006\" class=\"elementor elementor-1006\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f18fef e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5f18fef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fd1a71 elementor-widget elementor-widget-html\" data-id=\"3fd1a71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n    \u03a3\u0397\u039c\u0391\u039d\u03a4\u0399\u039a\u039f \u0393\u0399\u0391 ELEMENTOR:\r\n    1. \u0395\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \u03c4\u03bf SECTION (\u03c4\u03b9\u03c2 6 \u03c4\u03b5\u03bb\u03af\u03c4\u03c3\u03b5\u03c2 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf widget).\r\n    2. \u03a3\u03c4\u03bf Layout > Content Width \u03b5\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \"Full Width\".\r\n    3. \u03a3\u03c4\u03bf Layout > Columns Gap \u03b5\u03c0\u03af\u03bb\u03b5\u03be\u03b5 \"No Gap\".\r\n    4. \u03a3\u03c4\u03bf Advanced > Padding \u03b2\u03ac\u03bb\u03b5 0.\r\n-->\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>TIHC Content Section<\/title>\r\n    <!-- Tailwind CSS (Required for styling) -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Font Awesome & Lucide Icons -->\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n    \r\n    <!-- Fonts -->\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&family=Montserrat:wght@400;600;700;800&display=swap');\r\n        \r\n        \/* --- CSS Fix \u03b3\u03b9\u03b1 Full Width \u03c3\u03c4\u03bf WordPress --- *\/\r\n        \/* \u0391\u03c5\u03c4\u03ae \u03b7 \u03ba\u03bb\u03ac\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03b5\u03af \u03bd\u03b1 \u03c3\u03c0\u03ac\u03c3\u03b5\u03b9 \u03c4\u03b1 \u03cc\u03c1\u03b9\u03b1 \u03c4\u03bf\u03c5 container *\/\r\n        .force-full-width {\r\n            width: 100vw !important;\r\n            position: relative;\r\n            left: 50%;\r\n            right: 50%;\r\n            margin-left: -50vw !important;\r\n            margin-right: -50vw !important;\r\n            max-width: 100vw !important;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \u0391\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7\u03bd \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03bf\u03c1\u03b9\u03b6\u03cc\u03bd\u03c4\u03b9\u03b1 \u03bc\u03c0\u03ac\u03c1\u03b1 \u03ba\u03cd\u03bb\u03b9\u03c3\u03b7\u03c2 *\/\r\n        body {\r\n            font-family: 'Roboto', sans-serif;\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden !important; \r\n        }\r\n        h1, h2, h3, h4, h5, h6 {\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        \/* --- Custom CSS for Match Day Hero Section --- *\/\r\n        .arch-curve {\r\n            position: absolute;\r\n            top: 5%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 180%;\r\n            height: 250px;\r\n            border-top: 4px solid #FACC15; \/* Yellow-400 *\/\r\n            border-radius: 50% 50% 0 0 \/ 100% 100% 0 0;\r\n            z-index: 10;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .arch-curve-2 {\r\n            position: absolute;\r\n            top: 10%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 160%;\r\n            height: 250px;\r\n            border-top: 2px solid rgba(250, 204, 21, 0.5); \r\n            border-radius: 50% 50% 0 0 \/ 100% 100% 0 0;\r\n            z-index: 9;\r\n            pointer-events: none;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .arch-curve {\r\n                top: 10%;\r\n                width: 120%;\r\n                height: 350px;\r\n            }\r\n            .arch-curve-2 {\r\n                top: 15%;\r\n                width: 110%;\r\n                height: 350px;\r\n            }\r\n        }\r\n\r\n        .venue-bg {\r\n            background-image: url('https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n        \r\n        .purple-overlay {\r\n            \/* Matching the TIHC blue\/purple vibe *\/\r\n            background: linear-gradient(180deg, rgba(30, 58, 138, 0.95) 0%, rgba(17, 24, 39, 0.9) 100%);\r\n        }\r\n\r\n        \/* --- General Section Styling --- *\/\r\n        .section-title {\r\n            position: relative;\r\n            display: inline-block;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: #0ea5e9;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n\r\n    <!-- \r\n      NOTE: Header (Navbar) and Footer are removed as requested. \r\n      This content is meant to be placed between your WordPress Header and Footer.\r\n    -->\r\n\r\n    <!-- NEW HERO SECTION (Match Day Style) -->\r\n    <!-- \u03a0\u03c1\u03bf\u03c3\u03c4\u03ad\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf force-full-width \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03c0\u03ac\u03b5\u03b9 \u03c4\u03b1 \u03cc\u03c1\u03b9\u03b1 -->\r\n    <header id=\"home\" class=\"force-full-width relative w-full min-h-screen flex items-center justify-center overflow-hidden venue-bg font-sans\">\r\n        \r\n        <!-- Purple\/Blue Overlay -->\r\n        <div class=\"absolute inset-0 purple-overlay\"><\/div>\r\n    \r\n        <!-- Yellow Arches -->\r\n        <div class=\"arch-curve\"><\/div>\r\n        <div class=\"arch-curve-2\"><\/div>\r\n    \r\n        <!-- Content Container -->\r\n        <div class=\"relative z-20 container mx-auto px-4 py-16 md:py-0 flex flex-col h-full justify-center items-center gap-8 md:gap-12\">\r\n    \r\n            <!-- 1. Top Title Area -->\r\n            <div class=\"text-center mt-10 md:mt-0 relative max-w-4xl mx-auto\">\r\n                <span class=\"block text-yellow-400 font-bold tracking-[0.2em] text-xs md:text-sm mb-4 uppercase animate-pulse\">\r\n                    Technical Institute of Heraklion Chamber\r\n                <\/span>\r\n                <h1 class=\"text-3xl md:text-6xl font-black text-white italic tracking-tighter uppercase drop-shadow-2xl leading-tight mb-6\">\r\n                    TIHC \u2013 European <br> <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-yellow-200\">Projects & Partnerships<\/span>\r\n                <\/h1>\r\n                <p class=\"text-gray-200 text-lg md:text-xl font-light max-w-2xl mx-auto\">\r\n                    Developing knowledge, skills and innovation through EU-funded initiatives.\r\n                <\/p>\r\n            <\/div>\r\n    \r\n            <!-- 2. Main Center Image Card -->\r\n            <div class=\"w-full max-w-md md:max-w-4xl relative group\">\r\n                \r\n                <!-- Glow Effect -->\r\n                <div class=\"absolute -inset-1 bg-gradient-to-r from-yellow-400 via-blue-500 to-yellow-400 rounded-xl blur opacity-30 group-hover:opacity-80 transition duration-500\"><\/div>\r\n                \r\n                <!-- Main Card -->\r\n                <div class=\"relative bg-gray-900 rounded-xl overflow-hidden border border-yellow-500\/30 shadow-2xl aspect-[16\/9] md:h-[450px]\">\r\n                    <!-- Image -->\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1200&q=80\" \r\n                         alt=\"Team Collaboration\" \r\n                         class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition duration-700 ease-in-out transform hover:scale-105\">\r\n                    \r\n                    <!-- Overlay Content -->\r\n                    <div class=\"absolute bottom-0 left-0 w-full bg-gradient-to-t from-black via-black\/80 to-transparent p-6 md:p-8\">\r\n                        <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end gap-4\">\r\n                            <div>\r\n                                <span class=\"inline-block px-3 py-1 bg-blue-600 text-white text-xs font-bold rounded mb-2 uppercase\">Our Mission<\/span>\r\n                                <h3 class=\"text-white text-xl md:text-2xl font-bold uppercase leading-tight\">Bridging Education & Economy<\/h3>\r\n                            <\/div>\r\n                            <!-- Action Buttons -->\r\n                            <div class=\"flex gap-4\">\r\n                                <a href=\"#projects\" class=\"px-6 py-2 bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold rounded-full transition shadow-lg text-sm\">\r\n                                    Our Projects\r\n                                <\/a>\r\n                                <a href=\"#who-we-are\" class=\"px-6 py-2 bg-transparent border border-white text-white hover:bg-white hover:text-gray-900 font-bold rounded-full transition shadow-lg text-sm\">\r\n                                    Learn More\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <!-- 3. Bottom Area (Scroll indicator) -->\r\n            <div class=\"absolute bottom-8 animate-bounce text-white\/50\">\r\n                <i class=\"fas fa-chevron-down text-2xl\"><\/i>\r\n            <\/div>\r\n    \r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Who We Are Section -->\r\n    <section id=\"who-we-are\" class=\"py-20 bg-white\">\r\n        <div class=\"container mx-auto px-6\">\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 section-title\">Who We Are<\/h2>\r\n                <p class=\"text-gray-600 max-w-2xl mx-auto mt-4\">\r\n                    Established in 1950, TIHC stands as the flagship educational arm of the Heraklion Chamber of Commerce.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-3 gap-10\">\r\n                <!-- Q1 -->\r\n                <div class=\"bg-gray-50 p-8 rounded-2xl shadow-sm hover:shadow-xl transition duration-300 border-t-4 border-blue-600 group\">\r\n                    <div class=\"w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 mb-6 group-hover:bg-blue-600 group-hover:text-white transition\">\r\n                        <i class=\"fas fa-university text-2xl\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-4 text-gray-800\">What is TIHC?<\/h3>\r\n                    <p class=\"text-gray-600 leading-relaxed\">\r\n                        We are a private, non-profit organization operating as the official training center of the Heraklion Chamber. We combine the agility of the private sector with a public-service mandate for skills development.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Q2 -->\r\n                <div class=\"bg-gray-50 p-8 rounded-2xl shadow-sm hover:shadow-xl transition duration-300 border-t-4 border-green-500 group\">\r\n                    <div class=\"w-14 h-14 bg-green-100 rounded-full flex items-center justify-center text-green-600 mb-6 group-hover:bg-green-600 group-hover:text-white transition\">\r\n                        <i class=\"fas fa-bullseye text-2xl\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-4 text-gray-800\">Our Mission<\/h3>\r\n                    <p class=\"text-gray-600 leading-relaxed\">\r\n                        Empowering individuals and businesses through three pillars: Vocational Training (VET), Strategic Career Counseling, and Post-Secondary Education (ISAEK).\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Q3 -->\r\n                <div class=\"bg-gray-50 p-8 rounded-2xl shadow-sm hover:shadow-xl transition duration-300 border-t-4 border-purple-500 group\">\r\n                    <div class=\"w-14 h-14 bg-purple-100 rounded-full flex items-center justify-center text-purple-600 mb-6 group-hover:bg-purple-600 group-hover:text-white transition\">\r\n                        <i class=\"fas fa-handshake text-2xl\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold mb-4 text-gray-800\">Why Collaborate with us<\/h3>\r\n                    <p class=\"text-gray-600 leading-relaxed\">\r\n                        We offer direct access to 20,000+ SMEs and possess proven expertise in managing competitive EU programs (Erasmus+, Horizon, CoVE), acting as a bridge between education and the real economy.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- PIF Download -->\r\n            <div class=\"mt-16 text-center\">\r\n                <a href=\"#\" class=\"inline-flex items-center gap-3 bg-gray-800 text-white px-8 py-4 rounded-lg hover:bg-gray-900 transition shadow-lg transform hover:-translate-y-1\">\r\n                    <i class=\"fas fa-file-download text-2xl\"><\/i>\r\n                    <div class=\"text-left\">\r\n                        <span class=\"block text-xs text-gray-400 uppercase tracking-wider\">Download Document<\/span>\r\n                        <span class=\"font-bold\">Download our PIF (Partner Identification Form)<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Our Expertise Section -->\r\n    <!-- \u03a0\u03c1\u03bf\u03c3\u03c4\u03ad\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf force-full-width \u03ba\u03b1\u03b9 \u03b5\u03b4\u03ce -->\r\n    <section id=\"expertise\" class=\"force-full-width py-20 bg-gray-900 text-white relative overflow-hidden\">\r\n        <div class=\"absolute inset-0 opacity-10\" style=\"background-image: radial-gradient(#4b5563 1px, transparent 1px); background-size: 30px 30px;\"><\/div>\r\n\r\n        <div class=\"container mx-auto px-6 relative z-10\">\r\n            <div class=\"text-center mb-16\">\r\n                <h2 class=\"text-3xl md:text-4xl font-bold section-title after:bg-blue-500\">Our Expertise<\/h2>\r\n                <p class=\"text-gray-400 max-w-2xl mx-auto mt-4\">\r\n                    A multidisciplinary team combining educational excellence with strategic consulting and project management.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n                <!-- Item 1: VET -->\r\n                <div class=\"bg-gray-800 p-8 rounded-xl hover:bg-gray-750 transition border border-gray-700 hover:border-blue-500 group\">\r\n                    <div class=\"flex items-center gap-4 mb-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-blue-900 flex items-center justify-center text-blue-400 group-hover:bg-blue-600 group-hover:text-white transition\">\r\n                            <i class=\"fas fa-chalkboard-teacher text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold\">High-Growth VET<\/h4>\r\n                    <\/div>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">\r\n                        Delivering market-relevant training in Tourism & Hospitality, Soft Skills, and Entrepreneurship. We specialize in upskilling professionals for the modern economy.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Item 2: Digital -->\r\n                <div class=\"bg-gray-800 p-8 rounded-xl hover:bg-gray-750 transition border border-gray-700 hover:border-blue-500 group\">\r\n                    <div class=\"flex items-center gap-4 mb-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-blue-900 flex items-center justify-center text-blue-400 group-hover:bg-blue-600 group-hover:text-white transition\">\r\n                            <i class=\"fas fa-laptop-code text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold\">Digital Transformation<\/h4>\r\n                    <\/div>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">\r\n                        Experts in IT Security (DPO), Data Analysis (Python, SQL, Power BI), and AI integration in education. We drive the digital shift for SMEs and learners.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Item 3: Green -->\r\n                <div class=\"bg-gray-800 p-8 rounded-xl hover:bg-gray-750 transition border border-gray-700 hover:border-green-500 group\">\r\n                    <div class=\"flex items-center gap-4 mb-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-green-900 flex items-center justify-center text-green-400 group-hover:bg-green-600 group-hover:text-white transition\">\r\n                            <i class=\"fas fa-leaf text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold\">Green Transition<\/h4>\r\n                    <\/div>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">\r\n                        Championing sustainability through Circular Economy training and environmental footprint methods in the Hospitality and Textile industries.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Item 4: Consulting -->\r\n                <div class=\"bg-gray-800 p-8 rounded-xl hover:bg-gray-750 transition border border-gray-700 hover:border-purple-500 group\">\r\n                    <div class=\"flex items-center gap-4 mb-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-purple-900 flex items-center justify-center text-purple-400 group-hover:bg-purple-600 group-hover:text-white transition\">\r\n                            <i class=\"fas fa-compass text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold\">Strategic Consulting<\/h4>\r\n                    <\/div>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">\r\n                        Providing holistic career guidance, competency mapping, and personalized support for NEETs and unemployed adults to re-enter the workforce.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Item 5: Social -->\r\n                <div class=\"bg-gray-800 p-8 rounded-xl hover:bg-gray-750 transition border border-gray-700 hover:border-pink-500 group\">\r\n                    <div class=\"flex items-center gap-4 mb-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-pink-900 flex items-center justify-center text-pink-400 group-hover:bg-pink-600 group-hover:text-white transition\">\r\n                            <i class=\"fas fa-users text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold\">Social Inclusion<\/h4>\r\n                    <\/div>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">\r\n                        Committed to equity with an active Gender Equality Plan (GEP). We design inclusive pathways for vulnerable groups to ensure equal opportunities.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Item 6: Management -->\r\n                <div class=\"bg-gray-800 p-8 rounded-xl hover:bg-gray-750 transition border border-gray-700 hover:border-yellow-500 group\">\r\n                    <div class=\"flex items-center gap-4 mb-4\">\r\n                        <div class=\"w-12 h-12 rounded-full bg-yellow-900 flex items-center justify-center text-yellow-400 group-hover:bg-yellow-600 group-hover:text-white transition\">\r\n                            <i class=\"fas fa-briefcase text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold\">Project Management<\/h4>\r\n                    <\/div>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">\r\n                        Proven capacity to coordinate large-scale EU projects (CoVE, Horizon). We handle financial management, quality assurance, and massive dissemination.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"mt-12 text-center border-t border-gray-800 pt-8\">\r\n                <p class=\"text-gray-400 mb-4 text-sm\">Certified Quality Services<\/p>\r\n                <div class=\"flex justify-center gap-6 flex-wrap\">\r\n                    <span class=\"px-4 py-2 bg-gray-800 rounded text-xs font-mono text-gray-300 border border-gray-700\">ISO 9001:2015<\/span>\r\n                    <span class=\"px-4 py-2 bg-gray-800 rounded text-xs font-mono text-gray-300 border border-gray-700\">ISO 27001:2013<\/span>\r\n                    <span class=\"px-4 py-2 bg-gray-800 rounded text-xs font-mono text-gray-300 border border-gray-700\">ISO 27701:2019<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Our Projects Section -->\r\n    <!-- \u03a0\u03c1\u03bf\u03c3\u03c4\u03ad\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf force-full-width \u03ba\u03b1\u03b9 \u03b5\u03b4\u03ce -->\r\n    <section id=\"projects\" class=\"force-full-width py-20 bg-gray-50\">\r\n        <div class=\"container mx-auto px-6\">\r\n            <div class=\"text-center mb-12\">\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 section-title\">Our European Projects<\/h2>\r\n                <p class=\"text-gray-600 max-w-2xl mx-auto mt-4\">\r\n                    We possess deep, continuous experience across a wide spectrum of EU funding streams.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Categories Grid -->\r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12\">\r\n                <!-- CoVE -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow hover:shadow-lg transition border-l-4 border-red-500\">\r\n                    <div class=\"flex items-center gap-4 mb-3\">\r\n                        <i class=\"fas fa-star text-red-500 text-2xl\"><\/i>\r\n                        <h3 class=\"font-bold text-lg\">CoVE<\/h3>\r\n                    <\/div>\r\n                    <p class=\"text-sm text-gray-600 mb-2\">Centers of Vocational Excellence<\/p>\r\n                    <p class=\"text-xs text-gray-500\">Flagship Projects: GreenHost, FEA-VEE<\/p>\r\n                <\/div>\r\n\r\n                <!-- Horizon -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow hover:shadow-lg transition border-l-4 border-blue-600\">\r\n                    <div class=\"flex items-center gap-4 mb-3\">\r\n                        <i class=\"fas fa-flask text-blue-600 text-2xl\"><\/i>\r\n                        <h3 class=\"font-bold text-lg\">Horizon Europe<\/h3>\r\n                    <\/div>\r\n                    <p class=\"text-sm text-gray-600 mb-2\">Research & Innovation<\/p>\r\n                    <p class=\"text-xs text-gray-500\">Projects: DxHub (Infectious Diseases)<\/p>\r\n                <\/div>\r\n\r\n                <!-- KA2 -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow hover:shadow-lg transition border-l-4 border-yellow-500\">\r\n                    <div class=\"flex items-center gap-4 mb-3\">\r\n                        <i class=\"fas fa-network-wired text-yellow-500 text-2xl\"><\/i>\r\n                        <h3 class=\"font-bold text-lg\">KA2 Partnerships<\/h3>\r\n                    <\/div>\r\n                    <p class=\"text-sm text-gray-600 mb-2\">Cooperation Partnerships<\/p>\r\n                    <p class=\"text-xs text-gray-500\">Projects: No One Behind, Career Intelligence<\/p>\r\n                <\/div>\r\n\r\n                <!-- KA1 Partnerships -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow hover:shadow-lg transition border-l-4 border-indigo-500\">\r\n                    <div class=\"flex items-center gap-4 mb-3\">\r\n                        <i class=\"fas fa-plane-departure text-indigo-500 text-2xl\"><\/i>\r\n                        <h3 class=\"font-bold text-lg\">KA1 Partnerships<\/h3>\r\n                    <\/div>\r\n                    <p class=\"text-sm text-gray-600 mb-2\">Learning Mobility<\/p>\r\n                    <p class=\"text-xs text-gray-500\">Project: Hfaistos<\/p>\r\n                <\/div>\r\n\r\n                <!-- Interreg -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow hover:shadow-lg transition border-l-4 border-teal-500\">\r\n                    <div class=\"flex items-center gap-4 mb-3\">\r\n                        <i class=\"fas fa-map-marked-alt text-teal-500 text-2xl\"><\/i>\r\n                        <h3 class=\"font-bold text-lg\">Interreg<\/h3>\r\n                    <\/div>\r\n                    <p class=\"text-sm text-gray-600 mb-2\">Cross-border Cooperation<\/p>\r\n                    <p class=\"text-xs text-gray-500\">Project: Medfest<\/p>\r\n                <\/div>\r\n\r\n                 <!-- KA3 Partnership -->\r\n                 <div class=\"bg-white p-6 rounded-xl shadow hover:shadow-lg transition border-l-4 border-purple-500\">\r\n                    <div class=\"flex items-center gap-4 mb-3\">\r\n                        <i class=\"fas fa-book-open text-purple-500 text-2xl\"><\/i>\r\n                        <h3 class=\"font-bold text-lg\">KA3 Partnerships<\/h3>\r\n                    <\/div>\r\n                    <p class=\"text-sm text-gray-600 mb-2\">Support for Policy Reform<\/p>\r\n                <\/div>\r\n\r\n                <!-- AMIF -->\r\n                <div class=\"bg-white p-6 rounded-xl shadow hover:shadow-lg transition border-l-4 border-orange-500\">\r\n                    <div class=\"flex items-center gap-4 mb-3\">\r\n                        <i class=\"fas fa-globe-europe text-orange-500 text-2xl\"><\/i>\r\n                        <h3 class=\"font-bold text-lg\">AMIF<\/h3>\r\n                    <\/div>\r\n                    <p class=\"text-sm text-gray-600 mb-2\">Asylum, Migration and Integration Fund<\/p>\r\n                    <p class=\"text-xs text-gray-500\">Project: ERIAS<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"text-center\">\r\n                <a href=\"https:\/\/old.katartisi.gr\/programmata-eu\" target=\"_blank\" class=\"text-blue-600 hover:text-blue-800 font-medium underline decoration-2 underline-offset-4\">\r\n                    View detailed project archive <i class=\"fas fa-external-link-alt ml-1\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- News & Events Section -->\r\n    <section id=\"news\" class=\"py-20 bg-white\">\r\n        <div class=\"container mx-auto px-6\">\r\n            <div class=\"flex flex-col md:flex-row justify-between items-end mb-12\">\r\n                <div>\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 section-title\">News & Events<\/h2>\r\n                    <p class=\"text-gray-600 mt-4\">Stay updated on our latest activities.<\/p>\r\n                <\/div>\r\n                <div class=\"mt-4 md:mt-0 flex gap-2\">\r\n                    <button class=\"px-4 py-2 bg-blue-100 text-blue-700 rounded-full font-medium text-sm hover:bg-blue-200 transition\">All<\/button>\r\n                    <button class=\"px-4 py-2 bg-gray-100 text-gray-600 rounded-full font-medium text-sm hover:bg-gray-200 transition\">Workshops<\/button>\r\n                    <button class=\"px-4 py-2 bg-gray-100 text-gray-600 rounded-full font-medium text-sm hover:bg-gray-200 transition\">Press Releases<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-3 gap-8\">\r\n                <!-- Event Card 1 -->\r\n                <article class=\"bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition group border border-gray-100\">\r\n                    <div class=\"h-48 bg-gray-200 relative overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544531696-60c359d91a3b?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\" alt=\"Workshop\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-500\">\r\n                        <div class=\"absolute top-4 left-4 bg-blue-600 text-white text-center px-3 py-1 rounded shadow-lg\">\r\n                            <span class=\"block text-xs font-bold uppercase\">Nov<\/span>\r\n                            <span class=\"block text-xl font-bold\">15<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <span class=\"text-xs font-bold text-blue-600 uppercase tracking-wide\">Workshop<\/span>\r\n                        <h3 class=\"text-lg font-bold text-gray-800 mt-2 mb-3 group-hover:text-blue-600 transition\">Digital Skills Workshop for Tourism<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-4 line-clamp-3\">As part of the GreenHost project, we are organizing a seminar on the green transition in tourism.<\/p>\r\n                        <a href=\"#\" class=\"text-sm font-bold text-gray-800 hover:text-blue-600 flex items-center gap-1\">Read more <i class=\"fas fa-arrow-right text-xs\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- News Card 2 -->\r\n                <article class=\"bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition group border border-gray-100\">\r\n                    <div class=\"h-48 bg-gray-200 relative overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\" alt=\"Meeting\" class=\"w-full h-full object-cover group-hover:scale-110 transition duration-500\">\r\n                        <div class=\"absolute top-4 left-4 bg-gray-800 text-white text-center px-3 py-1 rounded shadow-lg\">\r\n                            <span class=\"block text-xs font-bold uppercase\">Oct<\/span>\r\n                            <span class=\"block text-xl font-bold\">28<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <span class=\"text-xs font-bold text-green-600 uppercase tracking-wide\">Kick-off Meeting<\/span>\r\n                        <h3 class=\"text-lg font-bold text-gray-800 mt-2 mb-3 group-hover:text-blue-600 transition\">FEA-VEE Project Kick-off<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-4 line-clamp-3\">TIHC, as coordinator, hosted partners from 8 countries for the inaugural meeting.<\/p>\r\n                        <a href=\"#\" class=\"text-sm font-bold text-gray-800 hover:text-blue-600 flex items-center gap-1\">Read more <i class=\"fas fa-arrow-right text-xs\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Video News Card 3 -->\r\n                <article class=\"bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition group border border-gray-100\">\r\n                    <div class=\"h-48 bg-gray-800 relative flex items-center justify-center overflow-hidden\">\r\n                        <!-- Play button overlay -->\r\n                        <div class=\"w-12 h-12 bg-white\/20 backdrop-blur rounded-full flex items-center justify-center z-10 group-hover:bg-red-600 transition duration-300 cursor-pointer\">\r\n                            <i class=\"fas fa-play text-white ml-1\"><\/i>\r\n                        <\/div>\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\" alt=\"Video Thumb\" class=\"absolute inset-0 w-full h-full object-cover opacity-60 group-hover:scale-110 transition duration-500\">\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <span class=\"text-xs font-bold text-red-500 uppercase tracking-wide\">Video<\/span>\r\n                        <h3 class=\"text-lg font-bold text-gray-800 mt-2 mb-3 group-hover:text-blue-600 transition\">Erasmus+ Opportunities for Youth<\/h3>\r\n                        <p class=\"text-gray-600 text-sm mb-4 line-clamp-3\">Watch our new informational video about the mobility opportunities we offer.<\/p>\r\n                        <a href=\"#\" class=\"text-sm font-bold text-gray-800 hover:text-blue-600 flex items-center gap-1\">Watch video <i class=\"fas fa-arrow-right text-xs\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/article>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Join Network Section -->\r\n    <!-- \u03a0\u03c1\u03bf\u03c3\u03c4\u03ad\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf force-full-width \u03ba\u03b1\u03b9 \u03b5\u03b4\u03ce -->\r\n    <section id=\"network\" class=\"force-full-width py-20 bg-blue-900 text-white relative\">\r\n        <div class=\"container mx-auto px-6 relative z-10\">\r\n            <div class=\"grid md:grid-cols-2 gap-16 items-center\">\r\n                <div>\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">Join Our Network<\/h2>\r\n                    <p class=\"text-blue-100 mb-8 text-lg leading-relaxed\">\r\n                        Unlock the potential of your European projects by partnering with Crete's leading vocational institution. We offer more than just partnership; we offer a gateway to the real economy.\r\n                    <\/p>\r\n                    \r\n                    <!-- Detailed Benefits List -->\r\n                    <div class=\"space-y-6 mb-8\">\r\n                        <div class=\"flex items-start gap-4\">\r\n                            <div class=\"w-12 h-12 rounded-full bg-blue-800 flex items-center justify-center flex-shrink-0 text-blue-300 border border-blue-700\">\r\n                                <i class=\"fas fa-store-alt text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-lg text-white mb-1\">Direct Market Access<\/h4>\r\n                                <p class=\"text-blue-200 text-sm leading-relaxed\">Connect with 20,000+ local businesses. Use our Chamber network for massive dissemination and real-world piloting of your project results.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"flex items-start gap-4\">\r\n                            <div class=\"w-12 h-12 rounded-full bg-blue-800 flex items-center justify-center flex-shrink-0 text-green-400 border border-blue-700\">\r\n                                <i class=\"fas fa-check-double text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-lg text-white mb-1\">Proven Reliability<\/h4>\r\n                                <p class=\"text-blue-200 text-sm leading-relaxed\">Rely on a partner with a proven track record as a Coordinator in major CoVE & Horizon projects. We deliver results on time and budget.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"flex items-start gap-4\">\r\n                            <div class=\"w-12 h-12 rounded-full bg-blue-800 flex items-center justify-center flex-shrink-0 text-purple-400 border border-blue-700\">\r\n                                <i class=\"fas fa-brain text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"font-bold text-lg text-white mb-1\">360\u00b0 Expertise<\/h4>\r\n                                <p class=\"text-blue-200 text-sm leading-relaxed\">Access a multidisciplinary team of experts covering everything from financial management (ISO certified) to digital research and IT security.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Call to Action Button Replacement -->\r\n                <div class=\"bg-white\/10 backdrop-blur-md text-white p-12 rounded-xl shadow-2xl flex flex-col items-center justify-center text-center border border-white\/20\">\r\n                    <div class=\"w-20 h-20 bg-blue-600 rounded-full flex items-center justify-center mb-6 shadow-lg animate-pulse\">\r\n                        <i class=\"fas fa-clipboard-list text-3xl\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-2xl font-bold mb-4\">Ready to collaborate?<\/h3>\r\n                    <p class=\"text-blue-200 mb-8 max-w-sm\">\r\n                        Fill out our partner identification form to register your interest in upcoming consortiums.\r\n                    <\/p>\r\n                    <a href=\"https:\/\/forms.google.com\/placeholder\" target=\"_blank\" class=\"bg-white text-blue-900 hover:bg-blue-50 font-bold py-4 px-10 rounded-full shadow-lg transition transform hover:scale-105 flex items-center gap-3\">\r\n                        Fill in the Partner Form\r\n                        <i class=\"fas fa-external-link-alt\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\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>TIHC Content Section Technical Institute of Heraklion Chamber TIHC \u2013 European Projects &#038; Partnerships Developing knowledge, skills and innovation through EU-funded initiatives. Our Mission Bridging Education &#038; Economy Our Projects Learn More Who We Are Established in 1950, TIHC stands as the flagship educational arm of the Heraklion Chamber of Commerce. What is TIHC? We are a private, non-profit organization operating as the official training center of the Heraklion Chamber. We combine the agility of the private sector with a public-service mandate for skills development. Our Mission Empowering individuals and businesses through three pillars: Vocational Training (VET), Strategic Career Counseling, and Post-Secondary Education (ISAEK). Why Collaborate with us We offer direct access to 20,000+ SMEs and possess proven expertise in managing competitive EU programs (Erasmus+, Horizon, CoVE), acting as a bridge between education and the real economy. Download Document Download our PIF (Partner Identification Form) Our Expertise A multidisciplinary team combining educational excellence with strategic consulting and project management. High-Growth VET Delivering market-relevant training in Tourism &#038; Hospitality, Soft Skills, and Entrepreneurship. We specialize in upskilling professionals for the modern economy. Digital Transformation Experts in IT Security (DPO), Data Analysis (Python, SQL, Power BI), and AI integration in education. We drive the digital shift for SMEs and learners. Green Transition Championing sustainability through Circular Economy training and environmental footprint methods in the Hospitality and Textile industries. Strategic Consulting Providing holistic career guidance, competency mapping, and personalized support for NEETs and unemployed adults to re-enter the workforce. Social Inclusion Committed to equity with an active Gender Equality Plan (GEP). We design inclusive pathways for vulnerable groups to ensure equal opportunities. Project Management Proven capacity to coordinate large-scale EU projects (CoVE, Horizon). We handle financial management, quality assurance, and massive dissemination. Certified Quality Services ISO 9001:2015 ISO 27001:2013 ISO 27701:2019 Our European Projects We possess deep, continuous experience across a wide spectrum of EU funding streams. CoVE Centers of Vocational Excellence Flagship Projects: GreenHost, FEA-VEE Horizon Europe Research &#038; Innovation Projects: DxHub (Infectious Diseases) KA2 Partnerships Cooperation Partnerships Projects: No One Behind, Career Intelligence KA1 Partnerships Learning Mobility Project: Hfaistos Interreg Cross-border Cooperation Project: Medfest KA3 Partnerships Support for Policy Reform AMIF Asylum, Migration and Integration Fund Project: ERIAS View detailed project archive News &#038; Events Stay updated on our latest activities. All Workshops Press Releases Nov 15 Workshop Digital Skills Workshop for Tourism As part of the GreenHost project, we are organizing a seminar on the green transition in tourism. Read more Oct 28 Kick-off Meeting FEA-VEE Project Kick-off TIHC, as coordinator, hosted partners from 8 countries for the inaugural meeting. Read more Video Erasmus+ Opportunities for Youth Watch our new informational video about the mobility opportunities we offer. Watch video Join Our Network Unlock the potential of your European projects by partnering with Crete&#8217;s leading vocational institution. We offer more than just partnership; we offer a gateway to the real economy. Direct Market Access Connect with 20,000+ local businesses. Use our Chamber network for massive dissemination and real-world piloting of your project results. Proven Reliability Rely on a partner with a proven track record as a Coordinator in major CoVE &#038; Horizon projects. We deliver results on time and budget. 360\u00b0 Expertise Access a multidisciplinary team of experts covering everything from financial management (ISO certified) to digital research and IT security. Ready to collaborate? Fill out our partner identification form to register your interest in upcoming consortiums. Fill in the Partner Form<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1006","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/euprojects.katartisi.gr\/el\/wp-json\/wp\/v2\/pages\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/euprojects.katartisi.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/euprojects.katartisi.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/euprojects.katartisi.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/euprojects.katartisi.gr\/el\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":14,"href":"https:\/\/euprojects.katartisi.gr\/el\/wp-json\/wp\/v2\/pages\/1006\/revisions"}],"predecessor-version":[{"id":1032,"href":"https:\/\/euprojects.katartisi.gr\/el\/wp-json\/wp\/v2\/pages\/1006\/revisions\/1032"}],"wp:attachment":[{"href":"https:\/\/euprojects.katartisi.gr\/el\/wp-json\/wp\/v2\/media?parent=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}