Test: Blog Footer UI Redesign

Nội dung test

Đây là bài viết test để kiểm tra phần cuối blog redesign. Khi scroll xuống cuối bài viết, bạn sẽ thấy:

1. FAQ Accordion - Các câu hỏi thường gặp
2. Related Posts Grid - Bài viết liên quan (nếu có bài khác trong category Công nghệ)
3. Copyright Box - Bản quyền và thông tin liên hệ

Breadcrumb

Ở đầu bài viết, bạn sẽ thấy breadcrumb navigation: Trang chủ › Công nghệ › Test: Blog Footer UI Redesign

Cấu trúc HTML

Phần cuối blog theo cấu trúc:

[Nội dung bài viết]
  ↓
[FAQ Accordion] ← `<details>/<summary>`, no JS
  ↓
[Divider] ← `<hr class="section-divider">`
  ↓
[Related Posts Grid] ← responsive grid 3 col
  ↓
[Divider] ← `<hr class="section-divider">`
  ↓
[Copyright Box] ← border-left accent

CSS Framework

Tất cả component sử dụng:

• CSS custom properties: --c-* tokens
• Responsive design: mobile-first
• WCAG a11y: focus-visible, semantic HTML
• Smooth animations: 200ms ease

Hãy scroll xuống để thấy các component!