{"id":38,"date":"2025-07-09T17:26:39","date_gmt":"2025-07-09T14:26:39","guid":{"rendered":"https:\/\/bisaselektrik.com\/index.php\/front_page\/"},"modified":"2025-08-26T14:30:22","modified_gmt":"2025-08-26T11:30:22","slug":"ana-sayfa","status":"publish","type":"page","link":"https:\/\/bisaselektrik.com\/","title":{"rendered":"Ana Sayfa"},"content":{"rendered":"\n<div class=\"custom-slider-wrapper\">\n  <div class=\"custom-slider-container\">\n    <div class=\"custom-slider\" id=\"customSlider\">\n      <div class=\"custom-slide\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/fabrika-satisi.jpg\" alt=\"Slider 1\">\n      <\/div>\n      <div class=\"custom-slide\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/istockphoto-1365029556-612x612-1.jpg\" alt=\"Slider 2\">\n      <\/div>\n      <div class=\"custom-slide\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/thumbs_b_c_572ee15cdf71def6ab6eca77f5a8f450.jpg\" alt=\"Slider 3\">\n      <\/div>\n    <\/div>\n    <button class=\"custom-slider-button prev\" aria-label=\"\u00d6nceki\" onclick=\"customPrevSlide()\">&#10094;<\/button>\n    <button class=\"custom-slider-button next\" aria-label=\"Sonraki\" onclick=\"customNextSlide()\">&#10095;<\/button>\n  <\/div>\n<\/div>\n\n<style>\n  .custom-slider-wrapper {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    box-sizing: border-box;\n    padding: 0 20px;\n    margin: 40px 0;\n  }\n\n  .custom-slider-container {\n    position: relative;\n    width: 100%;\n    max-width: 1400px;\n    aspect-ratio: 16 \/ 5;\n    overflow: hidden;\n    border-radius: 12px;\n  }\n\n  .custom-slider {\n    display: flex;\n    width: 300%; \/* 3 slide *\/\n    height: 100%;\n    transition: transform 0.5s ease-in-out;\n    will-change: transform;\n  }\n\n  .custom-slide {\n    flex: 0 0 33.3333%;\n    height: 100%;\n  }\n\n  .custom-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .custom-slider-button {\n  position: absolute;\n  top: 50%;\n  width: 40px;\n  height: 40px;\n  transform: translateY(-50%);\n  background: rgba(0,0,0,0.4);\n  color: #fff;\n  border: 2px solid rgba(255, 0, 0, 0.7);\n  box-shadow: 0 0 8px rgba(255, 0, 0, 0.5);\n  font-size: 20px;\n  padding: 0;          \n  line-height: 1;      \n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 2;\n  display: flex;       \n  align-items: center; \n  justify-content: center; \n  transition: background 0.3s;\n}\n  .custom-slider-button:hover,\n  .custom-slider-button:focus {\n    background: rgba(0,0,0,0.6);\n    box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);\n    outline: none;\n  }\n\n  .custom-slider-button.prev {\n    left: 12px;\n  }\n\n  .custom-slider-button.next {\n    right: 12px;\n  }\n\n  @media (max-width: 768px) {\n    .custom-slider-wrapper {\n      padding: 0 10px;\n      margin: 20px 0;\n    }\n    .custom-slider-button {\n      font-size: 1.8rem;\n      padding: 8px 12px;\n    }\n    .custom-slider-button.prev {\n      left: 8px;\n    }\n    .custom-slider-button.next {\n      right: 8px;\n    }\n  }\n<\/style>\n\n<script>\n  (function(){\n    const baseURL = window.location.origin;\n\n    document.querySelectorAll('.custom-slide img').forEach(img => {\n      if(img.getAttribute('src').startsWith('\/wp-content')) {\n        img.src = baseURL + img.getAttribute('src');\n      }\n    });\n\n    const customSlider = document.getElementById('customSlider');\n    const customTotalSlides = customSlider.children.length;\n    let customCurrentIndex = 0;\n    let autoSlideInterval;\n\n    function updateSlider() {\n      customSlider.style.transform = `translateX(-${customCurrentIndex * (100 \/ customTotalSlides)}%)`;\n    }\n\n    function nextSlide() {\n      customCurrentIndex = (customCurrentIndex + 1) % customTotalSlides;\n      updateSlider();\n    }\n\n    function prevSlide() {\n      customCurrentIndex = (customCurrentIndex - 1 + customTotalSlides) % customTotalSlides;\n      updateSlider();\n    }\n\n    function resetAutoSlide() {\n      clearInterval(autoSlideInterval);\n      autoSlideInterval = setInterval(nextSlide, 7000);\n    }\n\n    window.customNextSlide = function() {\n      nextSlide();\n      resetAutoSlide();\n    };\n\n    window.customPrevSlide = function() {\n      prevSlide();\n      resetAutoSlide();\n    };\n\n    autoSlideInterval = setInterval(nextSlide, 7000);\n    updateSlider();\n\n  })();\n<\/script>\n\n\n\n<style>\n  .iletisim-butonlari {\n    display: flex;\n    justify-content: center;\n    gap: 30px;\n    margin-top: 40px;\n    flex-wrap: nowrap;\n    max-width: 600px; \/* 5 buton i\u00e7in geni\u015flik art\u0131r\u0131ld\u0131 *\/\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .iletisim-buton {\n    width: 80px;\n    height: 80px;\n    border: 3px solid red;\n    border-radius: 50%;\n    background-color: white;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: transform 0.2s ease;\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  .iletisim-buton:hover {\n    transform: scale(1.07);\n  }\n\n  .iletisim-buton img {\n    width: 60%;\n    height: 60%;\n  }\n\n  @media (max-width: 1200px) {\n    .iletisim-butonlari {\n      max-width: 450px; \/* 5*60 + 4*20 bo\u015fluk *\/\n      gap: 20px;\n    }\n    .iletisim-buton {\n      width: 60px;\n      height: 60px;\n    }\n    .iletisim-buton img {\n      width: 65%;\n      height: 65%;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .iletisim-butonlari {\n      max-width: 340px; \/* 5*50 + 4*15 bo\u015fluk *\/\n      gap: 15px;\n    }\n    .iletisim-buton {\n      width: 50px;\n      height: 50px;\n    }\n    .iletisim-buton img {\n      width: 70%;\n      height: 70%;\n    }\n  }\n<\/style>\n\n<div class=\"iletisim-butonlari\">\n\n  <!-- iletisim -->\n  <a href=\"\/index.php\/iletisim\/\" class=\"iletisim-buton\">\n  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/sabit-hat.png\" alt=\"\u0130leti\u015fim\">\n<\/a>\n  <!-- Instagram -->\n  <a href=\"https:\/\/www.instagram.com\/bisaselektrik\/?fbclid=IwY2xjawMac4xleHRuA2FlbQIxMQBicmlkETFRSEFNY2c0eWhUNk1uYXd4AR6dELSuXmHtrcM06aCaNX5tiSslMQU-NzrY8WAZdbahR3mlH1K3GA8T9N464A_aem_FeBGetrHzD6qMwv_2Au0lw\" target=\"_blank\" class=\"iletisim-buton\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/instagramm.png\" alt=\"Instagram\">\n  <\/a>\n\n  <!-- Facebook -->\n  <a href=\"https:\/\/www.facebook.com\/profile.php?id=61578944252582#\" target=\"_blank\" class=\"iletisim-buton\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/facebookk.png\" alt=\"Facebook\">\n  <\/a>\n\n  <!-- E-posta -->\n  <a href=\"mailto:info@bisaskimya.com\" class=\"iletisim-buton\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/e-postaa.png\" alt=\"E-posta\">\n  <\/a>\n\n  <!-- LinkedIn -->\n  <a href=\"https:\/\/linkedin.com\" target=\"_blank\" class=\"iletisim-buton\">\n    <img decoding=\"async\" src=\"https:\/\/bisaselektrik.com\/wp-content\/uploads\/2025\/07\/linkedin.png\" alt=\"LinkedIn\">\n  <\/a>\n\n<\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Bisa\u015f Kategori Slider<\/title>\n  <style>\n    .kategori-slider-wrapper {\n      position: relative;\n      max-width: 100%;\n      margin: 20px auto 30px;\n      display: flex;\n      justify-content: center;\n      height: 150px;\n    }\n\n    .kategori-container {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      display: flex;\n      flex-wrap: nowrap; \/* sat\u0131r k\u0131rma kapal\u0131 *\/\n      gap: 10px;\n      overflow-x: auto; \/* yatay kayd\u0131rma aktif *\/\n      scroll-behavior: smooth;\n      padding: 10px;\n      scrollbar-width: none;\n      max-width: 100%;\n      justify-content: flex-start; \/* sola hizala *\/\n      mask-image: none; \/* maskeyi kald\u0131rd\u0131k *\/\n      -webkit-mask-image: none;\n      height: 150px;\n    }\n\n    .kategori-container::-webkit-scrollbar {\n      display: none;\n    }\n\n    .kategori-btn {\n      flex: 0 0 auto;\n      width: 110px;\n      height: 140px;\n      background: #fff;\n      border: 2px solid #ed1c24;\n      border-radius: 12px;\n      padding: 8px;\n      text-align: center;\n      color: #000;\n      font-family: \"Segoe UI\", sans-serif;\n      font-size: 12px;\n      font-weight: 600;\n      text-decoration: none;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: center;\n      transition: 0.3s ease all;\n      box-sizing: border-box;\n    }\n\n    .kategori-btn:hover {\n      border-color: #ff7b00;\n      box-shadow: 0 3px 8px rgba(255, 123, 0, 0.3);\n      transform: translateY(-2px);\n    }\n\n    .kategori-btn img {\n      width: 100%;\n      height: 70px;\n      object-fit: contain;\n      border-radius: 6px;\n      margin-bottom: 6px;\n      flex-shrink: 0;\n    }\n\n    .kategori-btn span {\n      flex-grow: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      line-height: 1.2;\n      word-break: break-word;\n    }\n\n    .slider-btn {\n      position: absolute;\n      top: 50%;\n      width: 40px;\n      height: 40px;\n      transform: translateY(-50%);\n      background: rgba(0,0,0,0.4);\n      color: #fff;\n      border: 2px solid rgba(255, 0, 0, 0.7);\n      box-shadow: 0 0 8px rgba(255, 0, 0, 0.5);\n      font-size: 20px;\n      padding: 0;         \n      line-height: 1;      \n      border-radius: 50%;\n      cursor: pointer;\n      z-index: 2;\n      display: flex;       \n      align-items: center; \n      justify-content: center; \n      transition: background 0.3s;\n    }\n\n    .slider-btn:hover {\n      background-color: rgba(0, 0, 0, 0.6);\n      box-shadow: 0 0 10px rgba(255, 0, 0, 0.8);\n    }\n\n    .slider-btn.left {\n      left: -45px;\n    }\n\n    .slider-btn.right {\n      right: -45px;\n    }\n\n    @media (max-width: 768px) {\n      .kategori-btn {\n        width: 95px;\n        height: 130px;\n        font-size: 11px;\n      }\n\n      .kategori-btn img {\n        height: 60px;\n        margin-bottom: 5px;\n      }\n\n      .slider-btn.left {\n        left: -30px;\n      }\n\n      .slider-btn.right {\n        right: -30px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .kategori-btn {\n        width: 85px;\n        height: 120px;\n        font-size: 10px;\n      }\n\n      .kategori-btn img {\n        height: 55px;\n        margin-bottom: 4px;\n      }\n\n      .slider-btn.left {\n        left: -25px;\n      }\n\n      .slider-btn.right {\n        right: -25px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <div class=\"kategori-slider-wrapper\">\n    <button class=\"slider-btn left\" id=\"sliderLeftBtn\" aria-label=\"Geri\">&#10094;<\/button>\n\n    <div class=\"kategori-container\" id=\"kategoriContainer\">\n      <a href=\"\/index.php\/vernikler-ve-izolasyon\/\" class=\"kategori-btn\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/vernikler-ve-izalasyon6.png\" alt=\"Vernikler ve \u0130zolasyon\" \/>\n        <span>Vernikler ve \u0130zolasyon<\/span>\n      <\/a>\n      <a href=\"\/index.php\/elyaf-ve-bantlar-2\/\" class=\"kategori-btn\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/elyaf-ve-bantlar-1.png\" alt=\"Elyaf ve Bantlar\" \/>\n        <span>Elyaf ve Bantlar<\/span>\n      <\/a>\n      <a href=\"\/index.php\/recineler-ve-macunlar\/\" class=\"kategori-btn\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/recineler-ve-macunlar6.png\" alt=\"Re\u00e7ineler ve Macunlar\" \/>\n        <span>Re\u00e7ineler ve Macunlar<\/span>\n      <\/a>\n      <a href=\"\/index.php\/levhalar-ve-plakalar\/\" class=\"kategori-btn\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/levhalar-ve-plakalar4.png\" alt=\"Levhalar ve Plakalar\" \/>\n        <span>Levhalar ve Plakalar<\/span>\n      <\/a>\n      <a href=\"\/index.php\/trafo-izolasyon-grubu-2\/\" class=\"kategori-btn\" target=\"_blank\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Trafo-izolasyon-grubu.png\" alt=\"Trafo \u0130zolasyon Grubu\" \/>\n        <span>Trafo \u0130zolasyon Grubu<\/span>\n      <\/a>\n    <\/div>\n\n    <button class=\"slider-btn right\" id=\"sliderRightBtn\" aria-label=\"\u0130leri\">&#10095;<\/button>\n  <\/div>\n\n  <script>\n    const container = document.getElementById('kategoriContainer');\n    const btnLeft = document.getElementById('sliderLeftBtn');\n    const btnRight = document.getElementById('sliderRightBtn');\n\n    function getScrollAmount() {\n      const btn = container.querySelector('.kategori-btn');\n      if (!btn) return 150;\n      const style = getComputedStyle(btn);\n      const width = btn.offsetWidth;\n      const marginRight = parseInt(style.marginRight) || 0;\n      const gap = 10; \/\/ CSS gap ile uyumlu gap de\u011feri\n      return width + gap; \n    }\n\n    function updateButtons() {\n      const isOverflowing = container.scrollWidth > container.clientWidth;\n      if (window.innerWidth <= 768) {\n        btnLeft.style.display = \"flex\";\n        btnRight.style.display = \"flex\";\n      } else {\n        btnLeft.style.display = isOverflowing ? \"flex\" : \"none\";\n        btnRight.style.display = isOverflowing ? \"flex\" : \"none\";\n      }\n      btnLeft.disabled = container.scrollLeft <= 0;\n      btnRight.disabled = container.scrollLeft + container.clientWidth >= container.scrollWidth - 1;\n    }\n\n    btnLeft.addEventListener('click', () => {\n      const scrollAmount = getScrollAmount();\n      let newPos = container.scrollLeft - scrollAmount;\n      if(newPos < 0) newPos = 0;\n      container.scrollTo({ left: newPos, behavior: 'smooth' });\n    });\n\n    btnRight.addEventListener('click', () => {\n      const scrollAmount = getScrollAmount();\n      let newPos = container.scrollLeft + scrollAmount;\n      const maxScrollLeft = container.scrollWidth - container.clientWidth;\n      if(newPos > maxScrollLeft) newPos = maxScrollLeft;\n      container.scrollTo({ left: newPos, behavior: 'smooth' });\n    });\n\n    container.addEventListener('scroll', updateButtons);\n    window.addEventListener('resize', updateButtons);\n    document.addEventListener(\"DOMContentLoaded\", updateButtons);\n  <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<style>\n  .hakkimizda-alani {\n    max-width: 900px;\n    margin: 40px auto;\n    padding: 20px;\n    font-family: Verdana, sans-serif;\n    font-size: 16px;\n    color: #222;\n    line-height: 1.7;\n    border: 3px solid #ed1c24; \/* K\u0131rm\u0131z\u0131 \u00e7er\u00e7eve *\/\n    border-radius: 10px;\n  }\n\n  .hakkimizda-alani h1 {\n    font-size: 22px;\n    text-align: center;\n    margin-bottom: 25px;\n    font-weight: bold;\n  }\n\n  .devam-metni {\n    display: none;\n    margin-top: 12px;\n  }\n\n  .devam-buton {\n    margin-top: 20px;\n    padding: 10px 20px;\n    font-family: Verdana, sans-serif;\n    font-size: 14px;\n    background-color: #111;\n    color: #fff;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n    transition: background 0.3s ease;\n  }\n\n  .devam-buton:hover {\n    background-color: #333;\n  }\n<\/style>\n\n<div class=\"hakkimizda-alani\">\n  <h1>B\u0130SA\u015e ELEKTR\u0130K VE \u0130ZOLASYON MALZEMELER\u0130 SAN. T\u0130C. LTD. \u015eT\u0130.<\/h1>\n\n  <p>\n    Firmam\u0131z, 1987 y\u0131l\u0131nda kurulmu\u015f olup, VAROL, FLA\u015e ve B\u0130SA\u015e isimli tescilli markalarla motor bobinaj verni\u011fi \u00fcretimini s\u00fcrd\u00fcrmektedir.\n    2005 y\u0131l\u0131ndan itibaren piyasadan gelen talepler do\u011frultusunda, al\u00e7ak gerilim (A.G.) ve y\u00fcksek gerilim (Y.G.) elektrik izolasyon malzemeleri alan\u0131nda distrib\u00fct\u00f6r ve ithalat\u00e7\u0131 firma olarak faaliyetlerimize devam etmekteyiz.\n  <\/p>\n\n  <div class=\"devam-metni\" id=\"devamIcerik\">\n    <p>\n      2009 y\u0131l\u0131nda \u0130stanbul Karak\u00f6y, Bankalar Caddesi\u2019nde yer alan Menev\u015fe \u0130\u015f Merkezi\u2019nde ma\u011fazam\u0131z hizmete a\u00e7\u0131lm\u0131\u015ft\u0131r.\n      Geni\u015fleyen \u00fcr\u00fcn yelpazemizle her ge\u00e7en g\u00fcn daha fazla m\u00fc\u015fteriye ula\u015fmaktay\u0131z.\n    <\/p>\n\n    <p>\n      Artan \u00fcr\u00fcn \u00e7e\u015fitlili\u011fi ve izolasyon sekt\u00f6r\u00fcndeki uzmanla\u015fmam\u0131z do\u011frultusunda, 2013 y\u0131l\u0131 sonunda \u015firket unvan\u0131m\u0131z\u0131\n      B\u0130SA\u015e K\u0130MYA SAN. VE T\u0130C. LTD. \u015eT\u0130.\u2019nden B\u0130SA\u015e ELEKTR\u0130K VE \u0130ZOLASYON MALZEMELER\u0130 SAN. T\u0130C. LTD. \u015eT\u0130. olarak de\u011fi\u015ftirdik.\n    <\/p>\n\n    <p>\n      Amac\u0131m\u0131z; trafo, motor \u00fcretim ve tamiri, makina bak\u0131m\u0131, kablo imalat\u0131 ve y\u00fcksek gerilim elektrik cihazlar\u0131n\u0131n \u00fcretiminde kullan\u0131lan\n      elektrik izolasyon malzemelerini en do\u011fru \u015fekilde m\u00fc\u015fterilerimize ve bayilerimize ula\u015ft\u0131rmakt\u0131r.\n    <\/p>\n\n    <p>\n      \u0130thalat\u0131n\u0131 ger\u00e7ekle\u015ftirdi\u011fimiz \u00fcr\u00fcnler aras\u0131nda; Cam Elyafl\u0131 Epoksi Levhalar (FR4, G11), Bezli Fiber, Pertinaks Levha, Mika Levha,\n      Mika ve Epoksi Borular yer almaktad\u0131r. Bu \u00fcr\u00fcnlerin her t\u00fcrl\u00fc kesim ve i\u015fleme hizmetini sunmaktay\u0131z.\n      Ayr\u0131ca Presbant, Polyester ve F, H s\u0131n\u0131f\u0131 DMD prensbant gibi izolasyon malzemeleri i\u00e7in de dilimleme ve hassas kesim hizmetleri vermekteyiz.\n    <\/p>\n\n    <p>\n      B\u0130SA\u015e ELEKTR\u0130K, 25 y\u0131l\u0131 a\u015fk\u0131n tecr\u00fcbesiyle, motor bobinaj vernikleri ve elektrik izolasyon malzemeleri konusundaki\n      geni\u015f \u00fcr\u00fcn gam\u0131yla her zaman yan\u0131n\u0131zda olmaya devam edecektir.\n    <\/p>\n\n    <p><strong>Sayg\u0131lar\u0131m\u0131zla.<\/strong><\/p>\n  <\/div>\n\n  <button class=\"devam-buton\" onclick=\"toggleDevam()\">Devam\u0131n\u0131 Oku<\/button>\n<\/div>\n\n<script>\n  function toggleDevam() {\n    const icerik = document.getElementById(\"devamIcerik\");\n    const buton = event.target;\n\n    if (icerik.style.display === \"none\" || icerik.style.display === \"\") {\n      icerik.style.display = \"block\";\n      buton.textContent = \"Kapat\";\n    } else {\n      icerik.style.display = \"none\";\n      buton.textContent = \"Devam\u0131n\u0131 Oku\";\n    }\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"bisas-urun-karti\">\n  <a href=\"https:\/\/bisaselektrik.com\/index.php\/bisaslak-hava-kurumali-vernik\/\" class=\"urun-link\">\n    <img decoding=\"async\" src=\"https:\/\/bisaselektrik.com\/wp-content\/uploads\/2025\/07\/Bisaslak-hava-kurumali-vernik.png\" alt=\"Bisaslak Hava Kurumal\u0131 Vernik\" class=\"urun-gorsel\">\n    <div class=\"urun-bilgi\">\n      <h3 class=\"urun-baslik\">Bisaslak Hava Kurumal\u0131 Vernik<\/h3>\n      <p class=\"urun-aciklama\">\u00d6zel form\u00fcll\u00fc, y\u00fcksek performansl\u0131 hava kurumal\u0131 izolasyon verni\u011fi.<\/p>\n      <span class=\"detay-buton\">Detaylar\u0131 G\u00f6r<\/span>\n    <\/div>\n  <\/a>\n<\/div>\n\n<style>\n.bisas-urun-karti {\n  max-width: 300px;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  overflow: hidden;\n  font-family: Arial, sans-serif;\n  margin: 20px auto;\n  box-shadow: 0 0 8px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease;\n}\n.bisas-urun-karti:hover {\n  transform: scale(1.02);\n}\n.urun-link {\n  color: inherit;\n  text-decoration: none;\n  display: block;\n}\n.urun-gorsel {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.urun-bilgi {\n  padding: 15px;\n  background-color: #f9f9f9;\n}\n.urun-baslik {\n  font-size: 16px;\n  margin: 0 0 10px;\n  color: #000; \/* Siyah ba\u015fl\u0131k *\/\n}\n.urun-aciklama {\n  font-size: 14px;\n  margin: 0 0 15px;\n  color: #444;\n}\n.detay-buton {\n  display: inline-block;\n  padding: 8px 14px;\n  border: 2px solid #b41c1c;\n  color: #b41c1c;\n  font-size: 13px;\n  border-radius: 4px;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.detay-buton:hover {\n  background-color: #b41c1c;\n  color: #fff;\n}\n\n\/* Responsive *\/\n@media screen and (max-width: 480px) {\n  .bisas-urun-karti {\n    max-width: 90%;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"bisas-urun-karti\">\n  <a href=\"https:\/\/bisaselektrik.com\/index.php\/bk-124-poliuretan-vernik-ve-herter-2\/\" class=\"urun-link\">\n    <img decoding=\"async\" src=\"https:\/\/bisaselektrik.com\/wp-content\/uploads\/2025\/08\/BK-1024.png\" alt=\"BK-1024 Poli\u00fcretan Vernik\" class=\"urun-gorsel\">\n    <div class=\"urun-bilgi\">\n      <h3 class=\"urun-baslik\">BK-1024 Poli\u00fcretan Vernik<\/h3>\n      <p class=\"urun-aciklama\">\u0130ki bile\u015fenli poli\u00fcretan esasl\u0131, y\u00fcksek izolasyon verni\u011fidir.<\/p>\n      <span class=\"detay-buton\">Detaylar\u0131 G\u00f6r<\/span>\n    <\/div>\n  <\/a>\n<\/div>\n\n<style>\n.bisas-urun-karti { \n  max-width: 300px;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  overflow: hidden;\n  font-family: Arial, sans-serif;\n  margin: 20px auto;\n  box-shadow: 0 0 8px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease;\n}\n.bisas-urun-karti:hover {\n  transform: scale(1.02);\n}\n.urun-link {\n  color: inherit;\n  text-decoration: none;\n  display: block;\n}\n.urun-gorsel {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.urun-bilgi {\n  padding: 15px;\n  background-color: #f9f9f9;\n}\n.urun-baslik {\n  min-height: 40px;\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  margin: 0 0 10px;\n  color: #000;\n}\n.urun-aciklama {\n  font-size: 14px;\n  margin: 0 0 15px;\n  color: #444;\n}\n.detay-buton {\n  display: inline-block;\n  padding: 8px 14px;\n  border: 2px solid #b41c1c;\n  color: #b41c1c;\n  font-size: 13px;\n  border-radius: 4px;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.detay-buton:hover {\n  background-color: #b41c1c;\n  color: #fff;\n}\n\n\/* Responsive *\/\n@media screen and (max-width: 480px) {\n  .bisas-urun-karti {\n    max-width: 90%;\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"bisas-urun-karti\">\n  <a href=\"https:\/\/bisaselektrik.com\/index.php\/bk117-poliuretan-lak-boya\/\" class=\"urun-link\">\n    <img decoding=\"async\" src=\"https:\/\/bisaselektrik.com\/wp-content\/uploads\/2025\/08\/bk-117-Poliuretan-lak-boya.png\" alt=\"BK117 Poli\u00fcretan Lak Boya\" class=\"urun-gorsel\">\n    <div class=\"urun-bilgi\">\n      <h3 class=\"urun-baslik\">BK117 Poli\u00fcretan Lak Boya<\/h3>\n      <p class=\"urun-aciklama\">Y\u00fcksek kaliteli poli\u00fcretan esasl\u0131 lak boya.<\/p>\n      <span class=\"detay-buton\">Detaylar\u0131 G\u00f6r<\/span>\n    <\/div>\n  <\/a>\n<\/div>\n\n<style>\n.bisas-urun-karti {\n  max-width: 300px;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  overflow: hidden;\n  font-family: Arial, sans-serif;\n  margin: 20px auto;\n  box-shadow: 0 0 8px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease;\n}\n.bisas-urun-karti:hover {\n  transform: scale(1.02);\n}\n.urun-link {\n  color: inherit;\n  text-decoration: none;\n  display: block;\n}\n.urun-gorsel {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.urun-bilgi {\n  padding: 15px;\n  background-color: #f9f9f9;\n}\n.urun-baslik {\n  font-size: 16px;\n  margin: 0 0 10px;\n  color: #000;\n}\n.urun-aciklama {\n  font-size: 14px;\n  margin: 0 0 15px;\n  color: #444;\n}\n.detay-buton {\n  display: inline-block;\n  padding: 8px 14px;\n  border: 2px solid #b41c1c;\n  color: #b41c1c;\n  font-size: 13px;\n  border-radius: 4px;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.detay-buton:hover {\n  background-color: #b41c1c;\n  color: #fff;\n}\n\n\/* Responsive *\/\n@media screen and (max-width: 480px) {\n  .bisas-urun-karti {\n    max-width: 90%;\n  }\n}\n<\/style>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"bisas-urun-karti\">\n  <a href=\"https:\/\/bisaselektrik.com\/index.php\/rp-100-hava-kurumali-vernik-2\/\" class=\"urun-link\">\n    <img decoding=\"async\" src=\"https:\/\/bisaselektrik.com\/wp-content\/uploads\/2025\/07\/RP-100-hava-kurumali-vernik.png\" alt=\"RP-100 Hava Kurumal\u0131 Vernik\" class=\"urun-gorsel\">\n    <div class=\"urun-bilgi\">\n      <h3 class=\"urun-baslik\">RP-100 Hava Kurumal\u0131 Vernik<\/h3>\n      <p class=\"urun-aciklama\">Modifiye alkid re\u00e7ine bazl\u0131, hava kurumal\u0131 son kat y\u00fczey izolasyon verni\u011fi.<\/p>\n      <span class=\"detay-buton\">Detaylar\u0131 G\u00f6r<\/span>\n    <\/div>\n  <\/a>\n<\/div>\n\n<style>\n.bisas-urun-karti {\n  max-width: 300px;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  overflow: hidden;\n  font-family: Arial, sans-serif;\n  margin: 20px auto;\n  box-shadow: 0 0 8px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease;\n}\n.bisas-urun-karti:hover {\n  transform: scale(1.02);\n}\n.urun-link {\n  color: inherit;\n  text-decoration: none;\n  display: block;\n}\n.urun-gorsel {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.urun-bilgi {\n  padding: 15px;\n  background-color: #f9f9f9;\n}\n.urun-baslik {\n  font-size: 16px;\n  margin: 0 0 10px;\n  color: #000;\n}\n.urun-aciklama {\n  font-size: 14px;\n  margin: 0 0 15px;\n  color: #444;\n}\n.detay-buton {\n  display: inline-block;\n  padding: 8px 14px;\n  border: 2px solid #b41c1c;\n  color: #b41c1c;\n  font-size: 13px;\n  border-radius: 4px;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.detay-buton:hover {\n  background-color: #b41c1c;\n  color: #fff;\n}\n\n\/* Responsive *\/\n@media screen and (max-width: 480px) {\n  .bisas-urun-karti {\n    max-width: 90%;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"bisas-urun-karti\">\n  <a href=\"https:\/\/bisaselektrik.com\/index.php\/bk-0421-poliuretan-dokum-recinesi\/\" class=\"urun-link\">\n    <img decoding=\"async\" src=\"https:\/\/bisaselektrik.com\/wp-content\/uploads\/2025\/08\/bk-0421-poliuretan-recine.png\" alt=\"BK\u20110421 Poli\u00fcretan D\u00f6k\u00fcm Re\u00e7inesi\" class=\"urun-gorsel\">\n    <div class=\"urun-bilgi\">\n      <h3 class=\"urun-baslik\">BK\u20110421 Poli\u00fcretan D\u00f6k\u00fcm Re\u00e7inesi<\/h3>\n      <p class=\"urun-aciklama\">\u00c7a\u011fda\u015f poli\u00fcretan teknolojisi ile form\u00fcle edilmi\u015f, d\u00f6k\u00fcm re\u00e7inesi.<\/p>\n      <span class=\"detay-buton\">Detaylar\u0131 G\u00f6r<\/span>\n    <\/div>\n  <\/a>\n<\/div>\n\n<style>\n.bisas-urun-karti {\n  max-width: 300px;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  overflow: hidden;\n  font-family: Arial, sans-serif;\n  margin: 20px auto;\n  box-shadow: 0 0 8px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease;\n}\n.bisas-urun-karti:hover {\n  transform: scale(1.02);\n}\n.urun-link {\n  color: inherit;\n  text-decoration: none;\n  display: block;\n}\n.urun-gorsel {\n  width: 100%;\n  height: auto;\n}\n.urun-bilgi {\n  padding: 15px;\n  background-color: #f9f9f9;\n}\n.urun-baslik {\n  font-size: 16px;\n  margin: 0 0 10px;\n  color: #000;\n}\n.urun-aciklama {\n  font-size: 14px;\n  margin: 0 0 15px;\n  color: #444;\n}\n.detay-buton {\n  display: inline-block;\n  padding: 8px 14px;\n  border: 2px solid #b41c1c;\n  color: #b41c1c;\n  font-size: 13px;\n  border-radius: 4px;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.detay-buton:hover {\n  background-color: #b41c1c;\n  color: #fff;\n}\n\n\/* Responsive *\/\n@media screen and (max-width: 480px) {\n  .bisas-urun-karti {\n    max-width: 90%;\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"bisas-urun-karti\">\n  <a href=\"https:\/\/bisaselektrik.com\/index.php\/rp-700-yuksek-isi-dayanimli-silikon-vernik-2\/\" class=\"urun-link\">\n    <img decoding=\"async\" src=\"https:\/\/bisaselektrik.com\/wp-content\/uploads\/2025\/08\/RP-700-Firin-kurumali-vernik-silikon.png\" alt=\"RP-700 F\u0131r\u0131n Korumal\u0131 Silikon Vernik\" class=\"urun-gorsel\">\n    <div class=\"urun-bilgi\">\n      <h3 class=\"urun-baslik\">RP-700 F\u0131r\u0131n Kurumal\u0131 Silikon Vernik<\/h3>\n      <p class=\"urun-aciklama\">Y\u00fcksek s\u0131cakl\u0131klara dayan\u0131kl\u0131, silikon bazl\u0131 f\u0131r\u0131n kurumal\u0131 vernik.<\/p>\n      <span class=\"detay-buton\">Detaylar\u0131 G\u00f6r<\/span>\n    <\/div>\n  <\/a>\n<\/div>\n\n<style>\n.bisas-urun-karti {\n  max-width: 300px;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  overflow: hidden;\n  font-family: Arial, sans-serif;\n  margin: 20px auto;\n  box-shadow: 0 0 8px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease;\n}\n.bisas-urun-karti:hover {\n  transform: scale(1.02);\n}\n.urun-link {\n  color: inherit;\n  text-decoration: none;\n  display: block;\n}\n.urun-gorsel {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.urun-bilgi {\n  padding: 15px;\n  background-color: #f9f9f9;\n}\n.urun-baslik {\n  font-size: 16px;\n  margin: 0 0 10px;\n  color: #000;\n}\n.urun-aciklama {\n  font-size: 14px;\n  margin: 0 0 15px;\n  color: #444;\n}\n.detay-buton {\n  display: inline-block;\n  padding: 8px 14px;\n  border: 2px solid #b41c1c;\n  color: #b41c1c;\n  font-size: 13px;\n  border-radius: 4px;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.detay-buton:hover {\n  background-color: #b41c1c;\n  color: #fff;\n}\n\n\/* Responsive *\/\n@media screen and (max-width: 480px) {\n  .bisas-urun-karti {\n    max-width: 90%;\n  }\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n  .section-title {\n    font-size: 28px;\n    font-weight: bold;\n    margin: 40px 0 20px;\n    text-align: center;\n    font-family: sans-serif;\n  }\n  \n  .card-slider-wrapper {\n    position: relative;\n    max-width: 100%;\n    overflow: visible;\n    padding: 0 40px;\n    margin: 0 auto 40px;\n    margin-top: 20px;\n  }\n\n  .card-slider-container {\n    display: flex;\n    overflow: hidden;\n    scroll-behavior: smooth;\n    padding: 10px 0 30px;\n    padding-left: 7px;\n    mask-image: linear-gradient(to right, transparent, black 30px, black calc(100% - 30px), transparent);\n    -webkit-mask-image: linear-gradient(to right, transparent, black 30px, black calc(100% - 30px),transparent);\n  }\n\n  .card-track {\n    display: flex;\n    transition: transform 0.6s ease;\n    border-radius: 12px;\n    padding: 10px;\n    box-sizing: border-box;\n    justify-content: center;\n  }\n\n  .urun-kart {\n    flex: 0 0 auto;\n    width: 200px;\n    height: auto;\n    margin: 0 10px;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    background: #fff;\n    transition: transform 0.3s ease;\n    position: relative;\n  }\n\n  \/* Kartlar aras\u0131na ba\u011f\u0131ms\u0131z k\u0131rm\u0131z\u0131 dikey \u00e7izgi *\/\n  .urun-kart:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 10%;\n    right: -10px;\n    width: 2px;\n    height: 80%;\n    background-color: red;\n  }\n\n  .urun-kart a {\n    display: block;\n    width: 100%;\n    height: 100%;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  .urun-kart img {\n    width: auto;\n    max-width: 100%;\n    height:170px;\n    display: block;\n    margin: 0 auto;\n    object-fit: contain;\n  }\n\n  .urun-kart:hover {\n    transform: scale(1.05);\n  }\n\n  \/* \u00dcr\u00fcn ismini g\u00f6steren tam kaplayan siyah overlay *\/\n  .card-name {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.7);\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    text-align: center;\n    padding: 0 10px;\n    pointer-events: none;\n  }\n\n  .urun-kart:hover .card-name {\n    opacity: 1;\n  }\n\n  .slider-arrow {\n    position: absolute;\n    top: 50%;\n    width: 40px;\n    height: 40px;\n    transform: translateY(-50%);\n    background: rgba(0,0,0,0.4);\n    color: #fff;\n    border: 2px solid rgba(255, 0, 0, 0.7);\n    box-shadow: 0 0 8px rgba(255, 0, 0, 0.5);\n    font-size: 20px;\n    padding: 0;         \n    line-height: 1;      \n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 2;\n    display: flex;       \n    align-items: center; \n    justify-content: center; \n    transition: background 0.3s;\n  }\n\n  .slider-arrow:hover {\n    background: rgba(0,0,0,0.6);\n    box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);\n  }\n\n  .slider-arrow.left {\n    left: -20px;\n  }\n\n  .slider-arrow.right {\n    right: -20px;\n  }\n\n  @media (max-width: 768px) {\n    .urun-kart {\n      width: 180px;\n      height: auto;\n    }\n\n    .slider-arrow {\n      font-size: 18px;\n    }\n  }\n<\/style>\n\n<h2 class=\"section-title\">\u00d6ne \u00c7\u0131kanlar<\/h2>\n\n<div class=\"card-slider-wrapper\">\n  <button class=\"slider-arrow left\">&#10094;<\/button>\n  <div class=\"card-slider-container\">\n    <div class=\"card-track\" id=\"urunTrack\">\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/varol-izolasyon-sivisi\" title=\"Varol \u0130zolasyon S\u0131v\u0131s\u0131\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Varol-izolasyon-sivisi-Motor-bobinaj-vernigi.png\" alt=\"Varol \u0130zolasyon S\u0131v\u0131s\u0131\" \/>\n          <div class=\"card-name\">Varol \u0130zolasyon S\u0131v\u0131s\u0131<\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/epoxy-levha-3\/\" title=\"Epoxy Levha\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Epoxy-Levha.png\" alt=\"Epoxy Levha\" \/>\n          <div class=\"card-name\">Epoxy Levha<\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/mika-boru-2\/\" title=\"Mika Boru\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Mika-Boru.png\" alt=\"Mika Boru\" \/>\n          <div class=\"card-name\">Mika Boru<\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/bka-2000-vernik-2\/\" title=\"Bka-2000 Vernik\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/BKA-2000-Vernik.png\" alt=\"Bka-2000 Vernik\" \/>\n          <div class=\"card-name\">Bka-2000 Vernik<\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/flas-izolasyon-sivisi\/\" title=\"Flas \u0130zolasyon S\u0131v\u0131s\u0131\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/flas-izolasyon-sivisi.png\" alt=\"Flas \u0130zolasyon S\u0131v\u0131s\u0131\" \/>\n          <div class=\"card-name\">Flas \u0130zolasyon S\u0131v\u0131s\u0131<\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/poliuretan-dokum-recinesi\/\" title=\"Poli\u00fcretan D\u00f6k\u00fcm Re\u00e7inesi\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Poliuretan-dokum-recinesi.png\" alt=\"Poli\u00fcretan D\u00f6k\u00fcm Re\u00e7inesi\" \/>\n          <div class=\"card-name\">Poli\u00fcretan D\u00f6k\u00fcm Re\u00e7inesi<\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/epoxy-boru-2\/\" title=\"Epoxy Boru\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Epoxy-boru.png\" alt=\"Epoxy Boru\" \/>\n          <div class=\"card-name\">Epoxy Boru<\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/rp-500-firin-kurumali-epoksi-vernik-2\/\" title=\"RP-500 F\u0131r\u0131n Kurumal\u0131 Epoksi Vernik\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/RP-500-Firin-kurumali-vernik-Epoxy.png\" alt=\"RP-500 F\u0131r\u0131n Kurumal\u0131 Epoksi Vernik\" \/>\n          <div class=\"card-name\">RP-500 F\u0131r\u0131n Kurumal\u0131 Epoksi Vernik<\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/pertanax-2\/\" title=\"Pertanax\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/Pertanax.png\" alt=\"Pertanax\" \/>\n          <div class=\"card-name\">Pertanax<\/div>\n        <\/a>\n      <\/div>\n\n      <div class=\"urun-kart card-item\">\n        <a href=\"\/index.php\/bk-124-poliuretan-vernik-ve-herter-2\/\" title=\"BK-124 Poli\u00fcretan Vernik ve Herter\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/BK-1024.png\" alt=\"BK-124 Poli\u00fcretan Vernik ve Herter\" \/>\n          <div class=\"card-name\">BK-124 Poli\u00fcretan Vernik ve Herter<\/div>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n  <button class=\"slider-arrow right\">&#10095;<\/button>\n<\/div>\n\n<script>\n  const track = document.getElementById(\"urunTrack\");\n  const card = track.querySelector(\".urun-kart\");\n  const style = getComputedStyle(card);\n  const width = card.offsetWidth;\n  const marginLeft = parseInt(style.marginLeft);\n  const marginRight = parseInt(style.marginRight);\n  const cardWidth = width + marginLeft + marginRight;\n  let isSliding = false;\n  \n  function slideRight() {\n    if (isSliding) return;\n    isSliding = true;\n    \n    track.style.transition = \"transform 0.6s ease\";\n    track.style.transform = `translateX(-${cardWidth}px)`;\n\n    function onTransitionEnd() {\n      track.appendChild(track.firstElementChild);\n      track.style.transition = \"none\";\n      track.style.transform = \"translateX(0)\";\n      isSliding = false;\n      track.removeEventListener(\"transitionend\", onTransitionEnd);\n    }\n\n    track.addEventListener(\"transitionend\", onTransitionEnd);\n  }\n\n  function slideLeft() {\n    if (isSliding) return;\n    isSliding = true;\n\n    track.style.transition = \"none\";\n    track.insertBefore(track.lastElementChild, track.firstElementChild);\n    track.style.transform = `translateX(-${cardWidth}px)`;\n\n    requestAnimationFrame(() => {\n      track.style.transition = \"transform 0.6s ease\";\n      track.style.transform = \"translateX(0)\";\n    });\n\n    function onTransitionEnd() {\n      isSliding = false;\n      track.removeEventListener(\"transitionend\", onTransitionEnd);\n    }\n\n    track.addEventListener(\"transitionend\", onTransitionEnd);\n  }\n\n  document.querySelector(\".slider-arrow.right\").addEventListener(\"click\", slideRight);\n  document.querySelector(\".slider-arrow.left\").addEventListener(\"click\", slideLeft);\n\n  setInterval(() => { if(!isSliding) slideRight(); }, 4000);\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#10094; &#10095; Bisa\u015f Kategori Slider &#10094; Vernikler ve \u0130zolasyon Elyaf ve Bantlar Re\u00e7ineler ve Macunlar Levhalar ve Plakalar Trafo \u0130zolasyon Grubu &#10095; B\u0130SA\u015e ELEKTR\u0130K VE \u0130ZOLASYON MALZEMELER\u0130 SAN. T\u0130C. LTD. \u015eT\u0130. Firmam\u0131z, 1987 y\u0131l\u0131nda kurulmu\u015f olup, VAROL, FLA\u015e ve B\u0130SA\u015e isimli tescilli markalarla motor bobinaj verni\u011fi \u00fcretimini s\u00fcrd\u00fcrmektedir. 2005 y\u0131l\u0131ndan itibaren piyasadan gelen talepler do\u011frultusunda,&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-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bisaselektrik.com\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bisaselektrik.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bisaselektrik.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bisaselektrik.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bisaselektrik.com\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":367,"href":"https:\/\/bisaselektrik.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":2092,"href":"https:\/\/bisaselektrik.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/2092"}],"wp:attachment":[{"href":"https:\/\/bisaselektrik.com\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}