<div class=”post-hero” style=”text-align:center; margin-bottom:24px;”>
<h2>NHÀ 3 TẦNG – DANG VILLA – MÃ #25</h2>
<p>Thiết kế hiện đại, mảng khối khoẻ, ánh sáng chan hòa — không gian sống tiện nghi cho gia đình trẻ.</p>
<div style=”margin-top:14px;”>
<a class=”cta-orange” href=”#baogia”>Nhận Tư Vấn & Báo Giá</a>
</div>
</div>
<div class=”gallerycenter”>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-18/” aria-label=”Dang Villa 25 – 18″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-18.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 18″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-17/” aria-label=”Dang Villa 25 – 17″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-17.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 17″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-16/” aria-label=”Dang Villa 25 – 16″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-16.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 16″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-15/” aria-label=”Dang Villa 25 – 15″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-15.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 15″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-14/” aria-label=”Dang Villa 25 – 14″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-14.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 14″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-13/” aria-label=”Dang Villa 25 – 13″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-13.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 13″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-12/” aria-label=”Dang Villa 25 – 12″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-12.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 12″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-11/” aria-label=”Dang Villa 25 – 11″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-11.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 11″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-10/” aria-label=”Dang Villa 25 – 10″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-10.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 10″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-9/” aria-label=”Dang Villa 25 – 9″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-9.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 9″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-8/” aria-label=”Dang Villa 25 – 8″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-8.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 8″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-7/” aria-label=”Dang Villa 25 – 7″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-7.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 7″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-6/” aria-label=”Dang Villa 25 – 6″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-6.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 6″>
</a>
<a href=”https://nhatquangcons.com/nhadep3tang25dangvilla-5/” aria-label=”Dang Villa 25 – 5″>
<img loading=”lazy” src=”https://nhatquangcons.com/wp-content/uploads/2025/10/nhadep3tang25dangvilla-5.jpg” alt=”Nhà 3 tầng Dang Villa 25 – phối cảnh 5″>
</a>
</div>
<div style=”text-align:center; margin-top:22px;”>
<a class=”cta-orange” href=”#baogia”>Đặt Lịch Tư Vấn Thiết Kế</a>
</div>
<style>
/* ========= GALLERY 4/3/2/1 ========= */
.gallerycenter{
–gap: 22px;
–radius: 14px;
–shadow: 0 10px 24px rgba(0,0,0,.16);
–shadow-hv: 0 16px 36px rgba(0,0,0,.22);
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 ảnh mỗi hàng */
gap: var(–gap);
max-width: 1280px;
margin: 28px auto;
padding: 0 10px;
}
.gallerycenter a{ display:block; }
.gallerycenter img{
display: block;
width: 100%;
height: auto;
border-radius: var(–radius);
box-shadow: var(–shadow);
background: #f7f7f7;
transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
}
.gallerycenter img:hover{
transform: translateY(-4px) scale(1.01);
box-shadow: var(–shadow-hv);
filter: saturate(1.05);
}
/* ========= RESPONSIVE ========= */
@media (max-width: 1024px){
.gallerycenter{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px){
.gallerycenter{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px){
.gallerycenter{ grid-template-columns: 1fr; }
}
/* ========= CTA ========= */
.cta-orange{
display: inline-block;
background: #f58220;
color: #fff !important;
padding: 12px 28px;
border-radius: 10px;
font-weight: 700;
text-decoration: none;
box-shadow: 0 10px 20px rgba(245,130,32,.28);
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.cta-orange:hover{
background: #e67616;
transform: translateY(-2px);
box-shadow: 0 14px 28px rgba(245,130,32,.35);
}
</style>