{"id":15,"date":"2026-09-03T12:31:24","date_gmt":"2026-09-03T09:31:24","guid":{"rendered":"https:\/\/3esmekanik.com\/?page_id=15"},"modified":"2026-09-08T12:57:23","modified_gmt":"2026-09-08T09:57:23","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/3esmekanik.com\/","title":{"rendered":"ANASAYFA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f110e28 e-flex e-con-boxed e-con e-parent\" data-id=\"f110e28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8613f4f elementor-widget elementor-widget-html\" data-id=\"8613f4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================== -->\r\n<!-- 1. HAKKIMIZDA B\u00d6L\u00dcM\u00dc VE SAAT\/TAR\u0130H W\u0130DGET'I -->\r\n<!-- ========================================== -->\r\n<section id=\"hakkimizda\" style=\"padding: 90px 20px; background-color: #0b0b0b; border-top: 1px solid #222222; font-family: sans-serif; position: relative;\">\r\n  <!-- \u00dcst Sa\u011f K\u0131s\u0131m Canl\u0131 Saat ve Tarih Alan\u0131 -->\r\n  <div id=\"live-clock-badge\" style=\"position: absolute; top: 20px; right: 20px; background: rgba(20, 20, 20, 0.85); border: 1px solid #333; padding: 8px 16px; border-radius: 6px; color: #fff; font-family: monospace; font-size: 14px; z-index: 10; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);\">\r\n    <span style=\"color: #d62027; font-size: 16px;\">\u25cf<\/span>\r\n    <span id=\"header-clock-display\">Y\u00fckleniyor...<\/span>\r\n  <\/div>\r\n\r\n  <div style=\"max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px; align-items: center;\">\r\n    <!-- SOL TARAF: G\u00d6RSEL VE ROZET -->\r\n    <div style=\"flex: 1; min-width: 300px; position: relative;\">\r\n      <img decoding=\"async\" src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/IMG_9871-1-1024x970.jpg\" alt=\"3ES Mekanik\" style=\"width: 100%; height: auto; border-radius: 8px; display: block;\" \/>\r\n      <div style=\"position: absolute; bottom: -20px; right: -10px; background: #d62027; color: #ffffff; padding: 15px 25px; border-radius: 6px; font-weight: bold; text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,0.5);\">\r\n        <span style=\"display: block; font-size: 24px; font-weight: 900;\">3 ES<\/span>\r\n        <span style=\"font-size: 11px; letter-spacing: 1px; text-transform: uppercase;\">G\u00dcVEN &amp; M\u00dcHEND\u0130SL\u0130K M\u0130RASI<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- SA\u011e TARAF: KURUMSAL \u0130\u00c7ER\u0130K -->\r\n    <div style=\"flex: 1; min-width: 300px;\">\r\n      <span style=\"color: #d62027; font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase;\">GELECE\u011e\u0130 \u0130N\u015eA EDEN M\u00dcHEND\u0130SL\u0130K<\/span>\r\n      <h2 style=\"color: #ffffff; font-size: 34px; font-weight: 800; margin: 12px 0 20px 0; text-transform: uppercase; line-height: 1.25;\">MEKAN\u0130K TES\u0130SATTA<br>B\u00d6LGEN\u0130N L\u0130DER VE G\u00dcVEN\u0130L\u0130R \u0130MZASI<\/h2>\r\n      <p style=\"color: #e0e0e0; font-size: 16px; line-height: 1.7; margin-bottom: 18px; font-weight: 500;\"><strong style=\"color: #ffffff;\">3 ES MEKAN\u0130K YAPI TES\u0130SAT \u0130N\u015eAAT TAAHH\u00dcT SANAY\u0130 VE T\u0130CARET L\u0130M\u0130TED \u015e\u0130RKET\u0130<\/strong> olarak, yap\u0131 sekt\u00f6r\u00fcn\u00fcn en kritik ve uzmanl\u0131k gerektiren alan\u0131 olan <strong style=\"color: #ffffff;\">mekanik tesisat<\/strong> bran\u015f\u0131nda ana faaliyet y\u00fcr\u00fct\u00fcyoruz. Kuruldu\u011fumuz g\u00fcnden bu yana, en karma\u015f\u0131k projelerde dahi m\u00fchendislik disiplinini, y\u00fcksek kaliteyi ve g\u00fcveni bir arada sunan \u00f6nc\u00fc bir vizyonla hareket ediyoruz.<\/p>\r\n      <p style=\"color: #aaaaaa; font-size: 15px; line-height: 1.7; margin-bottom: 18px;\">Konutlardan end\u00fcstriyel tesislere, ticari yap\u0131lardan b\u00fcy\u00fck \u00f6l\u00e7ekli projelere kadar her t\u00fcrl\u00fc yap\u0131n\u0131n \u0131s\u0131tma, so\u011futma, havaland\u0131rma, s\u0131hhi tesisat ve yang\u0131n sistemleri gibi t\u00fcm mekanik altyap\u0131 ihtiya\u00e7lar\u0131n\u0131 kusursuz bir \u015fekilde kar\u015f\u0131l\u0131yoruz.<\/p>\r\n      <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 30px; color: #ffffff; font-weight: 600; font-size: 14px;\">\r\n        <div>\u2714 Kusursuz M\u00fchendislik<\/div>\r\n        <div>\u2714 S\u0131f\u0131r Hata &amp; Kalite<\/div>\r\n        <div>\u2714 Zaman\u0131nda Teslim<\/div>\r\n        <div>\u2714 Prestijli Referanslar<\/div>\r\n      <\/div>\r\n      <a style=\"display: inline-block; background-color: #d62027; color: #ffffff; padding: 15px 35px; border-radius: 4px; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: 13px;\" href=\"https:\/\/3esmekanik.com\/?page_id=27\">B\u0130Z\u0130MLE \u0130LET\u0130\u015e\u0130ME GE\u00c7\u0130N<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================== -->\r\n<!-- 2. UZMANLIK ALANLARIMIZ (8 H\u0130ZMET) -->\r\n<!-- ========================================== -->\r\n<section id=\"uzmanliklar\" style=\"padding: 80px 20px; background-color: #080808; border-top: 1px solid #1a1a1a; font-family: sans-serif; text-align: center;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto;\">\r\n    <h2 style=\"color: #ffffff; font-size: 32px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;\">UZMANLIK ALANLARIMIZ<\/h2>\r\n    <p style=\"color: #aaa; font-size: 16px; margin-top: 0; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto;\">Mekanik tesisat ve taahh\u00fct alan\u0131nda 8 temel disiplinde uluslararas\u0131 standartlara uygun m\u00fchendislik \u00e7\u00f6z\u00fcmleri sunuyoruz.<\/p>\r\n    \r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; text-align: left;\">\r\n      <div style=\"background: #111; padding: 25px; border-radius: 8px; border: 1px solid #222;\">\r\n        <span style=\"font-size: 30px; display: block; margin-bottom: 10px;\">\ud83d\udca7<\/span>\r\n        <h3 style=\"color: #ffffff; font-size: 18px; margin-top: 0; margin-bottom: 10px; font-weight: bold;\">S\u0131hhi Tesisat<\/h3>\r\n        <p style=\"color: #a0a0a0; font-size: 13px; line-height: 1.5; margin: 0;\">Temiz su, pis su, ya\u011fmur suyu ve altyap\u0131 tesisatlar\u0131nda hatas\u0131z i\u015f\u00e7ilik ve uzun \u00f6m\u00fcrl\u00fc malzeme uygulamalar\u0131.<\/p>\r\n      <\/div>\r\n      <div style=\"background: #111; padding: 25px; border-radius: 8px; border: 1px solid #222;\">\r\n        <span style=\"font-size: 30px; display: block; margin-bottom: 10px;\">\ud83c\udfd9\ufe0f<\/span>\r\n        <h3 style=\"color: #ffffff; font-size: 18px; margin-top: 0; margin-bottom: 10px; font-weight: bold;\">M\u00fc\u015fterek Tesisat\u0131<\/h3>\r\n        <p style=\"color: #a0a0a0; font-size: 13px; line-height: 1.5; margin: 0;\">Toplu konut, site ve ticari binalar\u0131n ortak kullan\u0131m alan\u0131 mekanik altyap\u0131 ve da\u011f\u0131t\u0131m hatlar\u0131 kurulumu.<\/p>\r\n      <\/div>\r\n      <div style=\"background: #111; padding: 25px; border-radius: 8px; border: 1px solid #222;\">\r\n        <span style=\"font-size: 30px; display: block; margin-bottom: 10px;\">\ud83d\udd25<\/span>\r\n        <h3 style=\"color: #ffffff; font-size: 18px; margin-top: 0; margin-bottom: 10px; font-weight: bold;\">Is\u0131tma Tesisat\u0131<\/h3>\r\n        <p style=\"color: #a0a0a0; font-size: 13px; line-height: 1.5; margin: 0;\">Kazan daireleri, merkezi \u0131s\u0131tma, yerden \u0131s\u0131tma ve radyant sistemlerde y\u00fcksek verimli m\u00fchendislik \u00e7\u00f6z\u00fcmleri.<\/p>\r\n      <\/div>\r\n      <div style=\"background: #111; padding: 25px; border-radius: 8px; border: 1px solid #222;\">\r\n        <span style=\"font-size: 30px; display: block; margin-bottom: 10px;\">\u2744\ufe0f<\/span>\r\n        <h3 style=\"color: #ffffff; font-size: 18px; margin-top: 0; margin-bottom: 10px; font-weight: bold;\">VRF Tesisat\u0131<\/h3>\r\n        <p style=\"color: #a0a0a0; font-size: 13px; line-height: 1.5; margin: 0;\">De\u011fi\u015fken debili iklimlendirme (VRF\/VRV) sistemleriyle otel, ofis ve yap\u0131larda ba\u011f\u0131ms\u0131z iklim kontrol\u00fc.<\/p>\r\n      <\/div>\r\n      <div style=\"background: #111; padding: 25px; border-radius: 8px; border: 1px solid #222;\">\r\n        <span style=\"font-size: 30px; display: block; margin-bottom: 10px;\">\ud83c\udf2a\ufe0f<\/span>\r\n        <h3 style=\"color: #ffffff; font-size: 18px; margin-top: 0; margin-bottom: 10px; font-weight: bold;\">Havaland\u0131rma Tesisat\u0131<\/h3>\r\n        <p style=\"color: #a0a0a0; font-size: 13px; line-height: 1.5; margin: 0;\">Taze hava santralleri, kanall\u0131 havaland\u0131rma, egzoz sistemleri ve s\u0131\u011f\u0131nak havaland\u0131rma \u00e7\u00f6z\u00fcmleri.<\/p>\r\n      <\/div>\r\n      <div style=\"background: #111; padding: 25px; border-radius: 8px; border: 1px solid #222;\">\r\n        <span style=\"font-size: 30px; display: block; margin-bottom: 10px;\">\ud83e\udd16<\/span>\r\n        <h3 style=\"color: #ffffff; font-size: 18px; margin-top: 0; margin-bottom: 10px; font-weight: bold;\">Otomatik Kontrol<\/h3>\r\n        <p style=\"color: #a0a0a0; font-size: 13px; line-height: 1.5; margin: 0;\">Bina otomasyonu (BMS), PLC sistemleri mekatronik bile\u015fenlerinin ak\u0131ll\u0131 uzaktan y\u00f6netimi.<\/p>\r\n      <\/div>\r\n      <div style=\"background: #111; padding: 25px; border-radius: 8px; border: 1px solid #222;\">\r\n        <span style=\"font-size: 30px; display: block; margin-bottom: 10px;\">\ud83e\uddef<\/span>\r\n        <h3 style=\"color: #ffffff; font-size: 18px; margin-top: 0; margin-bottom: 10px; font-weight: bold;\">Yang\u0131n S\u00f6nd\u00fcrme<\/h3>\r\n        <p style=\"color: #a0a0a0; font-size: 13px; line-height: 1.5; margin: 0;\">Sprinkler, yang\u0131n dolaplar\u0131, gazl\u0131 s\u00f6nd\u00fcrme ve pompa daireleri kurulumu ile maksimum bina g\u00fcvenli\u011fi.<\/p>\r\n      <\/div>\r\n      <div style=\"background: #111; padding: 25px; border-radius: 8px; border: 1px solid #222;\">\r\n        <span style=\"font-size: 30px; display: block; margin-bottom: 10px;\">\u26fd<\/span>\r\n        <h3 style=\"color: #ffffff; font-size: 18px; margin-top: 0; margin-bottom: 10px; font-weight: bold;\">Do\u011fal Gaz Tesisat\u0131<\/h3>\r\n        <p style=\"color: #a0a0a0; font-size: 13px; line-height: 1.5; margin: 0;\">Bireysel ve end\u00fcstriyel do\u011falgaz hatlar\u0131, servis kutusu ba\u011flant\u0131lar\u0131 ve gaz kesme\/emniyet sistemleri.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================== -->\r\n<!-- 3. PROJELER\u0130M\u0130Z VE L\u0130GHTBOX ST\u0130LLER\u0130 -->\r\n<!-- ========================================== -->\r\n<section id=\"projelerimiz\" style=\"padding: 80px 20px; background-color: #0a0a0a; border-top: 1px solid #222222; font-family: sans-serif;\">\r\n  <div style=\"max-width: 1200px; margin: 0 auto;\">\r\n    <div style=\"text-align: center; margin-bottom: 50px;\">\r\n      <span style=\"color: #1b93d1; font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase;\">REFERANSLARIMIZ &amp; PROJELER\u0130M\u0130Z<\/span>\r\n      <h2 style=\"color: #ffffff; font-size: 36px; font-weight: 800; margin: 10px 0; text-transform: uppercase;\">TAMAMLADI\u011eIMIZ PROJELER<\/h2>\r\n      <p style=\"color: #aaaaaa; font-size: 16px; max-width: 700px; margin: 0 auto; line-height: 1.6;\">Mekanik tesisat, yang\u0131n koruma, iklimlendirme ve altyap\u0131 alanlar\u0131nda b\u00f6lge genelinde imza att\u0131\u011f\u0131m\u0131z nitelikli projelerimiz.<\/p>\r\n    <\/div>\r\n\r\n    <style>\r\n      .projects-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n        gap: 25px;\r\n        margin-bottom: 50px;\r\n      }\r\n      .project-card {\r\n        background-color: #141414;\r\n        border: 1px solid #262626;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\r\n        position: relative;\r\n      }\r\n      .project-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: #1b93d1;\r\n        box-shadow: 0 10px 25px rgba(27, 147, 209, 0.15);\r\n      }\r\n      .project-card:hover img, .project-card:hover video {\r\n        transform: scale(1.05);\r\n      }\r\n      .project-card img, .project-card video {\r\n        transition: transform 0.4s ease;\r\n      }\r\n      .video-badge {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        background: rgba(214, 32, 39, 0.9);\r\n        color: #fff;\r\n        padding: 4px 8px;\r\n        border-radius: 4px;\r\n        font-size: 11px;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        z-index: 2;\r\n      }\r\n      .gallery-badge {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        background: rgba(27, 147, 209, 0.9);\r\n        color: #fff;\r\n        padding: 4px 8px;\r\n        border-radius: 4px;\r\n        font-size: 11px;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        z-index: 2;\r\n      }\r\n      #custom-lightbox {\r\n        position: fixed !important;\r\n        top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important;\r\n        background: rgba(0,0,0,0.92) !important;\r\n        display: none;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        z-index: 2147483647 !important;\r\n        padding: 20px;\r\n        box-sizing: border-box;\r\n      }\r\n      #custom-lightbox-content {\r\n        max-width: 900px;\r\n        width: 100%;\r\n        max-height: 85vh;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        position: relative;\r\n      }\r\n      #custom-lightbox-media-container {\r\n        width: 100%;\r\n        height: 65vh;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        background: #000;\r\n        border-radius: 6px;\r\n        border: 1px solid #333;\r\n        position: relative;\r\n      }\r\n      #custom-lightbox-media-container img, \r\n      #custom-lightbox-media-container video,\r\n      #custom-lightbox-media-container iframe {\r\n        max-width: 100%;\r\n        max-height: 65vh;\r\n        object-fit: contain;\r\n      }\r\n      .lightbox-close {\r\n        position: absolute;\r\n        top: -45px; right: 0;\r\n        background: #d62027; color: #fff;\r\n        border: none; padding: 8px 16px;\r\n        font-size: 16px; font-weight: bold;\r\n        border-radius: 4px; cursor: pointer;\r\n        z-index: 2147483648;\r\n      }\r\n      .lightbox-nav {\r\n        position: absolute;\r\n        top: 50%; transform: translateY(-50%);\r\n        background: rgba(27, 147, 209, 0.9); color: #fff;\r\n        border: none; padding: 12px 18px;\r\n        font-size: 20px; font-weight: bold;\r\n        border-radius: 4px; cursor: pointer;\r\n        z-index: 2147483648;\r\n      }\r\n      .lightbox-prev { left: 10px; }\r\n      .lightbox-next { right: 10px; }\r\n      .lightbox-counter {\r\n        position: absolute;\r\n        bottom: 10px;\r\n        background: rgba(0,0,0,0.7);\r\n        color: #fff;\r\n        padding: 4px 10px;\r\n        border-radius: 4px;\r\n        font-size: 12px;\r\n        font-family: monospace;\r\n        z-index: 2147483648;\r\n      }\r\n    <\/style>\r\n\r\n    <!-- 1. KATEGOR\u0130: HMK\u00dc PROJELER\u0130 -->\r\n    <h3 style=\"color: #f2ce02; font-size: 20px; border-left: 4px solid #F2CE02; padding-left: 12px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px;\">HMK\u00dc (Mustafa Kemal \u00dcniversitesi) Projeleri<\/h3>\r\n    <div class=\"projects-grid\">\r\n      <div class=\"project-card\" data-project-id=\"hmku-kemoterapi\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/kemoterapi.jfif\" alt=\"HMK\u00dc Ara\u015ft\u0131rma Hastanesi Kemoterapi Merkezi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #f2ce02; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Sa\u011fl\u0131k Tesisat\u0131<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">HMK\u00dc Ara\u015ft\u0131rma Hastanesi Kemoterapi Merkezi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"hmku-sterilizasyon\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1584515979956-d9f6e5d09982?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"HMK\u00dc Ara\u015ft\u0131rma Hastanesi Sterilizasyon Merkezi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #f2ce02; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Medikal Tesisat<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">HMK\u00dc Ara\u015ft\u0131rma Hastanesi Sterilizasyon Merkezi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"hmku-kokhucre\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1579684385127-1ef15d508118?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"HMK\u00dc Ara\u015ft\u0131rma Hastanesi K\u00f6k H\u00fccre Merkezi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #f2ce02; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">\u00d6zel Laboratuvar<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">HMK\u00dc Ara\u015ft\u0131rma Hastanesi K\u00f6k H\u00fccre Merkezi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"hmku-mr\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1516549655169-df83a0774514?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"HMK\u00dc Ara\u015ft\u0131rma Hastanesi MR Merkezi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #f2ce02; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">\u0130klimlendirme &amp; Havaland\u0131rma<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">HMK\u00dc Ara\u015ft\u0131rma Hastanesi MR Merkezi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"hmku-derslik\">\r\n        <div class=\"video-badge\">\u25b6 Video Tan\u0131t\u0131m<\/div>\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/6-subat-merkezi-derslik.webp\" alt=\"HMK\u00dc 6 \u015eubat Merkezi Derslikleri\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #f2ce02; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">E\u011fitim Yap\u0131s\u0131 (Videolu)<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">HMK\u00dc 6 \u015eubat Merkezi Derslikleri<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"hmku-myo\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1541829070764-84a7d30dd3f3?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"HMK\u00dc Antakya Meslek Y\u00fcksekokulu\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #f2ce02; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">E\u011fitim Yap\u0131s\u0131<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">HMK\u00dc Antakya Meslek Y\u00fcksekokulu<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. KATEGOR\u0130: SA\u011eLIK, SPOR & KAMU -->\r\n    <h3 style=\"color: #1b93d1; font-size: 20px; border-left: 4px solid #1B93D1; padding-left: 12px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px;\">Sa\u011fl\u0131k, Spor ve Kamu Tesisleri<\/h3>\r\n    <div class=\"projects-grid\">\r\n      <div class=\"project-card\" data-project-id=\"belen-hastane\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/belen-devlet-hastanesi.webp\" alt=\"Belen Entegre Devlet Hastanesi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Sa\u011fl\u0131k Tesisat\u0131<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Belen Entegre Devlet Hastanesi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- G\u00dcZELBUR\u00c7 ASM (15 FOTO\u011eRAFLI GALER\u0130) -->\r\n      <div class=\"project-card\" data-project-id=\"guzelburc-ashm\">\r\n        <div class=\"gallery-badge\">\ud83d\udcf7 15 Foto\u011fraf<\/div>\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-1.jpg\" alt=\"G\u00fczelbur\u00e7 ASM\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Sa\u011fl\u0131k Merkezi (Galeri)<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">G\u00fczelbur\u00e7 ASM<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"sumeyye-boyaci\">\r\n        <div class=\"video-badge\">\u25b6 Video Tan\u0131t\u0131m<\/div>\r\n        <video style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" muted playsinline preload=\"metadata\">\r\n          <source src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/sumeyye-boyaci.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Mekanik &amp; Havuz (Videolu)<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">S\u00fcmeyye Boyac\u0131 Yar\u0131 Olimpik Y\u00fczme Havuzu<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"antakya-gida-lab\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1532187863486-abf9dbad1b69?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Antakya Belediyesi G\u0131da Laboratuvar\u0131\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Laboratuvar Tesisat\u0131<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Antakya Belediyesi G\u0131da Laboratuvar\u0131<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3. KATEGOR\u0130: M\u00dcZELER, E\u011e\u0130T\u0130M & BARINMA -->\r\n    <h3 style=\"color: #d62027; font-size: 20px; border-left: 4px solid #D62027; padding-left: 12px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px;\">M\u00fczeler, E\u011fitim ve Bar\u0131nma Yap\u0131lar\u0131<\/h3>\r\n    <div class=\"projects-grid\">\r\n      <div class=\"project-card\" data-project-id=\"hatay-arkeoloji\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/hatay-arkeoloji-muzesi.webp\" alt=\"Hatay Arkeoloji M\u00fczesi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #d62027; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">K\u00fclt\u00fcrel Yap\u0131<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Hatay Arkeoloji M\u00fczesi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"etnografya-muzesi\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1582555172866-f73bb12a2ab3?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Etnografya M\u00fczesi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #d62027; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">K\u00fclt\u00fcrel Yap\u0131<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Etnografya M\u00fczesi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"payas-yurt\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1555854877-bab0e564b8d5?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Payas 200 Yatakl\u0131 \u00d6\u011frenci Pansiyonu\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #d62027; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">\u00d6\u011frenci Yurdu<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Payas 200 Yatakl\u0131 \u00d6\u011frenci Pansiyonu<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"karlisu-yurt\">\r\n        <div class=\"video-badge\">\u25b6 Video Tan\u0131t\u0131m<\/div>\r\n        <video style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" muted playsinline preload=\"metadata\">\r\n          <source src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/SaveClip.App_AQPt4aBs-f9wEoWdOSW8xyiYg5l0iFNPgFJhsPHp-J7yVqosFhRxGsrrouJ5WgmqSAsaymvElfQiHKLzKAVfUTff6rmyg47lYS59sjA.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #d62027; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">\u00d6\u011frenci Yurdu (Videolu)<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Karl\u0131su 300 Yatakl\u0131 \u00d6\u011frenci Pansiyonu<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"selim-nevzat\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/selim-nevzat-sahin.jpg\" alt=\"Selim Nevzat \u015eahin Anadolu Lisesi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #d62027; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">E\u011fitim Kurumu<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Selim Nevzat \u015eahin Anadolu Lisesi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"aksaray-okul\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1509062522246-3755977927d7?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Aksaray Ortaokulu\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #d62027; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">E\u011fitim Kurumu<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Aksaray Ortaokulu<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"ekin-koleji\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1621905251189-08b45d6a269e?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Hatay Ekin Koleji Yang\u0131n Tesisat\u0131\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #d62027; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Yang\u0131n G\u00fcvenlik Sistemleri<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Hatay Ekin Koleji Yang\u0131n Tesisat\u0131<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 4. KATEGOR\u0130: EMN\u0130YET, ASKER\u0130 & \u0130DAR\u0130 -->\r\n    <h3 style=\"color: #1b93d1; font-size: 20px; border-left: 4px solid #1B93D1; padding-left: 12px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px;\">Emniyet, Askeri ve \u0130dari Binalar<\/h3>\r\n    <div class=\"projects-grid\">\r\n      <!-- ERZ\u0130N H\u00dcK\u00dcMET KONA\u011eI (17 FOTO\u011eRAFLI GALER\u0130) -->\r\n      <div class=\"project-card\" data-project-id=\"erzin-hukumet\">\r\n        <div class=\"gallery-badge\">\ud83d\udcf7 17 Foto\u011fraf<\/div>\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-1.jpeg\" alt=\"Erzin H\u00fck\u00fcmet Kona\u011f\u0131\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Kamu Hizmet Binas\u0131 (Galeri)<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Erzin H\u00fck\u00fcmet Kona\u011f\u0131<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- YAYLADA\u011eI H\u00dcK\u00dcMET KONA\u011eI (23 FOTO\u011eRAFLI GALER\u0130) -->\r\n      <div class=\"project-card\" data-project-id=\"yayladagi-hukumet\">\r\n        <div class=\"gallery-badge\">\ud83d\udcf7 23 Foto\u011fraf<\/div>\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-1.jpeg\" alt=\"Yaylada\u011f\u0131 H\u00fck\u00fcmet Kona\u011f\u0131\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Kamu Hizmet Binas\u0131 (Galeri)<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Yaylada\u011f\u0131 H\u00fck\u00fcmet Kona\u011f\u0131<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"antakya-hukumet\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Antakya H\u00fck\u00fcmet Kona\u011f\u0131\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Kamu Hizmet Binas\u0131<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Antakya H\u00fck\u00fcmet Kona\u011f\u0131<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"antakya-kaymakam\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Antakya Kaymakam Evi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">\u0130dari Konut<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Antakya Kaymakam Evi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"hatay-vali-konagi\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Hatay Vali Kona\u011f\u0131\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">\u0130dari Konut<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Hatay Vali Kona\u011f\u0131<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"hatay-vali-lojmanlari\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Hatay Vali Lojmanlar\u0131\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">\u0130dari Lojman<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Hatay Vali Lojmanlar\u0131<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"antakya-polisevi\">\r\n        <div class=\"video-badge\">\u25b6 Video Tan\u0131t\u0131m<\/div>\r\n        <video style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" muted playsinline preload=\"metadata\">\r\n          <source src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/SaveClip.App_AQMVA_-xc6dn1KFwmrSf5moYZJLEDv6q_OBb9iylHrQVHGIlgurtPmy294_ts4rf4FchAF8w0L2SoBhv7QFrvy9CJdX9_kX_4jZZbN0.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Sosyal Tesis (Videolu)<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Hatay Antakya Polisevi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"reyhanli-emniyet\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1577495508048-b635879837f1?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Reyhanl\u0131 \u0130l\u00e7e Emniyet M\u00fcd\u00fcrl\u00fc\u011f\u00fc\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Emniyet Binas\u0131<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Reyhanl\u0131 \u0130l\u00e7e Emniyet M\u00fcd\u00fcrl\u00fc\u011f\u00fc<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"payas-emniyet\">\r\n        <div class=\"video-badge\">\u25b6 Video Tan\u0131t\u0131m<\/div>\r\n        <video style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" muted playsinline>\r\n          <source src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/payas-ilce-emniyet-mudurlugu.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Emniyet Binas\u0131 (Videolu)<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Payas \u0130l\u00e7e Emniyet M\u00fcd\u00fcrl\u00fc\u011f\u00fc<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"arsuz-emniyet\">\r\n        <div class=\"video-badge\">\u25b6 Video Tan\u0131t\u0131m<\/div>\r\n        <video style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" muted playsinline>\r\n          <source src=\"https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/XAXG9408.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Emniyet Binas\u0131 (Videolu)<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Arsuz \u0130l\u00e7e Emniyet M\u00fcd\u00fcrl\u00fc\u011f\u00fc<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"project-card\" data-project-id=\"kumlu-tugay\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1590247819200-88009e4d0815?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Kumlu Tugay Komutanl\u0131\u011f\u0131 Askeri \u00dcs B\u00f6lgesi\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #1b93d1; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">Askeri Tesis<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Kumlu Tugay Komutanl\u0131\u011f\u0131 Askeri \u00dcs B\u00f6lgesi<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 5. KATEGOR\u0130: END\u00dcSTR\u0130YEL TES\u0130SLER -->\r\n    <h3 style=\"color: #f2ce02; font-size: 20px; border-left: 4px solid #F2CE02; padding-left: 12px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px;\">End\u00fcstriyel Tesisler<\/h3>\r\n    <div class=\"projects-grid\">\r\n      <div class=\"project-card\" data-project-id=\"sisecam\">\r\n        <img decoding=\"async\" style=\"width: 100%; height: 180px; object-fit: cover; display: block;\" src=\"https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?auto=format&amp;fit=crop&amp;w=600&amp;q=80\" alt=\"Mersin Tarsus \u015ei\u015fecam Kimyasal Depolar\u0131\" \/>\r\n        <div style=\"padding: 15px;\">\r\n          <span style=\"color: #f2ce02; font-size: 12px; font-weight: bold; text-transform: uppercase; display: block;\">End\u00fcstriyel Tesisat<\/span>\r\n          <h4 style=\"color: #ffffff; font-size: 16px; margin: 6px 0 0 0; font-weight: bold;\">Mersin Tarsus \u015ei\u015fecam Kimyasal Depolar\u0131<\/h4>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ========================================== -->\r\n<!-- 4. LIGHTBOX MODAL PENCERES\u0130 -->\r\n<!-- ========================================== -->\r\n<div id=\"custom-lightbox\">\r\n  <div id=\"custom-lightbox-content\">\r\n    <button id=\"lightbox-close-btn\" class=\"lightbox-close\">\u2715 Kapat<\/button>\r\n    <h3 id=\"lightbox-project-title\" style=\"color: #fff; margin-bottom: 15px; font-size: 18px; text-align: center;\"><\/h3>\r\n    <div id=\"custom-lightbox-media-container\">\r\n      <div id=\"lightbox-counter\" class=\"lightbox-counter\">1 \/ 1<\/div>\r\n    <\/div>\r\n    <button id=\"lightbox-prev-btn\" class=\"lightbox-nav lightbox-prev\">\u276e<\/button>\r\n    <button id=\"lightbox-next-btn\" class=\"lightbox-nav lightbox-next\">\u276f<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ========================================== -->\r\n<!-- 5. JAVASCRIPT KODLARI (Saat & Lightbox) -->\r\n<!-- ========================================== -->\r\n<script>\r\n(function() {\r\n  function initLiveClock() {\r\n    var clockDisplay = document.getElementById('header-clock-display');\r\n    if (!clockDisplay) return;\r\n\r\n    function updateTime() {\r\n      var now = new Date();\r\n      var options = { timeZone: 'Europe\/Istanbul', day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };\r\n      var formatter = new Intl.DateTimeFormat([], options);\r\n      clockDisplay.textContent = formatter.format(now);\r\n    }\r\n\r\n    updateTime();\r\n    setInterval(updateTime, 1000);\r\n  }\r\n\r\n  function initProjectsGallery() {\r\n    var projectData = {\r\n      \/\/ ERZ\u0130N H\u00dcK\u00dcMET KONA\u011eI (17 FOTO\u011eRAFLI D\u0130Z\u0130)\r\n      'erzin-hukumet': { \r\n        title: 'Erzin H\u00fck\u00fcmet Kona\u011f\u0131', \r\n        items: [\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-1.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-2.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-3.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-4.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-5.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-6.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-7.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-8.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-9.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-10.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-11.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-12.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-13.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-14.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-15.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-16.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/erzinhukumetkonagi-17.jpeg' }\r\n        ] \r\n      },\r\n\r\n      \/\/ YAYLADA\u011eI H\u00dcK\u00dcMET KONA\u011eI (23 FOTO\u011eRAFLI D\u0130Z\u0130)\r\n      'yayladagi-hukumet': { \r\n        title: 'Yaylada\u011f\u0131 H\u00fck\u00fcmet Kona\u011f\u0131', \r\n        items: [\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-1.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-2.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-3.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-4.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-5.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-6.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-7.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-8.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-9.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-10.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-11.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-12.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-13.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-14.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-15.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-16.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-17.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-18.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-19.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-20.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-21.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-22.jpeg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/yayladaghukumetkonagi-23.jpeg' }\r\n        ] \r\n      },\r\n\r\n      \/\/ G\u00dcZELBUR\u00c7 ASHM (15 FOTO\u011eRAFLI D\u0130Z\u0130)\r\n      'guzelburc-ashm': { \r\n        title: 'G\u00fczelbur\u00e7 ASHM', \r\n        items: [\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-1.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-2.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-3.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-4.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-5.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-6.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-7.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-8.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-9.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-10.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-11.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-12.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-13.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-14.jpg' },\r\n          { type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/guzelburcasm-15.jpg' }\r\n        ] \r\n      },\r\n\r\n      'hmku-kemoterapi': { title: 'HMK\u00dc Ara\u015ft\u0131rma Hastanesi Kemoterapi Merkezi', items: [{ type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/kemoterapi.jfif' }] },\r\n      'hmku-sterilizasyon': { title: 'HMK\u00dc Ara\u015ft\u0131rma Hastanesi Sterilizasyon Merkezi', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1584515979956-d9f6e5d09982?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'hmku-kokhucre': { title: 'HMK\u00dc Ara\u015ft\u0131rma Hastanesi K\u00f6k H\u00fccre Merkezi', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1579684385127-1ef15d508118?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'hmku-mr': { title: 'HMK\u00dc Ara\u015ft\u0131rma Hastanesi MR Merkezi', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1516549655169-df83a0774514?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'hmku-derslik': { title: 'HMK\u00dc 6 \u015eubat Merkezi Derslikleri', items: [{ type: 'youtube', url: 'https:\/\/www.youtube.com\/embed\/m50xENbTU-8' }] },\r\n      'hmku-myo': { title: 'HMK\u00dc Antakya Meslek Y\u00fcksekokulu', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1541829070764-84a7d30dd3f3?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'belen-hastane': { title: 'Belen Entegre Devlet Hastanesi', items: [{ type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/belen-devlet-hastanesi.webp' }] },\r\n      'sumeyye-boyaci': { title: 'S\u00fcmeyye Boyac\u0131 Yar\u0131 Olimpik Y\u00fczme Havuzu', items: [{ type: 'video', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/sumeyye-boyaci.mp4' }] },\r\n      'antakya-gida-lab': { title: 'Antakya Belediyesi G\u0131da Laboratuvar\u0131', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1532187863486-abf9dbad1b69?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'hatay-arkeoloji': { title: 'Hatay Arkeoloji M\u00fczesi', items: [{ type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/hatay-arkeoloji-muzesi.webp' }] },\r\n      'etnografya-muzesi': { title: 'Etnografya M\u00fczesi', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1582555172866-f73bb12a2ab3?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'payas-yurt': { title: 'Payas 200 Yatakl\u0131 \u00d6\u011frenci Pansiyonu', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1555854877-bab0e564b8d5?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'karlisu-yurt': { title: 'Karl\u0131su 300 Yatakl\u0131 \u00d6\u011frenci Pansiyonu', items: [{ type: 'video', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/SaveClip.App_AQPt4aBs-f9wEoWdOSW8xyiYg5l0iFNPgFJhsPHp-J7yVqosFhRxGsrrouJ5WgmqSAsaymvElfQiHKLzKAVfUTff6rmyg47lYS59sjA.mp4' }] },\r\n      'selim-nevzat': { title: 'Selim Nevzat \u015eahin Anadolu Lisesi', items: [{ type: 'image', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/selim-nevzat-sahin.jpg' }] },\r\n      'aksaray-okul': { title: 'Aksaray Ortaokulu', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'ekin-koleji': { title: 'Hatay Ekin Koleji Yang\u0131n Tesisat\u0131', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1621905251189-08b45d6a269e?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'antakya-hukumet': { title: 'Antakya H\u00fck\u00fcmet Kona\u011f\u0131', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'antakya-kaymakam': { title: 'Antakya Kaymakam Evi', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'hatay-vali-konagi': { title: 'Hatay Vali Kona\u011f\u0131', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'hatay-vali-lojmanlari': { title: 'Hatay Vali Lojmanlar\u0131', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'antakya-polisevi': { title: 'Hatay Antakya Polisevi', items: [{ type: 'video', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/SaveClip.App_AQMVA_-xc6dn1KFwmrSf5moYZJLEDv6q_OBb9iylHrQVHGIlgurtPmy294_ts4rf4FchAF8w0L2SoBhv7QFrvy9CJdX9_kX_4jZZbN0.mp4' }] },\r\n      'reyhanli-emniyet': { title: 'Reyhanl\u0131 \u0130l\u00e7e Emniyet M\u00fcd\u00fcrl\u00fc\u011f\u00fc', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1577495508048-b635879837f1?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'payas-emniyet': { title: 'Payas \u0130l\u00e7e Emniyet M\u00fcd\u00fcrl\u00fc\u011f\u00fc', items: [{ type: 'video', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/payas-ilce-emniyet-mudurlugu.mp4' }] },\r\n      'arsuz-emniyet': { title: 'Arsuz \u0130l\u00e7e Emniyet M\u00fcd\u00fcrl\u00fc\u011f\u00fc', items: [{ type: 'video', url: 'https:\/\/3esmekanik.com\/wp-content\/uploads\/2026\/09\/XAXG9408.mp4' }] },\r\n      'kumlu-tugay': { title: 'Kumlu Tugay Komutanl\u0131\u011f\u0131 Askeri \u00dcs B\u00f6lgesi', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1590247819200-88009e4d0815?auto=format&fit=crop&w=1200&q=80' }] },\r\n      'sisecam': { title: 'Mersin Tarsus \u015ei\u015fecam Kimyasal Depolar\u0131', items: [{ type: 'image', url: 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1200&q=80' }] }\r\n    };\r\n\r\n    var currentItems = [];\r\n    var currentIndex = 0;\r\n\r\n    var lightbox = document.getElementById('custom-lightbox');\r\n    var mediaContainer = document.getElementById('custom-lightbox-media-container');\r\n    var projectTitle = document.getElementById('lightbox-project-title');\r\n    var closeBtn = document.getElementById('lightbox-close-btn');\r\n    var prevBtn = document.getElementById('lightbox-prev-btn');\r\n    var nextBtn = document.getElementById('lightbox-next-btn');\r\n    var counterEl = document.getElementById('lightbox-counter');\r\n\r\n    if (!lightbox) return;\r\n\r\n    document.addEventListener('click', function(e) {\r\n      var card = e.target.closest('.project-card');\r\n      if (card) {\r\n        var projectId = card.getAttribute('data-project-id');\r\n        if (projectId && projectData[projectId]) {\r\n          openLightbox(projectData[projectId]);\r\n        }\r\n      }\r\n    });\r\n\r\n    function openLightbox(data) {\r\n      currentItems = data.items || [];\r\n      currentIndex = 0;\r\n      projectTitle.textContent = data.title || '';\r\n      renderMedia();\r\n      lightbox.style.display = 'flex';\r\n    }\r\n\r\n    function renderMedia() {\r\n      if (!currentItems.length) return;\r\n      var item = currentItems[currentIndex];\r\n      \r\n      var existingCounter = document.getElementById('lightbox-counter');\r\n      mediaContainer.innerHTML = '';\r\n      if (existingCounter) {\r\n        mediaContainer.appendChild(existingCounter);\r\n        existingCounter.textContent = (currentIndex + 1) + ' \/ ' + currentItems.length;\r\n      }\r\n\r\n      if (item.type === 'youtube') {\r\n        var iframe = document.createElement('iframe');\r\n        iframe.src = item.url + '?autoplay=1';\r\n        iframe.style.width = '100%';\r\n        iframe.style.height = '60vh';\r\n        iframe.style.border = 'none';\r\n        iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';\r\n        iframe.allowFullscreen = true;\r\n        mediaContainer.insertBefore(iframe, existingCounter);\r\n      } else if (item.type === 'video') {\r\n        var video = document.createElement('video');\r\n        video.src = item.url;\r\n        video.controls = true;\r\n        video.autoplay = true;\r\n        video.style.maxWidth = '100%';\r\n        video.style.maxHeight = '65vh';\r\n        mediaContainer.insertBefore(video, existingCounter);\r\n      } else {\r\n        var img = document.createElement('img');\r\n        img.src = item.url;\r\n        img.alt = projectTitle.textContent;\r\n        img.style.maxWidth = '100%';\r\n        img.style.maxHeight = '65vh';\r\n        mediaContainer.insertBefore(img, existingCounter);\r\n      }\r\n\r\n      if (currentItems.length > 1) {\r\n        prevBtn.style.display = 'block';\r\n        nextBtn.style.display = 'block';\r\n        if (existingCounter) existingCounter.style.display = 'block';\r\n      } else {\r\n        prevBtn.style.display = 'none';\r\n        nextBtn.style.display = 'none';\r\n        if (existingCounter) existingCounter.style.display = 'none';\r\n      }\r\n    }\r\n\r\n    function closeLightbox() {\r\n      lightbox.style.display = 'none';\r\n    }\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    lightbox.addEventListener('click', function(e) {\r\n      if (e.target === lightbox) closeLightbox();\r\n    });\r\n\r\n    prevBtn.addEventListener('click', function(e) {\r\n      e.stopPropagation();\r\n      currentIndex = (currentIndex - 1 + currentItems.length) % currentItems.length;\r\n      renderMedia();\r\n    });\r\n\r\n    nextBtn.addEventListener('click', function(e) {\r\n      e.stopPropagation();\r\n      currentIndex = (currentIndex + 1) % currentItems.length;\r\n      renderMedia();\r\n    });\r\n\r\n    document.addEventListener('keydown', function(e) {\r\n      if (lightbox.style.display === 'flex') {\r\n        if (e.key === 'Escape') closeLightbox();\r\n        if (e.key === 'ArrowLeft' && currentItems.length > 1) prevBtn.click();\r\n        if (e.key === 'ArrowRight' && currentItems.length > 1) nextBtn.click();\r\n      }\r\n    });\r\n  }\r\n\r\n  function initAll() {\r\n    initLiveClock();\r\n    initProjectsGallery();\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initAll);\r\n  } else {\r\n    initAll();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>\u25cf Y\u00fckleniyor&#8230; 3 ES G\u00dcVEN &amp; M\u00dcHEND\u0130SL\u0130K M\u0130RASI GELECE\u011e\u0130 \u0130N\u015eA EDEN M\u00dcHEND\u0130SL\u0130K MEKAN\u0130K TES\u0130SATTAB\u00d6LGEN\u0130N L\u0130DER VE G\u00dcVEN\u0130L\u0130R \u0130MZASI 3 ES MEKAN\u0130K YAPI TES\u0130SAT \u0130N\u015eAAT TAAHH\u00dcT SANAY\u0130 VE T\u0130CARET L\u0130M\u0130TED \u015e\u0130RKET\u0130 olarak, yap\u0131 sekt\u00f6r\u00fcn\u00fcn en kritik ve uzmanl\u0131k gerektiren alan\u0131 olan mekanik tesisat bran\u015f\u0131nda ana faaliyet y\u00fcr\u00fct\u00fcyoruz. Kuruldu\u011fumuz g\u00fcnden bu yana, en karma\u015f\u0131k projelerde dahi m\u00fchendislik [&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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/3esmekanik.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3esmekanik.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3esmekanik.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3esmekanik.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3esmekanik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":204,"href":"https:\/\/3esmekanik.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/3esmekanik.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/3esmekanik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}