/* ============================================================ 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; } }
Cho thuê 103 Bùi Tá Hán, An Phú, Quận 2 DT 80m

Cho thuê 103 Bùi Tá Hán, An Phú, Quận 2 DT 80m

Bùi Tá Hán, Phường Bình Trưng, TP.HCM
Giá

30 Triệu

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

80m²

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

Loại sản phẩm Nhà phố
Hướng -
Vị trí Mặt Tiền
Ngang -
Dài -
Mặt hậu -
Diện tích 80 m2
Cho thuê nhà 103 Bùi Tá Hán, An Phú, Quận 2 , P View cực đẹp. Lý tưởng mở văn phòng công ty, quán caphe, kinh doanh đa nghành nghề Nay gia đình cần tiền gấp nên cho thuê gấp thích hợp làm văn phòng sapa, kinh doanh đa nghàn nghề. - Diện tích: 4x20m - Kết cấu: Trệt + 3 lầu. - Cọc 2 thanh toán 1 - Giá: 30 triệu/tháng (thương lượng). Thời gian sữa chữa thương lượng thời gian thuê lâu dài.

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