Ayna

<style>
.dnr-proje-galerisi {
  /* RENKLER: Buradan değiştir; bütün kartlara uygulanır. */
  --arka-plan: #ffffff;
  --kart-arka-plan: #ffffff;
  --kart-kenarlik: #e7e7e7;
  --baslik-rengi: #171717;
  --tarih-rengi: #00777b;
  --konum-rengi: #686868;

  background: var(--arka-plan);
  font-family: inherit;
  width: 100%;
}
.dnr-proje-galerisi,
.dnr-proje-galerisi * {
  box-sizing: border-box;
}
.dnr-proje-galerisi .dnr-proje-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}
.dnr-proje-galerisi .dnr-proje-kart {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: var(--kart-arka-plan);
  border: 1px solid var(--kart-kenarlik);
  border-radius: 26px;
}
.dnr-proje-galerisi .dnr-proje-foto {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
  object-fit: cover;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.dnr-proje-galerisi .dnr-proje-bilgi {
  padding: 26px;
}
.dnr-proje-galerisi .dnr-proje-tarih {
  display: block;
  margin: 0 0 14px;
  color: var(--tarih-rengi);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.dnr-proje-galerisi .dnr-proje-baslik {
  margin: 0;
  color: var(--baslik-rengi);
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.5px;
  overflow-wrap: anywhere;
}
.dnr-proje-galerisi .dnr-proje-konum {
  margin: 12px 0 0;
  color: var(--konum-rengi);
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 989px) {
  .dnr-proje-galerisi .dnr-proje-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}
@media (max-width: 599px) {
  .dnr-proje-galerisi .dnr-proje-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .dnr-proje-galerisi .dnr-proje-bilgi {
    padding: 23px;
  }
  .dnr-proje-galerisi .dnr-proje-baslik {
    font-size: 22px;
  }
}
</style>

<div class="dnr-proje-galerisi">
  <div class="dnr-proje-grid">

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_00_35_54.png?v=1783063386&amp;width=1000"
        alt="Zafer İnşaat Concorde ARIA Hotel ayna uygulaması"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Mart 2026</span>
        <h3 class="dnr-proje-baslik">Zafer İnşaat Concorde ARIA Hotel</h3>
        <p class="dnr-proje-konum">Kıbrıs / Beylerbeyi</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_10_34_55.png?v=1783064117&amp;width=1000"
        alt="Crown Otel Tuzla ayna projesi"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Nisan 2022</span>
        <h3 class="dnr-proje-baslik">Crown Otel Tuzla</h3>
        <p class="dnr-proje-konum">İstanbul / Tuzla</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_09_39_59.png?v=1783063383&amp;width=1000"
        alt="Çelikler Grup Fabrika Montajı ayna projesi"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Şubat 2023</span>
        <h3 class="dnr-proje-baslik">Çelikler Grup Fabrika Montajı</h3>
        <p class="dnr-proje-konum">İstanbul / Tuzla</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_10_19_06.png?v=1783063386&amp;width=1000"
        alt="Ağrı Valilik Misafirhanesi ayna projesi"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Mayıs 2025</span>
        <h3 class="dnr-proje-baslik">Ağrı Valilik Misafirhanesi</h3>
        <p class="dnr-proje-konum">Ağrı / Merkez</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_09_59_54.png?v=1783063386&amp;width=1000"
        alt="Şişli Holiday Inn Hotel ayna projesi"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Ocak 2023</span>
        <h3 class="dnr-proje-baslik">Şişli Holiday Inn Hotel</h3>
        <p class="dnr-proje-konum">İstanbul / Şişli</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_10_02_57.png?v=1783063387&amp;width=1000"
        alt="Üsküdar Konut Projesi ayna uygulaması birinci görünüm"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Kasım 2023</span>
        <h3 class="dnr-proje-baslik">Üsküdar Konut Projesi</h3>
        <p class="dnr-proje-konum">İstanbul / Üsküdar</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_10_18_13.png?v=1783063387&amp;width=1000"
        alt="İŞ GYO ayna projesi"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Ocak 2026</span>
        <h3 class="dnr-proje-baslik">İŞ GYO</h3>
        <p class="dnr-proje-konum">İstanbul / Tuzla</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_10_05_55.png?v=1783063383&amp;width=1000"
        alt="Üsküdar Konut Projesi ayna uygulaması ikinci görünüm"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Kasım 2023</span>
        <h3 class="dnr-proje-baslik">Üsküdar Konut Projesi</h3>
        <p class="dnr-proje-konum">İstanbul / Üsküdar</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_10_08_39.png?v=1783063384&amp;width=1000"
        alt="Ankara Toplu Konut Projesi ayna uygulaması"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Nisan 2025</span>
        <h3 class="dnr-proje-baslik">Ankara Toplu Konut Projesi</h3>
        <p class="dnr-proje-konum">Ankara / Keçiören</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_11_52_24.png?v=1783072269&amp;width=1000"
        alt="Dedeman Otel Kartal ayna projesi"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Haziran 2026</span>
        <h3 class="dnr-proje-baslik">Dedeman Otel Kartal</h3>
        <p class="dnr-proje-konum">İstanbul / Kartal</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_11_52_30.png?v=1783072315&amp;width=1000"
        alt="Akasya Konakları Villa Projesi ayna uygulaması"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Mayıs 2026</span>
        <h3 class="dnr-proje-baslik">Akasya Konakları Villa Projesi</h3>
        <p class="dnr-proje-konum">İstanbul / Küçükçekmece</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_11_56_01.png?v=1783072324&amp;width=1000"
        alt="Zafer İnşaat Concorde ARIA Hotel ayna uygulaması ikinci görünüm"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Mart 2026</span>
        <h3 class="dnr-proje-baslik">Zafer İnşaat Concorde ARIA Hotel</h3>
        <p class="dnr-proje-konum">Kıbrıs / Beylerbeyi</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_12_41_23.png?v=1783072386&amp;width=1000"
        alt="Zafer İnşaat Concorde ARIA Hotel ayna uygulaması üçüncü görünüm"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Mart 2026</span>
        <h3 class="dnr-proje-baslik">Zafer İnşaat Concorde ARIA Hotel</h3>
        <p class="dnr-proje-konum">Kıbrıs / Beylerbeyi</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_12_44_31.png?v=1783072429&amp;width=1000"
        alt="Zafer İnşaat Concorde ARIA Hotel ayna uygulaması dördüncü görünüm"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Mart 2026</span>
        <h3 class="dnr-proje-baslik">Zafer İnşaat Concorde ARIA Hotel</h3>
        <p class="dnr-proje-konum">Kıbrıs / Beylerbeyi</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_10_16_48.png?v=1783063387&amp;width=1000"
        alt="Zafer İnşaat Concorde ARIA Hotel ayna uygulaması beşinci görünüm"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Mart 2026</span>
        <h3 class="dnr-proje-baslik">Zafer İnşaat Concorde ARIA Hotel</h3>
        <p class="dnr-proje-konum">Kıbrıs / Beylerbeyi</p>
      </div>
    </article>

    <article class="dnr-proje-kart">
      <img
        class="dnr-proje-foto"
        src="https://dienar.com.tr/cdn/shop/files/ChatGPT_Image_3_Tem_2026_12_34_21.png?v=1783072491&amp;width=1000"
        alt="Zafer İnşaat Concorde Hotel ayna projesi"
        loading="lazy"
      >
      <div class="dnr-proje-bilgi">
        <span class="dnr-proje-tarih">Mart 2026</span>
        <h3 class="dnr-proje-baslik">Zafer İnşaat Concorde Hotel</h3>
        <p class="dnr-proje-konum">Kıbrıs / Beylerbeyi</p>
      </div>
    </article>

  </div>
</div>