&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;el&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;ΕΛΗΔΠΕ - Κοινωνική Υπευθυνότητα&lt;/title&gt;
    &lt;script src=&quot;/tailwindcss.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-gradient-to-b from-blue-50 to-white min-h-screen text-gray-800 font-sans&quot;&gt;
    
    &lt;!-- Header --&gt;
    &lt;header class=&quot;bg-gradient-to-r from-indigo-600 to-blue-500 text-white shadow-lg&quot;&gt;
        &lt;div class=&quot;container mx-auto p-6 flex justify-between items-center&quot;&gt;
            &lt;h1 class=&quot;text-3xl font-bold&quot;&gt;ΕΛΗΔΠΕ&lt;/h1&gt;
            &lt;nav class=&quot;space-x-4 text-xl&quot;&gt;
                &lt;a href=&quot;/ΕΛΗΔΠΕ/index.html&quot; class=&quot;hover:underline hover:text-yellow-300 transition&quot;&gt;Αρχική&lt;/a&gt;
                &lt;a href=&quot;/ΕΛΗΔΠΕ/περίληψη.html&quot; class=&quot;hover:underline hover:text-yellow-300 transition&quot;&gt;Περίληψη&lt;/a&gt;
                &lt;a href=&quot;/ΕΛΗΔΠΕ/social.html&quot; class=&quot;underline text-yellow-300 font-medium transition&quot;&gt;Κοινωνική Πολιτική&lt;/a&gt;
                &lt;a href=&quot;/ΕΛΗΔΠΕ/επικοινωνία.html&quot; class=&quot;hover:underline hover:text-yellow-300 transition&quot;&gt;Επικοινωνία&lt;/a&gt;
            &lt;/nav&gt;
        &lt;/div&gt;
    &lt;/header&gt;

    &lt;!-- Hero Section --&gt;
    &lt;section class=&quot;hero container mx-auto p-8 text-center&quot;&gt;
        &lt;h2 class=&quot;text-5xl font-extrabold text-indigo-800 mb-4 tracking-tight&quot;&gt;Κοινωνική Υπευθυνότητα&lt;/h2&gt;
        &lt;p class=&quot;text-xl text-gray-700 max-w-2xl mx-auto mb-6&quot;&gt;
            Το ΕΛΗΔΠΕ συνεισφέρει στην κοινωνική ανάπτυξη και την οικολογική υπευθυνότητα σε όλα τα επίπεδα λειτουργίας του.
        &lt;/p&gt;
    &lt;/section&gt;

    &lt;!-- Social Impact Stats --&gt;
    &lt;section class=&quot;p-8 text-center&quot;&gt;
        &lt;h3 class=&quot;text-3xl font-bold text-indigo-600 mb-8&quot;&gt;Διαχείριση Κοινωνικής Αξίας&lt;/h3&gt;
        &lt;div class=&quot;grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto&quot;&gt;
            &lt;div class=&quot;p-6 bg-white rounded-lg shadow-md border border-gray-200 hover:shadow-lg transition&quot;&gt;
                &lt;h4 class=&quot;text-indigo-600 font-bold text-3xl mb-4 animate-pulse&quot;&gt;42,000+&lt;/h4&gt;
                &lt;p class=&quot;text-gray-600&quot;&gt;Εκπαιδευτικά Προγράμματα για Αποφοίτους&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class=&quot;p-6 bg-white rounded-lg shadow-md border border-gray-200 hover:shadow-lg transition&quot;&gt;
                &lt;h4 class=&quot;text-indigo-600 font-bold text-3xl mb-4 animate-pulse&quot;&gt;15+&lt;/h4&gt;
                &lt;p class=&quot;text-gray-600&quot;&gt;Κοινωνικές Πρωτοβουλίες σε Περιφέρειες&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class=&quot;p-6 bg-white rounded-lg shadow-md border border-gray-200 hover:shadow-lg transition&quot;&gt;
                &lt;h4 class=&quot;text-indigo-600 font-bold text-3xl mb-4 animate-pulse&quot;&gt;9,500+&lt;/h4&gt;
                &lt;p class=&quot;text-gray-600&quot;&gt;Ωρές Πολιτικής Κοινωνικής Ενσωμάτωσης&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Community Initiatives --&gt;
    &lt;section class=&quot;bg-blue-50 p-8&quot;&gt;
        &lt;div class=&quot;max-w-4xl mx-auto&quot;&gt;
            &lt;h2 class=&quot;text-3xl font-bold text-indigo-600 mb-6 text-center&quot;&gt;Κοινωνική Πολιτική&lt;/h2&gt;
            &lt;p class=&quot;text-lg text-gray-700 leading-relaxed text-center mb-8&quot;&gt;
                Το ΕΛΗΔΠΕ έχει καθιερώσει τη συνεργασία με αυτονομικές περιοχές για την υλοποίηση κοινωνικών πρωτοβουλιών που συμβάλλουν στην οικονομική ανάπτυξη και την κοινωνική συνοχή.
            &lt;/p&gt;
            &lt;div class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
                &lt;div class=&quot;p-4 bg-white rounded-lg border border-gray-200 hover:shadow transition&quot;&gt;
                    &lt;h4 class=&quot;text-indigo-600 font-bold text-xl mb-2&quot;&gt;Εκπαίδευση Προσφύγων&lt;/h4&gt;
                    &lt;p class=&quot;text-gray-600&quot;&gt;
                        Υλοποίηση προγραμμάτων εκπαίδευσης για πρόσφυγες και ασύλια σε επίπεδο Συνεργασίας των Περιφερειών.
                    &lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;p-4 bg-white rounded-lg border border-gray-200 hover:shadow transition&quot;&gt;
                    &lt;h4 class=&quot;text-indigo-600 font-bold text-xl mb-2&quot;&gt;Κοινοτικοί Συνασπισμοί&lt;/h4&gt;
                    &lt;p class=&quot;text-gray-600&quot;&gt;
                        Δράσεις ενίσχυσης αγροτικών και βιοτεχνικών κοινοτήτων με εποπτεία της Διοίκησης Δικτύων.
                    &lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;!-- Partnership CTA --&gt;
    &lt;section class=&quot;container mx-auto p-8 text-center&quot;&gt;
        &lt;h2 class=&quot;text-3xl font-bold text-indigo-600 mb-4&quot;&gt;Συνεργασιακές Προσπάθειες&lt;/h2&gt;
        &lt;p class=&quot;text-lg text-gray-700 max-w-2xl mx-auto mb-6&quot;&gt;
            Όλες οι προσπάθειες του ΕΛΗΔΠΕ υλοποιούνται εκπαιδευτικά και από αυτονομικούς φορείς με κατανοητή πολιτική πολυπλοκότητη.
        &lt;/p&gt;
        &lt;a href=&quot;/ΕΛΗΔΠΕ/επικοινωνία.html&quot;
           class=&quot;bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-3 rounded-full shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300&quot;&gt;
           Λεπτομερείς Προτάσεις Συνεργασίας
        &lt;/a&gt;
    &lt;/section&gt;

    &lt;!-- Footer --&gt;
    &lt;footer class=&quot;bg-gray-800 text-white p-6 mt-8&quot;&gt;
        &lt;div class=&quot;container mx-auto text-center&quot;&gt;
            &lt;p&gt;&amp;copy; 2025 ΕΛΗΔΠΕ&lt;/p&gt;
            &lt;p class=&quot;mt-2 text-sm text-gray-400&quot;&gt;Επικοινωνήστε: &lt;a href=&quot;/ΕΛΗΔΠΕ/επικοινωνία.html&quot; class=&quot;underline&quot;&gt;Επικοινωνία&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
    &lt;/footer&gt;

&lt;/body&gt;
&lt;/html&gt;