/* ============================================================ 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; } }
Icon Tư vấn tìm nhà
Tư vấn

TÌM NHÀ

 Icon Liên hệ ký gửi
Liên hệ

KÝ GỬI
  1. Trang Chủ
  2. »
  3. Bán
  4. »
  5. Bán Đất Compound đường Nguyễn Văn Hưởng Phường An Khánh

Loại giao dịch

Bất động sản bán

Bất Động Sản BánBất Động Sản Thuê

Loại nhà đất

Đất

Căn hộBiệt thựNhà phốKhách SạnKho xưởngĐấtBất động sản khácCăn Hộ Dịch VụNhà Cấp 4ShopHouseTòa Nhà Văn Phòng

Vị trí

Compound

Mặt TiềnĐường Nội BộHẻmCompound

Phường/Xã

An Khánh

An Khánh

Đường

Nguyễn Văn Hưởng

Nguyễn Văn Hưởng

Mức giá

Tất cả

Diện tích

Tất cả

Số Phòng Ngủ

Tất cả

12345+

Hướng

Tất cả

ĐôngTâyNamBắcĐông-BắcTây-BắcTây-NamĐông-Nam

Lọc Thêm

Đặt Lại

Bán Đất Compound đường Nguyễn Văn Hưởng Phường An Khánh

Sắp xếp

Mặc định

  • Mặc định
  • Giá cao đến thấp
  • Giá thấp đến cao
  • Diện tích lớn đến nhỏ
  • Diện tích nhỏ đến lớn
Hình ảnh Bán đất 3 mặt tiền Eden 117 Nguyễn Văn Hưởng Phường Thảo Điền
Hình ảnh Bán đất 2 mặt tiền Compound 146D10 Nguyễn Văn Hưởng Thảo Điền
Hình ảnh Bán đất Compound Thảo Điền 146A7 Nguyễn Văn Hưởng
Hình ảnh Bán đất 146D10 Nguyễn Văn Hưởng Phường An Khánh
Hình ảnh Bán đất 2 mặt tiền Compound Eden 117 Nguyễn văn Hưởng Phường An Khánh
Hình ảnh Bán đất khu Eden 118 Đường Nguyễn Văn Hưởng, Phường An Khánh ( Thảo Điền)
Hình ảnh Bán đất mặt sông Compound Eden 117/20 Nguyễn Văn Hưởng, Phường An Khánh (Thảo Điền)
Hình ảnh Bán đất 113/2 Nguyễn Văn Hưởng, Phường An Khánh
Hình ảnh Bán đất 117/20 Khu Eden Nguyễn Văn Hưởng Phường Thảo Điền Quận 2
Hình ảnh Bán đất Khu Kim Sơn 112/22 Nguyễn Văn Hưởng Thảo Điền Quận 2
Hình ảnh Bán đất Thảo Điền 153/19 Nguyễn Văn Hưởng, Phường Thảo Điền, Quận 2
Hình ảnh Đất Compound Eden 118 Nguyễn Văn Hưởng Thảo Điền
Hình ảnh Bán đất Eden 118 Nguyễn Văn Hưởng Thảo Điền Tp Thủ Đức
Hình ảnh Bán đất 2 mặt tiền Kim Sơn 113/2 Nguyễn Văn Hưởng phường Thảo Điền
Hình ảnh Bán đất Compound Thảo Điền 2 153/14 Nguyễn Văn Hưởng, Phường Thảo Điền, Quận 2
Hình ảnh Bán đất khu 188 Nguyễn Văn Hưởng, Phường Thảo Điền, Quận 2
Hình ảnh Bán đất Thảo Điền 1 146 Nguyễn Văn Hưởng, Phường Thảo Điền, Quận 2
Hình ảnh Bán đất 153/31 Nguyễn Văn Hưởng, Phường Thảo Điền, Quận 2
Hình ảnh Bán đất khu Compound Kim Sơn, Phường Thảo Điền, Quận 2
Hình ảnh Bán đất 3 mặt tiền khu compound Eden Nguyễn Văn Hưởng, Thảo Điền, Quận 2

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