diff --git a/bai_tap_nop/index.css b/bai_tap_nop/index.css
index ada8c8c..1a534b5 100644
--- a/bai_tap_nop/index.css
+++ b/bai_tap_nop/index.css
@@ -1,380 +1,462 @@
-/* common */
-* {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    text-align: justify;
-    color: dimgray;
+/*
+    Tóm tắt CSS:
+    - File định kiểu toàn bộ landing page nội thất KLK Phúc Thịnh.
+    - Layout dùng flex/grid thay cho float để mã gọn, dễ responsive và không cần kỹ thuật dọn float.
+    - Các breakpoint bên dưới tối ưu hiển thị cho desktop, tablet và điện thoại.
+*/
+
+/* Biến màu và kích thước dùng lại trong toàn bộ trang. */
+:root {
+    --container-width: 1281px;
+    --page-gap: 8px;
+    --content-gap: 16px;
+    --dark-color: #272727;
+    --text-color: #5c5c5c;
+    --muted-color: #707070;
+    --brand-color: #d91f2a;
+    --brand-color-soft: rgba(217, 31, 42, 0.78);
+    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
+        "Helvetica Neue", sans-serif;
+    --font-heading: "MS Reference Sans Serif", Arial, Helvetica, sans-serif;
+}
+
+/* Reset nhẹ giúp kích thước phần tử dễ kiểm soát hơn. */
+*,
+*::before,
+*::after {
     box-sizing: border-box;
 }
 
-.warpper {
+html {
+    scroll-behavior: smooth;
+}
+
+body {
+    margin: 0;
+    overflow-x: hidden;
+    color: var(--text-color);
+    font-family: var(--font-main);
+    background-color: #ffffff;
+}
+
+img {
+    display: block;
+    max-width: 100%;
+}
+
+a {
+    color: inherit;
+}
+
+button {
+    font: inherit;
+}
+
+/* Ẩn nội dung khỏi giao diện nhưng vẫn giữ cho trình đọc màn hình. */
+.sr-only {
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+    border: 0;
+    white-space: nowrap;
+    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
+}
+
+/* Khung chính giới hạn chiều rộng giống demo gốc. */
+.wrapper {
     width: 100%;
-    margin: auto;
+    max-width: var(--container-width);
+    margin: 0 auto;
 }
 
-.clear {
-    clear: both;
+/* Header */
+.site-header {
+    padding: 0 var(--page-gap);
 }
 
-/* header */
-#header {
-    padding: 0 0.5vw;
+.site-header a {
+    display: inline-block;
 }
 
-/* navbar */
-#navbar {
-    padding: 0 0.5vw;
-    background-color: #272727;
-    background-clip: content-box;
+.site-header img {
+    width: clamp(220px, 24vw, 320px);
 }
 
-#navbar ul {
-    margin: 0;
-    padding-left: 0;
-    padding-top: 15px;
-    padding-bottom: 15px;
-    list-style: none;
+/* Navbar */
+.site-nav {
+    padding: 0 var(--page-gap);
 }
 
-#navbar ul li {
-    margin: 15px;
-    display: inline;
+.nav-list {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    margin: 0;
+    padding: 0 4px;
+    list-style: none;
+    background-color: var(--dark-color);
 }
 
-#navbar ul li a {
+.nav-list a {
+    display: block;
+    padding: 18px 14px;
+    color: #ffffff;
     font-size: 15px;
-    letter-spacing: 1px;
-    color: white;
     text-decoration: none;
+    transition: color 0.2s ease, background-color 0.2s ease;
 }
 
-#navbar ul li a:hover {
-    color: red;
-    cursor: pointer;
+.nav-list a:hover,
+.nav-list a:focus-visible {
+    color: #ffffff;
+    background-color: var(--brand-color);
+    outline: none;
 }
 
-/* carousel */
-#carousel {
-    height: 22.5vw;
-    margin-top: 0.5vw;
-    padding: 0 0.5vw;
-    background-image: url('./img/slider_1.jpg');
+/* Hero */
+.hero {
+    height: clamp(240px, 22.5vw, 440px);
+    margin-top: var(--page-gap);
+    padding: 0 var(--page-gap);
+    background-image: url("./img/slider_1.jpg");
+    background-position: center;
     background-size: cover;
-    background-position: center center;
+    background-origin: content-box;
     background-clip: content-box;
 }
 
-/* intro */
-#intro {
-    padding: 0 0.5vw;
-    background-clip: content-box;
+/* Intro */
+.intro {
+    padding: 0 var(--page-gap);
+}
+
+.description {
+    margin: 0;
+    padding: 16px 0 18px;
+    color: var(--muted-color);
+    font-size: clamp(15px, 1vw, 17px);
+    line-height: 1.6;
+    text-align: justify;
+    overflow-wrap: break-word;
 }
 
-#intro .description {
-    margin: auto;
-    padding: 0.5vw 0;
-    font-size: 1vw;
-    line-height: 1.3vw;
+.company-name {
+    color: var(--brand-color);
 }
 
-#intro .company-name {
-    font-weight: bold;
-    color: red;
+/* Bộ ảnh intro: chia hai cột, cột trái có ảnh nhỏ + ảnh rộng, cột phải có hai ảnh lớn. */
+.main {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: var(--content-gap);
 }
 
-#intro .product-left,
-#intro .product-right {
-    width: 50%;
-    padding: 0 0.5vw;
-    float: left;
-    height: 36vw;
+.product-left,
+.product-right {
+    min-height: clamp(430px, 36vw, 620px);
 }
 
-#intro .product-item {
-    padding: 0.5vw;
-    float: left;
+.product-left {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-template-rows: 40% 60%;
+    gap: var(--content-gap);
 }
 
-#intro .product-item-half {
-    width: 50%;
-    height: 14vw;
+.product-right {
+    display: grid;
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+    gap: var(--content-gap);
 }
 
-#intro .product-item-full {
-    width: 100%;
-    height: 22vw;
+.product-item {
+    margin: 0;
+    overflow: hidden;
 }
 
-#intro .product-item-dub {
-    width: 100%;
-    height: 18vw;
+.product-item-full {
+    grid-column: 1 / -1;
 }
 
-#intro .product-left img {
+.product-item img {
     width: 100%;
-    max-height: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: transform 0.25s ease;
 }
 
-#intro .product-right img {
-    width: 100%;
-    max-height: 100%;
+.product-item:hover img {
+    transform: scale(1.03);
 }
 
-/* product */
-#product .item {
-    width: 25%;
-    padding: 0 0.5vw;
-    float: left;
+/* Product */
+.product-section {
+    padding: 20px var(--page-gap) 0;
 }
 
-#product .title {
+.title {
     margin: 0;
-    padding: 0.5vw 0;
-    text-align: center;
-    font-family: 'MS Reference Sans Serif';
-    font-size: 1.6vw;
+    padding-bottom: 18px;
+    color: var(--dark-color);
+    font-family: var(--font-heading);
+    font-size: clamp(24px, 1.6vw, 30px);
     font-weight: 500;
-    letter-spacing: 0.1vw;
+    text-align: center;
 }
 
-#product .item img {
+.product-list {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: var(--content-gap);
+}
+
+.product-section .item {
+    display: flex;
+    flex-direction: column;
+}
+
+.product-section .item img {
     width: 100%;
+    aspect-ratio: 4 / 3;
+    object-fit: cover;
 }
 
-#product .item-title {
-    margin: 0.5vw 0;
-    font-family: 'MS Reference Sans Serif';
-    font-size: 1.5vw;
-    font-weight: normal;
+.item-title {
+    margin: 12px 0 8px;
+    color: var(--dark-color);
+    font-family: var(--font-heading);
+    font-size: clamp(20px, 1.5vw, 28px);
+    font-weight: 400;
 }
 
-#product .item-content {
+.item-content {
+    flex: 1;
     margin: 0;
-    font-size: 0.8vw;
+    color: var(--text-color);
+    font-size: clamp(14px, 0.85vw, 16px);
+    line-height: 1.55;
+    text-align: justify;
+    overflow-wrap: break-word;
 }
 
-#product .item-btn {
-    width: 80px;
-    height: 30px;
-    margin: 10px 0;
+.item-btn {
+    width: fit-content;
+    min-width: 88px;
+    min-height: 34px;
+    margin-top: 14px;
+    padding: 0 14px;
     border: 0;
     border-radius: 5px;
-    text-align: center;
-    font-family: 'MS Reference Sans Serif';
-    color: white;
-    background-color: rgba(217, 87, 86, 1);
+    color: #ffffff;
+    background-color: var(--brand-color);
+    cursor: pointer;
+    transition: background-color 0.2s ease, transform 0.2s ease;
 }
 
-#product button:hover {
-    background-color: rgba(217, 87, 86, 0.7);
-    cursor: pointer;
+.item-btn:hover,
+.item-btn:focus-visible {
+    background-color: var(--brand-color-soft);
+    outline: none;
+    transform: translateY(-1px);
 }
 
-/* banner */
-#banner {
-    height: 20vw;
+/* Banner */
+.sale-banner {
+    height: clamp(220px, 20vw, 360px);
+    margin-top: 24px;
     position: relative;
-    background-image: url('./img/nature.jpg');
+    background-image: url("./img/nature.jpg");
+    background-position: center;
     background-size: cover;
-    background-position: center center;
-    background-clip: content-box;
 }
 
-#banner .saleoff {
-    width: 12.5vw;
-    height: 12.5vw;
+.saleoff {
+    width: clamp(132px, 12.5vw, 190px);
+    aspect-ratio: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
     position: absolute;
-    left: 5%;
     top: 10%;
+    left: 5%;
     border-radius: 50%;
-    background-color: rgba(211, 29, 37, 0.5);
+    background-color: rgba(211, 29, 37, 0.58);
 }
 
-#banner .saleoff h2,
-#banner .saleoff p {
+.saleoff h2,
+.saleoff p {
     margin: 0;
+    color: #ffffff;
     text-align: center;
-    color: white;
 }
 
-#banner .saleoff h2 {
-    margin-top: 2vw;
-    font-family: 'MS Reference Sans Serif';
-    font-size: 1.6vw;
-    font-weight: normal;
+.saleoff h2 {
+    font-family: var(--font-heading);
+    font-size: clamp(18px, 1.6vw, 28px);
+    font-weight: 400;
 }
 
-#banner .saleoff p:nth-child(2) {
+.saleoff p:nth-child(2) {
     font-family: Arial, Helvetica, sans-serif;
-    font-size: 4.5vw;
+    font-size: clamp(46px, 4.5vw, 78px);
+    line-height: 1;
 }
 
-#banner .saleoff p:nth-child(3) {
-    font-size: 1vw;
+.saleoff p:nth-child(3) {
+    font-size: clamp(13px, 1vw, 18px);
+    line-height: 1.25;
 }
 
-/* service */
-#service {
+/* Service */
+.service-section {
     width: 90%;
-    margin: 1vw auto;
-    padding: 0 0.5vw;
+    max-width: 1120px;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: var(--content-gap);
+    margin: 24px auto;
+    padding: 0 var(--page-gap);
 }
 
-#service .item {
-    width: 33.333333%;
+.service-section .item {
     text-align: center;
-    float: left;
 }
 
-#service .item h2,
-#service .item p {
+.service-section .item img {
+    width: clamp(36px, 2.5vw, 48px);
+    margin: 0 auto 8px;
+}
+
+.service-section h3,
+.service-section p {
     margin: 0;
     text-align: center;
 }
 
-#service .item h2 {
-    font-size: 1.2vw;
+.service-section h3 {
+    color: var(--dark-color);
+    font-size: clamp(18px, 1.2vw, 22px);
     font-weight: 400;
 }
 
-#service .item p {
-    margin-top: 0.3vw;
-    font-size: 0.7vw;
-}
-
-#service .item img {
-    width: 2.5vw;
+.service-section p {
+    margin-top: 8px;
+    color: var(--text-color);
+    font-size: clamp(13px, 0.8vw, 15px);
+    line-height: 1.45;
 }
 
-/* footer */
-#footer {
+/* Footer */
+.site-footer {
     margin-top: 20px;
-    background-color: black;
-    background-clip: content-box;
+    padding: 16px var(--page-gap) 14px;
+    background-color: #000000;
 }
 
-#footer h2,
-#footer p {
+.site-footer h2,
+.site-footer address {
     margin: 0;
+    color: #ffffff;
     text-align: center;
-    color: white;
 }
 
-#footer h2 {
-    padding-top: 15px;
-    padding-bottom: 5px;
+.site-footer h2 {
+    padding-bottom: 6px;
     font-size: 27px;
     font-weight: 400;
-    letter-spacing: 1px;
 }
 
-#footer p {
-    padding-bottom: 10px;
-    font-size: smaller;
-    line-height: 25px;
+.site-footer address {
+    font-size: 14px;
+    font-style: normal;
+    line-height: 1.8;
+    overflow-wrap: break-word;
 }
 
-/* reponsive */
-@media (min-width:1281px) {
-    .warpper {
-        width: 1281px;
+/* Responsive cho tablet. */
+@media (max-width: 1024px) {
+    :root {
+        --page-gap: 10px;
     }
-}
-
-@media (max-width:1025px) {
 
-    /* header */
-    #header {
-        padding: 0 1vw;
+    .site-header img {
+        width: clamp(200px, 32vw, 300px);
     }
 
-    /* navbar */
-    #navbar {
-        padding: 0 1vw;
+    .nav-list a {
+        padding: 15px 12px;
     }
 
-    /* carousel */
-    #carousel {
-        padding: 0 1vw;
+    .main {
+        grid-template-columns: 1fr;
     }
 
-    /* intro */
-    #intro {
-        margin-top: 10px;
-        margin-bottom: 5px;
-        padding: 0;
+    .product-left,
+    .product-right {
+        min-height: 0;
     }
 
-    #intro .description span {
-        display: none;
+    .product-left {
+        grid-template-rows: auto;
     }
 
-    #intro .description:after {
-        content: 'SẢN PHẨM';
+    .product-right {
+        grid-template-rows: none;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
-    #intro .description {
-        padding: 1vw 1vw;
-        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
-        font-size: large;
-        font-weight: bold;
-        color: black;
+    .product-item {
+        aspect-ratio: 16 / 10;
     }
 
-    #intro .main {
-        display: none;
+    .product-list {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+}
 
-    /* product */
-    #product {
-        padding: 0 0.5vw;
+/* Responsive cho điện thoại. */
+@media (max-width: 600px) {
+    .site-header img {
+        width: 260px;
+        max-width: 100%;
     }
 
-    #product .item {
-        width: 50%;
+    .nav-list {
+        align-items: stretch;
+        flex-direction: column;
+        padding: 0;
     }
 
-    #product .title {
-        display: none;
+    .nav-list a {
+        padding: 13px 16px;
     }
 
-    #product .item-title {
-        display: none;
+    .hero {
+        height: 220px;
     }
 
-    #product .item-content {
-        display: none;
+    .description {
+        text-align: left;
     }
 
-    /* banner */
-    #banner {
-        padding: 0 1vw;
+    .product-left,
+    .product-right,
+    .product-list,
+    .service-section {
+        grid-template-columns: 1fr;
     }
 
-    /* service */
-    #service {
-        display: none;
+    .product-item-full {
+        grid-column: auto;
     }
 
-    /* footer */
-    #footer {
-        padding: 0 1vw;
+    .saleoff {
+        left: 50%;
+        transform: translateX(-50%);
     }
 }
-
-@media (max-width:600px) {
-
-    /* header */
-    #header img {
-        max-width: 100%;
-    }
-
-    /* navbar */
-    #navbar ul li {
-        display: list-item;
-    }
-
-    /* product */
-    #product .item {
-        width: 100%;
-    }
-}
\ No newline at end of file
diff --git a/bai_tap_nop/index.html b/bai_tap_nop/index.html
index dcd7e30..38eed9c 100644
--- a/bai_tap_nop/index.html
+++ b/bai_tap_nop/index.html
@@ -1,132 +1,182 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="vi">
 
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description"
+        content="Trang giới thiệu sản phẩm, dịch vụ và thông tin liên hệ của KLK Phúc Thịnh Interior Design.">
     <link rel="stylesheet" href="index.css">
-    <title>Bài Tập Nộp</title>
+    <title>KLK Phúc Thịnh - Interior Design</title>
 </head>
 
 <body>
-    <div class="warpper">
-        <div id="header">
-            <img src="./img/LOGO.png">
-        </div>
-        <div id="navbar">
-            <ul>
+    <!--
+        Tóm tắt HTML:
+        - Trang mô phỏng landing page nội thất KLK Phúc Thịnh.
+        - Bố cục gồm logo, menu điều hướng, banner chính, giới thiệu, sản phẩm bán chạy,
+          khuyến mãi, dịch vụ và footer liên hệ.
+        - Mã dùng thẻ semantic để dễ đọc, dễ bảo trì và thân thiện hơn với công cụ hỗ trợ.
+    -->
+    <div class="wrapper">
+        <!-- Header: hiển thị logo thương hiệu và làm điểm neo quay về đầu trang. -->
+        <header id="header" class="site-header">
+            <a href="#header" aria-label="Về đầu trang KLK Phúc Thịnh">
+                <img src="./img/LOGO.png" alt="KLK Interior Design">
+            </a>
+        </header>
+
+        <!-- Navbar: menu điều hướng nhanh đến các khu vực chính của trang. -->
+        <nav id="navbar" class="site-nav" aria-label="Điều hướng chính">
+            <ul class="nav-list">
                 <li><a href="#header">TRANG CHỦ</a></li>
-                <li><a href="#carousel">SẢN PHẨM</a></li>
+                <li><a href="#product">SẢN PHẨM</a></li>
                 <li><a href="#intro">GIỚI THIỆU</a></li>
-                <li><a href="#product">CHI TIẾT</a></li>
+                <li><a href="#service">CHI TIẾT</a></li>
                 <li><a href="#footer">LIÊN HỆ</a></li>
             </ul>
-        </div>
-        <div id="carousel"></div>
-        <div id="intro">
-            <p class="description">
-                <span>
-                    Tại <span class="company-name">KLK PHUC THINH</span>, vai trò Thiết kế kiến trúc nội thất của chúng
-                    tôi không đơn thuần chỉ là tạo nên không gian chức năng mà còn là nghệ thuật sáng tạo vận hành,
-                    truyền cảm hứng đến người khác, đưa yếu tố con người hòa nhập với môi trường tự nhiên. Chúng tôi đầu
-                    tư nghiên cứu con người để biết lắng nghe cảm nhận, nhìn thấy điều mong muốn của bạn và đó là cách
-                    chúng tôi tôn trọng sự đam mê nghề nghiệp của chính mình.
-                </span>
-            </p>
-            <div class="main">
-                <div class="product-left">
-                    <div class="product-item product-item-half">
-                        <img src="./img/img_nha_tam.jpg">
-                    </div>
-                    <div class="product-item product-item-half">
-                        <img src="./img/img_sofa.jpg">
-                    </div>
-                    <div class="product-item product-item-full">
-                        <img src="./img/img_noi_that.jpg">
-                    </div>
-                    <div class="clear"></div>
-                </div>
-                <div class="product-right">
-                    <div class="product-item product-item-dub">
-                        <img src="./img/img_phong_khach.jpg">
+        </nav>
+
+        <main>
+            <!-- Hero: ảnh nền lớn tạo điểm nhấn đầu trang. -->
+            <section id="carousel" class="hero" aria-label="Không gian nội thất KLK Phúc Thịnh"></section>
+
+            <!-- Intro: đoạn giới thiệu thương hiệu và bộ ảnh minh họa không gian nội thất. -->
+            <section id="intro" class="intro" aria-labelledby="intro-title">
+                <h1 id="intro-title" class="sr-only">Giới thiệu KLK Phúc Thịnh</h1>
+                <p class="description">
+                    Tại <strong class="company-name">KLK PHUC THINH</strong>, vai trò Thiết kế kiến trúc nội thất của
+                    chúng tôi không đơn thuần chỉ là tạo nên không gian chức năng mà còn là nghệ thuật sáng tạo vận
+                    hành, truyền cảm hứng đến người khác, đưa yếu tố con người hòa nhập với môi trường tự nhiên. Chúng
+                    tôi đầu tư nghiên cứu con người để biết lắng nghe cảm nhận, nhìn thấy điều mong muốn của bạn và đó
+                    là cách chúng tôi tôn trọng sự đam mê nghề nghiệp của chính mình.
+                </p>
+
+                <div class="main" aria-label="Bộ sưu tập không gian nội thất">
+                    <div class="product-left">
+                        <figure class="product-item product-item-half">
+                            <img src="./img/img_nha_tam.jpg" alt="Không gian nhà tắm hiện đại" loading="lazy">
+                        </figure>
+                        <figure class="product-item product-item-half">
+                            <img src="./img/img_sofa.jpg" alt="Phòng khách với ghế sofa sáng màu" loading="lazy">
+                        </figure>
+                        <figure class="product-item product-item-full">
+                            <img src="./img/img_noi_that.jpg" alt="Không gian nội thất với mảng tường màu vàng"
+                                loading="lazy">
+                        </figure>
                     </div>
-                    <div class="product-item product-item-dub">
-                        <img src="./img/img_van_phong.jpg">
+
+                    <div class="product-right">
+                        <figure class="product-item product-item-dub">
+                            <img src="./img/img_phong_khach.jpg" alt="Phòng khách nhiều ánh sáng tự nhiên"
+                                loading="lazy">
+                        </figure>
+                        <figure class="product-item product-item-dub">
+                            <img src="./img/img_van_phong.jpg" alt="Không gian văn phòng tối giản" loading="lazy">
+                        </figure>
                     </div>
-                    <div class="clear"></div>
-                </div>
-                <div class="clear"></div>
-            </div>
-        </div>
-        <div id="product">
-            <p class="title">CÁC SẢN PHẨM BÁN CHẠY</p>
-            <div>
-                <div class="item">
-                    <img src="./img/sp_1.jpg">
-                    <h2 class="item-title">SF0013</h2>
-                    <p class="item-content">Ghế Sofa mã SF0013 chính là sự lựa chọn hoàn hảo cho gia đình của bạn. Thiết
-                        kế tinh tế và sang trọng sẽ làm cho không gian của bạn trở nên độc đáo hơn.</p>
-                    <button class="item-btn">Chi tiết</button>
-                </div>
-                <div class="item">
-                    <img src="./img/sp_2.jpg">
-                    <h2 class="item-title">SF0013</h2>
-                    <p class="item-content">Ghế Sofa mã SF0013 chính là sự lựa chọn hoàn hảo cho gia đình của bạn. Thiết
-                        kế tinh tế và sang trọng sẽ làm cho không gian của bạn trở nên độc đáo hơn.</p>
-                    <button class="item-btn">Chi tiết</button>
                 </div>
-                <div class="item">
-                    <img src="./img/sp_3.jpg">
-                    <h2 class="item-title">SF0013</h2>
-                    <p class="item-content">Ghế Sofa mã SF0013 chính là sự lựa chọn hoàn hảo cho gia đình của bạn. Thiết
-                        kế tinh tế và sang trọng sẽ làm cho không gian của bạn trở nên độc đáo hơn.</p>
-                    <button class="item-btn">Chi tiết</button>
+            </section>
+
+            <!-- Product: danh sách sản phẩm nổi bật, mỗi sản phẩm là một article độc lập. -->
+            <section id="product" class="product-section" aria-labelledby="product-title">
+                <h2 id="product-title" class="title">CÁC SẢN PHẨM BÁN CHẠY</h2>
+
+                <div class="product-list">
+                    <article class="item">
+                        <img src="./img/sp_1.jpg" alt="Ghế sofa SF0013 phong cách tối giản" loading="lazy">
+                        <h3 class="item-title">SF0013</h3>
+                        <p class="item-content">
+                            Ghế Sofa mã SF0013 là lựa chọn hài hòa cho phòng khách hiện đại. Thiết kế tinh tế và sang
+                            trọng giúp không gian trở nên nổi bật hơn.
+                        </p>
+                        <button class="item-btn" type="button" aria-label="Xem chi tiết sản phẩm SF0013">Chi tiết</button>
+                    </article>
+
+                    <article class="item">
+                        <img src="./img/sp_2.jpg" alt="Ghế sofa SF0023 màu trung tính" loading="lazy">
+                        <h3 class="item-title">SF0023</h3>
+                        <p class="item-content">
+                            Ghế Sofa mã SF0023 phù hợp với gia đình yêu thích sự ấm cúng. Kiểu dáng gọn gàng giúp căn
+                            phòng luôn thanh lịch và tiện nghi.
+                        </p>
+                        <button class="item-btn" type="button" aria-label="Xem chi tiết sản phẩm SF0023">Chi tiết</button>
+                    </article>
+
+                    <article class="item">
+                        <img src="./img/sp_3.jpg" alt="Ghế sofa SF0033 dành cho phòng khách rộng" loading="lazy">
+                        <h3 class="item-title">SF0033</h3>
+                        <p class="item-content">
+                            Ghế Sofa mã SF0033 tạo cảm giác thoải mái khi sử dụng hằng ngày. Chất liệu và đường nét được
+                            phối hợp để tăng vẻ sang trọng cho không gian.
+                        </p>
+                        <button class="item-btn" type="button" aria-label="Xem chi tiết sản phẩm SF0033">Chi tiết</button>
+                    </article>
+
+                    <article class="item">
+                        <img src="./img/sp_4.jpg" alt="Ghế sofa SF0043 kiểu dáng hiện đại" loading="lazy">
+                        <h3 class="item-title">SF0043</h3>
+                        <p class="item-content">
+                            Ghế Sofa mã SF0043 là điểm nhấn phù hợp cho những căn phòng trẻ trung. Sản phẩm cân bằng giữa
+                            công năng, thẩm mỹ và sự thoải mái.
+                        </p>
+                        <button class="item-btn" type="button" aria-label="Xem chi tiết sản phẩm SF0043">Chi tiết</button>
+                    </article>
                 </div>
-                <div class="item">
-                    <img src="./img/sp_4.jpg">
-                    <h2 class="item-title">SF0013</h2>
-                    <p class="item-content">Ghế Sofa mã SF0013 chính là sự lựa chọn hoàn hảo cho gia đình của bạn. Thiết
-                        kế tinh tế và sang trọng sẽ làm cho không gian của bạn trở nên độc đáo hơn.</p>
-                    <button class="item-btn">Chi tiết</button>
+            </section>
+
+            <!-- Banner: khu vực khuyến mãi nổi bật. -->
+            <section id="banner" class="sale-banner" aria-label="Khuyến mãi sofa trong tháng 7">
+                <div class="saleoff">
+                    <h2>SALE OFF</h2>
+                    <p>50%</p>
+                    <p>Các loại sofa trong<br>tháng 7</p>
                 </div>
-                <div class="clear"></div>
-            </div>
-        </div>
-        <div id="banner">
-            <div class="saleoff">
-                <h2>SALE OFF</h2>
-                <p>50%</p>
-                <p>Các loại sofa trong<br>tháng 7</p>
-            </div>
-        </div>
-        <div id="service">
-            <div class="item">
-                <img src="./img/services_1.png">
-                <h2>Dịch vụ bảo hành</h2>
-                <p>Tại KLK PHUC THINH, vai trò Thiết kế kiến trúc nội thất của chúng tôi không đơn thuần chỉ là tạo nên
-                    không gian chức năng.</p>
-            </div>
-            <div class="item">
-                <img src="./img/services_2.png">
-                <h2>Thiết kế nội thất</h2>
-                <p>Tại KLK PHUC THINH, vai trò Thiết kế kiến trúc nội thất của chúng tôi không đơn thuần chỉ là tạo nên
-                    không gian chức năng.</p>
-            </div>
-            <div class="item">
-                <img src="./img/services_3.png">
-                <h2>Đội ngũ nhân lực</h2>
-                <p>Tại KLK PHUC THINH, vai trò Thiết kế kiến trúc nội thất của chúng tôi không đơn thuần chỉ là tạo nên
-                    không gian chức năng.</p>
-            </div>
-            <div class="clear"></div>
-        </div>
-        <div id="footer">
+            </section>
+
+            <!-- Service: ba nhóm dịch vụ chính của thương hiệu. -->
+            <section id="service" class="service-section" aria-labelledby="service-title">
+                <h2 id="service-title" class="sr-only">Dịch vụ của KLK Phúc Thịnh</h2>
+
+                <article class="item">
+                    <img src="./img/services_1.png" alt="Biểu tượng dịch vụ bảo hành" loading="lazy">
+                    <h3>Dịch vụ bảo hành</h3>
+                    <p>
+                        KLK Phúc Thịnh hỗ trợ bảo hành để khách hàng yên tâm hơn trong quá trình sử dụng sản phẩm nội
+                        thất.
+                    </p>
+                </article>
+
+                <article class="item">
+                    <img src="./img/services_2.png" alt="Biểu tượng thiết kế nội thất" loading="lazy">
+                    <h3>Thiết kế nội thất</h3>
+                    <p>
+                        Đội ngũ thiết kế tư vấn giải pháp phù hợp với nhu cầu, diện tích và phong cách riêng của từng
+                        không gian.
+                    </p>
+                </article>
+
+                <article class="item">
+                    <img src="./img/services_3.png" alt="Biểu tượng đội ngũ nhân lực" loading="lazy">
+                    <h3>Đội ngũ nhân lực</h3>
+                    <p>
+                        Nhân sự giàu kinh nghiệm giúp quá trình triển khai nội thất được đồng bộ, chỉn chu và hiệu quả.
+                    </p>
+                </article>
+            </section>
+        </main>
+
+        <!-- Footer: thông tin nhận diện và liên hệ của đơn vị. -->
+        <footer id="footer" class="site-footer">
             <h2>Interior Design</h2>
-            <p>Địa chỉ: 255 đường Nguyễn Trãi, P.4, Q.5, TP.HCM<br>Điện thoại: (84) 38345578<br>Điện thoại di động:
-                (84)915345578</p>
-        </div>
+            <address>
+                Địa chỉ: 255 đường Nguyễn Trãi, P.4, Q.5, TP.HCM<br>
+                Điện thoại: (84) 38345578<br>
+                Điện thoại di động: (84) 915345578
+            </address>
+        </footer>
     </div>
 </body>
 
-</html>
\ No newline at end of file
+</html>