/* ============================================================ NHÀ PHỐ SÀI THÀNH — CSS TRANG DỰ ÁN BĐS Áp dụng cho tất cả trang: Pillar, Phân khu, Mặt bằng, Giá bán Dán vào: Appearance → Customize → Additional CSS (WordPress) Hoặc: Plugin "Simple Custom CSS" Cập nhật: Tháng 4/2026 ============================================================ */ /* ══════════════════════════════════════════ 1. SECTION LABEL (nhãn tiêu đề nhỏ) Dùng: Thông tin nhanh ══════════════════════════════════════════ */ .du-an-label { display: inline-block; background-color: #b8973a; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 12px; border-radius: 4px; margin-bottom: 12px; } /* ══════════════════════════════════════════ 2. BẢNG THÔNG TIN (table chuẩn) Dùng: ...
══════════════════════════════════════════ */ .du-an-table { width: 100%; border-collapse: collapse; margin: 6px 0 24px; font-size: 14.5px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10); } .du-an-table thead tr { background-color: #b8973a; color: #ffffff; text-align: left; } .du-an-table th { padding: 12px 16px; font-weight: 600; letter-spacing: 0.3px; } .du-an-table td { padding: 10px 16px; border-bottom: 1px solid #ede4cc; vertical-align: top; line-height: 1.6; } .du-an-table tbody tr:last-child td { border-bottom: none; } .du-an-table tbody tr:nth-child(even) { background-color: #fdf8ef; } .du-an-table tbody tr:hover { background-color: #f5ead4; transition: background 0.15s ease; } .du-an-table td:first-child { font-weight: 600; color: #5a4a1e; width: 36%; } /* ══════════════════════════════════════════ 3. BẢNG SO SÁNH (header tối hơn) Dùng: ...
══════════════════════════════════════════ */ .du-an-table-compare thead tr { background-color: #2c2417; } .du-an-table-compare td:first-child { background-color: #faf5e8; color: #3d2f0a; font-weight: 700; width: 22%; } /* ══════════════════════════════════════════ 4. CARD SẢN PHẨM (loại hình BĐS) Dùng:
...
══════════════════════════════════════════ */ .du-an-card { border: 1px solid #ddd0a8; border-radius: 10px; padding: 18px 22px; margin: 12px 0; background: #fffdf7; transition: box-shadow 0.2s ease; } .du-an-card:hover { box-shadow: 0 4px 18px rgba(184, 151, 58, 0.18); } .du-an-card strong { display: block; font-size: 16px; color: #7a5d10; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dashed #ddd0a8; } .du-an-card p { margin: 0; font-size: 14.5px; color: #444; line-height: 1.7; } /* ══════════════════════════════════════════ 5. HIGHLIGHT BOX (nổi bật thông tin) Dùng:
...
══════════════════════════════════════════ */ .du-an-highlight { background: linear-gradient(135deg, #fdf8ef 0%, #f5ead4 100%); border-left: 5px solid #b8973a; border-radius: 0 10px 10px 0; padding: 16px 20px; margin: 20px 0; } .du-an-highlight p { margin: 0 0 8px; color: #3d2f0a; font-size: 15px; line-height: 1.7; } .du-an-highlight p:last-child { margin-bottom: 0; } /* ══════════════════════════════════════════ 6. DANH SÁCH TIỆN ÍCH Dùng: ══════════════════════════════════════════ */ ul.tien-ich-list { list-style: none; padding: 0; margin: 14px 0 24px; } ul.tien-ich-list li { background: #fffdf7; border: 1px solid #e5d9b0; border-left: 4px solid #b8973a; border-radius: 0 8px 8px 0; padding: 12px 16px; margin-bottom: 10px; font-size: 14.5px; line-height: 1.7; transition: background 0.15s ease; } ul.tien-ich-list li:hover { background: #fdf8ef; } ul.tien-ich-list li strong { color: #7a5d10; } /* ══════════════════════════════════════════ 7. GHI CHÚ BẢNG GIÁ Dùng:
...
══════════════════════════════════════════ */ .bang-gia-note { background: #fff8e6; border: 1.5px solid #e0c060; border-radius: 10px; padding: 20px 24px; margin: 16px 0 24px; position: relative; } .bang-gia-note::before { content: "Thông tin giá bán"; display: block; font-weight: 700; font-size: 12px; color: #8a6d1a; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #e0c060; } .bang-gia-note p { margin-bottom: 10px; font-size: 14.5px; color: #3d2f0a; line-height: 1.7; } .bang-gia-note p:last-child { margin-bottom: 0; } .bang-gia-note a { color: #8a6d1a; font-weight: 600; } /* ══════════════════════════════════════════ 8. FAQ Dùng:
Câu hỏi?
Trả lời...
══════════════════════════════════════════ */ .faq-item { border: 1px solid #e0d4b0; border-radius: 10px; margin-bottom: 12px; overflow: hidden; } .faq-question { background: #f5ead4; padding: 14px 18px 14px 46px; font-weight: 700; font-size: 15px; color: #3d2f0a; position: relative; line-height: 1.5; } .faq-question::before { content: "Q"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); background: #b8973a; color: #fff; font-size: 12px; font-weight: 800; width: 22px; height: 22px; border-radius: 50%; text-align: center; line-height: 22px; } .faq-answer { background: #fffdf7; padding: 14px 18px 14px 46px; font-size: 14.5px; color: #444; line-height: 1.75; border-top: 1px solid #e0d4b0; } /* ══════════════════════════════════════════ 9. CTA CUỐI BÀI Dùng:
...
══════════════════════════════════════════ */ .project-cta { background: linear-gradient(135deg, #2c2417 0%, #4a3a14 100%); border-radius: 12px; padding: 28px 32px; margin-top: 36px; text-align: center; color: #fff; } .project-cta h3 { font-size: 20px; color: #f5c842; margin: 0 0 12px; font-weight: 700; line-height: 1.4; } .project-cta p { color: #e8dfc7; font-size: 14.5px; margin-bottom: 10px; line-height: 1.7; } .project-cta p:last-child { margin-bottom: 0; } .project-cta a { color: #f5c842; font-weight: 600; text-decoration: underline; } .project-cta a:hover { color: #fff; } /* ══════════════════════════════════════════ 10. RESPONSIVE (mobile) ══════════════════════════════════════════ */ @media (max-width: 640px) { .du-an-table { font-size: 13px; } .du-an-table th, .du-an-table td { padding: 8px 10px; } .du-an-table td:first-child { width: auto; } .du-an-table-compare { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .project-cta { padding: 22px 18px; } .project-cta h3 { font-size: 17px; } .faq-question, .faq-answer { padding-left: 14px; } .faq-question::before { display: none; } }
Ảnh đại diện
z7343292421662_0ffc8eb997630f6d560583fddf851a6c
z7343292421667_f27f4fcf04e6b0a1845e32ceec081723
+3
z7343292403507_bc598f461c02e73bf949cdf876707cfc z7343292421669_f850fde9989477291c4f786a81a93bd4 z7343292421663_f483f17de464e8828968643807d9592a

Cho thuê nhà 204B6/13/3 Nguyễn Văn Hưởng, Thảo Điền

Nguyễn Văn Hưởng, Phường An Khánh, TP.HCM
Giá

70 Triệu

~ 368 Ngàn/m²
Diện tích:

190m²

(9.5m x 20m )

Đặc điểm bất động sản

Loại sản phẩm Nhà phố
Hướng Tây-Bắc
Vị trí Hẻm
Ngang 9.5m
Dài 20m
Mặt hậu 9.5m
Diện tích 190 m2
Số tầng 5
Độ rộng đường 12m

Cho thuê nhà 204B6/13/3 Nguyễn Văn Hưởng, Thảo Điền
Diện tích đất: 190 m² (9,5 x 20m)
Diện tích sàn: ~400 m²
Kết cấu: 1 trệt + 4 lầu

Nhà đất tương tự

GỌI NGAY

Xem nhà theo lịch Anh/Chị

Tài sản pháp lý chuẩn

Quỹ hàng phù hợp nhu cầu

Đồng hành trọn giao dịch

Đặt lịch

Xem nhà

Yêu cầu

Tư vấn

document

HỒ SƠ PHÁP LÝ

đầy đủ - có sẵn

FORM

Đăng Ký Xem Giấy Tờ

DỰ ÁN ĐANG MỞ BÁN

Dự án khu đô thị The Global City: Vị trí, Mặt bằng, Giá bán & Tiềm năng đầu tư

6Tỷ

80Tỷ

Dự án khu đô thị

The Global City: Vị trí, Mặt bằng, Giá bán & Tiềm năng đầu tư

Thành phố Thủ Đức, Hồ Chí Minh
Dự án nhà ở Khu biệt thự Sola The Global City: Thông tin chi tiết & Giá bán

40Tỷ

200Tỷ

Dự án nhà ở

Khu biệt thự Sola The Global City: Thông tin chi tiết & Giá bán

Thành phố Thủ Đức, Hồ Chí Minh
Dự án nhà ở The Berkley Thảo Điền | Mặt bằng & Giá Bán

26Tỷ

60Tỷ

Dự án nhà ở

The Berkley Thảo Điền | Mặt bằng & Giá Bán

Thành phố Thủ Đức, Hồ Chí Minh