Xin chào mọi người, mình xin tự giới thiệu mình là Nguyễn Tôn Tú Linh, học viên khoá Front End 16 của Techmaster. Hiện tại mình đang sinh sống tại London, Anh. Trước đây mình đã có một khoảng thời gian làm việc tại NashTech - Harvey Nash, tại đó mình dần có hứng thú với IT và mong muốn được tìm hiểu sâu hơn về lập trình. Thật may là mình đã được chồng mình - một software developer tạo nguồn cảm hứng cũng như định hướng cho mình tự học, và sau này là chọn khoá học tại Techmaster, tại đây giúp đỡ mình rất nhiều trong quá trình học tập.
Sau một thời gian, được giáo viên hướng dẫn cũng như góp ý, chỉnh sửa, giải đáp các vướng mắc vô cùng tận tình, mình đã hoàn thành được một trang web tĩnh theo đúng sở thích của bản thân. Sau đây mình xin giới thiệu về trang web của mình:
Link website: https://techmaster-vietnam.github.io/badbunnyswimwear/
Trang web được sử dụng thư viện Jquery, Bootstrap,
Trang web của mình làm về thời trang đi biển dành cho phái nữ. Mục tiêu khi xây dựng trang web này xuất phát từ nhu cầu mua sắm online hiện nay đang dần chiếm ưu thế, và cũng như khi đi du lịch, nghỉ mát, các chị em không thể thiếu những bộ đồ bơi nổi bật và phụ kiện đi kèm để có những tấm hình đẹp. Vì khách hàng mục tiêu muốn nhắm đến là phái nữ nên mình đã lấy tông màu chủ đạo là màu hồng, nền trắng vô cùng nữ tính, trẻ trung năng động. Trang web bao gồm một số trang chính như: Trang chủ; các bộ sưu tập; trang chi tiết sản phẩm; trang phụ kiện; trang chỉ dẫn về size, kiểu dáng; trang giỏ hàng…
Mỗi trang web sẽ có phần chung là phần header và phần footer:
Phần Header gồm logo và menu đa cấp: các categories dẫn đến những bộ sưu tập nhỏ hơn; logo giỏ hàng để dẫn đến Shopping cart

Phần Footer: nằm vị trí cuối cùng trang web là chứa giới thiệu sơ lược về cửa hàng, các thông tin hỗ trợ khách hàng như hỗ trợ và dịch vụ khách hàng, chính sách vận chuyển, phương thức thanh toán, chính sách đổi trả hàng, khuyến mãi… và địa chỉ thông tin liên hệ cùng với các liên kết mạng xã hội…

Trang chủ:

Phần banner slider:
Khi vào trang chủ thì khách hàng sẽ ngay lập tức thu hút bởi phần slider ngay dưới header. Phần này gồm các hình ảnh hấp dẫn quảng cáo về sản phẩm hoặc chương trình khuyến mãi.

**Phần slogan: **


Phần sản phẩm best seller: khi khách hàng click vào ảnh sẽ dẫn sang trang chi tiết sản phẩm:


Phần giới thiệu phụ kiện đi biển: khi click sẽ dẫn sang phụ kiện

Phần hướng dẫn chọn size và kiểu dáng: khi click sẽ dẫn sang trang fit guide

Phần giới thiệu các bộ sưu tập nổi bật: khi click sẽ dẫn sang trang từng bộ sưu tập cụ thể

Trang bộ sưu tập

Trang bộ sưu tập: hiển thị tất cả sản phẩm có trong bộ sưu tập đó
Phía trái có bộ lọc theo kiểu sản phẩm, size, giá của sản phẩm

Trang chi tiết sản phẩm


Phần gợi ý sản phẩm phù hợp khi kết hợp cùng

Phần xem review của khách hàng khác về sản phẩm:

Trang Fit guide

Gồm chia kiểu dáng sản phẩm ra 3 loại, trên phần chi tiết có một slide để khi khách hàng dễ nhìn tổng quan hơn về tất cả các kiểu dáng.
Dưới cùng là bảng chỉ dẫn về size và số đo

Trang phụ kiện

Trang giỏ hàng