{"id":136,"date":"2020-04-07T14:21:12","date_gmt":"2020-04-07T12:21:12","guid":{"rendered":"http:\/\/e-d-n.eu\/index.php\/colibri-wp\/"},"modified":"2025-10-27T14:29:57","modified_gmt":"2025-10-27T13:29:57","slug":"colibri-wp","status":"publish","type":"page","link":"https:\/\/e-d-n.eu\/","title":{"rendered":"Front Page"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>EDN &#8211; Mission &#038; Engagement Sections<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&#038;family=Inter:wght@300;400;600;700&#038;display=swap\"\n      rel=\"stylesheet\"\n    \/>\n    <script>\n      tailwind.config = {\n          theme: {\n              extend: {\n                  fontFamily: {\n                      'serif': ['Playfair Display', 'serif'],\n                      'sans': ['Inter', 'sans-serif'],\n                  }\n              }\n          }\n      }\n    <\/script>\n    <style>\n      body {\n          font-family: 'Inter', sans-serif;\n      }\n    <\/style>\n  <\/head>\n  <body class=\"bg-white px-8 md:px-16 lg:px-24\">\n    <!-- Title Section -->\n    <section class=\"py-20 bg-white\">\n      <div class=\"container mx-auto px-4 text-center\">\n        <h2 class=\"text-5xl md:text-6xl font-serif font-bold text-gray-900 tracking-tight\">\n          Youth engaging for European<br \/>defence and security\n        <\/h2>\n      <\/div>\n    <\/section>\n\n    <!-- Mission Section - Modern Split Screen -->\n    <section class=\"relative overflow-hidden\">\n      <!-- Vision - Left Image, Right Text -->\n      <div class=\"grid md:grid-cols-2 min-h-[200px]\">\n        <div class=\"relative order-2 md:order-1\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center\"\n            style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=1920&#038;h=1080&#038;fit=crop');\"\n          >\n            <div class=\"absolute inset-0 bg-gradient-to-r from-black\/60 to-black\/30\"><\/div>\n          <\/div>\n          <div class=\"relative z-10 h-full flex items-center p-10 lg:p-16\">\n            <p class=\"text-2xl leading-relaxed text-white font-bold max-w-xl\">\n              Building on the legacy of European integration, EDN supports the development of European defence and\n              security by connecting the next generation of leaders across national boundaries.\n            <\/p>\n          <\/div>\n        <\/div>\n        <div class=\"bg-gray-100 flex items-center p-10 lg:p-16 order-1 md:order-2\">\n          <div>\n            <div class=\"w-14 h-14 bg-blue-100 rounded-2xl flex items-center justify-center mb-6\">\n              <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"28\"\n                height=\"28\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"text-blue-600\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle>\n                <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/div>\n            <h2 class=\"text-4xl md:text-5xl font-serif font-bold text-gray-900\">Our Vision<\/h2>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Pillars - Right Image, Left Text -->\n      <div class=\"grid md:grid-cols-2 min-h-[200px]\">\n        <div class=\"bg-white flex items-center p-10 lg:p-16\">\n          <div>\n            <div class=\"w-14 h-14 bg-blue-100 rounded-2xl flex items-center justify-center mb-6\">\n              <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"28\"\n                height=\"28\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"text-blue-600\"\n              >\n                <path\n                  d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\n                ><\/path>\n              <\/svg>\n            <\/div>\n            <h2 class=\"text-4xl md:text-5xl font-serif font-bold text-gray-900\">Our Pillars<\/h2>\n          <\/div>\n        <\/div>\n        <div class=\"relative\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center\"\n            style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1540575467063-178a50c2df87?w=1920&#038;h=1080&#038;fit=crop');\"\n          >\n            <div class=\"absolute inset-0 bg-gradient-to-l from-black\/60 to-black\/30\"><\/div>\n          <\/div>\n          <div class=\"relative z-10 h-full flex items-center justify-end p-10 lg:p-16\">\n            <p class=\"text-2xl leading-relaxed text-white font-bold max-w-xl\">\n              An integrated approach to defence and security through three core domains:\n              <strong class=\"font-semibold\">Military Operations, Defence Industry,<\/strong> and\n              <strong class=\"font-semibold\">Political Strategy<\/strong>.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Actions - Left Image, Right Text -->\n      <div class=\"grid md:grid-cols-2 min-h-[200px]\">\n        <div class=\"relative order-2 md:order-1\">\n          <div\n            class=\"absolute inset-0 bg-cover bg-center\"\n            style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1591115765373-5207764f72e7?w=1920&#038;h=1080&#038;fit=crop');\"\n          >\n            <div class=\"absolute inset-0 bg-gradient-to-r from-black\/60 to-black\/30\"><\/div>\n          <\/div>\n          <div class=\"relative z-10 h-full flex items-center p-10 lg:p-16\">\n            <p class=\"text-2xl leading-relaxed text-white font-bold max-w-xl\">\n              Delivering impact through professional seminars, policy conferences, analytical research, and strategic\n              communications initiatives with a distinctly European perspective.\n            <\/p>\n          <\/div>\n        <\/div>\n        <div class=\"bg-gray-100 flex items-center p-10 lg:p-16 order-1 md:order-2\">\n          <div>\n            <div class=\"w-14 h-14 bg-blue-100 rounded-2xl flex items-center justify-center mb-6\">\n              <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"28\"\n                height=\"28\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                class=\"text-blue-600\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path>\n                <path d=\"M2 12h20\"><\/path>\n              <\/svg>\n            <\/div>\n            <h2 class=\"text-4xl md:text-5xl font-serif font-bold text-gray-900\">Our Actions<\/h2>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Get Involved Section - Modern Overlays -->\n    <section class=\"py-32 bg-white relative\">\n      <div class=\"text-center mb-20 container mx-auto px-4\">\n        <h2 class=\"text-5xl md:text-6xl font-serif font-bold mb-6 text-gray-900 tracking-tight\">\n          Why engage with us<br \/>\n        <\/h2>\n        <div align=\"center\">\n          <p\n            style=\"text-align: center; margin: 0 auto; max-width: 42rem; font-size: 2rem; color: #6b7280; font-weight: 300;\"\n          >\n            Opportunites when engaging with premier European-focused youth network on defence and security\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"container mx-auto px-4\">\n        <div class=\"grid md:grid-cols-3 gap-6\">\n          <!-- Events & Publications -->\n          <div\n            class=\"relative min-h-[500px] flex items-end overflow-hidden rounded-2xl group\"\n            style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1540575467063-178a50c2df87?w=800&#038;h=600&#038;fit=crop'); background-size: cover; background-position: center;\"\n          >\n            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/50 to-transparent\"><\/div>\n            <div class=\"relative z-10 p-8 w-full\">\n              <div\n                class=\"w-12 h-12 bg-white\/10 backdrop-blur-md rounded-2xl flex items-center justify-center mb-8 border border-white\/20\"\n              >\n                <svg\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  width=\"24\"\n                  height=\"24\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  class=\"text-white\"\n                >\n                  <path d=\"M8 2v4\"><\/path>\n                  <path d=\"M16 2v4\"><\/path>\n                  <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect>\n                  <path d=\"M3 10h18\"><\/path>\n                <\/svg>\n              <\/div>\n              <h3 class=\"text-4xl font-serif font-bold text-white mb-6 tracking-tight leading-tight\" style=\"color: #ffffff !important;\">\n                Events &#038; Publications\n              <\/h3>\n              <p class=\"text-2xl text-white\/80 mb-10 leading-relaxed font-light\">\n                Participate in conferences, working groups and high-level seminars across Europe.\n              <\/p>\n              <div class=\"flex gap-3 mb-10\">\n                <div class=\"bg-white\/10 backdrop-blur-md rounded-lg px-4 py-2 border border-white\/20\">\n                  <div class=\"text-3xl font-bold text-white\">10+<\/div>\n                  <div class=\"text-xl text-white\/70\">Events<\/div>\n                <\/div>\n                <div class=\"bg-white\/10 backdrop-blur-md rounded-lg px-4 py-2 border border-white\/20\">\n                  <div class=\"text-3xl font-bold text-white\">15+<\/div>\n                  <div class=\"text-xl text-white\/70\">Publications<\/div>\n                <\/div>\n              <\/div>\n              <a\n                href=\"#events\"\n                class=\"bg-white text-blue-600 hover:bg-white\/90 font-semibold px-5 py-3 rounded-full text-xl w-full inline-flex items-center justify-center\"\n              >\n                Explore our activities\n                <svg\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  width=\"12\"\n                  height=\"12\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  class=\"ml-2\"\n                >\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m12 5 7 7-7 7\"><\/path>\n                <\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Member Network -->\n          <div\n            class=\"relative min-h-[500px] flex items-end overflow-hidden rounded-2xl group\"\n            style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=800&#038;h=600&#038;fit=crop'); background-size: cover; background-position: center;\"\n          >\n            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/50 to-transparent\"><\/div>\n            <div class=\"relative z-10 p-8 w-full\">\n              <div\n                class=\"w-12 h-12 bg-white\/10 backdrop-blur-md rounded-2xl flex items-center justify-center mb-8 border border-white\/20\"\n              >\n                <svg\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  width=\"24\"\n                  height=\"24\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  class=\"text-white\"\n                >\n                  <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n                  <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                  <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                  <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                <\/svg>\n              <\/div>\n              <h3 class=\"text-4xl font-serif font-bold text-white mb-6 tracking-tight leading-tight\" style=\"color: #ffffff !important;\">\n                Network &#038; Contribution\n              <\/h3>\n              <p class=\"text-2xl text-white\/80 mb-10 leading-relaxed font-light\">\n                Connect with future defence leaders and find your engagement path in our common security.\n              <\/p>\n              <div class=\"flex gap-3 mb-10\">\n                <div class=\"bg-white\/10 backdrop-blur-md rounded-lg px-4 py-2 border border-white\/20\">\n                  <div class=\"text-3xl font-bold text-white\">50+<\/div>\n                  <div class=\"text-xl text-white\/70\">Members<\/div>\n                <\/div>\n                <div class=\"bg-white\/10 backdrop-blur-md rounded-lg px-4 py-2 border border-white\/20\">\n                  <div class=\"text-3xl font-bold text-white\">10+<\/div>\n                  <div class=\"text-xl text-white\/70\">Countries<\/div>\n                <\/div>\n              <\/div>\n              <a\n                href=\"https:\/\/e-d-n.eu\/index.php\/contact-or-join-us\/\"\n                class=\"bg-white text-blue-600 hover:bg-white\/90 font-semibold px-5 py-3 rounded-full text-xl w-full inline-flex items-center justify-center\"\n              >\n                Apply for Membership\n                <svg\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  width=\"12\"\n                  height=\"12\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  class=\"ml-2\"\n                >\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m12 5 7 7-7 7\"><\/path>\n                <\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <!-- Strategic Partnerships -->\n          <div\n            class=\"relative min-h-[500px] flex items-end overflow-hidden rounded-2xl group\"\n            style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?w=800&#038;h=600&#038;fit=crop'); background-size: cover; background-position: center;\"\n          >\n            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/90 via-black\/50 to-transparent\"><\/div>\n            <div class=\"relative z-10 p-8 w-full\">\n              <div\n                class=\"w-12 h-12 bg-white\/10 backdrop-blur-md rounded-2xl flex items-center justify-center mb-8 border border-white\/20\"\n              >\n                <svg\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  width=\"24\"\n                  height=\"24\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  class=\"text-white\"\n                >\n                  <rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\" ry=\"2\"><\/rect>\n                  <path d=\"M9 22v-4h6v4\"><\/path>\n                  <path d=\"M8 6h.01\"><\/path>\n                  <path d=\"M16 6h.01\"><\/path>\n                  <path d=\"M12 6h.01\"><\/path>\n                  <path d=\"M12 10h.01\"><\/path>\n                  <path d=\"M12 14h.01\"><\/path>\n                  <path d=\"M16 10h.01\"><\/path>\n                  <path d=\"M16 14h.01\"><\/path>\n                  <path d=\"M8 10h.01\"><\/path>\n                  <path d=\"M8 14h.01\"><\/path>\n                <\/svg>\n              <\/div>\n              <h3 class=\"text-4xl font-serif font-bold text-white mb-6 tracking-tight leading-tight\" style=\"color: #ffffff !important;\">Partnering<\/h3>\n              <p class=\"text-2xl text-white\/80 mb-10 leading-relaxed font-light\">\n                Institutions, companies, think tanks, engage with us to connect with youth and provide them\n                opportunities.\n              <\/p>\n              <div class=\"flex gap-3 mb-10\">\n                <div class=\"bg-white\/10 backdrop-blur-md rounded-lg px-4 py-2 border border-white\/20\">\n                  <div class=\"text-3xl font-bold text-white\">10+<\/div>\n                  <div class=\"text-xl text-white\/70\">Partners<\/div>\n                <\/div>\n              <\/div>\n              <a\n                href=\"https:\/\/e-d-n.eu\/index.php\/contact-or-join-us\/\"\n                class=\"bg-white text-blue-600 hover:bg-white\/90 font-semibold px-5 py-3 rounded-full text-xl w-full inline-flex items-center justify-center\"\n              >\n                Inquire about partnerships\n                <svg\n                  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                  width=\"12\"\n                  height=\"12\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  class=\"ml-2\"\n                >\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m12 5 7 7-7 7\"><\/path>\n                <\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/body>\n<\/html>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>EDN &#8211; Mission &#038; Engagement Sections Youth engaging for Europeandefence and security Building on the legacy of European integration, EDN supports the development of European defence and security by connecting the next generation of leaders across national boundaries. Our Vision Our Pillars An integrated approach to defence and security through<a class=\"moretag\" href=\"https:\/\/e-d-n.eu\/\"> Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/e-d-n.eu\/index.php\/wp-json\/wp\/v2\/pages\/136"}],"collection":[{"href":"https:\/\/e-d-n.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-d-n.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-d-n.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-d-n.eu\/index.php\/wp-json\/wp\/v2\/comments?post=136"}],"version-history":[{"count":26,"href":"https:\/\/e-d-n.eu\/index.php\/wp-json\/wp\/v2\/pages\/136\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/e-d-n.eu\/index.php\/wp-json\/wp\/v2\/pages\/136\/revisions\/1829"}],"wp:attachment":[{"href":"https:\/\/e-d-n.eu\/index.php\/wp-json\/wp\/v2\/media?parent=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}