Rasyon Formu<\/title>\r\n\r\n<style>\r\nbody {\r\n margin:0;\r\n font-family: 'Segoe UI', sans-serif;\r\n background:#f6e7c9;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero {\r\n background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),\r\n url('https:\/\/images.unsplash.com\/photo-1500382017468-9049fed747ef');\r\n background-size:cover;\r\n background-position:center;\r\n color:#fff;\r\n text-align:center;\r\n padding:100px 20px;\r\n}\r\n\r\n.hero h1 {\r\n font-size:42px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.hero p {\r\n opacity:0.9;\r\n}\r\n\r\n.cta {\r\n margin-top:20px;\r\n background: linear-gradient(45deg,#ff9800,#ff6a00);\r\n border:none;\r\n padding:15px 35px;\r\n font-size:18px;\r\n border-radius:40px;\r\n color:white;\r\n cursor:pointer;\r\n box-shadow:0 5px 15px rgba(0,0,0,0.3);\r\n}\r\n\r\n\/* FORM CARD *\/\r\n.form-box {\r\n max-width:550px;\r\n margin:-70px auto 50px;\r\n background:rgba(255,255,255,0.9);\r\n backdrop-filter: blur(10px);\r\n padding:30px;\r\n border-radius:20px;\r\n box-shadow:0 15px 40px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* STEP BAR *\/\r\n.step-bar {\r\n display:flex;\r\n justify-content:space-between;\r\n margin-bottom:20px;\r\n}\r\n\r\n.step-item {\r\n flex:1;\r\n text-align:center;\r\n font-size:12px;\r\n opacity:0.5;\r\n}\r\n\r\n.step-item.active {\r\n font-weight:bold;\r\n opacity:1;\r\n color:#ff8c00;\r\n}\r\n\r\n\/* INPUT *\/\r\n.input-group {\r\n position:relative;\r\n margin-bottom:15px;\r\n}\r\n\r\n.input-group span {\r\n position:absolute;\r\n left:10px;\r\n top:50%;\r\n transform:translateY(-50%);\r\n color:#888;\r\n}\r\n\r\ninput, textarea, select {\r\n width:100%;\r\n padding:12px 12px 12px 40px;\r\n border-radius:10px;\r\n border:1px solid #ddd;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.next {\r\n width:100%;\r\n margin-top:15px;\r\n padding:15px;\r\n border:none;\r\n border-radius:30px;\r\n background: linear-gradient(45deg,#ff9800,#ff6a00);\r\n color:white;\r\n font-size:16px;\r\n cursor:pointer;\r\n}\r\n\r\n\/* STEPS *\/\r\n.step { display:none; }\r\n.step.active { display:block; }\r\n\r\n\/* FEATURES *\/\r\n.features {\r\n display:flex;\r\n justify-content:space-around;\r\n text-align:center;\r\n margin-top:20px;\r\n}\r\n\r\n.features div {\r\n font-size:13px;\r\n}\r\n\r\n.features span {\r\n font-size:28px;\r\n color:#ff8c00;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:600px){\r\n .hero h1 { font-size:26px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"hero\">\r\n <h1>\u00dcCRETS\u0130Z RASYON HAZIRLAYALIM<\/h1>\r\n <p>S\u00fcr\u00fcn\u00fcze \u00f6zel besleme program\u0131 ile verimi art\u0131r\u0131n<\/p>\r\n <button class=\"cta\" onclick=\"scrollToForm()\">HEMEN BA\u015eLA<\/button>\r\n<\/div>\r\n\r\n<div class=\"form-box\" id=\"form\">\r\n\r\n <div class=\"step-bar\">\r\n <div class=\"step-item active\">1. Bilgi<\/div>\r\n <div class=\"step-item\">2. Yem<\/div>\r\n <div class=\"step-item\">3. \u0130leti\u015fim<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step active\">\r\n <div class=\"input-group\">\r\n <span class=\"material-symbols-outlined\">pets<\/span>\r\n <select id=\"type\">\r\n <option>S\u00fct ine\u011fi<\/option>\r\n <option>Besi danas\u0131<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <span class=\"material-symbols-outlined\">numbers<\/span>\r\n <input type=\"number\" id=\"count\" placeholder=\"Hayvan say\u0131s\u0131\">\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <span class=\"material-symbols-outlined\">monitor_weight<\/span>\r\n <input type=\"number\" id=\"weight\" placeholder=\"Ortalama a\u011f\u0131rl\u0131k (kg)\">\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <span class=\"material-symbols-outlined\">local_drink<\/span>\r\n <input type=\"number\" id=\"milk\" placeholder=\"G\u00fcnl\u00fck s\u00fct (lt)\">\r\n <\/div>\r\n\r\n <button class=\"next\" onclick=\"nextStep()\">Devam Et<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"input-group\">\r\n <span class=\"material-symbols-outlined\">restaurant<\/span>\r\n <textarea id=\"feed\" placeholder=\"Kulland\u0131\u011f\u0131n\u0131z yemler\"><\/textarea>\r\n <\/div>\r\n\r\n <button class=\"next\" onclick=\"nextStep()\">Devam Et<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\">\r\n <div class=\"input-group\">\r\n <span class=\"material-symbols-outlined\">person<\/span>\r\n <input type=\"text\" id=\"name\" placeholder=\"Ad Soyad\">\r\n <\/div>\r\n\r\n <div class=\"input-group\">\r\n <span class=\"material-symbols-outlined\">call<\/span>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"Telefon\">\r\n <\/div>\r\n\r\n <button class=\"next\" onclick=\"sendWhatsApp()\">G\u00f6nder<\/button>\r\n <\/div>\r\n\r\n <div class=\"features\">\r\n <div><span class=\"material-symbols-outlined\">schedule<\/span><br>24 Saat<\/div>\r\n <div><span class=\"material-symbols-outlined\">support_agent<\/span><br>Uzman<\/div>\r\n <div><span class=\"material-symbols-outlined\">redeem<\/span><br>\u00dccretsiz<\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nlet step = 0;\r\nlet steps = document.querySelectorAll(\".step\");\r\nlet stepItems = document.querySelectorAll(\".step-item\");\r\n\r\nfunction nextStep(){\r\n steps[step].classList.remove(\"active\");\r\n stepItems[step].classList.remove(\"active\");\r\n\r\n step++;\r\n\r\n steps[step].classList.add(\"active\");\r\n stepItems[step].classList.add(\"active\");\r\n}\r\n\r\nfunction scrollToForm(){\r\n document.getElementById(\"form\").scrollIntoView({behavior:\"smooth\"});\r\n}\r\n\r\nfunction sendWhatsApp(){\r\n let message = `\r\nRasyon Talebi:\r\nT\u00fcr: ${type.value}\r\nSay\u0131: ${count.value}\r\nA\u011f\u0131rl\u0131k: ${weight.value}\r\nS\u00fct: ${milk.value}\r\nYem: ${feed.value}\r\n\u0130sim: ${name.value}\r\nTel: ${phone.value}\r\n`;\r\n\r\n let url = \"https:\/\/wa.me\/905XXXXXXXXX?text=\" + encodeURIComponent(message);\r\n window.open(url);\r\n}\r\n<\/script>\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>Rasyon Haz\u0131rlama Hizmetimiz \u0130\u00e7in \u0130leti\u015fime Ge\u00e7ebilirsiniz. “`html id=”proform1″ Rasyon Formu \u00dcCRETS\u0130Z RASYON HAZIRLAYALIM S\u00fcr\u00fcn\u00fcze \u00f6zel besleme program\u0131 ile verimi art\u0131r\u0131n HEMEN BA\u015eLA 1. Bilgi 2. Yem 3. \u0130leti\u015fim pets S\u00fct ine\u011fiBesi danas\u0131 numbers monitor_weight local_drink Devam Et restaurant Devam Et person call G\u00f6nder schedule24 Saat support_agentUzman redeem\u00dccretsiz “`<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"iawp_total_views":1,"footnotes":""},"class_list":["post-9428","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dirilisyem.com\/index.php\/wp-json\/wp\/v2\/pages\/9428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dirilisyem.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dirilisyem.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dirilisyem.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dirilisyem.com\/index.php\/wp-json\/wp\/v2\/comments?post=9428"}],"version-history":[{"count":10,"href":"https:\/\/www.dirilisyem.com\/index.php\/wp-json\/wp\/v2\/pages\/9428\/revisions"}],"predecessor-version":[{"id":9442,"href":"https:\/\/www.dirilisyem.com\/index.php\/wp-json\/wp\/v2\/pages\/9428\/revisions\/9442"}],"wp:attachment":[{"href":"https:\/\/www.dirilisyem.com\/index.php\/wp-json\/wp\/v2\/media?parent=9428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}