{"id":862,"date":"2026-03-02T12:34:12","date_gmt":"2026-03-02T09:34:12","guid":{"rendered":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/?page_id=862"},"modified":"2026-03-07T10:20:57","modified_gmt":"2026-03-07T07:20:57","slug":"bahcekoy-hayaller-gercek-olsun-ilkokulu","status":"publish","type":"page","link":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/projelerimiz\/bahcekoy-hayaller-gercek-olsun-ilkokulu\/","title":{"rendered":"Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"862\" class=\"elementor elementor-862\">\n\t\t\t\t<div class=\"elementor-element elementor-element-434e67c e-con-full e-flex e-con e-parent\" data-id=\"434e67c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c61536 elementor-widget elementor-widget-html\" data-id=\"8c61536\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- PROJE ALT SAYFASI \u2014 Bah\u00e7ek\u00f6y \u0130lkokulu                  -->\r\n<!-- Elementor HTML Widget                                   -->\r\n<!-- S1: Hero \u00b7 S2: \u00d6zet \u00b7 S3: Detay \u00b7 S4: Galeri \u00b7 S5: CTA -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<style>\r\n.hgo-proje *,\r\n.hgo-proje *::before,\r\n.hgo-proje *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-proje {\r\n  --navy: #1a2d5a;\r\n  --navy-deep: #122044;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --gold-soft: rgba(245, 166, 35, 0.08);\r\n  --green: #2ecc71;\r\n  --green-soft: rgba(46, 204, 113, 0.08);\r\n  --text-primary: #1a1a2e;\r\n  --text-secondary: #5a6175;\r\n  --text-light: #8891a5;\r\n  --text-on-dark: #ffffff;\r\n  --text-dim: rgba(255, 255, 255, 0.7);\r\n  --bg-white: #ffffff;\r\n  --bg-light: #f8f9fc;\r\n  --border-light: #e8ecf2;\r\n  --radius-lg: 20px;\r\n  --radius-md: 12px;\r\n  --radius-sm: 8px;\r\n\r\n  font-family: inherit;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S1: HERO                                   *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__hero {\r\n  position: relative;\r\n  min-height: 420px;\r\n  background: var(--navy);\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: flex-end;\r\n}\r\n\r\n.hgo-proje__hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(15, 26, 58, 0.9) 0%, rgba(15, 26, 58, 0.3) 60%, rgba(15, 26, 58, 0.1) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.hgo-proje__hero-img {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.hgo-proje__hero-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* Placeholder *\/\r\n.hgo-proje__hero-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  color: var(--text-dim);\r\n  background: linear-gradient(160deg, rgba(26, 45, 90, 0.6), rgba(245, 166, 35, 0.1));\r\n}\r\n\r\n.hgo-proje__hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  padding: 48px 20px;\r\n}\r\n\r\n.hgo-proje__hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  background: rgba(46, 204, 113, 0.15);\r\n  backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(46, 204, 113, 0.3);\r\n  padding: 6px 14px;\r\n  border-radius: 20px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-proje__hero-badge-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--green);\r\n  box-shadow: 0 0 6px rgba(46, 204, 113, 0.5);\r\n}\r\n\r\n.hgo-proje__hero-badge-text {\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: white;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.hgo-proje__hero-title {\r\n  font-size: clamp(30px, 5vw, 44px);\r\n  font-weight: 800;\r\n  color: white;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.8px;\r\n  margin-bottom: 12px;\r\n  max-width: 700px;\r\n}\r\n\r\n.hgo-proje__hero-location {\r\n  font-size: 16px;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S2: \u00d6ZET KARTLARI                          *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__summary {\r\n  background: var(--bg-white);\r\n  border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__summary-inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n}\r\n\r\n.hgo-proje__summary-item {\r\n  padding: 28px 24px;\r\n  text-align: center;\r\n  border-right: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__summary-item:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.hgo-proje__summary-value {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.hgo-proje__summary-label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  color: var(--text-light);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S3: PROJE DETAYLARI                        *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__detail {\r\n  padding: 64px 20px;\r\n  background: var(--bg-white);\r\n}\r\n\r\n.hgo-proje__detail-inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.4fr 1fr;\r\n  gap: 56px;\r\n  align-items: flex-start;\r\n}\r\n\r\n\/* Metin i\u00e7erik *\/\r\n.hgo-proje__detail-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.hgo-proje__detail-eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-proje__detail-heading {\r\n  font-size: clamp(24px, 3vw, 30px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  line-height: 1.25;\r\n  letter-spacing: -0.3px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.hgo-proje__detail-text {\r\n  font-size: 15px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.8;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-proje__detail-text:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* Bilgi kart\u0131 *\/\r\n.hgo-proje__info-card {\r\n  background: var(--bg-light);\r\n  border: 1px solid var(--border-light);\r\n  border-radius: var(--radius-lg);\r\n  padding: 32px 28px;\r\n  position: sticky;\r\n  top: 96px;\r\n}\r\n\r\n.hgo-proje__info-card-title {\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  margin-bottom: 20px;\r\n  padding-bottom: 16px;\r\n  border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__info-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  padding: 12px 0;\r\n  border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__info-row:last-of-type {\r\n  border-bottom: none;\r\n  padding-bottom: 0;\r\n}\r\n\r\n.hgo-proje__info-label {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--text-light);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.hgo-proje__info-value {\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--text-primary);\r\n  text-align: right;\r\n}\r\n\r\n.hgo-proje__info-status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--green);\r\n}\r\n\r\n.hgo-proje__info-status-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--green);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S4: G\u00d6RSEL GALER\u0130                          *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__gallery {\r\n  padding: 64px 20px;\r\n  background: var(--bg-light);\r\n}\r\n\r\n.hgo-proje__gallery-inner {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.hgo-proje__gallery-header {\r\n  text-align: center;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n.hgo-proje__gallery-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-proje__gallery-eyebrow::before,\r\n.hgo-proje__gallery-eyebrow::after {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-proje__gallery-heading {\r\n  font-size: clamp(24px, 3vw, 30px);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  letter-spacing: -0.3px;\r\n}\r\n\r\n\/* Masonry-style grid *\/\r\n.hgo-proje__gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  grid-auto-rows: 200px;\r\n  gap: 12px;\r\n}\r\n\r\n.hgo-proje__gallery-item {\r\n  border-radius: var(--radius-md);\r\n  overflow: hidden;\r\n  position: relative;\r\n  cursor: pointer;\r\n  background: var(--bg-white);\r\n  border: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__gallery-item--wide {\r\n  grid-column: span 2;\r\n}\r\n\r\n.hgo-proje__gallery-item--tall {\r\n  grid-row: span 2;\r\n}\r\n\r\n.hgo-proje__gallery-item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.hgo-proje__gallery-item:hover img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* Overlay on hover *\/\r\n.hgo-proje__gallery-item::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(26, 45, 90, 0);\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n.hgo-proje__gallery-item:hover::after {\r\n  background: rgba(26, 45, 90, 0.15);\r\n}\r\n\r\n\/* Placeholder *\/\r\n.hgo-proje__gallery-placeholder {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: linear-gradient(160deg, rgba(26, 45, 90, 0.03), rgba(245, 166, 35, 0.04));\r\n}\r\n\r\n.hgo-proje__gallery-placeholder-icon { font-size: 28px; }\r\n.hgo-proje__gallery-placeholder-text { font-size: 11px; color: var(--text-light); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* S5: D\u0130\u011eER PROJELER CTA                    *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-proje__other {\r\n  padding: 56px 20px;\r\n  background: var(--bg-white);\r\n  text-align: center;\r\n  border-top: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-proje__other-text {\r\n  font-size: 16px;\r\n  color: var(--text-secondary);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.hgo-proje__other-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 14px 32px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  text-decoration: none;\r\n  border: 1.5px solid var(--border-light);\r\n  border-radius: var(--radius-sm);\r\n  transition: all 0.25s ease;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-proje__other-btn:hover {\r\n  border-color: var(--navy);\r\n  background: rgba(26, 45, 90, 0.03);\r\n}\r\n\r\n.hgo-proje__other-btn-arrow {\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.hgo-proje__other-btn:hover .hgo-proje__other-btn-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\/* LIGHTBOX                                   *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hgo-lightbox {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9999;\r\n  background: rgba(0, 0, 0, 0.9);\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px;\r\n}\r\n\r\n.hgo-lightbox.active {\r\n  display: flex;\r\n}\r\n\r\n.hgo-lightbox__img {\r\n  max-width: 90vw;\r\n  max-height: 85vh;\r\n  border-radius: 8px;\r\n  object-fit: contain;\r\n}\r\n\r\n.hgo-lightbox__close {\r\n  position: absolute;\r\n  top: 24px;\r\n  right: 24px;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  color: #fff;\r\n  font-size: 20px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.hgo-lightbox__close:hover {\r\n  background: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.hgo-lightbox__nav {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  color: #fff;\r\n  font-size: 20px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.hgo-lightbox__nav:hover {\r\n  background: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.hgo-lightbox__prev { left: 24px; }\r\n.hgo-lightbox__next { right: 24px; }\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media (max-width: 900px) {\r\n  .hgo-proje__summary-inner {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .hgo-proje__summary-item:nth-child(2) {\r\n    border-right: none;\r\n  }\r\n\r\n  .hgo-proje__detail-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 32px;\r\n  }\r\n\r\n  .hgo-proje__info-card {\r\n    position: static;\r\n  }\r\n\r\n  .hgo-proje__gallery-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    grid-auto-rows: 180px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hgo-proje__hero { min-height: 320px; }\r\n  .hgo-proje__detail { padding: 40px 16px; }\r\n  .hgo-proje__gallery { padding: 40px 16px; }\r\n\r\n  .hgo-proje__summary-inner {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .hgo-proje__gallery-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    grid-auto-rows: 150px;\r\n  }\r\n\r\n  .hgo-proje__gallery-item--wide {\r\n    grid-column: span 2;\r\n  }\r\n\r\n  .hgo-proje__gallery-item--tall {\r\n    grid-row: span 1;\r\n  }\r\n\r\n  .hgo-lightbox { padding: 20px; }\r\n  .hgo-lightbox__prev { left: 12px; }\r\n  .hgo-lightbox__next { right: 12px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S1: HERO                                   -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__hero\">\r\n  <div class=\"hgo-proje__hero-img\">\r\n    <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/bahcekoy-okul.webp\" alt=\"Bah\u00e7ek\u00f6y \u0130lkokulu\" loading=\"eager\">\r\n    <div class=\"hgo-proje__hero-placeholder\">a\u00e7\u0131l\u0131\u015f t\u00f6reni<\/div>\r\n  <\/div>\r\n  <div class=\"hgo-proje__hero-bg\"><\/div>\r\n  <div class=\"hgo-proje__hero-content\">\r\n    <div class=\"hgo-proje__hero-badge\">\r\n      <span class=\"hgo-proje__hero-badge-dot\"><\/span>\r\n      <span class=\"hgo-proje__hero-badge-text\">Tamamland\u0131<\/span>\r\n    <\/div>\r\n    <h1 class=\"hgo-proje__hero-title\">Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu<\/h1>\r\n    <div class=\"hgo-proje__hero-location\">\ud83d\udccd Hatay, Defne \u2014 Bah\u00e7ek\u00f6y<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S3: PROJE DETAYLARI                        -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__detail\">\r\n  <div class=\"hgo-proje__detail-inner\">\r\n\r\n    <!-- Sol: Metin -->\r\n    <div>\r\n      <div class=\"hgo-proje__detail-eyebrow\">Proje Hakk\u0131nda<\/div>\r\n      <h2 class=\"hgo-proje__detail-heading\">Depremden Etkilenen \u00c7ocuklara G\u00fcvenli Bir E\u011fitim Ortam\u0131<\/h2>\r\n\r\n      <p class=\"hgo-proje__detail-text\">\r\n        Hatay'\u0131n Defne il\u00e7esine ba\u011fl\u0131 Bah\u00e7ek\u00f6y'de in\u015fa edilen okulumuz, 6 \u015eubat 2023 depremlerinden \r\n        en \u00e7ok etkilenen b\u00f6lgelerden birinde \u00e7ocuklara modern ve g\u00fcvenli bir e\u011fitim ortam\u0131 sunmak \r\n        amac\u0131yla hayata ge\u00e7irildi.\r\n      <\/p>\r\n\r\n      <p class=\"hgo-proje__detail-text\">\r\n        Proje s\u00fcrecinde yerel y\u00f6netimler, g\u00f6n\u00fcll\u00fcler ve ba\u011f\u0131\u015f\u00e7\u0131lar\u0131m\u0131z\u0131n deste\u011fiyle okulun in\u015faat\u0131 \r\n        tamamland\u0131. 23 Eyl\u00fcl 2025 tarihinde Hatay Valisi Say\u0131n Mustafa Masatl\u0131 ve \u00e7ok say\u0131da \r\n        protokol \u00fcyesinin kat\u0131l\u0131m\u0131yla ger\u00e7ekle\u015ftirilen t\u00f6renle okul e\u011fitim hayat\u0131na ba\u015flad\u0131.\r\n      <\/p>\r\n\r\n      <p class=\"hgo-proje__detail-text\">\r\n        Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu, deprem sonras\u0131 b\u00f6lgede e\u011fitime eri\u015fim sorununu \r\n        \u00e7\u00f6zmeye y\u00f6nelik at\u0131lm\u0131\u015f somut bir ad\u0131md\u0131r. Okulumuz \u00e7ocuklar\u0131m\u0131za sadece e\u011fitim de\u011fil, \r\n        ayn\u0131 zamanda g\u00fcvenli bir sosyalle\u015fme ortam\u0131 da sunmaktad\u0131r.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Sa\u011f: Bilgi Kart\u0131 -->\r\n    <div class=\"hgo-proje__info-card\">\r\n      <div class=\"hgo-proje__info-card-title\">Proje Bilgileri<\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">Durum<\/span>\r\n        <span class=\"hgo-proje__info-status\">\r\n          <span class=\"hgo-proje__info-status-dot\"><\/span>\r\n          Tamamland\u0131\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">Konum<\/span>\r\n        <span class=\"hgo-proje__info-value\">Hatay \/ Defne \/ Bah\u00e7ek\u00f6y<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">A\u00e7\u0131l\u0131\u015f<\/span>\r\n        <span class=\"hgo-proje__info-value\">23 Eyl\u00fcl 2025<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">T\u00fcr<\/span>\r\n        <span class=\"hgo-proje__info-value\">\u0130lk\u00f6\u011fretim Okulu<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"hgo-proje__info-row\">\r\n        <span class=\"hgo-proje__info-label\">Kategori<\/span>\r\n        <span class=\"hgo-proje__info-value\">E\u011fitim<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S4: G\u00d6RSEL GALER\u0130                          -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__gallery\">\r\n  <div class=\"hgo-proje__gallery-inner\">\r\n    <div class=\"hgo-proje__gallery-header\">\r\n      <div class=\"hgo-proje__gallery-eyebrow\">Galeri<\/div>\r\n      <h2 class=\"hgo-proje__gallery-heading\">Projeden Kareler<\/h2>\r\n    <\/div>\r\n    <div class=\"hgo-proje__gallery-grid\">\r\n      <!-- 1. Geni\u015f -->\r\n      <div class=\"hgo-proje__gallery-item hgo-proje__gallery-item--wide\" data-index=\"0\">\r\n        <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/DSC00101.webp\" alt=\"Bah\u00e7ek\u00f6y \u0130lkokulu\" loading=\"lazy\">\r\n      <\/div>\r\n      <!-- 2. Uzun -->\r\n      <div class=\"hgo-proje__gallery-item hgo-proje__gallery-item--tall\" data-index=\"1\">\r\n        <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/DSC00081.webp\" alt=\"Bah\u00e7ek\u00f6y \u0130lkokulu\" loading=\"lazy\">\r\n      <\/div>\r\n      <!-- 3 -->\r\n      <div class=\"hgo-proje__gallery-item\" data-index=\"2\">\r\n        <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/DSC00067.webp\" alt=\"Bah\u00e7ek\u00f6y \u0130lkokulu\" loading=\"lazy\">\r\n      <\/div>\r\n      <!-- 4 -->\r\n      <div class=\"hgo-proje__gallery-item\" data-index=\"3\">\r\n        <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/DSC00022.webp\" alt=\"Bah\u00e7ek\u00f6y \u0130lkokulu\" loading=\"lazy\">\r\n      <\/div>\r\n      <!-- 5 -->\r\n      <div class=\"hgo-proje__gallery-item\" data-index=\"4\">\r\n        <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/DSC00045.webp\" alt=\"Bah\u00e7ek\u00f6y \u0130lkokulu\" loading=\"lazy\">\r\n      <\/div>\r\n      <!-- 6. Geni\u015f -->\r\n      <div class=\"hgo-proje__gallery-item hgo-proje__gallery-item--wide\" data-index=\"5\">\r\n        <img decoding=\"async\" src=\"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-content\/uploads\/sites\/2\/2026\/03\/hayaller-gercek-olsun-2.webp\" alt=\"Bah\u00e7ek\u00f6y \u0130lkokulu\" loading=\"lazy\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- LIGHTBOX                                   -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"hgo-lightbox\" id=\"hgoLightbox\">\r\n  <button class=\"hgo-lightbox__close\" id=\"hgoLbClose\">\u2715<\/button>\r\n  <button class=\"hgo-lightbox__nav hgo-lightbox__prev\" id=\"hgoLbPrev\">\u2039<\/button>\r\n  <button class=\"hgo-lightbox__nav hgo-lightbox__next\" id=\"hgoLbNext\">\u203a<\/button>\r\n  <img decoding=\"async\" class=\"hgo-lightbox__img\" id=\"hgoLbImg\" src=\"\" alt=\"\">\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- S5: D\u0130\u011eER PROJELER                        -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hgo-proje__other\">\r\n  <p class=\"hgo-proje__other-text\">Di\u011fer projelerimize de g\u00f6z at\u0131n<\/p>\r\n  <a href=\"#projeler\" class=\"hgo-proje__other-btn\">\r\n    T\u00fcm Projeler\r\n    <span class=\"hgo-proje__other-btn-arrow\">\u2192<\/span>\r\n  <\/a>\r\n<\/section>\r\n\r\n\r\n<!-- Lightbox JS -->\r\n<script>\r\n(function() {\r\n  var lightbox = document.getElementById('hgoLightbox');\r\n  var lbImg = document.getElementById('hgoLbImg');\r\n  var items = document.querySelectorAll('.hgo-proje__gallery-item[data-index]');\r\n  var images = [];\r\n  var current = 0;\r\n\r\n  items.forEach(function(item) {\r\n    var img = item.querySelector('img');\r\n    if (img) images.push(img.src);\r\n  });\r\n\r\n  items.forEach(function(item, i) {\r\n    item.addEventListener('click', function() {\r\n      if (!images.length) return;\r\n      current = i;\r\n      lbImg.src = images[current];\r\n      lightbox.classList.add('active');\r\n    });\r\n  });\r\n\r\n  document.getElementById('hgoLbClose').addEventListener('click', function() {\r\n    lightbox.classList.remove('active');\r\n  });\r\n\r\n  document.getElementById('hgoLbPrev').addEventListener('click', function() {\r\n    current = (current - 1 + images.length) % images.length;\r\n    lbImg.src = images[current];\r\n  });\r\n\r\n  document.getElementById('hgoLbNext').addEventListener('click', function() {\r\n    current = (current + 1) % images.length;\r\n    lbImg.src = images[current];\r\n  });\r\n\r\n  lightbox.addEventListener('click', function(e) {\r\n    if (e.target === lightbox) lightbox.classList.remove('active');\r\n  });\r\n\r\n  document.addEventListener('keydown', function(e) {\r\n    if (!lightbox.classList.contains('active')) return;\r\n    if (e.key === 'Escape') lightbox.classList.remove('active');\r\n    if (e.key === 'ArrowLeft') document.getElementById('hgoLbPrev').click();\r\n    if (e.key === 'ArrowRight') document.getElementById('hgoLbNext').click();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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>a\u00e7\u0131l\u0131\u015f t\u00f6reni Tamamland\u0131 Bah\u00e7ek\u00f6y Hayaller Ger\u00e7ek Olsun \u0130lkokulu \ud83d\udccd Hatay, Defne \u2014 Bah\u00e7ek\u00f6y Proje Hakk\u0131nda Depremden Etkilenen \u00c7ocuklara G\u00fcvenli Bir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":884,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-862","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/comments?post=862"}],"version-history":[{"count":13,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/862\/revisions"}],"predecessor-version":[{"id":1081,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/862\/revisions\/1081"}],"up":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/884"}],"wp:attachment":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/media?parent=862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}