{"id":190,"date":"2025-12-06T15:25:42","date_gmt":"2025-12-06T15:25:42","guid":{"rendered":"https:\/\/idpicker.com\/?page_id=190"},"modified":"2025-12-09T15:16:42","modified_gmt":"2025-12-09T15:16:42","slug":"hakkimizda","status":"publish","type":"page","link":"https:\/\/idpicker.com\/en\/hakkimizda\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"190\" class=\"elementor elementor-190\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b11a2d0 e-con-full e-flex e-con e-parent\" data-id=\"b11a2d0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9253aa elementor-widget elementor-widget-html\" data-id=\"c9253aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"idp-about-hero idp-reveal-area\">\r\n    <div class=\"idp-about-container\">\r\n\r\n        <div class=\"idp-about-badge idp-reveal\">Hakk\u0131m\u0131zda<\/div>\r\n\r\n        <h1 class=\"idp-about-title idp-reveal\">\r\n            E\u011fitim Teknolojilerinde\r\n            <span>Yenilik\u00e7i Yolculu\u011fumuz<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"idp-about-text idp-reveal\">\r\n            Y\u0131llar\u0131n deneyimi ve teknoloji liderli\u011fi ile e\u011fitimden kariyere uzanan\r\n            ekosistemde de\u011fer yaratan \u00e7\u00f6z\u00fcmler \u00fcretiyoruz.\r\n        <\/p>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/*\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   IDP THEME GLOBAL COLOR SYSTEM\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*\/\r\n:root {\r\n    --primary:#E63946;\r\n    --primary-light:#FF4D58;\r\n    --accent:#FF8C42;\r\n\r\n    --text-primary:#2D3047;\r\n    --text-secondary:#4A4E69;\r\n}\r\n\r\n\/*\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SECTION BASE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*\/\r\n.idp-about-hero{\r\n    background:#FEF9F8;\r\n    padding:110px 20px;\r\n    text-align:center;\r\n    font-family:Inter,sans-serif;\r\n}\r\n\r\n.idp-about-container{\r\n    max-width:860px;\r\n    margin:auto;\r\n}\r\n\r\n\/*\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   SCROLL REVEAL\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*\/\r\n.idp-reveal-area .idp-reveal{\r\n    opacity:0;\r\n    transform:translateY(40px);\r\n    transition:opacity .9s ease, transform .9s ease;\r\n}\r\n\r\n.idp-reveal-area.active .idp-reveal{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n.idp-reveal:nth-child(1){transition-delay:.15s;}\r\n.idp-reveal:nth-child(2){transition-delay:.35s;}\r\n.idp-reveal:nth-child(3){transition-delay:.55s;}\r\n\r\n\/*\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   BADGE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*\/\r\n.idp-about-badge{\r\n    display:inline-block;\r\n    background:var(--primary);\r\n    color:#fff;\r\n    padding:5px 14px;\r\n    font-size:12px;\r\n    font-weight:600;\r\n    border-radius:8px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n\/*\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   TITLE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*\/\r\n.idp-about-title{\r\n    font-size:32px;\r\n    font-weight:800;\r\n    color:var(--text-primary);\r\n    margin-bottom:22px;\r\n    line-height:1.2;\r\n    letter-spacing:-0.8px;\r\n}\r\n\r\n.idp-about-title span{\r\n    display:block;\r\n    background:linear-gradient(to right,var(--primary),var(--primary-light),var(--accent));\r\n    -webkit-background-clip:text;\r\n    color:transparent;\r\n    margin-top:8px;\r\n}\r\n\r\n\/*\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   TEXT\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*\/\r\n.idp-about-text{\r\n    font-size:18px;\r\n    color:var(--text-secondary);\r\n    max-width:650px;\r\n    margin:auto;\r\n    line-height:1.65;\r\n}\r\n\r\n\/*\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   RESPONSIVE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*\/\r\n@media(min-width:640px){\r\n    .idp-about-title{font-size:44px;}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Scroll Reveal (wordPress uyumlu conflict-free)\r\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\r\n\r\n    const section=document.querySelector(\".idp-reveal-area\");\r\n\r\n    function runReveal(){\r\n        if(!section) return;\r\n        const pos=section.getBoundingClientRect().top;\r\n        if(pos < window.innerHeight - 120){\r\n            section.classList.add(\"active\");\r\n        }\r\n    }\r\n\r\n    runReveal();\r\n    window.addEventListener(\"scroll\",runReveal);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f38ddb e-con-full e-flex e-con e-parent\" data-id=\"1f38ddb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ea214 elementor-widget elementor-widget-html\" data-id=\"42ea214\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"py-16 reveal-section\" style=\"background:#FEF9F8;\">\r\n    <div class=\"mx-auto max-w-7xl px-6 lg:px-8\">\r\n        \r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n\r\n            <!-- Vizyon -->\r\n            <div class=\"idp-card reveal-item rounded-xl border shadow-sm hover:shadow-lg hover:scale-[1.02] transition-all duration-400 bg-white\"\r\n                 style=\"border-color:#FFE5E5; color:#2D3047;\">\r\n                \r\n                <div class=\"flex flex-col space-y-1.5 p-6\">\r\n                    <div class=\"h-12 w-12 rounded-lg flex items-center justify-center mb-4\"\r\n                         style=\"background:rgba(230,57,70,0.10);\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"#E63946\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\">\r\n                            <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline>\r\n                            <polyline points=\"16 7 22 7 22 13\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"font-semibold tracking-tight text-2xl\">Vizyonumuz<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 pt-0\">\r\n                    <p style=\"color:#4A4E69;\" class=\"leading-relaxed\">\r\n                        E\u011fitimden i\u015fe ge\u00e7i\u015f s\u00fcrecinde yapay zeka destekli ki\u015fisel y\u00f6nlendirme ile her bireyin\r\n                        potansiyelini maksimize etmek ve do\u011fru kariyer yolunu bulmas\u0131na yard\u0131mc\u0131 olmak.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Misyon -->\r\n            <div class=\"idp-card reveal-item rounded-xl border shadow-sm hover:shadow-lg hover:scale-[1.02] transition-all duration-400 bg-white\"\r\n                 style=\"border-color:#FFE5E5; color:#2D3047;\">\r\n                \r\n                <div class=\"flex flex-col space-y-1.5 p-6\">\r\n                    <div class=\"h-12 w-12 rounded-lg flex items-center justify-center mb-4\"\r\n                         style=\"background:rgba(230,57,70,0.10);\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"#E63946\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\">\r\n                            <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline>\r\n                            <polyline points=\"16 7 22 7 22 13\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/div>\r\n\r\n                    <div class=\"font-semibold tracking-tight text-2xl\">Misyonumuz<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-6 pt-0\">\r\n                    <p style=\"color:#4A4E69;\" class=\"leading-relaxed\">\r\n                        K12'den \u00fcniversiteye ve oradan i\u015f hayat\u0131na uzanan t\u00fcm e\u011fitim-kariyer yolculu\u011funda\r\n                        \u00f6\u011frencilere, e\u011fitimcilere, ailelere ve i\u015fverenlere veri odakl\u0131, AI destekli \u00e7\u00f6z\u00fcmler sunmak.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* -------- Scroll Animasyon -------- *\/\r\n.reveal-section {\r\n    opacity: 0;\r\n    transform: translateY(60px);\r\n    transition: opacity .8s ease, transform .8s ease;\r\n}\r\n.reveal-section.active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.reveal-item {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    filter: blur(10px);\r\n    transition: opacity .9s ease, transform .9s ease, filter .9s ease;\r\n    will-change: transform, opacity;\r\n}\r\n\r\n\/* Kartlar g\u00f6r\u00fcn\u00fcr olurken animasyon, hover ile kar\u0131\u015fmas\u0131n *\/\r\n.reveal-section.active .reveal-item {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    filter: blur(0);\r\n}\r\n.reveal-section.active .reveal-item:nth-child(1){ transition-delay: .15s; }\r\n.reveal-section.active .reveal-item:nth-child(2){ transition-delay: .35s; }\r\n\r\n\/* -------- Hover Modern SaaS Card -------- *\/\r\n.idp-card{\r\n    transition: transform .35s cubic-bezier(.25,.46,.45,.94), \r\n                box-shadow .35s cubic-bezier(.25,.46,.45,.94);\r\n    box-shadow: 0 4px 14px rgba(0,0,0,0.04);\r\n}\r\n.idp-card:hover{\r\n    transform: translateY(-6px) scale(1.015);\r\n    box-shadow: 0 18px 42px rgba(0,0,0,0.08);\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\nfunction reveal(){\r\n    document.querySelectorAll(\".reveal-section\").forEach(sec=>{\r\n        if(sec.getBoundingClientRect().top < window.innerHeight - 120){\r\n            sec.classList.add(\"active\");\r\n        }\r\n    });\r\n}\r\nwindow.addEventListener(\"scroll\",reveal);\r\nreveal();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b07315e e-con-full e-flex e-con e-parent\" data-id=\"b07315e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-426aa83 elementor-widget elementor-widget-html\" data-id=\"426aa83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"edtech-piramid1\" class=\"edtech-section1 py-20\">\r\n  <div class=\"mx-auto max-w-7xl px-6 lg:px-8\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"text-center mb-16 reveal1\">\r\n      <div class=\"badge1\">EdTech Yolculu\u011fu<\/div>\r\n      <h2 class=\"section-title1\">4 Seviyeli EdTech Piramidi<\/h2>\r\n      <p class=\"section-subtitle1\">\r\n        E\u011fitim teknolojileri alan\u0131nda sistematik bir yakla\u015f\u0131mla ilerleyerek kapsaml\u0131 bir ekosistem olu\u015fturduk\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- GRID -->\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n      \r\n      <!-- LEVEL 1 -->\r\n      <div class=\"edtech-card1 reveal1\">\r\n        <div class=\"card-inner1\">\r\n          <div class=\"icon-wrap1 soft-red1\">\r\n            <svg width=\"24\" height=\"24\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\"\r\n              stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\r\n              <path d=\"M3 5V19A9 3 0 0 0 21 19V5\"><\/path>\r\n              <path d=\"M3 12A9 3 0 0 0 21 12\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <div class=\"level-badge1\">Seviye 1<\/div>\r\n            <div class=\"level-title1\">Otomasyon<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"card-desc1\">\u00d6\u011frenci \u0130\u015fleri, LMS ve Uluslararas\u0131la\u015fma Otomasyonlar\u0131<\/p>\r\n\r\n        <ul class=\"card-list1\">\r\n          <li>150+ e\u011fitim kurulu\u015fu ile \u00e7al\u0131\u015ft\u0131k<\/li>\r\n          <li>\u00d6\u011frenci i\u015fleri y\u00f6netim sistemleri geli\u015ftirdik<\/li>\r\n          <li>LMS platformlar\u0131 entegre ettik<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- LEVEL 2 -->\r\n      <div class=\"edtech-card1 reveal1\">\r\n        <div class=\"card-inner1\">\r\n          <div class=\"icon-wrap1 soft-red1\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <div class=\"level-badge1\">Seviye 2<\/div>\r\n            <div class=\"level-title1\">Tan\u0131n\u0131rl\u0131k & Birlikte \u00c7al\u0131\u015fabilirlik<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"card-desc1\">EWP Entegrasyonu ve Blockchain Sertifikalar<\/p>\r\n\r\n        <ul class=\"card-list1\">\r\n          <li>5,800+ uluslararas\u0131 \u00fcniversite entegrasyonu<\/li>\r\n          <li>Erasmus Without Paper projelerinde rol ald\u0131k<\/li>\r\n          <li>Badgeway blockchain sertifika platformu<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- LEVEL 3 -->\r\n      <div class=\"edtech-card1 highlight1 reveal1\">\r\n        <div class=\"card-inner1\">\r\n          <div class=\"icon-wrap1 red1\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n              <circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle>\r\n              <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <div class=\"level-badge1 red-bg1\">Seviye 3<\/div>\r\n            <div class=\"level-title1\">IDPicker \u2013 E\u011fitim & Kariyer Rehberli\u011fi<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"card-desc1\">AI Destekli Ki\u015fiselle\u015ftirilmi\u015f Platform<\/p>\r\n\r\n        <ul class=\"card-list1\">\r\n          <li>Yapay zeka destekli kariyer y\u00f6nlendirmesi<\/li>\r\n          <li>M\u00fcfredat tan\u0131n\u0131rl\u0131\u011f\u0131 & e\u015fle\u015ftirme<\/li>\r\n          <li>K12\u2019den i\u015f hayat\u0131na tam yol haritas\u0131<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- LEVEL 4 -->\r\n      <div class=\"edtech-card1 reveal1\">\r\n        <div class=\"card-inner1\">\r\n          <div class=\"icon-wrap1 soft-red1\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <rect width=\"8\" height=\"8\" x=\"3\" y=\"3\" rx=\"2\"><\/rect>\r\n              <rect width=\"8\" height=\"8\" x=\"13\" y=\"13\" rx=\"2\"><\/rect>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <div class=\"level-badge1\">Seviye 4<\/div>\r\n            <div class=\"level-title1\">\u0130\u015fg\u00fcc\u00fc Piyasas\u0131 Entegrasyonu<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"card-desc1\">Dinamik CV ve Yetenek E\u015fle\u015ftirme<\/p>\r\n\r\n        <ul class=\"card-list1\">\r\n          <li>\u0130\u015f g\u00fcc\u00fc piyasas\u0131 ile tam entegrasyon<\/li>\r\n          <li>Dinamik CV y\u00f6netimi<\/li>\r\n          <li>Erken a\u015fama beceri & yetkinlik takibi<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<style>:root {\r\n  --primary1:#E63946;\r\n  --primary-light1:#FF8C42;\r\n  --text-dark1:#2D3047;\r\n  --text-muted1:#4A4E69;\r\n  --border1:#FFE5E5;\r\n  --bg1:#FEF9F8;\r\n}\r\n\r\n\/* Section *\/\r\n.edtech-section1 {\r\n  background: var(--bg1);\r\n}\r\n\r\n\/* Header *\/\r\n.badge1 {\r\n  display:inline-flex;\r\n  padding:4px 12px;\r\n  font-size:12px;\r\n  background:var(--primary1);\r\n  color:#fff;\r\n  border-radius:6px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.section-title1 {\r\n  font-size:clamp(28px,3.5vw,40px);\r\n  font-weight:800;\r\n  color:var(--text-dark1);\r\n  margin-bottom:6px;\r\n}\r\n\r\n.section-subtitle1 {\r\n  font-size:18px;\r\n  color:var(--text-muted1);\r\n  max-width:620px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* Cards *\/\r\n.edtech-card1 {\r\n  background:#fff;\r\n  border-radius:14px;\r\n  border:1px solid var(--border1);\r\n  padding:24px;\r\n  transition:all .35s cubic-bezier(.25,.46,.45,.94);\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  filter:blur(10px);\r\n}\r\n\r\n.edtech-card1:hover {\r\n  transform:translateY(-6px) scale(1.02);\r\n  border-color:var(--primary1);\r\n  box-shadow:0 14px 28px rgba(0,0,0,.09);\r\n}\r\n\r\n.edtech-card1.highlight1 {\r\n  border:2px solid var(--primary1);\r\n}\r\n\r\n.edtech-card1.highlight1:hover {\r\n  box-shadow:0 18px 36px rgba(230,57,70,.28);\r\n  transform:translateY(-8px) scale(1.025);\r\n}\r\n\r\n\/* Inner Row *\/\r\n.card-inner1 {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.icon-wrap1 {\r\n  width:56px;\r\n  height:56px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:10px;\r\n}\r\n\r\n.soft-red1 {background:rgba(230,57,70,0.10); color:var(--primary1);}\r\n.red1 {background:var(--primary1); color:#fff;}\r\n\r\n.level-badge1 {\r\n  display:inline-flex;\r\n  background:var(--primary-light1);\r\n  color:black;\r\n  font-size:12px;\r\n  padding:3px 10px;\r\n  border-radius:6px;\r\n  margin-bottom:4px;\r\n}\r\n\r\n.red-bg1 {\r\n  background:var(--primary1);\r\n  color:#fff;\r\n}\r\n\r\n.level-title1 {\r\n  font-size:20px;\r\n  font-weight:600;\r\n  color:var(--text-dark1);\r\n}\r\n\r\n.card-desc1 {\r\n  color:var(--text-muted1);\r\n  font-size:15px;\r\n  margin-bottom:16px;\r\n}\r\n\r\n.card-list1 li {\r\n  padding-left:22px;\r\n  position:relative;\r\n  margin-bottom:8px;\r\n  color:var(--text-muted1);\r\n  font-size:14px;\r\n}\r\n\r\n.card-list1 li::before {\r\n  content:\"\u2713\";\r\n  position:absolute;\r\n  left:0;\r\n  top:1px;\r\n  color:var(--primary1);\r\n}\r\n\r\n\/* Reveal animation *\/\r\n.reveal1 {\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  filter:blur(10px);\r\n  transition:.8s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n\r\n.reveal1.visible1 {\r\n  opacity:1;\r\n  transform:none;\r\n  filter:blur(0);\r\n}\r\n<\/style>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  const observer1 = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add(\"visible1\");\r\n        observer1.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  document.querySelectorAll(\".reveal1\").forEach(el => observer1.observe(el));\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30fa9bc e-con-full e-flex e-con e-parent\" data-id=\"30fa9bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-927be66 elementor-widget elementor-widget-html\" data-id=\"927be66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"idp-boxes-section py-20\">\r\n  <div class=\"mx-auto max-w-7xl px-6 lg:px-8\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"text-center mb-16 idp-boxes-reveal\">\r\n      <div class=\"idp-boxes-badge\">Stratejik Konumlanma<\/div>\r\n\r\n      <h2 class=\"idp-boxes-title\">Neden IDPicker?<\/h2>\r\n\r\n      <p class=\"idp-boxes-subtitle\">\r\n        E\u011fitim teknolojileri ekosisteminde benzersiz de\u011fer \u00f6nerimiz\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Cards -->\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n\r\n      <div class=\"idp-boxes-card idp-boxes-reveal\">\r\n        <div class=\"idp-boxes-card-head\">\r\n          <div class=\"idp-boxes-icon\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n              <path d=\"m9 12 2 2 4-4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"idp-boxes-card-title\">\u00c7ok Payda\u015fl\u0131 Ekosistem<\/div>\r\n        <\/div>\r\n        <p class=\"idp-boxes-card-desc\">\u00d6\u011frenciden i\u015fverene kadar t\u00fcm payda\u015flar i\u00e7in entegre \u00e7\u00f6z\u00fcmler<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"idp-boxes-card idp-boxes-reveal\">\r\n        <div class=\"idp-boxes-card-head\">\r\n          <div class=\"idp-boxes-icon\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n              <path d=\"m9 12 2 2 4-4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"idp-boxes-card-title\">Uluslararas\u0131 Standartlar<\/div>\r\n        <\/div>\r\n        <p class=\"idp-boxes-card-desc\">UNESCO, EQF, Erasmus+ standartlar\u0131 ile tam uyum<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"idp-boxes-card idp-boxes-reveal\">\r\n        <div class=\"idp-boxes-card-head\">\r\n          <div class=\"idp-boxes-icon\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n              <path d=\"m9 12 2 2 4-4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"idp-boxes-card-title\">Teknoloji Liderli\u011fi<\/div>\r\n        <\/div>\r\n        <p class=\"idp-boxes-card-desc\">AI, blockchain ve veri analiti\u011fi ile yenilik\u00e7i yakla\u015f\u0131m<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"idp-boxes-card idp-boxes-reveal\">\r\n        <div class=\"idp-boxes-card-head\">\r\n          <div class=\"idp-boxes-icon\">\r\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n              <path d=\"m9 12 2 2 4-4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"idp-boxes-card-title\">Kan\u0131tlanm\u0131\u015f Deneyim<\/div>\r\n        <\/div>\r\n        <p class=\"idp-boxes-card-desc\">150+ kurum ve 5,800+ \u00fcniversite ile i\u015fbirli\u011fi ge\u00e7mi\u015fi<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<style>:root {\r\n  --idp-red:#E63946;\r\n  --idp-red-soft:rgba(230,57,70,0.10);\r\n  --idp-border:#FFE5E5;\r\n  --idp-dark:#2D3047;\r\n  --idp-muted:#4A4E69;\r\n  --idp-bg:#FEF9F7;\r\n}\r\n\r\n\/* Section *\/\r\n.idp-boxes-section { background:var(--idp-bg); }\r\n\r\n\/* HEADER *\/\r\n.idp-boxes-badge {\r\n  display:inline-flex;\r\n  padding:4px 12px;\r\n  background:var(--idp-red);\r\n  color:#fff;\r\n  font-size:12px;\r\n  font-weight:600;\r\n  border-radius:6px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.idp-boxes-title {\r\n  font-size:clamp(28px,3.5vw,40px);\r\n  font-weight:800;\r\n  color:var(--idp-dark);\r\n  margin-bottom:8px;\r\n}\r\n\r\n.idp-boxes-subtitle {\r\n  font-size:18px;\r\n  color:var(--idp-muted);\r\n  max-width:620px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* Cards *\/\r\n.idp-boxes-card {\r\n  background:#fff;\r\n  border:1px solid var(--idp-border);\r\n  border-radius:14px;\r\n  padding:24px;\r\n  transition:.35s cubic-bezier(.25,.46,.45,.94);\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  filter:blur(10px);\r\n}\r\n\r\n.idp-boxes-card:hover {\r\n  transform:translateY(-6px) scale(1.02);\r\n  border-color:var(--idp-red);\r\n  box-shadow:0 12px 26px rgba(0,0,0,.07);\r\n}\r\n\r\n\/* Card Header *\/\r\n.idp-boxes-card-head {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.idp-boxes-icon {\r\n  width:48px;\r\n  height:48px;\r\n  border-radius:10px;\r\n  background:var(--idp-red-soft);\r\n  color:var(--idp-red);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.idp-boxes-card-title {\r\n  font-size:18px;\r\n  font-weight:600;\r\n}\r\n\r\n.idp-boxes-card-desc {\r\n  color:var(--idp-muted);\r\n  font-size:14px;\r\n  margin-top:4px;\r\n}\r\n\r\n\/* Reveal *\/\r\n.idp-boxes-reveal {\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  filter:blur(10px);\r\n  transition:.8s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n\r\n.idp-boxes-reveal.is-visible {\r\n  opacity:1;\r\n  transform:none;\r\n  filter:blur(0);\r\n}\r\n<\/style>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  const obs = new IntersectionObserver((entries)=>{\r\n    entries.forEach(entry=>{\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add(\"is-visible\");\r\n        obs.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, {threshold:0.2});\r\n\r\n  document.querySelectorAll(\".idp-boxes-reveal\").forEach(el=>{\r\n    obs.observe(el);\r\n  });\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa1cc53 e-con-full e-flex e-con e-parent\" data-id=\"aa1cc53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff5c3fe elementor-widget elementor-widget-html\" data-id=\"ff5c3fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"idp-partners-section2 py-16\">\r\n  <div class=\"mx-auto max-w-7xl px-6 lg:px-8\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"text-center mb-12 reveal2\">\r\n      <div class=\"badge2\">Ortakl\u0131klar<\/div>\r\n\r\n      <h2 class=\"section-title2\">Uluslararas\u0131 \u0130\u015fbirlikleri<\/h2>\r\n\r\n      <p class=\"section-subtitle2\">\r\n        K\u00fcresel e\u011fitim ekosisteminin \u00f6nde gelen kurumlar\u0131 ile birlikte \u00e7al\u0131\u015f\u0131yoruz\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- PARTNER GRID -->\r\n    <div class=\"flex flex-wrap justify-center gap-6 lg:gap-8\">\r\n\r\n      <div class=\"partner-card2 reveal2\"><span>EWP (Erasmus Without Paper)<\/span><\/div>\r\n      <div class=\"partner-card2 reveal2\"><span>Erasmus+<\/span><\/div>\r\n      <div class=\"partner-card2 reveal2\"><span>UNESCO<\/span><\/div>\r\n      <div class=\"partner-card2 reveal2\"><span>OECD<\/span><\/div>\r\n      <div class=\"partner-card2 reveal2\"><span>D\u00fcnya Bankas\u0131<\/span><\/div>\r\n      <div class=\"partner-card2 reveal2\"><span>KION<\/span><\/div>\r\n      <div class=\"partner-card2 reveal2\"><span>Datenlotsen<\/span><\/div>\r\n      <div class=\"partner-card2 reveal2\"><span>CINECA<\/span><\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<style>:root {\r\n  --primary2:#E63946;\r\n  --primary-light2:rgba(230,57,70,0.10);\r\n  --border2:#FFE5E5;\r\n  --dark2:#2D3047;\r\n  --muted2:#4A4E69;\r\n  --bg2:#FEF9F7;\r\n}\r\n\r\n\/* SECTION *\/\r\n.idp-partners-section2 { \r\n  background: var(--bg2); \r\n}\r\n\r\n\/* HEADER *\/\r\n.badge2 {\r\n  display:inline-flex;\r\n  padding:4px 12px;\r\n  background:var(--primary2);\r\n  color:#fff;\r\n  font-size:12px;\r\n  font-weight:600;\r\n  border-radius:6px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.section-title2 {\r\n  font-size:clamp(24px,3vw,32px);\r\n  font-weight:800;\r\n  margin-bottom:6px;\r\n  color:var(--dark2);\r\n}\r\n\r\n.section-subtitle2 {\r\n  color:var(--muted2);\r\n  font-size:16px;\r\n  max-width:580px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* PARTNER CARDS *\/\r\n.partner-card2 {\r\n  padding:10px 24px;\r\n  border:1px solid var(--border2);\r\n  background:#fff;\r\n  border-radius:10px;\r\n  font-size:14px;\r\n  font-weight:500;\r\n  color:var(--muted2);\r\n  transition:.35s cubic-bezier(.25,.46,.45,.94);\r\n  \r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  filter:blur(10px);\r\n\r\n  cursor:default;\r\n}\r\n\r\n.partner-card2:hover {\r\n  transform:translateY(-4px) scale(1.03);\r\n  border-color:var(--primary2);\r\n  box-shadow:0 10px 22px rgba(0,0,0,.07);\r\n  color:var(--dark2);\r\n}\r\n\r\n\/* Reveal Animation *\/\r\n.reveal2 {\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  filter:blur(10px);\r\n  transition:.8s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n\r\n.reveal2.visible2 {\r\n  opacity:1;\r\n  transform:none;\r\n  filter:blur(0);\r\n}\r\n<\/style>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  const obs2 = new IntersectionObserver((entries)=>{\r\n    entries.forEach(entry=>{\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add(\"visible2\");\r\n        obs2.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold:0.2 });\r\n\r\n  document.querySelectorAll(\".reveal2\").forEach(el => obs2.observe(el));\r\n\r\n});\r\n<\/script>\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>Hakk\u0131m\u0131zda E\u011fitim Teknolojilerinde Yenilik\u00e7i Yolculu\u011fumuz Y\u0131llar\u0131n deneyimi ve teknoloji liderli\u011fi ile e\u011fitimden kariyere uzanan ekosistemde de\u011fer yaratan \u00e7\u00f6z\u00fcmler \u00fcretiyoruz. Vizyonumuz E\u011fitimden i\u015fe ge\u00e7i\u015f s\u00fcrecinde yapay zeka destekli ki\u015fisel y\u00f6nlendirme ile her bireyin potansiyelini maksimize etmek ve do\u011fru kariyer yolunu bulmas\u0131na yard\u0131mc\u0131 olmak. Misyonumuz K12&#8217;den \u00fcniversiteye ve oradan i\u015f hayat\u0131na uzanan t\u00fcm e\u011fitim-kariyer yolculu\u011funda \u00f6\u011frencilere, e\u011fitimcilere, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-190","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/pages\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":0,"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/pages\/190\/revisions"}],"wp:attachment":[{"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/media?parent=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}