From 88a702286e2c7818ef1ae1cf86c8d8b14be4be31 Mon Sep 17 00:00:00 2001 From: Tieptk Date: Wed, 8 Oct 2025 01:01:48 +0700 Subject: [PATCH] update 08/10 --- assets/script/style.css | 362 ++++++++++++++++++++++++- assets/script/style.css.map | 2 +- assets/script/style.scss | 434 +++++++++++++++++++++++++++++- template/features/conversion.html | 99 ++++--- template/features/create.html | 88 +++--- template/features/grow.html | 108 ++++---- template/features/market.html | 95 ++++--- template/features/operate.html | 105 ++++---- template/free-trial/home.html | 22 +- template/home/home.html | 8 +- template/pricing/home.html | 33 +-- 11 files changed, 1104 insertions(+), 252 deletions(-) diff --git a/assets/script/style.css b/assets/script/style.css index 2ced8c2..7bd5659 100644 --- a/assets/script/style.css +++ b/assets/script/style.css @@ -318,6 +318,30 @@ html { .box-tamnhin .content-tamnhin .title { font-size: 24px; } + .page-pricing .page-title { + font-size: 24px; + } + .page-pricing .container-tinhnang { + width: 100%; + padding: 0 15px; + } + .page-pricing .container-faq { + width: 100%; + padding: 0 15px; + } + .page-pricing .container-dieukhoan { + width: 100%; + padding: 0 15px; + } + .page-pricing .box-xstore .title { + font-size: 24px; + } + .page-pricing .box-xstore .btn { + width: 200px; + } + .page-pricing .box-faq .title { + font-size: 24px; + } } @media (max-width: 1000px) { body { @@ -334,10 +358,23 @@ html { .box-tamnhin .content-tamnhin { width: 100%; } + .item-features { + padding: 20px 0 !important; + margin-bottom: 30px !important; + } + .item-features .title { + font-size: 24px; + } + .item-features .note { + font-size: 14px; + } .item-features .content { width: 100%; padding: 0 15px; } + .item-features .list { + margin: 20px 0 !important; + } .box-chuyendoi { width: 100% !important; } @@ -347,19 +384,77 @@ html { .page-features .page-note { font-size: 18px; } + .page-features .content-tammoi { + padding-top: 50px; + } + .page-features .content-tammoi .title { + font-size: 24px; + } + .page-features .content-tammoi .list { + margin-bottom: 50px; + } + .page-features .content-tammoi .list span { + font-size: 14px; + } + .page-features .user-xstore .title { + font-size: 24px; + padding: 30px 0; + } + .page-features .user-xstore .btn { + margin-bottom: 40px; + } + .page-features .user-xstore .box-link { + padding: 20px; + } + .page-pricing .list-pricing { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .page-pricing .box-faq { + margin-top: 50px; + } } @media (max-width: 834px) { .homepage .tieuchi .item p { - font-size: 14px; + font-weight: bold; } .footer-pc .grid-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .page-features .breadcrumb { + padding: 20px 0; + } + .page-features .page-name { + padding-bottom: 30px; + } + .page-features .content-tammoi .list { + margin-bottom: 50px; + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .page-features .content-tammoi .list span { + font-size: 14px; + } } @media (max-width: 768px) { .homepage .tieuchi { width: 100%; } + .page-features .content-tammoi .list { + margin-bottom: 50px; + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .page-features .content-tammoi .list span { + font-size: 14px; + } + .page-free-trial .container-faq { + width: 100%; + padding: 0 15px; + } + .page-free-trial .content-from-trial { + padding: 0 15px; + } + .page-free-trial .page-title { + font-size: 24px; + } } @media (max-width: 680px) { .homepage .tieuchi { @@ -382,6 +477,53 @@ html { .footer-pc { display: none; } + .page-features .content-tammoi .w-\[calc\(100\%\/4\)\], + .page-features .content-tammoi .w-\[calc\(100\%\/5\)\] { + width: 100%; + } + .page-free-trial .content-from-trial .list { + grid-template-columns: repeat(1, minmax(0, 1fr)); + padding: 30px 0; + } + .page-pricing .page-title { + font-size: 20px; + } + .page-pricing .box-tinhnang { + margin-top: 50px; + } + .page-pricing .box-tinhnang h2 { + font-size: 20px; + } + .page-pricing .box-tinhnang .content-faq { + overflow: auto; + } + .page-pricing .box-tinhnang .table tr { + height: 45px; + line-height: 45px; + } + .page-pricing .box-tinhnang .table td { + white-space: nowrap; + padding: 0 10px; + } + .page-pricing .box-tinhnang .table th { + white-space: nowrap; + } + .page-pricing .box-tinhnang .table p { + width: 100%; + } + .page-pricing .box-xstore { + margin-top: 50px; + } + .page-pricing .box-xstore .title { + font-size: 20px; + padding: 0 15px; + } + .page-pricing .box-faq .title { + font-size: 20px; + } + .page-login .content-login { + width: 96%; + } } @media (max-width: 480px) { .homepage .banner .title { @@ -439,4 +581,222 @@ html { .box-tamnhin .box-faq .item-faq .title { font-size: 16px; } + .page-features .page-name { + padding-bottom: 10px; + } + .page-features .page-title { + font-size: 20px; + padding-bottom: 10px; + } + .page-features .page-note { + font-size: 16px; + padding-bottom: 10px; + } + .page-features .content-tammoi { + padding-top: 20px; + } + .page-features .content-tammoi .title { + font-size: 20px; + padding: 0 15px; + } + .page-features .content-tammoi .list { + margin-bottom: 50px; + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .page-features .content-tammoi .list a { + padding: 0 10px; + } + .page-features .content-tammoi .list span { + font-size: 13px; + } + .page-features .content-chuyendoi { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + .page-features .content-chuyendoi .name-chuyendoi { + font-size: 14px; + margin-bottom: 10px; + } + .page-features .content-chuyendoi .note-chuyendoi { + font-size: 14px; + } + .page-features .content-top-features { + padding-bottom: 20px; + } + .page-features .user-xstore .title { + font-size: 20px; + padding: 30px 0; + } + .page-features .user-xstore .btn { + margin-bottom: 40px; + font-size: 14px; + width: 200px; + } + .page-features .user-xstore .box-link { + padding: 20px; + } + .page-features .user-xstore .list-xstore { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .page-features .list.list-tab a { + width: 100%; + } + .item-features .box-image { + margin-top: 20px; + padding: 10px !important; + } + .item-features .box-image img { + display: block; + height: auto; + } + .item-features .list-faq { + margin-top: 20px; + } + .box-tamnhin .box-faq .btn { + width: 150px; + } + .box-tamnhin .box-faq .btn p { + font-size: 16px; + } + .box-tamnhin .box-faq .btn i { + margin-top: 0; + } + .page-free-trial .breadcrumb { + padding: 20px 0; + } + .page-free-trial .page-title { + font-size: 20px; + } + .page-free-trial .page-name { + margin: 30px 0; + } + .page-free-trial .from-trial { + margin-top: -345px; + } + .page-free-trial .content-from-trial .list { + padding: 15px 0; + } + .page-free-trial .content-from-trial .left b { + font-size: 15px; + } + .page-free-trial .content-from-trial .left p { + font-size: 14px; + } + .page-free-trial .content-from-trial .box-form { + padding: 15px; + } + .page-free-trial .content-from-trial .box-form .title { + font-size: 20px; + } + .page-free-trial .box-faq { + margin-top: 30px; + } + .page-free-trial .box-faq .title { + font-size: 24px; + } + .page-free-trial .box-faq .title-faq b { + font-size: 14px; + } + .page-pricing .page-title { + font-size: 18px; + } + .page-pricing .list-pricing { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} +@media (max-width: 435px) { + .homepage .banner .title { + font-size: 18px; + line-height: 28px; + } + .homepage .banner .btn { + margin-top: 30px; + margin-bottom: 30px; + } + .box-benefit .title { + font-size: 18px; + } + .icon_2025.checkbox { + width: 35px; + height: 40px; + background-position: 0 0; + background-size: 185px 165px; + } + .icon_2025.boxreview { + width: 35px; + height: 43px; + background-position: -69px 0; + background-size: 185px 165px; + } + .icon_2025.cart { + width: 40px; + height: 40px; + background-position: -141px 0; + background-size: 185px 165px; + } + .homepage .tieuchi p { + font-size: 16px !important; + font-weight: bold; + } + .box-benefit .item .title { + font-size: 15px; + } + .box-platforms .box-item h3 { + font-size: 16px; + } + .box-platforms .box-item ul { + margin-top: 10px; + margin-bottom: 10px; + font-size: 14px; + } + .box-product-sell .content h2 { + font-size: 16px; + } + .box-product-sell .content p { + font-size: 14px; + margin-top: 10px; + margin-bottom: 10px; + } + .box-tamnhin .title { + font-size: 18px; + } + .box-platforms .box-item { + margin-bottom: 30px; + } + .box-tamnhin .item-tamnhin img { + margin-bottom: 20px; + } + .box-tamnhin .item-tamnhin b { + font-size: 16px; + } + .box-tamnhin .item-tamnhin p { + font-size: 14px; + margin-top: 10px; + margin-bottom: 10px; + } + .box-tamnhin .box-faq h2 { + font-size: 16px; + margin-bottom: 20px; + } + .box-tamnhin .item-faq b { + font-size: 14px; + } + .page-features .content-tammoi .title { + font-size: 18px; + } + .item-features .note { + padding: 0 10px; + font-size: 14px; + } + .item-features .item-faq b { + font-size: 14px; + } + .item-features .item-faq .title-faq { + padding: 15px 10px 0 10px; + } + .page-features .user-xstore .btn { + margin-bottom: 30px; + } + .page-features .list-xstore span { + font-size: 14px; + } }/*# 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 42b5818..20ab69a 100644 --- a/assets/script/style.css.map +++ b/assets/script/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","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 a6f8523..fd516c7 100644 --- a/assets/script/style.scss +++ b/assets/script/style.scss @@ -344,6 +344,36 @@ html { } } } + .page-pricing { + .page-title { + font-size: 24px; + } + .container-tinhnang { + width: 100%; + padding: 0 15px; + } + .container-faq { + width: 100%; + padding: 0 15px; + } + .container-dieukhoan { + width: 100%; + padding: 0 15px; + } + .box-xstore { + .title { + font-size: 24px; + } + .btn { + width: 200px; + } + } + .box-faq { + .title { + font-size: 24px; + } + } + } } @media (max-width: 1000px) { @@ -363,10 +393,21 @@ html { } .item-features { + padding: 20px 0 !important; + margin-bottom: 30px !important; + .title { + font-size: 24px; + } + .note { + font-size: 14px; + } .content { width: 100%; padding: 0 15px; } + .list { + margin: 20px 0 !important; + } } .box-chuyendoi { width: 100% !important; @@ -378,13 +419,46 @@ html { .page-note { font-size: 18px; } + .content-tammoi { + padding-top: 50px; + .title { + font-size: 24px; + } + .list { + margin-bottom: 50px; + span { + font-size: 14px; + } + } + } + .user-xstore { + .title { + font-size: 24px; + padding: 30px 0; + } + .btn { + margin-bottom: 40px; + } + .box-link { + padding: 20px; + } + } + } + + .page-pricing { + .list-pricing { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .box-faq { + margin-top: 50px; + } } } @media (max-width: 834px) { .homepage .tieuchi { .item p { - font-size: 14px; + font-weight: bold; } } .footer-pc { @@ -392,12 +466,54 @@ html { grid-template-columns: repeat(2, minmax(0, 1fr)); } } + .page-features { + .breadcrumb { + padding: 20px 0; + } + .page-name { + padding-bottom: 30px; + } + .content-tammoi { + .list { + margin-bottom: 50px; + grid-template-columns: repeat(3, minmax(0, 1fr)); + span { + font-size: 14px; + } + } + } + } } @media (max-width: 768px) { .homepage .tieuchi { width: 100%; } + + .page-features { + .content-tammoi { + .list { + margin-bottom: 50px; + grid-template-columns: repeat(2, minmax(0, 1fr)); + span { + font-size: 14px; + } + } + } + } + + .page-free-trial { + .container-faq { + width: 100%; + padding: 0 15px; + } + .content-from-trial { + padding: 0 15px; + } + .page-title { + font-size: 24px; + } + } } @media (max-width: 680px) { @@ -421,6 +537,63 @@ html { .footer-pc { display: none; } + .page-features .content-tammoi .w-\[calc\(100\%\/4\)\], + .page-features .content-tammoi .w-\[calc\(100\%\/5\)\] { + width: 100%; + } + .page-free-trial { + .content-from-trial { + .list { + grid-template-columns: repeat(1, minmax(0, 1fr)); + padding: 30px 0; + } + } + } + .page-pricing { + .page-title { + font-size: 20px; + } + .box-tinhnang { + margin-top: 50px; + h2 { + font-size: 20px; + } + .content-faq { + overflow: auto; + } + .table { + tr { + height: 45px; + line-height: 45px; + } + td { + white-space: nowrap; + padding: 0 10px; + } + th { + white-space: nowrap; + } + p { + width: 100%; + } + } + } + .box-xstore { + margin-top: 50px; + .title { + font-size: 20px; + padding: 0 15px; + } + } + .box-faq { + .title { + font-size: 20px; + } + } + } + .page-login .content-login { + width: 96%; + } } @media (max-width: 480px) { @@ -487,4 +660,263 @@ html { } } } + .page-features { + .page-name { + padding-bottom: 10px; + } + .page-title { + font-size: 20px; + padding-bottom: 10px; + } + .page-note { + font-size: 16px; + padding-bottom: 10px; + } + .content-tammoi { + padding-top: 20px; + .title { + font-size: 20px; + padding: 0 15px; + } + .list { + margin-bottom: 50px; + grid-template-columns: repeat(2, minmax(0, 1fr)); + a { + padding: 0 10px; + } + span { + font-size: 13px; + } + } + } + .content-chuyendoi { + grid-template-columns: repeat(1, minmax(0, 1fr)); + .name-chuyendoi { + font-size: 14px; + margin-bottom: 10px; + } + .note-chuyendoi { + font-size: 14px; + } + } + .content-top-features { + padding-bottom: 20px; + } + .user-xstore { + .title { + font-size: 20px; + padding: 30px 0; + } + .btn { + margin-bottom: 40px; + font-size: 14px; + width: 200px; + } + .box-link { + padding: 20px; + } + .list-xstore { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + } + .list.list-tab a { + width: 100%; + } + } + + .item-features { + .box-image { + margin-top: 20px; + padding: 10px !important; + img { + display: block; + height: auto; + } + } + .list-faq { + margin-top: 20px; + } + } + .box-tamnhin { + .box-faq .btn { + width: 150px; + p { + font-size: 16px; + } + i { + margin-top: 0; + } + } + } + .page-free-trial { + .breadcrumb { + padding: 20px 0; + } + .page-title { + font-size: 20px; + } + .page-name { + margin: 30px 0; + } + .from-trial { + margin-top: -345px; + } + .content-from-trial { + .list { + padding: 15px 0; + } + .left { + b { + font-size: 15px; + } + p { + font-size: 14px; + } + } + .box-form { + padding: 15px; + .title { + font-size: 20px; + } + } + } + .box-faq { + margin-top: 30px; + .title { + font-size: 24px; + } + .title-faq b { + font-size: 14px; + } + } + } + .page-pricing { + .page-title { + font-size: 18px; + } + .list-pricing { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + } +} + +@media (max-width: 435px) { + .homepage .banner .title { + font-size: 18px; + line-height: 28px; + } + + .homepage .banner .btn { + margin-top: 30px; + margin-bottom: 30px; + } + .box-benefit .title { + font-size: 18px; + } + .icon_2025 { + &.checkbox { + width: 35px; + height: 40px; + background-position: 0 0; + background-size: 185px 165px; + } + &.boxreview { + width: 35px; + height: 43px; + background-position: -69px 0; + background-size: 185px 165px; + } + &.cart { + width: 40px; + height: 40px; + background-position: -141px 0; + background-size: 185px 165px; + } + } + .homepage .tieuchi p { + font-size: 16px !important; + font-weight: bold; + } + .box-benefit .item .title { + font-size: 15px; + } + .box-platforms { + .box-item { + h3 { + font-size: 16px; + } + ul { + margin-top: 10px; + margin-bottom: 10px; + font-size: 14px; + } + } + } + .box-product-sell { + .content { + h2 { + font-size: 16px; + } + p { + font-size: 14px; + margin-top: 10px; + margin-bottom: 10px; + } + } + } + .box-tamnhin .title { + font-size: 18px; + } + .box-platforms .box-item { + margin-bottom: 30px; + } + .box-tamnhin { + .item-tamnhin { + img { + margin-bottom: 20px; + } + b { + font-size: 16px; + } + p { + font-size: 14px; + margin-top: 10px; + margin-bottom: 10px; + } + } + .box-faq h2 { + font-size: 16px; + margin-bottom: 20px; + } + .item-faq { + b { + font-size: 14px; + } + } + } + .page-features .content-tammoi .title { + font-size: 18px; + } + .item-features { + .note { + padding: 0 10px; + font-size: 14px; + } + .item-faq { + b { + font-size: 14px; + } + .title-faq { + padding: 15px 10px 0 10px; + } + } + } + .page-features .user-xstore .btn { + margin-bottom: 30px; + } + .page-features .list-xstore { + span { + font-size: 14px; + } + } } diff --git a/template/features/conversion.html b/template/features/conversion.html index 7f2750f..11723b8 100644 --- a/template/features/conversion.html +++ b/template/features/conversion.html @@ -1,8 +1,8 @@ -
+
-
+
-