<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_11_51.png?v=1783063386&width=1000"
alt="Antalya Ticaret Odası cam projesi"
loading="lazy"
>
<div class="dnr-proje-bilgi">
<span class="dnr-proje-tarih">Mart 2026</span>
<h3 class="dnr-proje-baslik">Antalya Ticaret Odası</h3>
<p class="dnr-proje-konum">Antalya / Kepez</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_45_42.png?v=1783063386&width=1000"
alt="Boyalı Liv Hospital Mart 2023 cam projesi"
loading="lazy"
>
<div class="dnr-proje-bilgi">
<span class="dnr-proje-tarih">Mart 2023</span>
<h3 class="dnr-proje-baslik">Boyalı Liv Hospital</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_09_44_23.png?v=1783063383&width=1000"
alt="Boyalı Liv Hospital Nisan 2023 cam projesi"
loading="lazy"
>
<div class="dnr-proje-bilgi">
<span class="dnr-proje-tarih">Nisan 2023</span>
<h3 class="dnr-proje-baslik">Boyalı Liv Hospital</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_09_46_48.png?v=1783063383&width=1000"
alt="Fenomen Evi Smart Cam Uygulaması"
loading="lazy"
>
<div class="dnr-proje-bilgi">
<span class="dnr-proje-tarih">Ekim 2024</span>
<h3 class="dnr-proje-baslik">Fenomen Evi Smart Cam Uygulaması</h3>
<p class="dnr-proje-konum">İstanbul / Beşiktaş</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_01_43.png?v=1783063387&width=1000"
alt="Form Grup Kurul Odası ve Kat Çalışmaları"
loading="lazy"
>
<div class="dnr-proje-bilgi">
<span class="dnr-proje-tarih">Aralık 2023</span>
<h3 class="dnr-proje-baslik">Form Grup Kurul Odası & Kat Çalışmaları</h3>
<p class="dnr-proje-konum">İstanbul / Beşiktaş</p>
</div>
</article>
</div>
</div>