Patikan – Veteriner G\u00f6n\u00fcll\u00fc Kan Ba\u011f\u0131\u015f\u00e7\u0131s\u0131 Program\u0131<\/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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', sans-serif; background-color: #F8F4F0; color: #4A4A4A; }\n .hero-bg { background-color: #E6DED8; }\n .btn-primary { background-color: #A28469; color: white; transition: background-color 0.3s; }\n .btn-primary:hover { background-color: #8C7359; }\n .nav-link { transition: color 0.3s; cursor: pointer; }\n .nav-link:hover { color: #A28469; }\n .section-title { color: #333; }\n .icon-large { font-size: 3rem; margin-bottom: 1rem; color: #A28469; }\n .modal {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgb(0,0,0);\n background-color: rgba(0,0,0,0.4);\n justify-content: center;\n align-items: center;\n backdrop-filter: blur(5px);\n }\n .modal-content {\n background-color: #fefefe;\n margin: auto;\n padding: 2rem;\n border-radius: 1rem;\n max-width: 90%;\n max-height: 90%;\n overflow-y: auto;\n animation: fadeIn 0.3s;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n .close-btn {\n color: #aaa;\n float: right;\n font-size: 28px;\n font-weight: bold;\n transition: color 0.3s;\n }\n .close-btn:hover,\n .close-btn:focus {\n color: #333;\n text-decoration: none;\n cursor: pointer;\n }\n .blood-bag {\n width: 100px;\n height: 120px;\n background: linear-gradient(to top, #A28469, #C8A98E);\n border: 2px solid #5A4838;\n border-radius: 10px;\n position: relative;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n }\n .blood-bag-text {\n position: absolute;\n bottom: 10px;\n width: 100%;\n text-align: center;\n font-size: 0.8rem;\n font-weight: bold;\n color: white;\n text-shadow: 1px 1px 2px rgba(0,0,0,0.3);\n }\n <\/style>\n<\/head>\n<body>\n\n <header class=\"bg-white\/80 backdrop-blur-md shadow-sm sticky top-0 z-50\">\n <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n <div class=\"text-2xl font-bold text-[#A28469]\">\n Patikan\n <\/div>\n <div class=\"hidden md:flex space-x-8\">\n <a class=\"nav-link\" href=\"#hakkimizda\">Hakk\u0131m\u0131zda<\/a>\n <a class=\"nav-link\" href=\"#kan-gruplari\">Kan Gruplar\u0131<\/a>\n <a class=\"nav-link\" href=\"#donor-ol\">Don\u00f6r Ol<\/a>\n <a class=\"nav-link\" href=\"#kan-ariyorum\">Kan Ar\u0131yorum<\/a>\n <a class=\"nav-link\" href=\"#iletisim\">\u0130leti\u015fim<\/a>\n <\/div>\n <a href=\"#donor-ol\" class=\"btn-primary px-4 py-2 rounded-lg hidden md:inline-block\">Harekete Ge\u00e7in<\/a>\n <button id=\"mobile-menu-btn\" class=\"md:hidden focus:outline-none text-3xl\">\u2630<\/button>\n <\/nav>\n <div id=\"mobile-menu\" class=\"hidden md:hidden text-center bg-white\/90\">\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#hakkimizda\">Hakk\u0131m\u0131zda<\/a>\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#kan-gruplari\">Kan Gruplar\u0131<\/a>\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#donor-ol\">Don\u00f6r Ol<\/a>\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#kan-ariyorum\">Kan Ar\u0131yorum<\/a>\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#iletisim\">\u0130leti\u015fim<\/a>\n <a class=\"block py-2 hover:bg-gray-100 btn-primary\" href=\"#donor-ol\">Harekete Ge\u00e7in<\/a>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero-bg py-20 md:py-32 text-center\">\n <div class=\"container mx-auto px-6\">\n <h1 class=\"text-4xl md:text-6xl font-bold section-title mb-4\">Bir Damla Kan, Bir \u00d6m\u00fcr Demek.<\/h1>\n <p class=\"text-lg md:text-xl max-w-3xl mx-auto mb-8\">Kedi ve k\u00f6pek dostlar\u0131m\u0131z i\u00e7in g\u00fcvenilir, etik ve toplum temelli bir kan bankas\u0131 kuruyoruz. Siz de bir hayat kurtarmaya yard\u0131mc\u0131 olabilirsiniz.<\/p>\n <a href=\"#donor-ol\" class=\"btn-primary px-8 py-3 rounded-lg text-lg inline-block\">\u015eimdi Don\u00f6r Ol<\/a>\n <\/div>\n <\/section>\n\n <section id=\"hakkimizda\" class=\"py-20\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Patikan Hakk\u0131nda<\/h2>\n <p class=\"text-lg mb-8\">Patikan, veteriner hekimli\u011finde kan ve kan \u00fcr\u00fcnleri ihtiyac\u0131n\u0131 gidermek i\u00e7in kurulmu\u015f, g\u00f6n\u00fcll\u00fcl\u00fck esas\u0131na dayanan bir veteriner kan bankas\u0131d\u0131r. Amac\u0131m\u0131z, evcil hayvanlar\u0131n acil durumlarda ihtiya\u00e7 duyduklar\u0131 kana g\u00fcvenilir ve h\u0131zl\u0131 bir \u015fekilde ula\u015fabilmelerini sa\u011flamakt\u0131r.<\/p>\n <div class=\"grid md:grid-cols-3 gap-8 mt-12\">\n <div class=\"p-6 rounded-xl text-center\">\n <div class=\"icon-large\">\ud83e\ude7a<\/div>\n <h3 class=\"text-xl font-bold mb-2\">G\u00fcvenilir Kaynak<\/h3>\n <p>T\u00fcm don\u00f6rler, detayl\u0131 sa\u011fl\u0131k taramas\u0131ndan ge\u00e7er ve ba\u011f\u0131\u015flar profesyonel g\u00f6zetim alt\u0131nda yap\u0131l\u0131r.<\/p>\n <\/div>\n <div class=\"p-6 rounded-xl text-center\">\n <div class=\"icon-large\">\u2764\ufe0f<\/div>\n <h3 class=\"text-xl font-bold mb-2\">G\u00f6n\u00fcll\u00fc Kat\u0131l\u0131m<\/h3>\n <p>Program\u0131m\u0131z, tamamen vicdani ve fedakarl\u0131k esas\u0131na dayan\u0131r. Her g\u00f6n\u00fcll\u00fc bir hayat kurtar\u0131r.<\/p>\n <\/div>\n <div class=\"p-6 rounded-xl text-center\">\n <div class=\"icon-large\">\ud83d\udc3e<\/div>\n <h3 class=\"text-xl font-bold mb-2\">Hayvan Refah\u0131 Odakl\u0131<\/h3>\n <p>Ba\u011f\u0131\u015f s\u00fcrecinin her a\u015famas\u0131nda, don\u00f6r hayvanlar\u0131m\u0131z\u0131n refah\u0131 en \u00fcst d\u00fczeyde tutulur.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"kan-gruplari\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Kan Gruplar\u0131 Fark\u0131ndal\u0131\u011f\u0131<\/h2>\n <p class=\"text-lg mb-8\">Kedi ve k\u00f6peklerde kan naklinin \u00f6nemini ve kan gruplar\u0131n\u0131 ke\u015ffedin.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 mt-12\">\n <div id=\"cat-blood-types-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc31<\/div>\n <h3 class=\"text-2xl font-bold\">Kedilerde Kan Gruplar\u0131<\/h3>\n <\/div>\n <div id=\"dog-blood-types-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc36<\/div>\n <h3 class=\"text-2xl font-bold\">K\u00f6peklerde Kan Gruplar\u0131<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"donor-ol\" class=\"py-20 hero-bg\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Don\u00f6r Olmak \u0130stiyorum<\/h2>\n <p class=\"text-lg mb-8\">Dostunuz bir kahraman olabilir veya siz g\u00f6n\u00fcll\u00fc olarak bize g\u00fc\u00e7 katabilirsiniz. Birlikte daha fazla cana dokunabiliriz.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 mt-12\">\n <div id=\"cat-donor-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc31<\/div>\n <h3 class=\"text-2xl font-bold\">Kedi \u0130\u00e7in Kan Ba\u011f\u0131\u015f Formu<\/h3>\n <\/div>\n <div id=\"dog-donor-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc36<\/div>\n <h3 class=\"text-2xl font-bold\">K\u00f6pek \u0130\u00e7in Kan Ba\u011f\u0131\u015f Formu<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"kan-ariyorum\" class=\"py-20\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Kan Ar\u0131yorum<\/h2>\n <p class=\"text-lg mb-8\">Acil kan ihtiyac\u0131n\u0131z m\u0131 var? H\u0131zl\u0131ca kan talep formu doldurun. Form verileri bize e-posta olarak ula\u015facakt\u0131r.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 mt-12\">\n <div id=\"cat-request-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc31<\/div>\n <h3 class=\"text-2xl font-bold\">Kedi \u0130\u00e7in Kan Talep Formu<\/h3>\n <\/div>\n <div id=\"dog-request-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc36<\/div>\n <h3 class=\"text-2xl font-bold\">K\u00f6pek \u0130\u00e7in Kan Talep Formu<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"iletisim\" class=\"py-20 hero-bg\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Bize Ula\u015f\u0131n<\/h2>\n <p class=\"text-lg mb-8\">Akl\u0131n\u0131zdaki sorular i\u00e7in bizimle ileti\u015fime ge\u00e7mekten \u00e7ekinmeyin.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div class=\"bg-white p-8 rounded-xl shadow-md text-left\">\n <h3 class=\"text-xl font-bold mb-2\">Adres<\/h3>\n <p>\u00d6rnek Mahallesi, Bilim Caddesi No: 42<br>Veteriner Fak\u00fcltesi, \u00d6rnek \u015eehir<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md text-left\">\n <h3 class=\"text-xl font-bold mb-2\">\u0130leti\u015fim Bilgileri<\/h3>\n <p><strong>Telefon:<\/strong> +90 555 123 4567<br><strong>E-posta:<\/strong> info@patikan.com<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-gray-800 text-white py-10 text-center\">\n <div class=\"container mx-auto px-6\">\n <p>T\u00fcm Haklar\u0131 Sakl\u0131d\u0131r © 2024 Patikan<\/p>\n <\/div>\n <\/footer>\n\n <div id=\"modal\" class=\"modal\">\n <div class=\"modal-content p-0\">\n <span class=\"close-btn text-2xl absolute top-4 right-4 z-50\">×<\/span>\n <div id=\"modal-content-inner\" class=\"w-full h-full\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const modal = document.getElementById('modal');\n const closeBtn = document.querySelector('.close-btn');\n const modalContentInner = document.getElementById('modal-content-inner');\n const catBloodTypesBtn = document.getElementById('cat-blood-types-btn');\n const dogBloodTypesBtn = document.getElementById('dog-blood-types-btn');\n\n const catDonorBtn = document.getElementById('cat-donor-btn');\n const dogDonorBtn = document.getElementById('dog-donor-btn');\n const catRequestBtn = document.getElementById('cat-request-btn');\n const dogRequestBtn = document.getElementById('dog-request-btn');\n\n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n closeBtn.addEventListener('click', () => {\n modal.style.display = 'none';\n });\n\n window.addEventListener('click', (event) => {\n if (event.target == modal) {\n modal.style.display = 'none';\n }\n });\n\n const renderBloodTypes = (type) => {\n let contentHTML = '';\n if (type === 'cat') {\n contentHTML = `\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold mb-4\">Kedilerde Kan Gruplar\u0131<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-center\">\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">A Grubu<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">A Grubu<\/p>\n <p class=\"text-xs\">Kedilerin en yayg\u0131n kan grubudur.<\/p>\n <\/div>\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">B Grubu<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">B Grubu<\/p>\n <p class=\"text-xs\">T\u00fcrkiye'de Van ve Ankara kedilerinde daha s\u0131k g\u00f6r\u00fcl\u00fcr.<\/p>\n <\/div>\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">AB Grubu<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">AB Grubu<\/p>\n <p class=\"text-xs\">Olduk\u00e7a nadir g\u00f6r\u00fclen bir kan grubudur.<\/p>\n <\/div>\n <\/div>\n <\/div>\n `;\n } else if (type === 'dog') {\n contentHTML = `\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold mb-4\">K\u00f6peklerde Kan Gruplar\u0131<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-center\">\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">DEA 1.1<br>Pozitif<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">DEA 1.1 Pozitif<\/p>\n <p class=\"text-xs\">K\u00f6peklerde en s\u0131k rastlanan kan grubudur.<\/p>\n <\/div>\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">DEA 1.1<br>Negatif<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">DEA 1.1 Negatif<\/p>\n <p class=\"text-xs\">Sadece DEA 1.1 negatif kan grubuna sahip k\u00f6peklerden kan alabilir.<\/p>\n <\/div>\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <p class=\"text-sm font-bold mt-4\">Di\u011fer Kan Gruplar\u0131<\/p>\n <p class=\"text-xs\">DEA 1.2, 3, 4, 5, 7 ve 8 gibi farkl\u0131 gruplar da bulunur.<\/p>\n <\/div>\n <\/div>\n <\/div>\n `;\n }\n modalContentInner.innerHTML = contentHTML;\n modal.style.display = 'flex';\n };\n\n const renderGoogleForm = (formUrl) => {\n modalContentInner.innerHTML = `\n <div class=\"w-full h-[600px] bg-white rounded-lg overflow-hidden\">\n <iframe loading=\"lazy\" src=\"${formUrl}\" width=\"100%\" height=\"100%\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\">Y\u00fckleniyor\u2026<\/iframe>\n <\/div>\n `;\n modal.style.display = 'flex';\n };\n\n const renderFormspreeForm = () => {\n \/\/ L\u00dcTFEN a\u015fa\u011fidaki satirdaki 'your-form-id' yerine Formspree'den aldi\u011finiz kendi kimli\u011finizi yap\u0131\u015ft\u0131r\u0131n.\n const formspreeId = \"xrbygedw\"; \n \n modalContentInner.innerHTML = `\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold mb-4\">Kan Talep Formu<\/h3>\n <form action=\"https:\/\/formspree.io\/f\/${formspreeId}\" method=\"POST\" class=\"space-y-4\">\n <p class=\"text-sm text-gray-600 mb-6\">L\u00fctfen kan ihtiyac\u0131 olan dostunuzun bilgilerini girin. Form bize e-posta olarak ula\u015facakt\u0131r.<\/p>\n <div>\n <label for=\"name\" class=\"block text-sm font-medium text-gray-700\">Ad\u0131n\u0131z Soyad\u0131n\u0131z<\/label>\n <input type=\"text\" id=\"name\" name=\"AdSoyad\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required>\n <\/div>\n <div>\n <label for=\"email\" class=\"block text-sm font-medium text-gray-700\">E-posta Adresiniz<\/label>\n <input type=\"email\" id=\"email\" name=\"Eposta\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required>\n <\/div>\n <div>\n <label for=\"phone\" class=\"block text-sm font-medium text-gray-700\">Telefon Numaran\u0131z<\/label>\n <input type=\"tel\" id=\"phone\" name=\"Telefon\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required>\n <\/div>\n <div>\n <label for=\"animal\" class=\"block text-sm font-medium text-gray-700\">Hayvan\u0131n T\u00fcr\u00fc<\/label>\n <select id=\"animal\" name=\"HayvanTuru\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required>\n <option value=\"\">Se\u00e7iniz<\/option>\n <option value=\"Kedi\">Kedi<\/option>\n <option value=\"K\u00f6pek\">K\u00f6pek<\/option>\n <\/select>\n <\/div>\n <div>\n <label for=\"details\" class=\"block text-sm font-medium text-gray-700\">\u0130htiya\u00e7 Detaylar\u0131<\/label>\n <textarea id=\"details\" name=\"IhtiyacDetaylari\" rows=\"4\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn-primary w-full py-3 rounded-lg text-lg\">G\u00f6nder<\/button>\n <p class=\"text-xs text-center text-gray-500 mt-2\">Bu form Formspree hizmeti \u00fczerinden e-posta ile g\u00f6nderilir.<\/p>\n <\/form>\n <\/div>\n `;\n modal.style.display = 'flex';\n };\n\n catBloodTypesBtn.addEventListener('click', () => renderBloodTypes('cat'));\n dogBloodTypesBtn.addEventListener('click', () => renderBloodTypes('dog'));\n\n catDonorBtn.addEventListener('click', () => renderGoogleForm('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfehHwnPDd-jxbo4VcS7rP5atEZue53X3Fm_eSytxaqzQMb5Q\/viewform?embedded=true'));\n dogDonorBtn.addEventListener('click', () => renderGoogleForm('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScxGhsfGEpXmc7asWr0hi2v7M3HepbxVF5v9IVrkqltZS-9Fw\/viewform?embedded=true'));\n\n catRequestBtn.addEventListener('click', () => renderFormspreeForm());\n dogRequestBtn.addEventListener('click', () => renderFormspreeForm());\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Patikan – Veteriner G\u00f6n\u00fcll\u00fc Kan Ba\u011f\u0131\u015f\u00e7\u0131s\u0131 Program\u0131 Patikan Hakk\u0131m\u0131zda Kan Gruplar\u0131 Don\u00f6r Ol Kan Ar\u0131yorum \u0130leti\u015fim Harekete Ge\u00e7in \u2630 Hakk\u0131m\u0131zda … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":32,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/posts\/36\/revisions\/141"}],"wp:attachment":[{"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":36,"date":"2025-09-20T16:32:04","date_gmt":"2025-09-20T16:32:04","guid":{"rendered":"https:\/\/patikan.com\/test\/?p=36"},"modified":"2025-09-24T09:47:50","modified_gmt":"2025-09-24T09:47:50","slug":"patikan-ana-sayfa","status":"publish","type":"post","link":"https:\/\/patikan.com\/index.php\/2025\/09\/20\/patikan-ana-sayfa\/","title":{"rendered":"Patikan Ana Sayfa"},"content":{"rendered":"\n\n\n\n \n \n Patikan – Veteriner G\u00f6n\u00fcll\u00fc Kan Ba\u011f\u0131\u015f\u00e7\u0131s\u0131 Program\u0131<\/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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', sans-serif; background-color: #F8F4F0; color: #4A4A4A; }\n .hero-bg { background-color: #E6DED8; }\n .btn-primary { background-color: #A28469; color: white; transition: background-color 0.3s; }\n .btn-primary:hover { background-color: #8C7359; }\n .nav-link { transition: color 0.3s; cursor: pointer; }\n .nav-link:hover { color: #A28469; }\n .section-title { color: #333; }\n .icon-large { font-size: 3rem; margin-bottom: 1rem; color: #A28469; }\n .modal {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgb(0,0,0);\n background-color: rgba(0,0,0,0.4);\n justify-content: center;\n align-items: center;\n backdrop-filter: blur(5px);\n }\n .modal-content {\n background-color: #fefefe;\n margin: auto;\n padding: 2rem;\n border-radius: 1rem;\n max-width: 90%;\n max-height: 90%;\n overflow-y: auto;\n animation: fadeIn 0.3s;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n .close-btn {\n color: #aaa;\n float: right;\n font-size: 28px;\n font-weight: bold;\n transition: color 0.3s;\n }\n .close-btn:hover,\n .close-btn:focus {\n color: #333;\n text-decoration: none;\n cursor: pointer;\n }\n .blood-bag {\n width: 100px;\n height: 120px;\n background: linear-gradient(to top, #A28469, #C8A98E);\n border: 2px solid #5A4838;\n border-radius: 10px;\n position: relative;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n }\n .blood-bag-text {\n position: absolute;\n bottom: 10px;\n width: 100%;\n text-align: center;\n font-size: 0.8rem;\n font-weight: bold;\n color: white;\n text-shadow: 1px 1px 2px rgba(0,0,0,0.3);\n }\n <\/style>\n<\/head>\n<body>\n\n <header class=\"bg-white\/80 backdrop-blur-md shadow-sm sticky top-0 z-50\">\n <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n <div class=\"text-2xl font-bold text-[#A28469]\">\n Patikan\n <\/div>\n <div class=\"hidden md:flex space-x-8\">\n <a class=\"nav-link\" href=\"#hakkimizda\">Hakk\u0131m\u0131zda<\/a>\n <a class=\"nav-link\" href=\"#kan-gruplari\">Kan Gruplar\u0131<\/a>\n <a class=\"nav-link\" href=\"#donor-ol\">Don\u00f6r Ol<\/a>\n <a class=\"nav-link\" href=\"#kan-ariyorum\">Kan Ar\u0131yorum<\/a>\n <a class=\"nav-link\" href=\"#iletisim\">\u0130leti\u015fim<\/a>\n <\/div>\n <a href=\"#donor-ol\" class=\"btn-primary px-4 py-2 rounded-lg hidden md:inline-block\">Harekete Ge\u00e7in<\/a>\n <button id=\"mobile-menu-btn\" class=\"md:hidden focus:outline-none text-3xl\">\u2630<\/button>\n <\/nav>\n <div id=\"mobile-menu\" class=\"hidden md:hidden text-center bg-white\/90\">\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#hakkimizda\">Hakk\u0131m\u0131zda<\/a>\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#kan-gruplari\">Kan Gruplar\u0131<\/a>\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#donor-ol\">Don\u00f6r Ol<\/a>\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#kan-ariyorum\">Kan Ar\u0131yorum<\/a>\n <a class=\"block py-2 hover:bg-gray-100\" href=\"#iletisim\">\u0130leti\u015fim<\/a>\n <a class=\"block py-2 hover:bg-gray-100 btn-primary\" href=\"#donor-ol\">Harekete Ge\u00e7in<\/a>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero-bg py-20 md:py-32 text-center\">\n <div class=\"container mx-auto px-6\">\n <h1 class=\"text-4xl md:text-6xl font-bold section-title mb-4\">Bir Damla Kan, Bir \u00d6m\u00fcr Demek.<\/h1>\n <p class=\"text-lg md:text-xl max-w-3xl mx-auto mb-8\">Kedi ve k\u00f6pek dostlar\u0131m\u0131z i\u00e7in g\u00fcvenilir, etik ve toplum temelli bir kan bankas\u0131 kuruyoruz. Siz de bir hayat kurtarmaya yard\u0131mc\u0131 olabilirsiniz.<\/p>\n <a href=\"#donor-ol\" class=\"btn-primary px-8 py-3 rounded-lg text-lg inline-block\">\u015eimdi Don\u00f6r Ol<\/a>\n <\/div>\n <\/section>\n\n <section id=\"hakkimizda\" class=\"py-20\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Patikan Hakk\u0131nda<\/h2>\n <p class=\"text-lg mb-8\">Patikan, veteriner hekimli\u011finde kan ve kan \u00fcr\u00fcnleri ihtiyac\u0131n\u0131 gidermek i\u00e7in kurulmu\u015f, g\u00f6n\u00fcll\u00fcl\u00fck esas\u0131na dayanan bir veteriner kan bankas\u0131d\u0131r. Amac\u0131m\u0131z, evcil hayvanlar\u0131n acil durumlarda ihtiya\u00e7 duyduklar\u0131 kana g\u00fcvenilir ve h\u0131zl\u0131 bir \u015fekilde ula\u015fabilmelerini sa\u011flamakt\u0131r.<\/p>\n <div class=\"grid md:grid-cols-3 gap-8 mt-12\">\n <div class=\"p-6 rounded-xl text-center\">\n <div class=\"icon-large\">\ud83e\ude7a<\/div>\n <h3 class=\"text-xl font-bold mb-2\">G\u00fcvenilir Kaynak<\/h3>\n <p>T\u00fcm don\u00f6rler, detayl\u0131 sa\u011fl\u0131k taramas\u0131ndan ge\u00e7er ve ba\u011f\u0131\u015flar profesyonel g\u00f6zetim alt\u0131nda yap\u0131l\u0131r.<\/p>\n <\/div>\n <div class=\"p-6 rounded-xl text-center\">\n <div class=\"icon-large\">\u2764\ufe0f<\/div>\n <h3 class=\"text-xl font-bold mb-2\">G\u00f6n\u00fcll\u00fc Kat\u0131l\u0131m<\/h3>\n <p>Program\u0131m\u0131z, tamamen vicdani ve fedakarl\u0131k esas\u0131na dayan\u0131r. Her g\u00f6n\u00fcll\u00fc bir hayat kurtar\u0131r.<\/p>\n <\/div>\n <div class=\"p-6 rounded-xl text-center\">\n <div class=\"icon-large\">\ud83d\udc3e<\/div>\n <h3 class=\"text-xl font-bold mb-2\">Hayvan Refah\u0131 Odakl\u0131<\/h3>\n <p>Ba\u011f\u0131\u015f s\u00fcrecinin her a\u015famas\u0131nda, don\u00f6r hayvanlar\u0131m\u0131z\u0131n refah\u0131 en \u00fcst d\u00fczeyde tutulur.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"kan-gruplari\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Kan Gruplar\u0131 Fark\u0131ndal\u0131\u011f\u0131<\/h2>\n <p class=\"text-lg mb-8\">Kedi ve k\u00f6peklerde kan naklinin \u00f6nemini ve kan gruplar\u0131n\u0131 ke\u015ffedin.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 mt-12\">\n <div id=\"cat-blood-types-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc31<\/div>\n <h3 class=\"text-2xl font-bold\">Kedilerde Kan Gruplar\u0131<\/h3>\n <\/div>\n <div id=\"dog-blood-types-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc36<\/div>\n <h3 class=\"text-2xl font-bold\">K\u00f6peklerde Kan Gruplar\u0131<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"donor-ol\" class=\"py-20 hero-bg\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Don\u00f6r Olmak \u0130stiyorum<\/h2>\n <p class=\"text-lg mb-8\">Dostunuz bir kahraman olabilir veya siz g\u00f6n\u00fcll\u00fc olarak bize g\u00fc\u00e7 katabilirsiniz. Birlikte daha fazla cana dokunabiliriz.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 mt-12\">\n <div id=\"cat-donor-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc31<\/div>\n <h3 class=\"text-2xl font-bold\">Kedi \u0130\u00e7in Kan Ba\u011f\u0131\u015f Formu<\/h3>\n <\/div>\n <div id=\"dog-donor-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc36<\/div>\n <h3 class=\"text-2xl font-bold\">K\u00f6pek \u0130\u00e7in Kan Ba\u011f\u0131\u015f Formu<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"kan-ariyorum\" class=\"py-20\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Kan Ar\u0131yorum<\/h2>\n <p class=\"text-lg mb-8\">Acil kan ihtiyac\u0131n\u0131z m\u0131 var? H\u0131zl\u0131ca kan talep formu doldurun. Form verileri bize e-posta olarak ula\u015facakt\u0131r.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8 mt-12\">\n <div id=\"cat-request-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc31<\/div>\n <h3 class=\"text-2xl font-bold\">Kedi \u0130\u00e7in Kan Talep Formu<\/h3>\n <\/div>\n <div id=\"dog-request-btn\" class=\"bg-white p-8 rounded-xl shadow-md cursor-pointer hover:shadow-lg transition-shadow\">\n <div class=\"text-6xl mb-4\">\ud83d\udc36<\/div>\n <h3 class=\"text-2xl font-bold\">K\u00f6pek \u0130\u00e7in Kan Talep Formu<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"iletisim\" class=\"py-20 hero-bg\">\n <div class=\"container mx-auto px-6 max-w-4xl text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold section-title mb-4\">Bize Ula\u015f\u0131n<\/h2>\n <p class=\"text-lg mb-8\">Akl\u0131n\u0131zdaki sorular i\u00e7in bizimle ileti\u015fime ge\u00e7mekten \u00e7ekinmeyin.<\/p>\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div class=\"bg-white p-8 rounded-xl shadow-md text-left\">\n <h3 class=\"text-xl font-bold mb-2\">Adres<\/h3>\n <p>\u00d6rnek Mahallesi, Bilim Caddesi No: 42<br>Veteriner Fak\u00fcltesi, \u00d6rnek \u015eehir<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-xl shadow-md text-left\">\n <h3 class=\"text-xl font-bold mb-2\">\u0130leti\u015fim Bilgileri<\/h3>\n <p><strong>Telefon:<\/strong> +90 555 123 4567<br><strong>E-posta:<\/strong> info@patikan.com<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-gray-800 text-white py-10 text-center\">\n <div class=\"container mx-auto px-6\">\n <p>T\u00fcm Haklar\u0131 Sakl\u0131d\u0131r © 2024 Patikan<\/p>\n <\/div>\n <\/footer>\n\n <div id=\"modal\" class=\"modal\">\n <div class=\"modal-content p-0\">\n <span class=\"close-btn text-2xl absolute top-4 right-4 z-50\">×<\/span>\n <div id=\"modal-content-inner\" class=\"w-full h-full\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const modal = document.getElementById('modal');\n const closeBtn = document.querySelector('.close-btn');\n const modalContentInner = document.getElementById('modal-content-inner');\n const catBloodTypesBtn = document.getElementById('cat-blood-types-btn');\n const dogBloodTypesBtn = document.getElementById('dog-blood-types-btn');\n\n const catDonorBtn = document.getElementById('cat-donor-btn');\n const dogDonorBtn = document.getElementById('dog-donor-btn');\n const catRequestBtn = document.getElementById('cat-request-btn');\n const dogRequestBtn = document.getElementById('dog-request-btn');\n\n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n closeBtn.addEventListener('click', () => {\n modal.style.display = 'none';\n });\n\n window.addEventListener('click', (event) => {\n if (event.target == modal) {\n modal.style.display = 'none';\n }\n });\n\n const renderBloodTypes = (type) => {\n let contentHTML = '';\n if (type === 'cat') {\n contentHTML = `\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold mb-4\">Kedilerde Kan Gruplar\u0131<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-center\">\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">A Grubu<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">A Grubu<\/p>\n <p class=\"text-xs\">Kedilerin en yayg\u0131n kan grubudur.<\/p>\n <\/div>\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">B Grubu<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">B Grubu<\/p>\n <p class=\"text-xs\">T\u00fcrkiye'de Van ve Ankara kedilerinde daha s\u0131k g\u00f6r\u00fcl\u00fcr.<\/p>\n <\/div>\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">AB Grubu<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">AB Grubu<\/p>\n <p class=\"text-xs\">Olduk\u00e7a nadir g\u00f6r\u00fclen bir kan grubudur.<\/p>\n <\/div>\n <\/div>\n <\/div>\n `;\n } else if (type === 'dog') {\n contentHTML = `\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold mb-4\">K\u00f6peklerde Kan Gruplar\u0131<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-center\">\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">DEA 1.1<br>Pozitif<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">DEA 1.1 Pozitif<\/p>\n <p class=\"text-xs\">K\u00f6peklerde en s\u0131k rastlanan kan grubudur.<\/p>\n <\/div>\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <div class=\"w-[120px] h-[150px] flex items-center justify-center relative\">\n <div class=\"blood-bag\"><\/div>\n <span class=\"blood-bag-text\">DEA 1.1<br>Negatif<\/span>\n <\/div>\n <p class=\"text-sm font-bold mt-4\">DEA 1.1 Negatif<\/p>\n <p class=\"text-xs\">Sadece DEA 1.1 negatif kan grubuna sahip k\u00f6peklerden kan alabilir.<\/p>\n <\/div>\n <div class=\"flex flex-col items-center p-4 rounded-lg\">\n <p class=\"text-sm font-bold mt-4\">Di\u011fer Kan Gruplar\u0131<\/p>\n <p class=\"text-xs\">DEA 1.2, 3, 4, 5, 7 ve 8 gibi farkl\u0131 gruplar da bulunur.<\/p>\n <\/div>\n <\/div>\n <\/div>\n `;\n }\n modalContentInner.innerHTML = contentHTML;\n modal.style.display = 'flex';\n };\n\n const renderGoogleForm = (formUrl) => {\n modalContentInner.innerHTML = `\n <div class=\"w-full h-[600px] bg-white rounded-lg overflow-hidden\">\n <iframe loading=\"lazy\" src=\"${formUrl}\" width=\"100%\" height=\"100%\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\">Y\u00fckleniyor\u2026<\/iframe>\n <\/div>\n `;\n modal.style.display = 'flex';\n };\n\n const renderFormspreeForm = () => {\n \/\/ L\u00dcTFEN a\u015fa\u011fidaki satirdaki 'your-form-id' yerine Formspree'den aldi\u011finiz kendi kimli\u011finizi yap\u0131\u015ft\u0131r\u0131n.\n const formspreeId = \"xrbygedw\"; \n \n modalContentInner.innerHTML = `\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold mb-4\">Kan Talep Formu<\/h3>\n <form action=\"https:\/\/formspree.io\/f\/${formspreeId}\" method=\"POST\" class=\"space-y-4\">\n <p class=\"text-sm text-gray-600 mb-6\">L\u00fctfen kan ihtiyac\u0131 olan dostunuzun bilgilerini girin. Form bize e-posta olarak ula\u015facakt\u0131r.<\/p>\n <div>\n <label for=\"name\" class=\"block text-sm font-medium text-gray-700\">Ad\u0131n\u0131z Soyad\u0131n\u0131z<\/label>\n <input type=\"text\" id=\"name\" name=\"AdSoyad\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required>\n <\/div>\n <div>\n <label for=\"email\" class=\"block text-sm font-medium text-gray-700\">E-posta Adresiniz<\/label>\n <input type=\"email\" id=\"email\" name=\"Eposta\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required>\n <\/div>\n <div>\n <label for=\"phone\" class=\"block text-sm font-medium text-gray-700\">Telefon Numaran\u0131z<\/label>\n <input type=\"tel\" id=\"phone\" name=\"Telefon\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required>\n <\/div>\n <div>\n <label for=\"animal\" class=\"block text-sm font-medium text-gray-700\">Hayvan\u0131n T\u00fcr\u00fc<\/label>\n <select id=\"animal\" name=\"HayvanTuru\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required>\n <option value=\"\">Se\u00e7iniz<\/option>\n <option value=\"Kedi\">Kedi<\/option>\n <option value=\"K\u00f6pek\">K\u00f6pek<\/option>\n <\/select>\n <\/div>\n <div>\n <label for=\"details\" class=\"block text-sm font-medium text-gray-700\">\u0130htiya\u00e7 Detaylar\u0131<\/label>\n <textarea id=\"details\" name=\"IhtiyacDetaylari\" rows=\"4\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm p-2\" required><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn-primary w-full py-3 rounded-lg text-lg\">G\u00f6nder<\/button>\n <p class=\"text-xs text-center text-gray-500 mt-2\">Bu form Formspree hizmeti \u00fczerinden e-posta ile g\u00f6nderilir.<\/p>\n <\/form>\n <\/div>\n `;\n modal.style.display = 'flex';\n };\n\n catBloodTypesBtn.addEventListener('click', () => renderBloodTypes('cat'));\n dogBloodTypesBtn.addEventListener('click', () => renderBloodTypes('dog'));\n\n catDonorBtn.addEventListener('click', () => renderGoogleForm('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfehHwnPDd-jxbo4VcS7rP5atEZue53X3Fm_eSytxaqzQMb5Q\/viewform?embedded=true'));\n dogDonorBtn.addEventListener('click', () => renderGoogleForm('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScxGhsfGEpXmc7asWr0hi2v7M3HepbxVF5v9IVrkqltZS-9Fw\/viewform?embedded=true'));\n\n catRequestBtn.addEventListener('click', () => renderFormspreeForm());\n dogRequestBtn.addEventListener('click', () => renderFormspreeForm());\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Patikan – Veteriner G\u00f6n\u00fcll\u00fc Kan Ba\u011f\u0131\u015f\u00e7\u0131s\u0131 Program\u0131 Patikan Hakk\u0131m\u0131zda Kan Gruplar\u0131 Don\u00f6r Ol Kan Ar\u0131yorum \u0130leti\u015fim Harekete Ge\u00e7in \u2630 Hakk\u0131m\u0131zda … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":32,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/posts\/36\/revisions\/141"}],"wp:attachment":[{"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patikan.com\/index.php\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}