/* ============================================================ 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
z7694900394472_621701f3177606a8397dc6ed5dfb4f57
z7694900379865_bf2711ba261f055f64504d4bf258c225
+2
z7694900363066_8595506ba18038aa8e5f1d3a62d93910 z7694900350752_ac1ddac2ee90e76d35dd6a78baa7ae13

Bán Nhà Mặt Tiền 315 Phạm Ngũ Lão, P. Phạm Ngũ Lão, Q1

Phạm Ngũ Lão, Phường Bến Thành, TP.HCM
Giá

57 Tỷ

~ 838 Triệu/m²
Diện tích:

68m²

(4m x 17m )

Đặ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 4m
Dài 17m
Mặt hậu -
Diện tích 68 m2

Bán Nhà Mặt Tiền 315 Phạm Ngũ Lão, P. Phạm Ngũ Lão, Q1

 

- DT: 4 x 17m

 

- DTCN: 68m²

 

- Kết cấu: 6 lầu

 

- Pháp lý: Sổ hồng chính chủ, hoàn công đầy đủ

 

- Giá bán: 57 Tỷ (Còn thương lượng)

 

- Liên hệ: 0939.89.22.77 – Gia Bảo

Nhà đất tương tự

GỌI NGAY

Gia Bảo

093.989.2277

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

Bất Động Sản Tốt Bất Động Sản Tốt

Hình ảnh Bán Đất Góc 21 Nguyễn Bá Lân Phường Thảo Điền
Tin Vip
Hình ảnh Bán đất 2 mặt tiền 14B1 Duyên Hải Phường Thảo Điền
Tin Vip
Hình ảnh Bán đất 52 54 56 58 60 Trường Sa Phường Gia Định 3 Hầm 16 Tầng
Tin Vip
Hình ảnh Bán nhà 414 416 Tân Phú Nam Thông 3 Phường Tân Mỹ
Tin Vip
Hình ảnh Bán nhà 140 142 Lê Lai, phường Bến Thành, Quận 1
Tin Vip