diff --git a/assets/images/article_main_image.png b/assets/images/article_main_image.png
new file mode 100644
index 0000000..7bf0fc7
Binary files /dev/null and b/assets/images/article_main_image.png differ
diff --git a/assets/images/article_thumb_1.png b/assets/images/article_thumb_1.png
new file mode 100644
index 0000000..8d0a56c
Binary files /dev/null and b/assets/images/article_thumb_1.png differ
diff --git a/assets/images/article_thumb_2.png b/assets/images/article_thumb_2.png
new file mode 100644
index 0000000..24021f7
Binary files /dev/null and b/assets/images/article_thumb_2.png differ
diff --git a/assets/images/article_thumb_3.png b/assets/images/article_thumb_3.png
new file mode 100644
index 0000000..f241ba8
Binary files /dev/null and b/assets/images/article_thumb_3.png differ
diff --git a/assets/images/banner_slider.png b/assets/images/banner_slider.png
new file mode 100644
index 0000000..69aaa78
Binary files /dev/null and b/assets/images/banner_slider.png differ
diff --git a/assets/images/brand_aqua.png b/assets/images/brand_aqua.png
new file mode 100644
index 0000000..ba2703a
Binary files /dev/null and b/assets/images/brand_aqua.png differ
diff --git a/assets/images/brand_lg.png b/assets/images/brand_lg.png
new file mode 100644
index 0000000..60e2bdf
Binary files /dev/null and b/assets/images/brand_lg.png differ
diff --git a/assets/images/brand_samsung.png b/assets/images/brand_samsung.png
new file mode 100644
index 0000000..d8f7bb3
Binary files /dev/null and b/assets/images/brand_samsung.png differ
diff --git a/assets/images/brand_sony.png b/assets/images/brand_sony.png
new file mode 100644
index 0000000..4181bef
Binary files /dev/null and b/assets/images/brand_sony.png differ
diff --git a/assets/images/brand_tcl.png b/assets/images/brand_tcl.png
new file mode 100644
index 0000000..286b6a2
Binary files /dev/null and b/assets/images/brand_tcl.png differ
diff --git a/assets/images/brand_toshiba.png b/assets/images/brand_toshiba.png
new file mode 100644
index 0000000..b478f00
Binary files /dev/null and b/assets/images/brand_toshiba.png differ
diff --git a/assets/images/bst_sale_bg.png b/assets/images/bst_sale_bg.png
new file mode 100644
index 0000000..fede8aa
Binary files /dev/null and b/assets/images/bst_sale_bg.png differ
diff --git a/assets/images/category_banner_dien_may.png b/assets/images/category_banner_dien_may.png
new file mode 100644
index 0000000..e9d50c0
Binary files /dev/null and b/assets/images/category_banner_dien_may.png differ
diff --git a/assets/images/category_banner_dien_tu.png b/assets/images/category_banner_dien_tu.png
new file mode 100644
index 0000000..e9d50c0
Binary files /dev/null and b/assets/images/category_banner_dien_tu.png differ
diff --git a/assets/images/category_banner_gia_dung.png b/assets/images/category_banner_gia_dung.png
new file mode 100644
index 0000000..e9d50c0
Binary files /dev/null and b/assets/images/category_banner_gia_dung.png differ
diff --git a/assets/images/category_banner_sale_top.png b/assets/images/category_banner_sale_top.png
new file mode 100644
index 0000000..41246f6
Binary files /dev/null and b/assets/images/category_banner_sale_top.png differ
diff --git a/assets/images/category_banner_vien_thong.png b/assets/images/category_banner_vien_thong.png
new file mode 100644
index 0000000..e9d50c0
Binary files /dev/null and b/assets/images/category_banner_vien_thong.png differ
diff --git a/assets/images/category_qc_lg.png b/assets/images/category_qc_lg.png
new file mode 100644
index 0000000..54f87a6
Binary files /dev/null and b/assets/images/category_qc_lg.png differ
diff --git a/assets/images/category_qc_samsung.png b/assets/images/category_qc_samsung.png
new file mode 100644
index 0000000..4226d25
Binary files /dev/null and b/assets/images/category_qc_samsung.png differ
diff --git a/assets/images/category_sale_product_1.png b/assets/images/category_sale_product_1.png
new file mode 100644
index 0000000..2a1489f
Binary files /dev/null and b/assets/images/category_sale_product_1.png differ
diff --git a/assets/images/category_sale_product_2.png b/assets/images/category_sale_product_2.png
new file mode 100644
index 0000000..25087a2
Binary files /dev/null and b/assets/images/category_sale_product_2.png differ
diff --git a/assets/images/category_sale_product_3.png b/assets/images/category_sale_product_3.png
new file mode 100644
index 0000000..7829c7c
Binary files /dev/null and b/assets/images/category_sale_product_3.png differ
diff --git a/assets/images/category_sale_product_4.png b/assets/images/category_sale_product_4.png
new file mode 100644
index 0000000..7d15bfe
Binary files /dev/null and b/assets/images/category_sale_product_4.png differ
diff --git a/assets/images/category_sale_product_5.png b/assets/images/category_sale_product_5.png
new file mode 100644
index 0000000..9329018
Binary files /dev/null and b/assets/images/category_sale_product_5.png differ
diff --git a/assets/images/header_slogan_bg.png b/assets/images/header_slogan_bg.png
new file mode 100644
index 0000000..7bef7ff
Binary files /dev/null and b/assets/images/header_slogan_bg.png differ
diff --git a/assets/images/icon_arrow_next.png b/assets/images/icon_arrow_next.png
new file mode 100644
index 0000000..7247bb5
--- /dev/null
+++ b/assets/images/icon_arrow_next.png
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_arrow_next.svg b/assets/images/icon_arrow_next.svg
new file mode 100644
index 0000000..7247bb5
--- /dev/null
+++ b/assets/images/icon_arrow_next.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_cart.png b/assets/images/icon_cart.png
new file mode 100644
index 0000000..7bcd7f6
--- /dev/null
+++ b/assets/images/icon_cart.png
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_cart.svg b/assets/images/icon_cart.svg
new file mode 100644
index 0000000..83b0d01
--- /dev/null
+++ b/assets/images/icon_cart.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_cart_circle.png b/assets/images/icon_cart_circle.png
new file mode 100644
index 0000000..17b771b
--- /dev/null
+++ b/assets/images/icon_cart_circle.png
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_cart_circle.svg b/assets/images/icon_cart_circle.svg
new file mode 100644
index 0000000..d65fe92
--- /dev/null
+++ b/assets/images/icon_cart_circle.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_category_item.png b/assets/images/icon_category_item.png
new file mode 100644
index 0000000..55f7872
Binary files /dev/null and b/assets/images/icon_category_item.png differ
diff --git a/assets/images/icon_certificate.png b/assets/images/icon_certificate.png
new file mode 100644
index 0000000..4b49738
--- /dev/null
+++ b/assets/images/icon_certificate.png
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/icon_certificate.svg b/assets/images/icon_certificate.svg
new file mode 100644
index 0000000..d346103
--- /dev/null
+++ b/assets/images/icon_certificate.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/assets/images/icon_chevron_right_menu.svg b/assets/images/icon_chevron_right_menu.svg
new file mode 100644
index 0000000..1e2881c
--- /dev/null
+++ b/assets/images/icon_chevron_right_menu.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_close.png b/assets/images/icon_close.png
new file mode 100644
index 0000000..508c400
--- /dev/null
+++ b/assets/images/icon_close.png
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/icon_close.svg b/assets/images/icon_close.svg
new file mode 100644
index 0000000..bc126a1
--- /dev/null
+++ b/assets/images/icon_close.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/assets/images/icon_customer_support.png b/assets/images/icon_customer_support.png
new file mode 100644
index 0000000..a8dec73
--- /dev/null
+++ b/assets/images/icon_customer_support.png
@@ -0,0 +1,7 @@
+
diff --git a/assets/images/icon_customer_support.svg b/assets/images/icon_customer_support.svg
new file mode 100644
index 0000000..3a41dc0
--- /dev/null
+++ b/assets/images/icon_customer_support.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/assets/images/icon_delivery_truck.png b/assets/images/icon_delivery_truck.png
new file mode 100644
index 0000000..b6f95b1
--- /dev/null
+++ b/assets/images/icon_delivery_truck.png
@@ -0,0 +1,6 @@
+
diff --git a/assets/images/icon_delivery_truck.svg b/assets/images/icon_delivery_truck.svg
new file mode 100644
index 0000000..eb56bbe
--- /dev/null
+++ b/assets/images/icon_delivery_truck.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/assets/images/icon_double_next.png b/assets/images/icon_double_next.png
new file mode 100644
index 0000000..47c67aa
--- /dev/null
+++ b/assets/images/icon_double_next.png
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/icon_double_next.svg b/assets/images/icon_double_next.svg
new file mode 100644
index 0000000..8b37661
--- /dev/null
+++ b/assets/images/icon_double_next.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/assets/images/icon_double_next_small.png b/assets/images/icon_double_next_small.png
new file mode 100644
index 0000000..23f9baf
--- /dev/null
+++ b/assets/images/icon_double_next_small.png
@@ -0,0 +1,10 @@
+
diff --git a/assets/images/icon_double_next_small.svg b/assets/images/icon_double_next_small.svg
new file mode 100644
index 0000000..6121caf
--- /dev/null
+++ b/assets/images/icon_double_next_small.svg
@@ -0,0 +1,11 @@
+
+
diff --git a/assets/images/icon_facebook.png b/assets/images/icon_facebook.png
index aa60359..7c04d11 100644
Binary files a/assets/images/icon_facebook.png and b/assets/images/icon_facebook.png differ
diff --git a/assets/images/icon_facebook.svg b/assets/images/icon_facebook.svg
new file mode 100644
index 0000000..f5d21c0
--- /dev/null
+++ b/assets/images/icon_facebook.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/assets/images/icon_fire.png b/assets/images/icon_fire.png
new file mode 100644
index 0000000..5db316a
--- /dev/null
+++ b/assets/images/icon_fire.png
@@ -0,0 +1,24 @@
+
diff --git a/assets/images/icon_login.png b/assets/images/icon_login.png
new file mode 100644
index 0000000..77a6d8c
--- /dev/null
+++ b/assets/images/icon_login.png
@@ -0,0 +1,6 @@
+
diff --git a/assets/images/icon_login.svg b/assets/images/icon_login.svg
new file mode 100644
index 0000000..ce6010b
--- /dev/null
+++ b/assets/images/icon_login.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/assets/images/icon_map.png b/assets/images/icon_map.png
new file mode 100644
index 0000000..015337d
--- /dev/null
+++ b/assets/images/icon_map.png
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_map.svg b/assets/images/icon_map.svg
new file mode 100644
index 0000000..0a37554
--- /dev/null
+++ b/assets/images/icon_map.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/assets/images/icon_map_fill.svg b/assets/images/icon_map_fill.svg
new file mode 100644
index 0000000..cb88225
--- /dev/null
+++ b/assets/images/icon_map_fill.svg
@@ -0,0 +1,7 @@
+
diff --git a/assets/images/icon_map_pin.svg b/assets/images/icon_map_pin.svg
new file mode 100644
index 0000000..7effe98
--- /dev/null
+++ b/assets/images/icon_map_pin.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/icon_menu.png b/assets/images/icon_menu.png
new file mode 100644
index 0000000..5d3d770
--- /dev/null
+++ b/assets/images/icon_menu.png
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_menu.svg b/assets/images/icon_menu.svg
new file mode 100644
index 0000000..6216b1d
--- /dev/null
+++ b/assets/images/icon_menu.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/assets/images/icon_phone.svg b/assets/images/icon_phone.svg
new file mode 100644
index 0000000..c5a260f
--- /dev/null
+++ b/assets/images/icon_phone.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/icon_rating_star.png b/assets/images/icon_rating_star.png
new file mode 100644
index 0000000..1a91ee6
--- /dev/null
+++ b/assets/images/icon_rating_star.png
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/icon_rating_star.svg b/assets/images/icon_rating_star.svg
new file mode 100644
index 0000000..4155338
--- /dev/null
+++ b/assets/images/icon_rating_star.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/assets/images/icon_sale_badge.png b/assets/images/icon_sale_badge.png
new file mode 100644
index 0000000..333e6e7
--- /dev/null
+++ b/assets/images/icon_sale_badge.png
@@ -0,0 +1,11 @@
+
diff --git a/assets/images/icon_search.png b/assets/images/icon_search.png
new file mode 100644
index 0000000..592970d
--- /dev/null
+++ b/assets/images/icon_search.png
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/icon_search.svg b/assets/images/icon_search.svg
new file mode 100644
index 0000000..45f7b36
--- /dev/null
+++ b/assets/images/icon_search.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/assets/images/icon_star_gold.png b/assets/images/icon_star_gold.png
new file mode 100644
index 0000000..6df0efc
--- /dev/null
+++ b/assets/images/icon_star_gold.png
@@ -0,0 +1,7 @@
+
diff --git a/assets/images/icon_star_gold.svg b/assets/images/icon_star_gold.svg
new file mode 100644
index 0000000..4cbfeb0
--- /dev/null
+++ b/assets/images/icon_star_gold.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/assets/images/icon_support.svg b/assets/images/icon_support.svg
new file mode 100644
index 0000000..2a299de
--- /dev/null
+++ b/assets/images/icon_support.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/icon_youtube.png b/assets/images/icon_youtube.png
index d9a6275..3025bf3 100644
Binary files a/assets/images/icon_youtube.png and b/assets/images/icon_youtube.png differ
diff --git a/assets/images/icon_youtube.svg b/assets/images/icon_youtube.svg
new file mode 100644
index 0000000..52e7cf0
--- /dev/null
+++ b/assets/images/icon_youtube.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/assets/images/icon_zalo.png b/assets/images/icon_zalo.png
index ff41d5a..58ce0df 100644
Binary files a/assets/images/icon_zalo.png and b/assets/images/icon_zalo.png differ
diff --git a/assets/images/logo_bct.png b/assets/images/logo_bct.png
new file mode 100644
index 0000000..62fd4f8
Binary files /dev/null and b/assets/images/logo_bct.png differ
diff --git a/assets/images/logo_miq.png b/assets/images/logo_miq.png
new file mode 100644
index 0000000..44c67c7
Binary files /dev/null and b/assets/images/logo_miq.png differ
diff --git a/assets/images/menu_may_giat.png b/assets/images/menu_may_giat.png
new file mode 100644
index 0000000..a5c217e
Binary files /dev/null and b/assets/images/menu_may_giat.png differ
diff --git a/assets/images/menu_may_lanh.png b/assets/images/menu_may_lanh.png
new file mode 100644
index 0000000..80618dd
Binary files /dev/null and b/assets/images/menu_may_lanh.png differ
diff --git a/assets/images/menu_may_nuoc_nong.png b/assets/images/menu_may_nuoc_nong.png
new file mode 100644
index 0000000..f89d97b
Binary files /dev/null and b/assets/images/menu_may_nuoc_nong.png differ
diff --git a/assets/images/menu_may_rua_bat.png b/assets/images/menu_may_rua_bat.png
new file mode 100644
index 0000000..f273c62
Binary files /dev/null and b/assets/images/menu_may_rua_bat.png differ
diff --git a/assets/images/menu_may_say.png b/assets/images/menu_may_say.png
new file mode 100644
index 0000000..6aabe40
Binary files /dev/null and b/assets/images/menu_may_say.png differ
diff --git a/assets/images/menu_tivi.png b/assets/images/menu_tivi.png
new file mode 100644
index 0000000..e41336a
Binary files /dev/null and b/assets/images/menu_tivi.png differ
diff --git a/assets/images/menu_tu_dong.png b/assets/images/menu_tu_dong.png
new file mode 100644
index 0000000..10880de
Binary files /dev/null and b/assets/images/menu_tu_dong.png differ
diff --git a/assets/images/menu_tu_lanh.png b/assets/images/menu_tu_lanh.png
new file mode 100644
index 0000000..9329018
Binary files /dev/null and b/assets/images/menu_tu_lanh.png differ
diff --git a/assets/images/menu_tu_mat.png b/assets/images/menu_tu_mat.png
new file mode 100644
index 0000000..c5e0950
Binary files /dev/null and b/assets/images/menu_tu_mat.png differ
diff --git a/assets/images/product_badge_1.png b/assets/images/product_badge_1.png
new file mode 100644
index 0000000..3acc073
Binary files /dev/null and b/assets/images/product_badge_1.png differ
diff --git a/assets/images/product_badge_2.png b/assets/images/product_badge_2.png
new file mode 100644
index 0000000..206edfc
Binary files /dev/null and b/assets/images/product_badge_2.png differ
diff --git a/assets/images/product_card_image.png b/assets/images/product_card_image.png
new file mode 100644
index 0000000..4c9bafe
Binary files /dev/null and b/assets/images/product_card_image.png differ
diff --git a/assets/images/product_history_1.png b/assets/images/product_history_1.png
new file mode 100644
index 0000000..55f7872
Binary files /dev/null and b/assets/images/product_history_1.png differ
diff --git a/assets/images/product_history_2.png b/assets/images/product_history_2.png
new file mode 100644
index 0000000..3b03ce3
Binary files /dev/null and b/assets/images/product_history_2.png differ
diff --git a/assets/images/product_history_3.png b/assets/images/product_history_3.png
new file mode 100644
index 0000000..ffde216
Binary files /dev/null and b/assets/images/product_history_3.png differ
diff --git a/assets/images/product_history_4.png b/assets/images/product_history_4.png
new file mode 100644
index 0000000..8a4ebeb
Binary files /dev/null and b/assets/images/product_history_4.png differ
diff --git a/assets/images/product_sale_image.png b/assets/images/product_sale_image.png
new file mode 100644
index 0000000..d4e503a
Binary files /dev/null and b/assets/images/product_sale_image.png differ
diff --git a/assets/images/sale_price_box_bg.png b/assets/images/sale_price_box_bg.png
new file mode 100644
index 0000000..0134915
--- /dev/null
+++ b/assets/images/sale_price_box_bg.png
@@ -0,0 +1,13 @@
+
diff --git a/assets/images/sale_price_box_bg.svg b/assets/images/sale_price_box_bg.svg
new file mode 100644
index 0000000..60c64c9
--- /dev/null
+++ b/assets/images/sale_price_box_bg.svg
@@ -0,0 +1,14 @@
+
+
diff --git a/assets/images/search_promo_banner.png b/assets/images/search_promo_banner.png
new file mode 100644
index 0000000..0da1e9e
Binary files /dev/null and b/assets/images/search_promo_banner.png differ
diff --git a/assets/images/trending_gia_dung_1.png b/assets/images/trending_gia_dung_1.png
new file mode 100644
index 0000000..a55c433
Binary files /dev/null and b/assets/images/trending_gia_dung_1.png differ
diff --git a/assets/images/trending_gia_dung_2.png b/assets/images/trending_gia_dung_2.png
new file mode 100644
index 0000000..4704449
Binary files /dev/null and b/assets/images/trending_gia_dung_2.png differ
diff --git a/assets/images/trending_gia_dung_3.png b/assets/images/trending_gia_dung_3.png
new file mode 100644
index 0000000..0832c18
Binary files /dev/null and b/assets/images/trending_gia_dung_3.png differ
diff --git a/assets/images/trending_gia_dung_main.png b/assets/images/trending_gia_dung_main.png
new file mode 100644
index 0000000..9ac50b6
Binary files /dev/null and b/assets/images/trending_gia_dung_main.png differ
diff --git a/assets/images/trending_mac_mini.png b/assets/images/trending_mac_mini.png
new file mode 100644
index 0000000..11d86af
Binary files /dev/null and b/assets/images/trending_mac_mini.png differ
diff --git a/assets/images/trending_man_hinh.png b/assets/images/trending_man_hinh.png
new file mode 100644
index 0000000..d2a3ca9
Binary files /dev/null and b/assets/images/trending_man_hinh.png differ
diff --git a/assets/images/trending_may_in_laser.png b/assets/images/trending_may_in_laser.png
new file mode 100644
index 0000000..ad343dd
Binary files /dev/null and b/assets/images/trending_may_in_laser.png differ
diff --git a/assets/images/trending_muc_in.png b/assets/images/trending_muc_in.png
new file mode 100644
index 0000000..5de05dd
Binary files /dev/null and b/assets/images/trending_muc_in.png differ
diff --git a/assets/images/trending_suc_khoe_1.png b/assets/images/trending_suc_khoe_1.png
new file mode 100644
index 0000000..2a528c0
Binary files /dev/null and b/assets/images/trending_suc_khoe_1.png differ
diff --git a/assets/images/trending_suc_khoe_2.png b/assets/images/trending_suc_khoe_2.png
new file mode 100644
index 0000000..99536e3
Binary files /dev/null and b/assets/images/trending_suc_khoe_2.png differ
diff --git a/assets/images/trending_suc_khoe_3.png b/assets/images/trending_suc_khoe_3.png
new file mode 100644
index 0000000..75bddd4
Binary files /dev/null and b/assets/images/trending_suc_khoe_3.png differ
diff --git a/assets/images/trending_suc_khoe_main.png b/assets/images/trending_suc_khoe_main.png
new file mode 100644
index 0000000..9711d25
Binary files /dev/null and b/assets/images/trending_suc_khoe_main.png differ
diff --git a/assets/images/trending_tivi_2.png b/assets/images/trending_tivi_2.png
new file mode 100644
index 0000000..1bde14e
Binary files /dev/null and b/assets/images/trending_tivi_2.png differ
diff --git a/assets/images/trending_tivi_3.png b/assets/images/trending_tivi_3.png
new file mode 100644
index 0000000..5e7fbc6
Binary files /dev/null and b/assets/images/trending_tivi_3.png differ
diff --git a/assets/images/trending_tivi_main.png b/assets/images/trending_tivi_main.png
new file mode 100644
index 0000000..f2895ef
Binary files /dev/null and b/assets/images/trending_tivi_main.png differ
diff --git a/assets/images/video_main.png b/assets/images/video_main.png
new file mode 100644
index 0000000..004d135
Binary files /dev/null and b/assets/images/video_main.png differ
diff --git a/assets/images/video_thumb_1.png b/assets/images/video_thumb_1.png
new file mode 100644
index 0000000..13519b0
Binary files /dev/null and b/assets/images/video_thumb_1.png differ
diff --git a/assets/images/video_thumb_2.png b/assets/images/video_thumb_2.png
new file mode 100644
index 0000000..7c3e68c
Binary files /dev/null and b/assets/images/video_thumb_2.png differ
diff --git a/assets/script/miq-homepage.css b/assets/script/miq-homepage.css
new file mode 100644
index 0000000..fe9133a
--- /dev/null
+++ b/assets/script/miq-homepage.css
@@ -0,0 +1,166 @@
+body {
+ margin: 0;
+ font-family: "Roboto", sans-serif;
+}
+
+.font-inter {
+ font-family: "Inter", sans-serif;
+}
+
+.layout-container {
+ width: 1200px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media (min-width: 1920px) {
+ .layout-container {
+ width: 1600px;
+ }
+}
+
+.cat-item {
+ transition: background 0.15s ease;
+}
+
+.cat-item:hover,
+.cat-item.cat-active {
+ background: #fff;
+}
+
+.cat-item .cat-label {
+ color: #1a1a1a;
+ font-weight: 400;
+}
+
+.cat-item.cat-active .cat-label {
+ color: #90004b;
+ font-weight: 600;
+}
+
+.cat-item .cat-chevron {
+ display: none;
+}
+
+.cat-item:hover .cat-chevron,
+.cat-item.cat-active .cat-chevron {
+ display: block;
+}
+
+.menu-subcat-grid {
+ display: grid;
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+ row-gap: 20px;
+ padding: 18px 24px 0;
+ flex: 1;
+ overflow-y: auto;
+ align-content: start;
+}
+
+.menu-subcat-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 6px;
+ transition: opacity 0.15s ease;
+ text-decoration: none;
+}
+
+.menu-subcat-item:hover {
+ opacity: 0.75;
+}
+
+.menu-subcat-item span {
+ font-size: 12px;
+ color: #000;
+ text-align: center;
+ line-height: 1.3;
+}
+
+.menu-brand-row {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 10px;
+ padding: 16px 24px 0;
+ border-top: 1px solid #d3d7df;
+ flex-shrink: 0;
+ margin-top: auto;
+}
+
+.menu-brand-item {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ background: #fff;
+ border-radius: 6px;
+ height: 36px;
+ padding: 0 8px;
+}
+
+.menu-brand-num {
+ font-weight: 700;
+ font-size: 20px;
+ color: #fff;
+ line-height: 1;
+ text-shadow: 1px 1px 2.1px #0067c7;
+}
+
+.menu-rp-panel {
+ position: absolute;
+ inset: 0;
+ flex-direction: column;
+ background: #fff;
+}
+
+.menu-rp-title {
+ border-bottom: 1px solid #d3d7df;
+ padding: 12px 24px 10px;
+ flex-shrink: 0;
+ font-size: 13px;
+ font-weight: 600;
+ color: #000;
+ text-transform: uppercase;
+}
+
+@media (max-width: 1599px) {
+ .layout-container {
+ width: calc(100% - 32px);
+ }
+}
+
+@media (max-width: 1279px) {
+ .menu-subcat-grid {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+}
+
+@media (max-width: 1023px) {
+ .menu-rp-panel {
+ position: static;
+ min-height: unset;
+ }
+
+ .menu-subcat-grid {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ padding-bottom: 18px;
+ }
+}
+
+@media (max-width: 767px) {
+ .layout-container {
+ width: calc(100% - 24px);
+ }
+
+ .menu-subcat-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ padding-left: 16px;
+ padding-right: 16px;
+ }
+
+ .menu-rp-title,
+ .menu-brand-row {
+ padding-left: 16px;
+ padding-right: 16px;
+ }
+}
diff --git a/data/banner/banner.php b/data/banner/banner.php
index 88c1b6a..f6408d7 100644
--- a/data/banner/banner.php
+++ b/data/banner/banner.php
@@ -28,6 +28,28 @@ return [
],
"banner_slider_homepage" => [
+ [
+ "id" => 150,
+ "display" => '
',
+ "fileUrl" => "/media/banner/bannerslider.png",
+ "desUrl" => "/ad.php?id=150",
+ "title" => "",
+ "width" => 2400,
+ "height" => 920,
+ "fileType" => "banner",
+ "summary" => ""
+ ],
+ [
+ "id" => 150,
+ "display" => '
',
+ "fileUrl" => "/media/banner/bannerslider.png",
+ "desUrl" => "/ad.php?id=150",
+ "title" => "",
+ "width" => 2400,
+ "height" => 920,
+ "fileType" => "banner",
+ "summary" => ""
+ ],
[
"id" => 150,
"display" => '
',
diff --git a/data/menu.php b/data/menu.php
index cb4ca29..d72cb46 100644
--- a/data/menu.php
+++ b/data/menu.php
@@ -84,7 +84,7 @@ return array (
'id' => '65',
'title' => 'Mã số mã vạch',
'parentId' => '0',
- 'thumnail' => '/media/category/cat_icon_1004493636.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493636.png',
'isParent' => '1',
'url' => '/ma-so-ma-vach',
'is_featured' => '1',
@@ -96,7 +96,7 @@ return array (
'id' => '66',
'title' => 'Máy quét mã vạch',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493637.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493637.jpg',
'isParent' => '0',
'url' => '/may-quet-ma-vach',
'is_featured' => '1',
@@ -110,7 +110,7 @@ return array (
'id' => '69',
'title' => 'Máy in hóa đơn',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493640.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493640.png',
'isParent' => '0',
'url' => '/may-in-hoa-don',
'is_featured' => '1',
@@ -124,7 +124,7 @@ return array (
'id' => '70',
'title' => 'Máy in mã vạch',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493641.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493641.jpg',
'isParent' => '0',
'url' => '/may-in-ma-vach',
'is_featured' => '1',
@@ -138,7 +138,7 @@ return array (
'id' => '77',
'title' => 'Máy POS bán hàng',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493650.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493650.png',
'isParent' => '0',
'url' => '/may-pos-ban-hang',
'is_featured' => '1',
@@ -152,7 +152,7 @@ return array (
'id' => '67',
'title' => 'Máy kiểm kho - PDA',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493642.jpeg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493642.jpeg',
'isParent' => '0',
'url' => '/may-kiem-kho-pda',
'is_featured' => '1',
@@ -166,7 +166,7 @@ return array (
'id' => '68',
'title' => 'An ninh siêu thị',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493643.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493643.jpg',
'isParent' => '1',
'url' => '/an-ninh-sieu-thi',
'is_featured' => '1',
@@ -271,7 +271,7 @@ return array (
'id' => '78',
'title' => 'Mực in mã vạch',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493651.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493651.jpg',
'isParent' => '0',
'url' => '/muc-in-ma-vach',
'is_featured' => '0',
@@ -285,7 +285,7 @@ return array (
'id' => '79',
'title' => 'Máy in thẻ nhựa ID',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493652.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493652.jpg',
'isParent' => '0',
'url' => '/may-in-the-nhua-id',
'is_featured' => '0',
@@ -299,7 +299,7 @@ return array (
'id' => '80',
'title' => 'Giấy in hóa đơn',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493653.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493653.png',
'isParent' => '0',
'url' => '/giay-in-hoa-don',
'is_featured' => '0',
@@ -313,7 +313,7 @@ return array (
'id' => '81',
'title' => 'Giấy in mã vạch',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493654.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493654.jpg',
'isParent' => '0',
'url' => '/giay-in-ma-vach',
'is_featured' => '0',
@@ -327,7 +327,7 @@ return array (
'id' => '82',
'title' => 'Két thu ngân',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493655.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493655.jpg',
'isParent' => '0',
'url' => '/ket-thu-ngan',
'is_featured' => '0',
@@ -341,7 +341,7 @@ return array (
'id' => '83',
'title' => 'Linh kiện, Phụ kiện',
'parentId' => '65',
- 'thumnail' => '/media/category/cat_icon_1004493656.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493656.jpg',
'isParent' => '1',
'url' => '/linh-kien-phu-kien',
'is_featured' => '0',
@@ -393,7 +393,7 @@ return array (
'id' => '64',
'title' => 'Thiết bị văn phòng',
'parentId' => '0',
- 'thumnail' => '/media/category/cat_icon_1004493635.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493635.png',
'isParent' => '1',
'url' => '/thiet-bi-van-phong',
'is_featured' => '1',
@@ -404,7 +404,7 @@ return array (
'id' => '99',
'title' => 'Chấm công - giám sát',
'parentId' => '64',
- 'thumnail' => '/media/category/cat_icon_99.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_99.jpg',
'isParent' => '1',
'url' => '/cham-cong-giam-sat',
'is_featured' => '1',
@@ -561,7 +561,7 @@ return array (
'id' => '84',
'title' => 'Thiết bị trình chiếu',
'parentId' => '64',
- 'thumnail' => '/media/category/cat_icon_84.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_84.jpg',
'isParent' => '1',
'url' => '/thiet-bi-trinh-chieu',
'is_featured' => '1',
@@ -745,7 +745,7 @@ return array (
'id' => '116',
'title' => 'Máy hủy tài liệu',
'parentId' => '64',
- 'thumnail' => '/media/category/cat_icon_116.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_116.jpg',
'isParent' => '0',
'url' => '/may-huy-tai-lieu',
'is_featured' => '1',
@@ -876,7 +876,7 @@ return array (
'id' => '126',
'title' => 'Máy cắt giấy',
'parentId' => '64',
- 'thumnail' => '/media/category/cat_icon_126.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_126.png',
'isParent' => '0',
'url' => '/may-cat-giay',
'is_featured' => '0',
@@ -901,7 +901,7 @@ return array (
'id' => '7',
'title' => 'Máy lạnh',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493577.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493577.png',
'isParent' => '0',
'url' => '/may-lanh',
'is_featured' => '0',
@@ -914,7 +914,7 @@ return array (
'id' => '8',
'title' => 'Máy giặt',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493578.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493578.png',
'isParent' => '0',
'url' => '/may-giat',
'is_featured' => '0',
@@ -927,7 +927,7 @@ return array (
'id' => '9',
'title' => 'Máy sấy quần áo',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493579.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493579.png',
'isParent' => '0',
'url' => '/may-say-quan-ao',
'is_featured' => '0',
@@ -940,7 +940,7 @@ return array (
'id' => '10',
'title' => 'Máy nước nóng',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493580.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493580.png',
'isParent' => '0',
'url' => '/may-nuoc-nong',
'is_featured' => '0',
@@ -953,7 +953,7 @@ return array (
'id' => '11',
'title' => 'Tivi',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493581.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493581.png',
'isParent' => '0',
'url' => '/tivi',
'is_featured' => '0',
@@ -966,7 +966,7 @@ return array (
'id' => '12',
'title' => 'Tủ lạnh',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493582.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493582.png',
'isParent' => '0',
'url' => '/tu-lanh',
'is_featured' => '0',
@@ -979,7 +979,7 @@ return array (
'id' => '13',
'title' => 'Tủ mát',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493583.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493583.png',
'isParent' => '0',
'url' => '/tu-mat',
'is_featured' => '0',
@@ -992,7 +992,7 @@ return array (
'id' => '14',
'title' => 'Tủ đông',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493584.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493584.png',
'isParent' => '0',
'url' => '/tu-dong',
'is_featured' => '0',
@@ -1005,7 +1005,7 @@ return array (
'id' => '15',
'title' => 'Máy rửa chén',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493585.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493585.png',
'isParent' => '0',
'url' => '/may-rua-chen',
'is_featured' => '0',
@@ -1018,7 +1018,7 @@ return array (
'id' => '19',
'title' => 'Máy lọc không khí',
'parentId' => '1',
- 'thumnail' => '/media/category/cat_icon_1004493589.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493589.png',
'isParent' => '0',
'url' => '/may-loc-khong-khi',
'is_featured' => '1',
@@ -1055,7 +1055,7 @@ return array (
'id' => '16',
'title' => 'Máy lọc nước',
'parentId' => '2',
- 'thumnail' => '/media/category/cat_icon_1004493586.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493586.png',
'isParent' => '0',
'url' => '/may-loc-nuoc',
'is_featured' => '0',
@@ -1068,7 +1068,7 @@ return array (
'id' => '17',
'title' => 'Nồi cơm điện',
'parentId' => '2',
- 'thumnail' => '/media/category/cat_icon_1004493587.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493587.png',
'isParent' => '0',
'url' => '/noi-com-dien',
'is_featured' => '0',
@@ -1081,7 +1081,7 @@ return array (
'id' => '18',
'title' => 'Nồi chiên không dầu',
'parentId' => '2',
- 'thumnail' => '/media/category/cat_icon_1004493588.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493588.png',
'isParent' => '0',
'url' => '/noi-chien-khong-dau',
'is_featured' => '0',
@@ -1214,7 +1214,7 @@ return array (
'id' => '31',
'title' => 'Quạt điều hòa',
'parentId' => '2',
- 'thumnail' => '/media/category/cat_icon_1004493601.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493601.png',
'isParent' => '0',
'url' => '/quat-dieu-hoa',
'is_featured' => '0',
@@ -1227,7 +1227,7 @@ return array (
'id' => '32',
'title' => 'Quạt trần',
'parentId' => '2',
- 'thumnail' => '/media/category/cat_icon_1004493602.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493602.png',
'isParent' => '0',
'url' => '/quat-tran',
'is_featured' => '0',
@@ -1638,7 +1638,7 @@ return array (
'id' => '62',
'title' => 'Điện máy',
'parentId' => '0',
- 'thumnail' => '/media/category/cat_icon_1004493632.png',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493632.png',
'isParent' => '1',
'url' => '/dien-may',
'is_featured' => '0',
@@ -1649,7 +1649,7 @@ return array (
'id' => '63',
'title' => 'Tivi',
'parentId' => '62',
- 'thumnail' => '/media/category/cat_icon_1004493633.jpg',
+ 'thumnail' => 'https://miq.vn/media/category/cat_icon_1004493633.jpg',
'isParent' => '0',
'url' => '/tivi',
'is_featured' => '0',
diff --git a/export_to_html/category.html b/export_to_html/category.html
index 3831544..d6329a2 100644
--- a/export_to_html/category.html
+++ b/export_to_html/category.html
@@ -105,143 +105,51 @@
- 72.490.000 Ä‘
- -20% -7.490.000 Ä‘
-Tá»§ lạnh Hitachi Inverter 540 lÃt Multi Door R-HW540RV(X)
-
- 72.490.000 Ä‘
- -20% -7.490.000 Ä‘
-Tá»§ lạnh Hitachi Inverter 540 lÃt Multi Door R-HW540RV(X)
-
- 72.490.000 Ä‘
- -20% -7.490.000 Ä‘
-Tá»§ lạnh Hitachi Inverter 540 lÃt Multi Door R-HW540RV(X)
-
- 72.490.000 Ä‘
- -20% -7.490.000 Ä‘
-Tá»§ lạnh Hitachi Inverter 540 lÃt Multi Door R-HW540RV(X)
-
- 72.490.000 Ä‘
- -20% -7.490.000 Ä‘
-Tá»§ lạnh Hitachi Inverter 540 lÃt Multi Door R-HW540RV(X)
-
7.490.000 đ
-20%7.490.000 đ
+May lanh Casper Inverter 1.5 HP GC-12IB36
+


7.490.000 đ
-20%7.490.000 đ
+May lanh Casper Inverter 1.5 HP GC-12IB36
+


7.490.000 đ
-20%7.490.000 đ
+May lanh Casper Inverter 1.5 HP GC-12IB36
+


7.490.000 đ
-20%7.490.000 đ
+May lanh Casper Inverter 1.5 HP GC-12IB36
+


7.490.000 đ
-20%7.490.000 đ
+May lanh Casper Inverter 1.5 HP GC-12IB36
+

-
-
+