{"id":8,"date":"2026-01-13T08:36:43","date_gmt":"2026-01-13T08:36:43","guid":{"rendered":"https:\/\/arrowlineacademy.nl\/?page_id=8"},"modified":"2026-01-26T09:55:34","modified_gmt":"2026-01-26T09:55:34","slug":"home","status":"publish","type":"page","link":"https:\/\/arrowlineacademy.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n Arrowline Academy<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n <style>\r\n \/* RESET *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* BASE *\/\r\n body {\r\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n background-color: #F6F7F9;\r\n color: #111827;\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n background: #FFFFFF;\r\n border-bottom: 1px solid #E5E7EB;\r\n }\r\n\r\n .hero-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 140px 40px 120px;\r\n }\r\n\r\n \/* CONTENT *\/\r\n .hero-label {\r\n display: inline-block;\r\n background: #FEE2E2;\r\n color: #E53935;\r\n font-size: 13px;\r\n font-weight: 600;\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 88px;\r\n font-weight: 600;\r\n line-height: 1.05;\r\n max-width: 900px;\r\n margin-bottom: 24px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero p {\r\n font-size: 18px;\r\n color: #6B7280;\r\n max-width: 640px;\r\n line-height: 1.6;\r\n margin-bottom: 44px;\r\n }\r\n\r\n \/* ACTIONS *\/\r\n .hero-actions {\r\n max-width: 520px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .hero-actions-top {\r\n display: flex;\r\n gap: 16px;\r\n }\r\n\r\n \/* BUTTONS *\/\r\n .btn-primary {\r\n flex: 1;\r\n background: #E53935;\r\n color: #FFFFFF;\r\n padding: 14px 0;\r\n border-radius: 999px;\r\n text-decoration: none;\r\n font-weight: 500;\r\n font-size: 15px;\r\n text-align: center;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\r\n box-shadow: 0 6px 14px rgba(229, 57, 53, 0.25);\r\n animation: subtlePulse 3s infinite;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #D32F2F;\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 24px rgba(229, 57, 53, 0.35);\r\n animation: none;\r\n }\r\n\r\n .btn-secondary {\r\n flex: 1;\r\n background: #F3F4F6;\r\n color: #111827;\r\n padding: 14px 0;\r\n border-radius: 999px;\r\n text-decoration: none;\r\n font-weight: 500;\r\n font-size: 15px;\r\n text-align: center;\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: #E5E7EB;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .btn-wide {\r\n width: 100%;\r\n background: #111827;\r\n color: #FFFFFF;\r\n padding: 15px 0;\r\n border-radius: 999px;\r\n text-decoration: none;\r\n font-weight: 500;\r\n font-size: 15px;\r\n text-align: center;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n\/* HOVER: TEKST BLIJFT WIT *\/\r\n.btn-wide:hover {\r\n color: #FFFFFF;\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 24px rgba(0,0,0,0.15);\r\n}\r\n\r\n }\r\n\r\n .btn-wide:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 24px rgba(0,0,0,0.15);\r\n }\r\n\r\n @keyframes subtlePulse {\r\n 0% {\r\n box-shadow: 0 6px 14px rgba(229, 57, 53, 0.25);\r\n }\r\n 50% {\r\n box-shadow: 0 10px 22px rgba(229, 57, 53, 0.35);\r\n }\r\n 100% {\r\n box-shadow: 0 6px 14px rgba(229, 57, 53, 0.25);\r\n }\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 768px) {\r\n .hero-inner {\r\n padding: 100px 24px 80px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 48px;\r\n line-height: 1.15;\r\n }\r\n\r\n .hero p {\r\n font-size: 16px;\r\n }\r\n\r\n .hero-actions {\r\n max-width: 100%;\r\n }\r\n\r\n .hero-actions-top {\r\n flex-direction: column;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n\r\n <span class=\"hero-label\">Arrowline Academy<\/span>\r\n\r\n <h1>Samen leren. Samen in beweging.<\/h1>\r\n\r\n <p>\r\n Kom in beweging. Vakspecifieke en persoonlijke ontwikkeling\r\n voor de medewerkers van Arrowline.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <div class=\"hero-actions-top\">\r\n <a href=\"https:\/\/arrowlineacademy.nl\/?page_id=61\" class=\"btn-primary\">Bekijk aanbod<\/a>\r\n <a href=\"#\" class=\"btn-secondary\" id=\"btn-open-popup\">\r\n Direct aanmelden\r\n <\/a>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/arrowlineacademy.nl\/?page_id=139\" class=\"btn-wide\">Bekijk Vitaliteit Kalender<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Custom Popup -->\r\n<div id=\"popup-207\" class=\"custom-popup\" style=\"display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); justify-content:center; align-items:center; z-index:1000; opacity:0; transition: opacity 0.3s;\">\r\n <div style=\"background:white; padding:2rem; border-radius:8px; max-width:500px; width:90%; position:relative; transform:translateY(-20px); transition: transform 0.3s;\">\r\n \r\n <!-- Close button -->\r\n <button id=\"close-popup-207\" style=\"position:absolute; top:1rem; right:1rem;\">\u00d7<\/button>\r\n\r\n <!-- Formulier -->\r\n <form class=\"has-shape-sharp shape-type-box ehp-form has-layout-preset-quick-connect\" name=\"Nieuw formulier\" method=\"post\">\r\n <div class=\"ehp-form__text-container\">\r\n <h2 class=\"ehp-form__heading\">Meld je vandaag aan!<\/h2>\r\n <p class=\"ehp-form__description\">Voer het onderstaande formulier in en we nemen zo snel mogelijk contact met je op<\/p>\r\n <\/div>\r\n\r\n <input type=\"hidden\" name=\"post_id\" value=\"207\">\r\n <input type=\"hidden\" name=\"form_id\" value=\"2edb232\">\r\n <input type=\"hidden\" name=\"referer_title\" value=\"\">\r\n <input type=\"hidden\" name=\"queried_id\" value=\"8\">\r\n\r\n <div class=\"ehp-form__content\">\r\n <div class=\"ehp-form__wrapper\">\r\n\r\n <div class=\"ehp-form__field-group is-field-type-text is-field-group-name has-width-100 has-border has-shape-default\">\r\n <label for=\"form-field-name\" class=\"ehp-form__field-label\">Naam<\/label>\r\n <input type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"ehp-form__field\" placeholder=\"Naam\">\r\n <\/div>\r\n\r\n <div class=\"ehp-form__field-group is-field-type-text is-field-group-email has-width-100 is-field-required has-border has-shape-default\">\r\n <label for=\"form-field-email\" class=\"ehp-form__field-label\">Cursus<\/label>\r\n <input type=\"text\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"ehp-form__field\" placeholder=\"Cursusnaam \" required>\r\n <\/div>\r\n\r\n <div class=\"ehp-form__field-group is-field-type-textarea is-field-group-message has-width-100 has-border has-shape-default\">\r\n <label for=\"form-field-message\" class=\"ehp-form__field-label\">Bericht<\/label>\r\n <textarea class=\"ehp-form__field\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Bericht\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"ehp-form__submit-group has-width-100\">\r\n <button class=\"ehp-form__button\" type=\"submit\">\r\n <span class=\"ehp-form__button-text\">Verzenden<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n var btn = document.getElementById('btn-open-popup');\r\n var popup = document.getElementById('popup-207');\r\n var closeBtn = document.getElementById('close-popup-207');\r\n var popupContent = popup.querySelector('div');\r\n\r\n function openPopup() {\r\n popup.style.display = 'flex';\r\n setTimeout(() => {\r\n popup.style.opacity = '1';\r\n popupContent.style.transform = 'translateY(0)';\r\n }, 10);\r\n }\r\n\r\n function closePopup() {\r\n popup.style.opacity = '0';\r\n popupContent.style.transform = 'translateY(-20px)';\r\n setTimeout(() => {\r\n popup.style.display = 'none';\r\n }, 300);\r\n }\r\n\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n openPopup();\r\n });\r\n\r\n closeBtn.addEventListener('click', closePopup);\r\n\r\n popup.addEventListener('click', function(e) {\r\n if (e.target === popup) closePopup();\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca4726a e-con-full e-flex e-con e-parent\" data-id=\"ca4726a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d70ce1 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"1d70ce1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"academy-carousel-cards\">\r\n <style>\r\n .academy-carousel-cards {\r\n background: #FFFFFF;\r\n padding: 32px 0;\r\n overflow: hidden;\r\n position: relative;\r\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n }\r\n\r\n .academy-carousel-cards::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: #E53935;\r\n transform: translateY(-50%);\r\n }\r\n\r\n .carousel-track {\r\n display: flex;\r\n width: max-content;\r\n gap: 18px;\r\n padding-left: 24px;\r\n animation: scrollCards 42s linear infinite;\r\n will-change: transform;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .academy-carousel-cards:hover .carousel-track {\r\n animation-play-state: paused;\r\n }\r\n\r\n @keyframes scrollCards {\r\n from { transform: translateX(-50%); }\r\n to { transform: translateX(0); }\r\n }\r\n\r\n .course-card {\r\n background: #FFFFFF;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n min-width: 260px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.04);\r\n }\r\n\r\n .course-card span {\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: #E53935;\r\n display: block;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .course-card h4 {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #111827;\r\n line-height: 1.4;\r\n }\r\n <\/style>\r\n\r\n <div class=\"carousel-track\">\r\n\r\n <!-- SET 1 -->\r\n <div class=\"course-card\"><span>Digitale vaardigheden<\/span><h4>Power BI \u2013 Inzicht & Rapportage<\/h4><\/div>\r\n <div class=\"course-card\"><span>Vitaliteit<\/span><h4>Stoppen met Roken<\/h4><\/div>\r\n <div class=\"course-card\"><span>Code 95<\/span><h4>EHBO voor Chauffeurs<\/h4><\/div>\r\n <div class=\"course-card\"><span>Communicatie<\/span><h4>Gesprekstechnieken & Feedback<\/h4><\/div>\r\n <div class=\"course-card\"><span>Continu verbeteren<\/span><h4>Lean Werken in de Praktijk<\/h4><\/div>\r\n <div class=\"course-card\"><span>Digitale vaardigheden<\/span><h4>Microsoft Office \u2013 Praktisch Werken<\/h4><\/div>\r\n <div class=\"course-card\"><span>Vitaliteit<\/span><h4>PMO \u2013 Preventief Medisch Onderzoek<\/h4><\/div>\r\n <div class=\"course-card\"><span>Code 95<\/span><h4>Heftruckcertificaat<\/h4><\/div>\r\n <div class=\"course-card\"><span>Communicatie<\/span><h4>Communiceren volgens de Vis-methodiek<\/h4><\/div>\r\n <div class=\"course-card\"><span>Continu verbeteren<\/span><h4>Nederlandse Taal op de Werkvloer<\/h4><\/div>\r\n <div class=\"course-card\"><span>Vitaliteit<\/span><h4>Voeding & Gezonde Leefstijl<\/h4><\/div>\r\n <div class=\"course-card\"><span>Digitale vaardigheden<\/span><h4>Werken met Zendesk<\/h4><\/div>\r\n <div class=\"course-card\"><span>Continu verbeteren<\/span><h4>Engelse Taal voor de Praktijk<\/h4><\/div>\r\n\r\n <!-- SET 2 (EXACT DUPLICATE) -->\r\n <div class=\"course-card\"><span>Digitale vaardigheden<\/span><h4>Power BI \u2013 Inzicht & Rapportage<\/h4><\/div>\r\n <div class=\"course-card\"><span>Vitaliteit<\/span><h4>Stoppen met Roken<\/h4><\/div>\r\n <div class=\"course-card\"><span>Code 95<\/span><h4>EHBO voor Chauffeurs<\/h4><\/div>\r\n <div class=\"course-card\"><span>Communicatie<\/span><h4>Gesprekstechnieken & Feedback<\/h4><\/div>\r\n <div class=\"course-card\"><span>Continu verbeteren<\/span><h4>Lean Werken in de Praktijk<\/h4><\/div>\r\n <div class=\"course-card\"><span>Digitale vaardigheden<\/span><h4>Microsoft Office \u2013 Praktisch Werken<\/h4><\/div>\r\n <div class=\"course-card\"><span>Vitaliteit<\/span><h4>PMO \u2013 Preventief Medisch Onderzoek<\/h4><\/div>\r\n <div class=\"course-card\"><span>Code 95<\/span><h4>Heftruckcertificaat<\/h4><\/div>\r\n <div class=\"course-card\"><span>Communicatie<\/span><h4>Communiceren volgens de Vis-methodiek<\/h4><\/div>\r\n <div class=\"course-card\"><span>Continu verbeteren<\/span><h4>Nederlandse Taal op de Werkvloer<\/h4><\/div>\r\n <div class=\"course-card\"><span>Vitaliteit<\/span><h4>Voeding & Gezonde Leefstijl<\/h4><\/div>\r\n <div class=\"course-card\"><span>Digitale vaardigheden<\/span><h4>Werken met Zendesk<\/h4><\/div>\r\n <div class=\"course-card\"><span>Continu verbeteren<\/span><h4>Engelse Taal voor de Praktijk<\/h4><\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7183ddd e-con-full e-flex e-con e-parent\" data-id=\"7183ddd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24cdf27 elementor-widget elementor-widget-html\" data-id=\"24cdf27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Arrowline Academy \u2013 Thema\u2019s<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nbody {\r\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: #F6F7F9;\r\n color: #111827;\r\n}\r\n\r\n\/* SECTION *\/\r\n.theme-section {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 60px 40px;\r\n}\r\n\r\n.theme-header {\r\n margin-bottom: 32px;\r\n}\r\n\r\n.theme-header h2 {\r\n font-size: 24px;\r\n font-weight: 600;\r\n}\r\n\r\n\/* GRID *\/\r\n.theme-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr); \/* \ud83d\udd25 ALTIJD 5 naast elkaar *\/\r\n gap: 20px;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1200px) {\r\n .theme-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .theme-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .theme-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n\/* THEME BLOCK *\/\r\n.theme-block {\r\n background: #FFFFFF;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 16px;\r\n padding: 28px;\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n cursor: pointer;\r\n}\r\n\r\n.theme-block:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* ICON *\/\r\n.theme-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n margin-bottom: 16px;\r\n background: #FEE2E2;\r\n color: #E53935;\r\n}\r\n\r\n\/* TITLE *\/\r\n.theme-block h3 {\r\n font-size: 17px;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.theme-block p {\r\n font-size: 14px;\r\n color: #6B7280;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n .theme-section {\r\n padding: 40px 24px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"theme-section\">\r\n\r\n <div class=\"theme-header\">\r\n <h2>Thema\u2019s<\/h2>\r\n <\/div>\r\n\r\n <div class=\"theme-grid\">\r\n\r\n <!-- VITALITEIT -->\r\n <div class=\"theme-block\">\r\n <div class=\"theme-icon\">\u2764\ufe0f<\/div>\r\n <h3>Vitaliteit<\/h3>\r\n <p>\r\n Trainingen gericht op gezondheid, energie,\r\n balans en duurzaam inzetbaar blijven.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- CODE 95 -->\r\n <div class=\"theme-block\">\r\n <div class=\"theme-icon\">\ud83d\ude9a<\/div>\r\n <h3>Code 95<\/h3>\r\n <p>\r\n Verplichte opleidingen voor chauffeurs,\r\n theorie en praktijk gecombineerd.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- DIGITALE VAARDIGHEDEN -->\r\n <div class=\"theme-block\">\r\n <div class=\"theme-icon\">\ud83d\udcbb<\/div>\r\n <h3>Digitale vaardigheden<\/h3>\r\n <p>\r\n Effici\u00ebnt werken met systemen,\r\n programma\u2019s en digitale tools.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- CONTINU VERBETEREN -->\r\n <div class=\"theme-block\">\r\n <div class=\"theme-icon\">\ud83d\udd04<\/div>\r\n <h3>Continu verbeteren<\/h3>\r\n <p>\r\n Slimmer werken, processen verbeteren\r\n en kwaliteit verhogen.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- COMMUNICATIE -->\r\n <div class=\"theme-block\">\r\n <div class=\"theme-icon\">\ud83d\udcac<\/div>\r\n <h3>Communicatieve vaardigheden<\/h3>\r\n <p>\r\n Beter samenwerken, duidelijk communiceren\r\n en professioneel omgaan met anderen.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72eaf78 e-con-full e-flex e-con e-parent\" data-id=\"72eaf78\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef62d7 elementor-widget elementor-widget-html\" data-id=\"1ef62d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Arrowline Academy \u2013 Idee indienen<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n <style>\r\n \/* RESET *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n background-color: #F6F7F9;\r\n color: #111827;\r\n }\r\n\r\n \/* IDEA SECTION *\/\r\n .idea-section {\r\n padding: 80px 40px;\r\n }\r\n\r\n .idea-wrapper {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: #FFFFFF;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 16px;\r\n padding: 56px;\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 48px;\r\n align-items: center;\r\n }\r\n\r\n \/* CONTENT *\/\r\n .idea-label {\r\n display: inline-block;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #16A34A;\r\n background: #DCFCE7;\r\n padding: 4px 10px;\r\n border-radius: 999px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .idea-content h1 {\r\n font-size: 28px;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .idea-content p {\r\n font-size: 15px;\r\n color: #6B7280;\r\n line-height: 1.6;\r\n max-width: 520px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n \/* BUTTON *\/\r\n .btn-idea {\r\n display: inline-block;\r\n background: #E53935;\r\n color: #FFFFFF;\r\n text-decoration: none;\r\n padding: 10px 22px;\r\n border-radius: 999px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .btn-idea:hover {\r\n background: #D32F2F;\r\n }\r\n\r\n \/* VISUAL *\/\r\n .idea-visual {\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .idea-placeholder {\r\n width: 180px;\r\n height: 180px;\r\n border-radius: 50%;\r\n background: #F3F4F6;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 64px;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 768px) {\r\n .idea-wrapper {\r\n grid-template-columns: 1fr;\r\n padding: 32px;\r\n text-align: center;\r\n }\r\n\r\n .idea-content p {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"idea-section\">\r\n\r\n <div class=\"idea-wrapper\">\r\n\r\n <!-- CONTENT -->\r\n <div class=\"idea-content\">\r\n <span class=\"idea-label\">Nieuw<\/span>\r\n\r\n <h1>Heb jij een goed idee?<\/h1>\r\n\r\n <p>\r\n Zie jij kansen voor verbetering, nieuwe trainingen\r\n of slimme werkwijzen? Deel jouw idee en bouw mee\r\n aan de verdere ontwikkeling van Arrowline Academy.\r\n <\/p>\r\n\r\n <a href=\"#idee-indienen\" class=\"btn-idea\">\r\n Idee indienen\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- VISUAL -->\r\n <div class=\"idea-visual\">\r\n <div class=\"idea-placeholder\">\ud83d\udca1<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce56fba e-con-full e-flex e-con e-parent\" data-id=\"ce56fba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e82924 elementor-widget elementor-widget-html\" data-id=\"3e82924\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"why-idea-section\">\r\n <style>\r\n .why-idea-section {\r\n background: #F6F7F9;\r\n padding: 80px 40px;\r\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n color: #111827;\r\n }\r\n\r\n .why-idea-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .why-idea-header {\r\n max-width: 640px;\r\n margin-bottom: 48px;\r\n }\r\n\r\n .why-idea-header h2 {\r\n font-size: 24px;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .why-idea-header p {\r\n font-size: 15px;\r\n color: #6B7280;\r\n line-height: 1.6;\r\n }\r\n\r\n .why-idea-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 32px;\r\n }\r\n\r\n .why-idea-item {\r\n background: #FFFFFF;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 14px;\r\n padding: 32px;\r\n }\r\n\r\n .why-idea-item h3 {\r\n font-size: 16px;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .why-idea-item p {\r\n font-size: 14px;\r\n color: #6B7280;\r\n line-height: 1.6;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .why-idea-section {\r\n padding: 60px 24px;\r\n }\r\n\r\n .why-idea-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"why-idea-inner\">\r\n\r\n <div class=\"why-idea-header\">\r\n <h2>Waarom jouw idee telt!<\/h2>\r\n <p>\r\n Verbeteringen ontstaan vanuit de praktijk.\r\n Daarom nemen we idee\u00ebn serieus en bouwen\r\n we samen aan betere trainingen en werkwijzen.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"why-idea-grid\">\r\n\r\n <div class=\"why-idea-item\">\r\n <h3>Dicht bij de praktijk<\/h3>\r\n <p>\r\n Jij weet wat werkt en wat beter kan.\r\n Idee\u00ebn uit de praktijk zorgen voor\r\n relevante en direct toepasbare trainingen.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"why-idea-item\">\r\n <h3>Echte impact<\/h3>\r\n <p>\r\n Goede idee\u00ebn kunnen leiden tot nieuwe\r\n trainingen, verbeterde processen of\r\n concrete aanpassingen binnen Arrowline.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"why-idea-item\">\r\n <h3>Samen ontwikkelen<\/h3>\r\n <p>\r\n Arrowline Academy groeit door\r\n samenwerking. Jouw bijdrage helpt\r\n iedereen vooruit.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ebf6a1 e-con-full e-flex e-con e-parent\" data-id=\"6ebf6a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a8c164 elementor-widget elementor-widget-html\" data-id=\"2a8c164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\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>Arrowline Academy \u2013 Afsluiting<\/title>\r\n\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: #F6F7F9;\r\n color: #111827;\r\n }\r\n\r\n .closing-section {\r\n padding: 80px 40px;\r\n background: linear-gradient(\r\n to bottom,\r\n #F6F7F9 0%,\r\n #F6F7F9 60%,\r\n #F3F4F6 100%\r\n );\r\n }\r\n\r\n .closing-inner {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n .closing-inner h2 {\r\n font-size: 28px;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n letter-spacing: -0.2px;\r\n }\r\n\r\n .closing-inner p {\r\n font-size: 16px;\r\n color: #6B7280;\r\n line-height: 1.7;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .closing-actions {\r\n display: flex;\r\n justify-content: center;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .closing-actions a {\r\n padding: 10px 22px;\r\n border-radius: 999px;\r\n text-decoration: none;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .closing-primary {\r\n background: #E53935;\r\n color: #FFFFFF;\r\n }\r\n\r\n .closing-primary:hover {\r\n background: #D32F2F;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .closing-secondary {\r\n background: transparent;\r\n color: #111827;\r\n border: 1px solid #D1D5DB;\r\n }\r\n\r\n .closing-secondary:hover {\r\n background: #F3F4F6;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .closing-section {\r\n padding: 60px 24px;\r\n }\r\n\r\n .closing-inner h2 {\r\n font-size: 24px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"closing-section\">\r\n <div class=\"closing-inner\">\r\n\r\n <h2>Klaar om te groeien met Arrowline Academy?<\/h2>\r\n\r\n <p>\r\n Ontwikkel je vaardigheden, blijf up-to-date en schrijf je eenvoudig in\r\n voor trainingen die passen bij jouw rol binnen Arrowline.\r\n <\/p>\r\n\r\n <div class=\"closing-actions\">\r\n <a href=\"https:\/\/arrowlineacademy.nl\/?page_id=61\" class=\"closing-secondary\">Bekijk aanbod<\/a>\r\n <a href=\"#aanmelden\" class=\"closing-primary\">Direct aanmelden<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\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>Arrowline Academy Arrowline Academy Samen leren. Samen in beweging. Kom in beweging. Vakspecifieke en persoonlijke ontwikkeling voor de medewerkers van Arrowline. Bekijk aanbod Direct aanmelden Bekijk Vitaliteit Kalender \u00d7 Meld je vandaag aan! Voer het onderstaande formulier in en we nemen zo snel mogelijk contact met je op Naam Cursus Bericht Verzenden Digitale vaardigheden Power […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":127,"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/arrowlineacademy.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}