diff --git a/assets/js/main.js b/assets/js/main.js index 25daf61..013aec8 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -11,6 +11,14 @@ $(document).ready(function () { showInput(); showSelect(); + + + AOS.init(); + + + showCateMobile(); + initPasswordStrength(); + }) function ShowMenu() { @@ -311,4 +319,26 @@ function initPasswordStrength() { } -initPasswordStrength(); \ No newline at end of file +function showMenuMb() { + $('body').toggleClass('overflow-hidden') + $('#js-menu-mobile').toggleClass('hidden'); +} + + +function showCateMobile() { + $('#js-menu-mobile .item-menu').on('click', function () { + + $(this).toggleClass('active') + $(this).find($('.content-menu')).toggleClass('hidden'); + }) +} + + +function toggleFooter(el) { + var $el = $(el); + var $content = $el.next(".content-footer"); + var $icon = $el.find("i"); + + $content.toggleClass("hidden"); + $icon.toggleClass("fa-sort-down fa-sort-up"); +} \ No newline at end of file diff --git a/assets/script/style.css b/assets/script/style.css index 725e9a6..2ced8c2 100644 --- a/assets/script/style.css +++ b/assets/script/style.css @@ -97,6 +97,23 @@ html { background-position: -68px -60px; } +.header-left .menu a { + position: relative; +} +.header-left .menu a::after { + position: absolute; + content: ""; + left: 0; + bottom: -3px; + width: 100%; + height: 2px; + background: var(--color-blue); + display: none; +} +.header-left .menu a:hover::after { + display: block; +} + .homepage .banner { background: url(../images/background-banner.png) no-repeat; background-size: 100% 100%; @@ -200,4 +217,226 @@ html { background: url(../images/background-login.jpg) no-repeat; background-size: 100% 100%; background-position: center; +} + +.header-mobile { + display: none; +} +.header-mobile .item-menu { + display: block; +} +.header-mobile .item-menu .text-menu { + position: relative; + width: -moz-fit-content; + width: fit-content; +} +.header-mobile .item-menu .text-menu::after { + position: absolute; + content: ""; + left: 0; + bottom: -3px; + width: 100%; + height: 2px; + background: var(--color-blue); + display: none; +} +.header-mobile .item-menu .text-menu:hover::after { + display: block; +} +.header-mobile .item-menu.active .text-menu::after { + display: block; +} + +.footer-mobile { + display: none; +} + +@media (max-width: 1200px) { + body { + max-width: 1200px !important; + } + .container { + max-width: 1024px !important; + padding: 0 15px; + } + .header-pc { + display: none; + } + .header-mobile { + display: block; + } + .homepage .banner { + min-height: auto; + } + .homepage .banner .title { + font-size: 24px; + line-height: 32px; + } + .homepage .banner .image-banner img { + height: auto; + } + .box-benefit { + padding: 30px 0 !important; + } + .box-benefit .title { + font-size: 24px; + } + .box-benefit .item .title { + font-size: 18px; + } + .box-benefit .item .content { + font-size: 14px; + } + .box-platforms { + padding: 30px 0 !important; + } + .box-platforms .title { + font-size: 24px; + } + .box-platforms .content-platforms { + width: 100%; + padding: 20px; + } + .box-platforms .box-item .content { + padding: 15px; + } + .box-product-sell { + margin: 20px 0 !important; + } + .box-product-sell .content { + padding: 20px 20px 20px 0; + } + .box-product-sell .item-sell { + gap: 20px; + } + .box-tamnhin { + margin-bottom: 50px !important; + } + .box-tamnhin .title { + font-size: 24px; + } + .box-tamnhin .content-tamnhin .title { + font-size: 24px; + } +} +@media (max-width: 1000px) { + body { + max-width: 100% !important; + } + .container { + max-width: 100% !important; + padding: 0 15px; + } + .homepage .tieuchi { + width: 100%; + padding: 0 15px; + } + .box-tamnhin .content-tamnhin { + width: 100%; + } + .item-features .content { + width: 100%; + padding: 0 15px; + } + .box-chuyendoi { + width: 100% !important; + } + .page-features .page-title { + font-size: 24px; + } + .page-features .page-note { + font-size: 18px; + } +} +@media (max-width: 834px) { + .homepage .tieuchi .item p { + font-size: 14px; + } + .footer-pc .grid-cols-4 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} +@media (max-width: 768px) { + .homepage .tieuchi { + width: 100%; + } +} +@media (max-width: 680px) { + .homepage .tieuchi { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .homepage .tieuchi .item { + border-bottom: 1px solid #8a8a8a; + border-right: 0; + padding: 20px 0; + } + .homepage .tieuchi .item:last-child { + border: 0; + } + .homepage .banner .title { + padding: 64px 15px 0 15px; + } + .footer-mobile { + display: block; + } + .footer-pc { + display: none; + } +} +@media (max-width: 480px) { + .homepage .banner .title { + font-size: 20px; + } + .box-benefit .title { + font-size: 20px; + } + .box-benefit .list { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .box-platforms .content-platforms { + padding: 15px; + } + .box-platforms .title { + font-size: 20px; + margin-bottom: 30px; + } + .box-platforms .box-item { + grid-template-columns: repeat(1, minmax(0, 1fr)); + flex-wrap: wrap; + } + .box-platforms .box-item .image { + width: 100%; + padding: 15px; + } + .box-platforms .box-item .image a { + height: 100%; + } + .box-platforms .box-item .content { + width: 100%; + } + .box-product-sell .item-sell { + grid-template-columns: repeat(1, minmax(0, 1fr)); + gap: 0; + } + .box-product-sell .item-sell .content { + padding: 15px; + } + .box-tamnhin .background-tamnhin { + padding: 15px; + } + .box-tamnhin .title { + font-size: 20px; + } + .box-tamnhin .list { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .box-tamnhin .box-faq { + padding: 15px; + } + .box-tamnhin .box-faq h2 { + font-size: 20px; + } + .box-tamnhin .box-faq .item-faq .title { + font-size: 16px; + } }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/script/style.css.map b/assets/script/style.css.map index 5884365..42b5818 100644 --- a/assets/script/style.css.map +++ b/assets/script/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,qBAAA;EACA,qBAAA;ACCJ;;ADCA;EACI,yBAAA;EACA,mBAAA;ACEJ;;ADAA;EACI,UAAA;EACA,sBAAA;ACGJ;;ADDA;EACI,mBAAA;EACA,mBAAA;EACA,gIAAA;ACIJ;;ADKA;EACI,iCAAA;EACA,eAAA;EACA,mBAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,8BAAA;EACA,yBAAA;ACFJ;;ADIA;EACI,iCAAA;ACDJ;;ADGA;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACAJ;;ADEA;EACI,4BAAA;EACA,cAAA;ACCJ;;ADEA;EACI,cAAA;EACA,kDAAA;EACA,0BAAA;ACCJ;ADAI;EACI,WAAA;EACA,YAAA;EACA,wBAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,4BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,4BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,8BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,8BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;;ADGI;EACI,0DAAA;EACA,0BAAA;EACA,iBAAA;ACAR;ADEI;EACI,2DAAA;EACA,0BAAA;EACA,2BAAA;ACAR;;ADIA;EACI,kBAAA;EACA,gBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,MAAA;EACA,WAAA;EACA,UAAA;EACA,cAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;EACA,+FAAA;EACA,wBAAA;EACA,eAAA;ACDJ;;ADIA;EACI,qBAAA;ACDJ;;ADIA;EACI;IACI,UAAA;ECDN;AACF;ADIA;EACI,aAAA;ACFJ;;ADKA;EACI,wBAAA;EACA,iBAAA;ACFJ;;ADKA;EACI,2DAAA;EACA,0BAAA;EACA,kCAAA;ACFJ;;ADMI;EACI,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,cAAA;ACHR;ADIQ;EACI,kBAAA;EACA,WAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,gBAAA;EACA,8CAAA;ACFZ;;ADMA;EACI,0DAAA;EACA,0BAAA;EACA,iBAAA;ACHJ;;ADQQ;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;ACLZ;;ADWI;EACI,aAAA;ACRR;ADUI;EACI,eAAA;ACRR;ADWQ;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;ACTZ;;ADcA;EACI,yDAAA;EACA,0BAAA;EACA,2BAAA;ACXJ","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/script/style.scss b/assets/script/style.scss index 6f860fd..a6f8523 100644 --- a/assets/script/style.scss +++ b/assets/script/style.scss @@ -97,6 +97,27 @@ html { } } +.header-left .menu { + a { + position: relative; + &::after { + position: absolute; + content: ""; + left: 0; + bottom: -3px; + width: 100%; + height: 2px; + background: var(--color-blue); + display: none; + } + &:hover { + &::after { + display: block; + } + } + } +} + .homepage { .banner { background: url(../images/background-banner.png) no-repeat; @@ -213,3 +234,257 @@ html { background-size: 100% 100%; background-position: center; } +.header-mobile { + display: none; + .item-menu { + display: block; + .text-menu { + position: relative; + width: fit-content; + &::after { + position: absolute; + content: ""; + left: 0; + bottom: -3px; + width: 100%; + height: 2px; + background: var(--color-blue); + display: none; + } + &:hover { + &::after { + display: block; + } + } + } + &.active { + .text-menu::after { + display: block; + } + } + } +} + +.footer-mobile { + display: none; +} + +@media (max-width: 1200px) { + body { + max-width: 1200px !important; + } + .container { + max-width: 1024px !important; + padding: 0 15px; + } + .header-pc { + display: none; + } + .header-mobile { + display: block; + } + .homepage { + .banner { + min-height: auto; + .title { + font-size: 24px; + line-height: 32px; + } + .image-banner img { + height: auto; + } + } + } + .box-benefit { + padding: 30px 0 !important; + .title { + font-size: 24px; + } + .item { + .title { + font-size: 18px; + } + .content { + font-size: 14px; + } + } + } + .box-platforms { + padding: 30px 0 !important; + .title { + font-size: 24px; + } + .content-platforms { + width: 100%; + padding: 20px; + } + .box-item { + .content { + padding: 15px; + } + } + } + .box-product-sell { + margin: 20px 0 !important; + .content { + padding: 20px 20px 20px 0; + } + .item-sell { + gap: 20px; + } + } + .box-tamnhin { + margin-bottom: 50px !important; + .title { + font-size: 24px; + } + .content-tamnhin { + .title { + font-size: 24px; + } + } + } +} + +@media (max-width: 1000px) { + body { + max-width: 100% !important; + } + .container { + max-width: 100% !important; + padding: 0 15px; + } + .homepage .tieuchi { + width: 100%; + padding: 0 15px; + } + .box-tamnhin .content-tamnhin { + width: 100%; + } + + .item-features { + .content { + width: 100%; + padding: 0 15px; + } + } + .box-chuyendoi { + width: 100% !important; + } + .page-features { + .page-title { + font-size: 24px; + } + .page-note { + font-size: 18px; + } + } +} + +@media (max-width: 834px) { + .homepage .tieuchi { + .item p { + font-size: 14px; + } + } + .footer-pc { + .grid-cols-4 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } +} + +@media (max-width: 768px) { + .homepage .tieuchi { + width: 100%; + } +} + +@media (max-width: 680px) { + .homepage .tieuchi { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .homepage .tieuchi .item { + border-bottom: 1px solid #8a8a8a; + border-right: 0; + padding: 20px 0; + &:last-child { + border: 0; + } + } + .homepage .banner .title { + padding: 64px 15px 0 15px; + } + .footer-mobile { + display: block; + } + .footer-pc { + display: none; + } +} + +@media (max-width: 480px) { + .homepage .banner .title { + font-size: 20px; + } + .box-benefit .title { + font-size: 20px; + } + .box-benefit .list { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .box-platforms { + .content-platforms { + padding: 15px; + } + .title { + font-size: 20px; + margin-bottom: 30px; + } + .box-item { + grid-template-columns: repeat(1, minmax(0, 1fr)); + flex-wrap: wrap; + .image { + width: 100%; + padding: 15px; + a { + height: 100%; + } + } + .content { + width: 100%; + } + } + } + .box-product-sell { + .item-sell { + grid-template-columns: repeat(1, minmax(0, 1fr)); + gap: 0; + .content { + padding: 15px; + } + } + } + .box-tamnhin { + .background-tamnhin { + padding: 15px; + } + .title { + font-size: 20px; + } + .list { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .box-faq { + padding: 15px; + h2 { + font-size: 20px; + } + .item-faq { + .title { + font-size: 16px; + } + } + } + } +} diff --git a/template/features/create.html b/template/features/create.html index 77f2fc3..3b08a7d 100644 --- a/template/features/create.html +++ b/template/features/create.html @@ -1,4 +1,4 @@ -
+
@@ -23,11 +23,13 @@
-

Tạo mới

+

Tạo mới

-

Thiết kế trang web thân thiện với
+

Thiết kế trang web thân + thiện với
người dùng để thúc đẩy chuyển đổi

-

Có thể tự do tạo gian hàng đẹp nhất thể hiện +

Có thể tự do tạo gian hàng đẹp nhất thể + hiện câu chuyện thương hiệu của bạn

Bắt @@ -35,7 +37,7 @@ thử miễn phí -
+
- -
+

Tìm hiểu nền tảng của chúng tôi cho phép bạn

@@ -86,8 +87,7 @@
- -

Khởi chạy nhanh chóng bằng Page Builder để tạo trang web của bạn

@@ -95,7 +95,7 @@ trang nhanh chóng,
không cần mã với những lợi ích của một nền tảng mạnh mẽ

-
+
@@ -122,15 +122,14 @@
- -

Xây dựng thương hiệu của bạn bằng cách sử dụng các
mẫu chuyên nghiệp

Các chủ đề được tối ưu hóa và tùy chỉnh hoàn toàn với khả năng phản hồi trên thiết bị
di động ngay khi xuất xưởng

-
+
@@ -157,7 +156,7 @@
-

Phát triển linh hoạt trên nền tảng có khả năng mở rộng
@@ -166,7 +165,7 @@ sự tự do phát triển thành các giải pháp
trang web tùy chỉnh hoặc không có giao diện bằng các công cụ như Next.js và React

-
+
@@ -193,7 +192,7 @@
-

Giữ nguyên trang web hiện tại của bạn
@@ -202,7 +201,7 @@ tôi để truy cập vào
các chức năng thương mại điện tử mà không phải bỏ nội dung của bạn

-
+
@@ -229,7 +228,7 @@
-
+

diff --git a/template/free-trial/home.html b/template/free-trial/home.html index d3f77eb..b7abd27 100644 --- a/template/free-trial/home.html +++ b/template/free-trial/home.html @@ -21,7 +21,6 @@

-

Bắt đầu dùng thử miễn phí

Khám phá lý do tại sao
các thương hiệu phát triển nhanh lại chọn xStore

diff --git a/template/home/home.html b/template/home/home.html index 6e4d43a..6ad07dd 100644 --- a/template/home/home.html +++ b/template/home/home.html @@ -1,32 +1,36 @@