{"id":2,"date":"2022-06-28T00:05:58","date_gmt":"2022-06-27T21:05:58","guid":{"rendered":"https:\/\/www.siteac.gen.tr\/word\/?page_id=2"},"modified":"2026-07-08T20:47:13","modified_gmt":"2026-07-08T17:47:13","slug":"ornek-sayfa","status":"publish","type":"page","link":"http:\/\/www.istanbulevdeneveciler.com\/index.php\/ornek-sayfa\/","title":{"rendered":"\u0130stanbul Evden Eveciler"},"content":{"rendered":"\n<div class=\"banner-slider\">\n  <a href=\"#\" class=\"banner-slide active\">\n    <img decoding=\"async\" src=\"http:\/\/www.istanbulevdeneveciler.com\/wp-content\/uploads\/2026\/04\/images-5-2.jpg\" alt=\"Banner 1\">\n  <\/a>\n\n  <a href=\"#\" class=\"banner-slide\">\n    <img decoding=\"async\" src=\"http:\/\/www.istanbulevdeneveciler.com\/wp-content\/uploads\/2026\/04\/images.jpg\" alt=\"Banner 2\">\n  <\/a>\n<\/div>\n\n<style>\n.banner-slider {\n  position: relative;\n  width: 100%;\n  max-width: 1200px;\n  height: 300px;\n  margin: 0 auto;\n  overflow: hidden;\n  border-radius: 14px;\n  background: #f2f2f2;\n}\n\n.banner-slide {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;\n}\n\n.banner-slide.active {\n  opacity: 1;\n  visibility: visible;\n}\n\n.banner-slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Mobil uyum *\/\n@media (max-width: 768px) {\n  .banner-slider {\n    height: 180px;\n    border-radius: 10px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const slides = document.querySelectorAll(\".banner-slide\");\n  let index = 0;\n\n  setInterval(function () {\n    slides[index].classList.remove(\"active\");\n    index = (index + 1) % slides.length;\n    slides[index].classList.add(\"active\");\n  }, 3500);\n});\n<\/script>\n\n\n\n<div class=\"uc-banner-alani\" id=\"ucBannerAlani\">\n\n  <div class=\"uc-banner\">\n    <img decoding=\"async\" src=\"http:\/\/www.istanbulevdeneveciler.com\/wp-content\/uploads\/2026\/04\/images.jpg\" alt=\"Banner 1\">\n  <\/div>\n\n  <div class=\"uc-banner\">\n    <img decoding=\"async\" src=\"http:\/\/www.istanbulevdeneveciler.com\/wp-content\/uploads\/2026\/04\/images-14-1.jpg\" alt=\"Banner 2\">\n  <\/div>\n\n  <div class=\"uc-banner\">\n    <img decoding=\"async\" src=\"http:\/\/www.istanbulevdeneveciler.com\/wp-content\/uploads\/2026\/04\/axor.jpg\" alt=\"Banner 3\">\n  <\/div>\n\n<\/div>\n\n<style>\n.uc-banner-alani {\n  width: 100%;\n  max-width: 520px;\n  margin: 25px auto;\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.uc-banner {\n  width: 100%;\n  height: 145px;\n  border-radius: 12px;\n  overflow: hidden;\n  cursor: pointer;\n  background: #f2f2f2;\n  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.uc-banner:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);\n}\n\n.uc-banner img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* \u00dcste \u00e7\u0131karken hafif animasyon *\/\n.uc-banner.one-cikiyor {\n  animation: oneCik 0.35s ease;\n}\n\n@keyframes oneCik {\n  from {\n    opacity: 0.4;\n    transform: translateY(18px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Mobil uyum *\/\n@media (max-width: 600px) {\n  .uc-banner-alani {\n    max-width: 92%;\n    gap: 14px;\n  }\n\n  .uc-banner {\n    height: 115px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const alan = document.getElementById(\"ucBannerAlani\");\n\n  alan.addEventListener(\"click\", function (e) {\n    const tiklananBanner = e.target.closest(\".uc-banner\");\n    if (!tiklananBanner) return;\n\n    let alttakiBanner = tiklananBanner.nextElementSibling;\n\n    \/\/ En alttakine t\u0131klan\u0131rsa ilk banner \u00fcste gelsin\n    if (!alttakiBanner) {\n      alttakiBanner = alan.firstElementChild;\n    }\n\n    alan.prepend(alttakiBanner);\n\n    alttakiBanner.classList.remove(\"one-cikiyor\");\n    void alttakiBanner.offsetWidth;\n    alttakiBanner.classList.add(\"one-cikiyor\");\n  });\n});\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.istanbulevdeneveciler.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.istanbulevdeneveciler.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.istanbulevdeneveciler.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.istanbulevdeneveciler.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.istanbulevdeneveciler.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":6,"href":"http:\/\/www.istanbulevdeneveciler.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":68,"href":"http:\/\/www.istanbulevdeneveciler.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/68"}],"wp:attachment":[{"href":"http:\/\/www.istanbulevdeneveciler.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}