{"id":1550,"date":"2025-10-13T20:15:58","date_gmt":"2025-10-13T17:15:58","guid":{"rendered":"https:\/\/batel.com.tr\/?page_id=1550"},"modified":"2026-04-13T13:53:08","modified_gmt":"2026-04-13T10:53:08","slug":"fotograflarla-batel","status":"publish","type":"page","link":"https:\/\/batel.com.tr\/en\/fotograflarla-batel\/","title":{"rendered":""},"content":{"rendered":"<section data-bb-version=\"5.4.2\" id=\"bt_bb_section69eb91b5952b3\" class=\"bt_bb_section bt_bb_layout_boxed_1200 bt_bb_top_spacing_small bt_bb_bottom_spacing_medium\"  data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_small&quot;,&quot;def&quot;:&quot;small&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_medium&quot;,&quot;def&quot;:&quot;medium&quot;}}\"><div class=\"bt_bb_port\"><div class=\"bt_bb_cell\"><div class=\"bt_bb_cell_inner\"><div class=\"bt_bb_row \"  data-bt-override-class=\"{}\"><div class=\"bt_bb_row_holder\" ><div data-bb-version=\"4.9.1\"  class=\"bt_bb_column col-xxl-12 col-xl-12 col-xs-12 col-sm-12 col-md-12 col-lg-12 bt_bb_vertical_align_top bt_bb_align_left bt_bb_padding_normal\" style=\"; --column-width:12;\" data-width=\"12\" data-bt-override-class=\"{}\"><div class=\"bt_bb_column_content\"><div class=\"bt_bb_column_content_inner\"><div data-bb-version=\"5.4.2\" class=\"bt_bb_raw_content\"><\/div><div data-bb-version=\"5.7.1\" class=\"bt_bb_raw_content\"><div class=\"batel-gallery-section\">\n  <style>\n    .batel-gallery-section { \n      font-family: Montserrat; \n      max-width: 1200px; \n      margin: 40px auto; \n      color: #333; \n      text-align: center; \n    }\n    .batel-header { \n      color: black; \n      padding: 60px 20px 20px; \n      border-radius: 1px; \n    }\n    .batel-main-title {\n      color: #1d76c4;\n      font-size: 26px;\n      font-weight: 700;\n      margin-bottom: 10px;\n      text-transform: uppercase;\n    }\n    .batel-subtitle {\n      font-size: 18px;\n      color: black;\n      opacity: 1;\n      margin: 0 auto 20px auto;\n    }\n    .batel-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 30px;\n    }\n    .batel-box {\n      position: relative;\n      border-radius: 1px;\n      overflow: hidden;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.15);\n      cursor: pointer;\n      min-height: 300px;\n    }\n    .batel-box h3 {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background: rgba(29,118,196,0.9);\n      color: white;\n      margin: 0;\n      padding: 14px;\n      font-size: 20px;\n      font-weight: 500;\n      z-index: 2;\n    }\n    .slider-container {\n      position: relative;\n      width: 100%;\n      height: 300px;\n      overflow: hidden;\n    }\n    .slider-container img {\n      width: 100%;\n      height: 300px;\n      object-fit: cover;\n      transition: opacity 0.5s ease;\n      position: absolute;\n      top: 0;\n      left: 0;\n      opacity: 0;\n    }\n    .slider-container img.active { opacity: 1; }\n    .slider-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      background: rgba(0,0,0,0.5);\n      color: white;\n      border: none;\n      font-size: 28px;\n      padding: 8px 12px;\n      cursor: pointer;\n      border-radius: 4px;\n      z-index: 3;\n    }\n    .slider-btn.left { left: 10px; }\n    .slider-btn.right { right: 10px; }\n    .batel-footer-text {\n      margin-top: 60px;\n      font-style: italic;\n      color: #000;\n    }\n    @media (max-width:768px) {\n      .slider-container { height: 200px; }\n      .batel-grid { grid-template-columns: 1fr; }\n    }\n    \/* Lightbox *\/\n    .lightbox {\n      display: none;\n      position: fixed;\n      z-index: 9999;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0,0,0,0.9);\n      justify-content: center;\n      align-items: center;\n    }\n    .lightbox img { max-width: 80%; max-height: 80vh; border-radius: 1px; }\n    .lightbox-close {\n      position: absolute;\n      top: 20px;\n      right: 35px;\n      color: #fff;\n      font-size: 40px;\n      font-weight: bold;\n      cursor: pointer;\n    }\n    .lightbox-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      background: rgba(0,0,0,0.5);\n      color: white;\n      border: none;\n      font-size: 40px;\n      padding: 10px 15px;\n      cursor: pointer;\n      border-radius: 4px;\n    }\n    .lightbox-btn.left { left: 20px; }\n    .lightbox-btn.right { right: 20px; }\n  <\/style>\n\n  <!-- HEADER -->\n  <div class=\"batel-header\">\n    <p class=\"batel-main-title\">FOTO\u011eRAFLARLA BATEL<\/p>\n    <br><br>\n    <p class=\"batel-main-title\">\u0130\u015f Arkada\u015flar\u0131m\u0131z, \u00fcretimimiz ve de\u011ferlerimiz<\/p>\n    <p class=\"batel-subtitle\">BATEL\u2019i daha yak\u0131ndan tan\u0131y\u0131n. Fabrikam\u0131zdan, \u00fcr\u00fcnlerimizden ve birlikte \u00e7al\u0131\u015ft\u0131\u011f\u0131m\u0131z i\u015f arkada\u015flar\u0131m\u0131zdan kareler.<\/p>\n  <\/div>\n\n  <!-- GALER\u0130 GRID -->\n  <div class=\"batel-grid\">\n\n    <!-- KUTU 1 -->\n    <div class=\"batel-box\">\n      <div class=\"slider-container\" id=\"slider-1\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim1-scaled.jpg\" class=\"active\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim2-scaled.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim3-scaled.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim4-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim5-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim6-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim7-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim8-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim9-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album1-uretim10-scaled.jpg\">\n      <\/div>\n      <h3>\u00dcretim & Teknoloji<\/h3>\n      <button class=\"slider-btn left\" data-slider=\"slider-1\">\u276e<\/button>\n      <button class=\"slider-btn right\" data-slider=\"slider-1\">\u276f<\/button>\n    <\/div>\n\n    <!-- KUTU 2 -->\n    <div class=\"batel-box\">\n      <div class=\"slider-container\" id=\"slider-2\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan1-scaled.jpg\" class=\"active\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan2-scaled.jpg\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan3-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan4-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan5-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan6-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan7-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan8-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan9-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan10-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan11-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan12-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan13-scaled.jpg\">\n<img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album2-insan14-scaled.jpg\">\n      <\/div>\n      <h3>\u0130nsan & K\u00fclt\u00fcr<\/h3>\n      <button class=\"slider-btn left\" data-slider=\"slider-2\">\u276e<\/button>\n      <button class=\"slider-btn right\" data-slider=\"slider-2\">\u276f<\/button>\n    <\/div>\n\n    <!-- KUTU 3 -->\n    <div class=\"batel-box\">\n      <div class=\"slider-container\" id=\"slider-3\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun1-scaled.jpg\" class=\"active\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun2.png\">\n        <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun3.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun4.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun5.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun6.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun7.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun8.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun9.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun10.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun11.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun12.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun13.png\">\n <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album3-urun14.png\">\n      <\/div>\n      <h3>\u00dcr\u00fcnler<\/h3>\n      <button class=\"slider-btn left\" data-slider=\"slider-3\">\u276e<\/button>\n      <button class=\"slider-btn right\" data-slider=\"slider-3\">\u276f<\/button>\n    <\/div>\n\n    <!-- KUTU 4 -->\n    <div class=\"batel-box\">\n  <div class=\"slider-container\" id=\"slider-4\">\n  \n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal4.jpg\"  class=\"active\">\n   \n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal8.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal9.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal10.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal11.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal12.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal13.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal14.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal15.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal16.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal18.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal19.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal20.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal21.jpg\">\n    <img decoding=\"async\" src=\"https:\/\/batel.com.tr\/wp-content\/uploads\/2025\/10\/album4-kurumsal22.jpg\">\n  <\/div>\n  <h3>Kurumsal<\/h3>\n  <button class=\"slider-btn left\" data-slider=\"slider-4\">\u276e<\/button>\n  <button class=\"slider-btn right\" data-slider=\"slider-4\">\u276f<\/button>\n<\/div>\n      \n\n  <\/div>\n\n  <p class=\"batel-footer-text\">Yar\u0131m asr\u0131 a\u015fan yolculu\u011fumuzda, \u00fcretimden insana her detayda BATEL\u2019i tan\u0131y\u0131n.<\/p>\n\n  <!-- LIGHTBOX -->\n  <div class=\"lightbox\" id=\"lightbox\">\n    <span class=\"lightbox-close\" id=\"lightbox-close\">\u00d7<\/span>\n    <button class=\"lightbox-btn left\" id=\"lightbox-prev\">\u276e<\/button>\n    <button class=\"lightbox-btn right\" id=\"lightbox-next\">\u276f<\/button>\n    <img id=\"lightbox-img\">\n  <\/div>\n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function(){\n      \/\/ === SLIDER OTOMAT\u0130K ===\n      const sliders = document.querySelectorAll(\".slider-container\");\n      sliders.forEach(slider => {\n        const imgs = slider.querySelectorAll(\"img\");\n        let current = 0;\n        setInterval(()=>{\n          imgs[current].classList.remove(\"active\");\n          current = (current+1)%imgs.length;\n          imgs[current].classList.add(\"active\");\n        },3000);\n      });\n\n      \/\/ === SLIDER BUTONLARI ===\n      document.querySelectorAll(\".slider-btn\").forEach(btn=>{\n        btn.addEventListener(\"click\", function(e){\n          e.stopPropagation();\n          const slider = document.getElementById(btn.dataset.slider);\n          const imgs = slider.querySelectorAll(\"img\");\n          let current = [...imgs].findIndex(i => i.classList.contains(\"active\"));\n          imgs[current].classList.remove(\"active\");\n          current = btn.classList.contains(\"left\") ? (current-1+imgs.length)%imgs.length : (current+1)%imgs.length;\n          imgs[current].classList.add(\"active\");\n        });\n      });\n\n      \/\/ === LIGHTBOX ===\n      const lightbox = document.getElementById(\"lightbox\");\n      const lightboxImg = document.getElementById(\"lightbox-img\");\n      const closeBtn = document.getElementById(\"lightbox-close\");\n      const prevBtn = document.getElementById(\"lightbox-prev\");\n      const nextBtn = document.getElementById(\"lightbox-next\");\n\n      let currentImages = [];\n      let currentIndex = 0;\n\n      document.querySelectorAll(\".slider-container img\").forEach(img => {\n        img.addEventListener(\"click\", function() {\n          const parentSlider = this.closest(\".slider-container\");\n          currentImages = Array.from(parentSlider.querySelectorAll(\"img\"));\n          currentIndex = currentImages.indexOf(this);\n          showLightboxImage();\n          lightbox.style.display = \"flex\";\n        });\n      });\n\n      function showLightboxImage() {\n        lightboxImg.src = currentImages[currentIndex].src;\n      }\n\n      prevBtn.addEventListener(\"click\", ()=>{\n        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;\n        showLightboxImage();\n      });\n      nextBtn.addEventListener(\"click\", ()=>{\n        currentIndex = (currentIndex + 1) % currentImages.length;\n        showLightboxImage();\n      });\n\n      closeBtn.addEventListener(\"click\", ()=> lightbox.style.display = \"none\");\n      lightbox.addEventListener(\"click\", (e)=>{ if (e.target === lightbox) lightbox.style.display = \"none\"; });\n    });\n  <\/script>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><!-- cell_inner --><\/div><!-- cell --><\/div><!-- port --><\/section>\n","protected":false},"excerpt":{"rendered":"<p>Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portal products.<\/p>","protected":false},"author":1,"featured_media":1957,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1550","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/batel.com.tr\/en\/wp-json\/wp\/v2\/pages\/1550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/batel.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/batel.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/batel.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/batel.com.tr\/en\/wp-json\/wp\/v2\/comments?post=1550"}],"version-history":[{"count":39,"href":"https:\/\/batel.com.tr\/en\/wp-json\/wp\/v2\/pages\/1550\/revisions"}],"predecessor-version":[{"id":2463,"href":"https:\/\/batel.com.tr\/en\/wp-json\/wp\/v2\/pages\/1550\/revisions\/2463"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/batel.com.tr\/en\/wp-json\/wp\/v2\/media\/1957"}],"wp:attachment":[{"href":"https:\/\/batel.com.tr\/en\/wp-json\/wp\/v2\/media?parent=1550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}