company-site — HTML 启动器模板

SHA-256: b66c345b1f3b009d965b1c8e29fed3797fc0d137b9b514a97041ecb3fc053f4d

2026-10-20T22:39:48.158Z

# company-site
A company website template

## Hướng dẫn sử dụng template

Template gồm 1 trang chủ (`index.html`) và các trang chi tiết sản phẩm (`products/product1.html`, `product2.html`, ...). Style nằm trong `assets/css/` (không cần build tool, chỉ cần mở file HTML bằng trình duyệt).

### Bước 1: Cập nhật phần Giới thiệu (Introduction)
Mở `index.html`, tìm khối `<div id="introduction">`:
- Đổi tên công ty trong thẻ `<h1 class="intro__heading">`
- Đổi đoạn mô tả trong `.intro__paragraph`
- Cập nhật số liệu ở `.intro__stats` (năm kinh nghiệm, số khách hàng, số sản phẩm...)
- Thay ảnh `assets/images/anh-cong-ty.png` bằng ảnh công ty của bạn (giữ nguyên tên file hoặc đổi lại đường dẫn `src`)

### Bước 2: Cập nhật phần Sản phẩm (Products)
Trong khối `<div id="products">`:
- Sửa danh mục sản phẩm ở `.products__category-list` (tên danh mục và sản phẩm con)
- Với mỗi thẻ `.products__item`: đổi ảnh, tên sản phẩm, giá, nhãn hàng, xuất xứ
- Nếu muốn sản phẩm có trang chi tiết riêng: bọc thẻ `.products__item` trong link `<a>` trỏ tới thư mục con trong `products/`, dạng `./products/ten-san-pham/` (xem ví dụ 2 sản phẩm đầu tiên)
- Tạo trang chi tiết mới bằng cách copy thư mục `products/product1/`, đổi tên thư mục và cập nhật nội dung file `index.html` bên trong (mô tả, thông số kỹ thuật). Giữ nguyên cấu trúc `products/ten-san-pham/index.html` để URL không cần đuôi `.html` khi deploy (GitHub Pages tự tìm `index.html` trong thư mục)

### Bước 3: Cập nhật phần Liên hệ (Contact)
Trong khối `<div id="contact">`:
- Sửa thông tin ở `.contact__info` (địa chỉ, số điện thoại, email)
- Sửa các lựa chọn trong `<select id="contact__form-topic">` nếu cần
- Form hiện chưa gửi dữ liệu đi đâu - cần tự nối với backend/dịch vụ nhận form (Google Form, Formspree, API riêng...) ở thuộc tính `action` của thẻ `<form>`

### Bước 4: Cập nhật Footer
Trong khối `<div id="footer">`:
- Sửa link mạng xã hội ở các thẻ `<a href="#">` trong `.socialnetwork`
- Sửa tên công ty và năm trong `.copyright`

### Bước 5: Cập nhật SEO
Trong thẻ `<head>` của từng trang HTML:
- Đổi `<title>` và thẻ `meta name="description"`, `meta name="keywords"`
- Đổi `link rel="canonical"` và các thẻ `og:*`, `twitter:*` cho đúng domain thật của bạn
- Đổi `lang="vi"` nếu trang web dùng ngôn ngữ khác

### Bước 6: Cập nhật màu sắc & font (tuỳ chọn)
Mở `assets/css/base.css`, sửa các biến màu trong `:root` (ví dụ `--text-color-blue`) để đổi màu chủ đạo cho toàn bộ trang.

### Bước 7: Kiểm tra lại
Mở `index.html` bằng trình duyệt, kiểm tra ở cả màn hình lớn (desktop) và nhỏ (mobile) để đảm bảo bố cục không bị vỡ trước khi đưa lên hosting.