{"id":37020,"date":"2026-03-19T18:39:26","date_gmt":"2026-03-19T18:39:26","guid":{"rendered":"https:\/\/izmirklimakombi.tr\/?page_id=37020"},"modified":"2026-03-19T19:15:47","modified_gmt":"2026-03-19T19:15:47","slug":"is-yapma-prensibimiz","status":"publish","type":"page","link":"https:\/\/izmirklimakombi.tr\/?page_id=37020","title":{"rendered":"H\u0130ZMETLER\u0130M\u0130ZDEN G\u00d6R\u00dcNT\u00dcLER"},"content":{"rendered":"\n<style>\n.section-wrap {\n  max-width: 1400px;\n  margin: 60px auto;\n  padding: 40px;\n  background: #fafafa;\n  border-radius: 20px;\n  font-family: 'Segoe UI', sans-serif;\n}\n\n\/* CTA *\/\n.top-cta {\n  text-align: center;\n  margin-bottom: 40px;\n}\n.top-cta a {\n  display: inline-block;\n  margin: 10px;\n  padding: 14px 28px;\n  border-radius: 30px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: 0.3s;\n}\n.call-btn { background:#f5b332;color:#fff;}\n.wp-btn { background:#25D366;color:#fff;}\n.top-cta a:hover { transform:translateY(-3px); }\n\n\/* VIDEO *\/\n.video-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 30px;\n}\n\n.video-box {\n  position: relative;\n  border-radius: 18px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.video-box video {\n  width: 100%;\n  display:block;\n  filter: blur(4px) brightness(0.7);\n  transition: 0.4s;\n}\n\n\/* overlay *\/\n.video-overlay {\n  position: absolute;\n  inset: 0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.play-btn {\n  background: rgba(245,179,50,0.95);\n  color:#fff;\n  padding:14px 22px;\n  border-radius:30px;\n  font-weight:bold;\n}\n\n.video-box.active video {\n  filter:none;\n}\n\n.video-box.active .video-overlay {\n  display:none;\n}\n\n.single-video {\n  margin-top:40px;\n}\n\n\/* SLIDER *\/\n.compare {\n  margin-top: 60px;\n}\n\n.slider-container {\n  position: relative;\n  width: 100%;\n  height: 500px;\n  overflow: hidden;\n  border-radius: 16px;\n}\n\n.slider-container img {\n  position:absolute;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n\/* \u00fcst (temiz) *\/\n.after-img {\n  position:absolute;\n  top:0;\n  left:0;\n  width:50%;\n  height:100%;\n  overflow:hidden;\n}\n\n\/* \u00e7izgi *\/\n.slider-line {\n  position:absolute;\n  top:0;\n  left:50%;\n  width:2px;\n  height:100%;\n  background:#f5b332;\n  z-index:5;\n}\n\n\/* handle *\/\n.slider-handle {\n  position:absolute;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  width:34px;\n  height:34px;\n  background:#f5b332;\n  border-radius:50%;\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  cursor:ew-resize;\n  z-index:6;\n}\n\n\/* labels *\/\n.label {\n  position:absolute;\n  top:15px;\n  padding:6px 12px;\n  border-radius:20px;\n  font-size:13px;\n  color:#fff;\n  z-index:7;\n}\n\n.label-left {\n  left:15px;\n  background:rgba(0,0,0,0.6);\n}\n\n.label-right {\n  right:15px;\n  background:#f5b332;\n}\n\n\/* mobile *\/\n@media(max-width:768px){\n  .video-grid {\n    grid-template-columns:1fr;\n  }\n  .slider-container {\n    height:300px;\n  }\n}\n<\/style>\n\n<div class=\"section-wrap\">\n\n<!-- CTA -->\n<div class=\"top-cta\">\n  <a href=\"tel:+905315246691\" class=\"call-btn\">\ud83d\udcde Hemen Ara<\/a>\n  <a href=\"https:\/\/wa.me\/905315246691\" target=\"_blank\" class=\"wp-btn\">\ud83d\udcac WhatsApp<\/a>\n<\/div>\n\n<!-- VIDEOLAR -->\n<div class=\"video-grid\">\n\n  <div class=\"video-box\" onclick=\"playVideo(this)\">\n    <video muted playsinline>\n      <source src=\"https:\/\/izmirklimakombi.tr\/wp-content\/uploads\/2026\/03\/WhatsApp-Video-2026-03-19-at-21.28.50.mp4\">\n    <\/video>\n    <div class=\"video-overlay\"><div class=\"play-btn\">\u25b6 \u0130zle<\/div><\/div>\n  <\/div>\n\n  <div class=\"video-box\" onclick=\"playVideo(this)\">\n    <video muted playsinline>\n      <source src=\"https:\/\/izmirklimakombi.tr\/wp-content\/uploads\/2026\/03\/WhatsApp-Video-2026-03-19-at-21.28.55.mp4\">\n    <\/video>\n    <div class=\"video-overlay\"><div class=\"play-btn\">\u25b6 \u0130zle<\/div><\/div>\n  <\/div>\n\n<\/div>\n\n<div class=\"single-video\">\n  <div class=\"video-box\" onclick=\"playVideo(this)\">\n    <video muted playsinline>\n      <source src=\"https:\/\/izmirklimakombi.tr\/wp-content\/uploads\/2026\/03\/WhatsApp-Video-2026-03-19-at-21.28.56.mp4\">\n    <\/video>\n    <div class=\"video-overlay\"><div class=\"play-btn\">\u25b6 \u0130zle<\/div><\/div>\n  <\/div>\n<\/div>\n\n<!-- SLIDER -->\n<div class=\"compare\">\n\n  <div class=\"slider-container\" id=\"box\">\n\n    <!-- K\u0130RL\u0130 -->\n    <img decoding=\"async\" src=\"https:\/\/izmirklimakombi.tr\/wp-content\/uploads\/2026\/03\/c14d79f3-ae41-4558-a09d-14131e865fbc.jpg\">\n\n    <!-- TEM\u0130Z -->\n    <div class=\"after-img\" id=\"after\">\n      <img decoding=\"async\" src=\"https:\/\/izmirklimakombi.tr\/wp-content\/uploads\/2026\/03\/74114630-b6fc-4fe2-be60-c001e52f1855.jpg\">\n    <\/div>\n\n    <div class=\"label label-left\">\u2728 Temiz<\/div>\n    <div class=\"label label-right\">\ud83e\uddfc Kirli<\/div>\n\n    <div class=\"slider-line\" id=\"line\"><\/div>\n    <div class=\"slider-handle\" id=\"handle\">\u21c6<\/div>\n\n  <\/div>\n\n<\/div>\n\n<\/div>\n\n<script>\n\/* VIDEO PLAY *\/\nfunction playVideo(el){\n  const video = el.querySelector(\"video\");\n  el.classList.add(\"active\");\n  video.play();\n}\n\n\/* SLIDER *\/\nconst box = document.getElementById(\"box\");\nconst after = document.getElementById(\"after\");\nconst line = document.getElementById(\"line\");\nconst handle = document.getElementById(\"handle\");\n\nlet active = false;\n\nhandle.onmousedown = () => active = true;\nwindow.onmouseup = () => active = false;\n\nwindow.onmousemove = (e)=>{\n  if(!active) return;\n\n  let rect = box.getBoundingClientRect();\n  let pos = e.clientX - rect.left;\n\n  if(pos < 0) pos = 0;\n  if(pos > rect.width) pos = rect.width;\n\n  let percent = pos \/ rect.width * 100;\n\n  after.style.width = percent + \"%\";\n  line.style.left = percent + \"%\";\n  handle.style.left = percent + \"%\";\n};\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcde Hemen Ara \ud83d\udcac WhatsApp \u25b6 \u0130zle \u25b6 \u0130zle \u25b6 \u0130zle \u2728 Temiz \ud83e\uddfc Kirli \u21c6<\/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-37020","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/izmirklimakombi.tr\/index.php?rest_route=\/wp\/v2\/pages\/37020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/izmirklimakombi.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/izmirklimakombi.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/izmirklimakombi.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/izmirklimakombi.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37020"}],"version-history":[{"count":3,"href":"https:\/\/izmirklimakombi.tr\/index.php?rest_route=\/wp\/v2\/pages\/37020\/revisions"}],"predecessor-version":[{"id":37046,"href":"https:\/\/izmirklimakombi.tr\/index.php?rest_route=\/wp\/v2\/pages\/37020\/revisions\/37046"}],"wp:attachment":[{"href":"https:\/\/izmirklimakombi.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}