{"id":961,"date":"2019-07-16T08:12:03","date_gmt":"2019-07-16T08:12:03","guid":{"rendered":"http:\/\/localhost\/bigger\/?page_id=961"},"modified":"2026-01-20T15:48:12","modified_gmt":"2026-01-20T12:48:12","slug":"tamamlanan-projejelerimiz","status":"publish","type":"page","link":"https:\/\/wordpress4.beltalep.com\/index.php\/tamamlanan-projejelerimiz\/","title":{"rendered":"Tamamlanan Projejelerimiz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"961\" class=\"elementor elementor-961\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10dce1c e-flex e-con-boxed e-con e-parent\" data-id=\"10dce1c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0491d6e elementor-widget elementor-widget-html\" data-id=\"0491d6e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"toroman-gallery\" aria-label=\"Toroman \u0130n\u015faat - Tamamlanan Projeler\">\r\n  <div class=\"tg-wrap\">\r\n\r\n    <header class=\"tg-header\">\r\n      <img decoding=\"async\" class=\"tg-logo\" src=\"\/wp-content\/uploads\/2025\/12\/toromaninsaat200px.png\" alt=\"Toroman \u0130n\u015faat\" loading=\"lazy\">\r\n    <\/header>\r\n\r\n    <div class=\"tg-timeline\">\r\n\r\n      <!-- 2025 -->\r\n      <section class=\"tg-year\" id=\"y2025\">\r\n        <h3 class=\"tg-yearTitle\">2025 Y\u0131l\u0131 Tamamlanan Projeler<\/h3>\r\n        <div class=\"tg-grid\">\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2025.jpeg\" data-lightbox aria-label=\"2025 Proje\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2025.jpeg\" alt=\"2025 Proje\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2023 -->\r\n      <section class=\"tg-year\" id=\"y2023\">\r\n        <h3 class=\"tg-yearTitle\">2023 Y\u0131l\u0131 Tamamlanan Projeler<\/h3>\r\n        <div class=\"tg-grid\">\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2023-2.jpeg\" data-lightbox aria-label=\"2023 Proje 1\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2023-2.jpeg\" alt=\"2023 Proje 1\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2023-1.jpeg\" data-lightbox aria-label=\"2023 Proje 2\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2023-1.jpeg\" alt=\"2023 Proje 2\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2023.jpeg\" data-lightbox aria-label=\"2023 Proje 3\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2023.jpeg\" alt=\"2023 Proje 3\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2020 -->\r\n      <section class=\"tg-year\" id=\"y2020\">\r\n        <h3 class=\"tg-yearTitle\">2020 Y\u0131l\u0131 Tamamlanan Projeler<\/h3>\r\n        <div class=\"tg-grid\">\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2020-1.jpeg\" data-lightbox aria-label=\"2020 Proje 1\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2020-1.jpeg\" alt=\"2020 Proje 1\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2020.jpeg\" data-lightbox aria-label=\"2020 Proje 2\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2020.jpeg\" alt=\"2020 Proje 2\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2018 -->\r\n      <section class=\"tg-year\" id=\"y2018\">\r\n        <h3 class=\"tg-yearTitle\">2018 Y\u0131l\u0131 Tamamlanan Projeler<\/h3>\r\n        <div class=\"tg-grid\">\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2018.jpeg\" data-lightbox aria-label=\"2018 Proje\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2018.jpeg\" alt=\"2018 Proje\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2016 -->\r\n      <section class=\"tg-year\" id=\"y2016\">\r\n        <h3 class=\"tg-yearTitle\">2016 Y\u0131l\u0131 Tamamlanan Projeler<\/h3>\r\n        <div class=\"tg-grid\">\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2016.jpeg\" data-lightbox aria-label=\"2016 Proje\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2016.jpeg\" alt=\"2016 Proje\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2015 -->\r\n      <section class=\"tg-year\" id=\"y2015\">\r\n        <h3 class=\"tg-yearTitle\">2015 Y\u0131l\u0131 Tamamlanan Projeler<\/h3>\r\n        <div class=\"tg-grid\">\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2015.jpeg\" data-lightbox aria-label=\"2015 Proje\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2015.jpeg\" alt=\"2015 Proje\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2014 -->\r\n      <section class=\"tg-year\" id=\"y2014\">\r\n        <h3 class=\"tg-yearTitle\">2014 Y\u0131l\u0131 Tamamlanan Projeler<\/h3>\r\n        <div class=\"tg-grid\">\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2014.jpeg\" data-lightbox aria-label=\"2014 Proje\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/2014.jpeg\" alt=\"2014 Proje\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2012 -->\r\n      <section class=\"tg-year\" id=\"y2012\">\r\n        <h3 class=\"tg-yearTitle\">2012 Y\u0131l\u0131 Tamamlanan Projeler<\/h3>\r\n        <div class=\"tg-grid\">\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2012.jpeg\" data-lightbox aria-label=\"2012 Proje 1\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/bina3.jpeg\" alt=\"2012 Proje 1\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2012-1.jpeg\" data-lightbox aria-label=\"2012 Proje 2\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/bina4.jpeg\" alt=\"2012 Proje 2\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2012-2.jpeg\" data-lightbox aria-label=\"2012 Proje 3\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/bina1.jpeg\" alt=\"2012 Proje 3\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- 2010 -->\r\n      <section class=\"tg-year\" id=\"y2010\">\r\n        <h3 class=\"tg-yearTitle\">2010 Y\u0131l\u0131 Tamamlanan Projeler<\/h3>\r\n        <div class=\"tg-grid\">\r\n          <a class=\"tg-card\" href=\"\/wp-content\/uploads\/2026\/01\/2010.jpeg\" data-lightbox aria-label=\"2010 Proje\">\r\n            <div class=\"tg-media\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/bina2.jpeg\" alt=\"2010 Proje\" loading=\"lazy\">\r\n            <\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Lightbox -->\r\n  <div class=\"tg-lightbox\" id=\"tgLightbox\" aria-hidden=\"true\">\r\n    <button class=\"tg-lbClose\" type=\"button\" aria-label=\"Kapat\">\u00d7<\/button>\r\n    <img class=\"tg-lbImg\" alt=\"\">\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ====== Minimal, broken-white gallery ====== *\/\r\n.toroman-gallery{\r\n  --bg: #f7f5ef;              \/* k\u0131r\u0131k beyaz *\/\r\n  --card: #ffffff;\r\n  --border: rgba(15,23,42,.10);\r\n  --shadow: 0 10px 30px rgba(15,23,42,.08);\r\n  --text: #0f172a;\r\n\r\n  background: var(--bg);\r\n  color: var(--text);\r\n  padding: clamp(18px, 3.5vw, 52px) 0;\r\n  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,\"Helvetica Neue\",sans-serif;\r\n}\r\n\r\n.tg-wrap{ width:min(1180px, 92vw); margin:0 auto; }\r\n\r\n.tg-header{\r\n  display:flex;\r\n  justify-content:center;\r\n  margin-bottom: 22px;\r\n}\r\n.tg-logo{\r\n  width: 92px;\r\n  height: 92px;\r\n  object-fit: contain;\r\n}\r\n\r\n.tg-timeline{ display:flex; flex-direction:column; gap: clamp(26px, 4vw, 44px); }\r\n\r\n.tg-yearTitle{\r\n  margin: 0 0 14px;\r\n  text-align:center;\r\n  font-weight: 800;\r\n  letter-spacing:.01em;\r\n  font-size: clamp(1.15rem, 2.3vw, 1.75rem);\r\n  position: relative;\r\n}\r\n.tg-yearTitle:after{\r\n  content:\"\";\r\n  display:block;\r\n  width: min(560px, 88%);\r\n  height: 1px;\r\n  margin: 12px auto 0;\r\n  background: linear-gradient(90deg, transparent, rgba(15,23,42,.18), transparent);\r\n}\r\n\r\n\/* Responsive grid *\/\r\n.tg-grid{\r\n  display:grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 16px;\r\n}\r\n@media (max-width: 980px){ .tg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }\r\n@media (max-width: 560px){ .tg-grid{ grid-template-columns: 1fr; } }\r\n\r\n\/* Card *\/\r\n.tg-card{\r\n  display:block;\r\n  border-radius: 16px;\r\n  background: var(--card);\r\n  border: 1px solid var(--border);\r\n  box-shadow: var(--shadow);\r\n  overflow:hidden;\r\n  text-decoration:none;\r\n  color:inherit;\r\n  transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n.tg-card:hover{\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 16px 38px rgba(15,23,42,.12);\r\n}\r\n\r\n\/* No cropping: contain *\/\r\n.tg-media{\r\n  aspect-ratio: 16 \/ 10;\r\n  width: 100%;\r\n  display:grid;\r\n  place-items:center;\r\n  background: #fff;\r\n}\r\n.tg-media img{\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;     \/* IMPORTANT: k\u0131rpma yok *\/\r\n  object-position: center;\r\n  display:block;\r\n  padding: 10px;\r\n}\r\n\r\n\/* Lightbox *\/\r\n.tg-lightbox{\r\n  position:fixed;\r\n  inset:0;\r\n  display:none;\r\n  place-items:center;\r\n  padding: 24px;\r\n  background: rgba(15,23,42,.72);\r\n  backdrop-filter: blur(8px);\r\n  z-index: 99999;\r\n}\r\n.tg-lightbox.is-open{ display:grid; }\r\n.tg-lbImg{\r\n  max-width: min(1200px, 92vw);\r\n  max-height: 86vh;\r\n  border-radius: 16px;\r\n  background: #fff;\r\n  box-shadow: 0 24px 80px rgba(0,0,0,.35);\r\n}\r\n.tg-lbClose{\r\n  position:fixed;\r\n  top: 18px;\r\n  right: 18px;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(255,255,255,.35);\r\n  background: rgba(255,255,255,.18);\r\n  color: #fff;\r\n  font-size: 28px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n}\r\n.tg-lbClose:hover{ background: rgba(255,255,255,.26); }\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const lb = document.getElementById('tgLightbox');\r\n  if (!lb) return;\r\n\r\n  const img = lb.querySelector('.tg-lbImg');\r\n  const closeBtn = lb.querySelector('.tg-lbClose');\r\n\r\n  function openLB(src, alt) {\r\n    img.src = src;\r\n    img.alt = alt || '';\r\n    lb.classList.add('is-open');\r\n    lb.setAttribute('aria-hidden', 'false');\r\n    document.documentElement.style.overflow = 'hidden';\r\n  }\r\n  function closeLB() {\r\n    lb.classList.remove('is-open');\r\n    lb.setAttribute('aria-hidden', 'true');\r\n    img.src = '';\r\n    document.documentElement.style.overflow = '';\r\n  }\r\n\r\n  document.addEventListener('click', (e) => {\r\n    const a = e.target.closest('a[data-lightbox]');\r\n    if (a) {\r\n      e.preventDefault();\r\n      const thumb = a.querySelector('img');\r\n      openLB(a.getAttribute('href'), thumb ? thumb.alt : '');\r\n      return;\r\n    }\r\n    if (e.target === lb) closeLB();\r\n  });\r\n\r\n  closeBtn && closeBtn.addEventListener('click', closeLB);\r\n  document.addEventListener('keydown', (e) => {\r\n    if (e.key === 'Escape') closeLB();\r\n  });\r\n})();\r\n<\/script>\r\n\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>2025 Y\u0131l\u0131 Tamamlanan Projeler 2023 Y\u0131l\u0131 Tamamlanan Projeler 2020 Y\u0131l\u0131 Tamamlanan Projeler 2018 Y\u0131l\u0131 Tamamlanan Projeler 2016 Y\u0131l\u0131 Tamamlanan Projeler 2015 Y\u0131l\u0131 Tamamlanan Projeler 2014 Y\u0131l\u0131 Tamamlanan Projeler 2012 Y\u0131l\u0131 Tamamlanan Projeler 2010 Y\u0131l\u0131 Tamamlanan Projeler \u00d7<\/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-961","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wordpress4.beltalep.com\/index.php\/wp-json\/wp\/v2\/pages\/961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress4.beltalep.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress4.beltalep.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress4.beltalep.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress4.beltalep.com\/index.php\/wp-json\/wp\/v2\/comments?post=961"}],"version-history":[{"count":12,"href":"https:\/\/wordpress4.beltalep.com\/index.php\/wp-json\/wp\/v2\/pages\/961\/revisions"}],"predecessor-version":[{"id":3455,"href":"https:\/\/wordpress4.beltalep.com\/index.php\/wp-json\/wp\/v2\/pages\/961\/revisions\/3455"}],"wp:attachment":[{"href":"https:\/\/wordpress4.beltalep.com\/index.php\/wp-json\/wp\/v2\/media?parent=961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}