commit 8b2b8c98f29b5c1e31323800144faa8ecbbd5f3d Author: Tieptk Date: Fri Feb 16 11:50:51 2024 +0700 11;50 diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..3a91a1b --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,702 @@ +@font-face { + font-family: "shopee"; + src: url(../font/shopee2021-regular.ttf); +} +:root { + --color-active: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); +} + +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} + +::-webkit-scrollbar { + width: 7px; + background-color: #f5f5f5; +} + +::-webkit-scrollbar-thumb { + background: #2257bb; + border-radius: 20px; + background-image: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "shopee"; +} + +body { + color: #000; + font-family: "shopee"; + margin: 0 auto; + background: #fff; + font-weight: normal; + font-size: 15px; + min-width: 1220px; +} + +html { + font-size: 100%; + font-family: "shopee"; +} + +img { + max-width: 100%; + height: auto; +} + +a { + text-decoration: none; + color: var(--text-black); +} +a:hover { + color: #041f3a; +} + +.clearfix { + content: ""; + clear: both; +} + +ul, +li { + list-style: none; +} + +table { + border-collapse: collapse; + width: 100%; +} + +.ul, +.ol { + margin: 0; + padding: 0; + list-style: none; +} + +.d-flex { + display: flex !important; +} + +.d-block { + display: block; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.text-center { + text-align: center !important; +} + +.align-items { + align-items: center !important; +} + +.space-between { + justify-content: space-between !important; +} + +.space-center { + justify-content: center !important; +} + +.d-block { + display: block !important; +} + +.flex-direction { + flex-direction: column; +} + +.line-clamp-1 { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-4 { + display: -webkit-box; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-5 { + display: -webkit-box; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.container { + width: 1220px; + padding: 0 10px; + margin: 0 auto; +} + +.swiper-button-next, +.swiper-button-prev { + width: 50px; + height: 50px; + box-shadow: 0 0 6px 0px rgb(200, 200, 200); + border-radius: 50%; + background: #f5f5f5; + display: flex; + align-items: center; + justify-content: center; +} + +.swiper-button-next::after, +.swiper-button-prev::after { + font-size: 18px; + color: #000; +} + +.header { + background: #fff; +} +.header .logo { + display: block; + width: 160px; +} +.header .logo img { + display: block; + width: 100%; + height: 100%; +} +.header .list-menu .item { + padding: 30px 0; + margin-right: 45px; + position: relative; + font-size: 15px; +} +.header .list-menu .item.active, .header .list-menu .item:hover { + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.header .list-menu .item.active::before, .header .list-menu .item:hover::before { + display: block; +} +.header .list-menu .item::before { + position: absolute; + content: ""; + left: 0; + bottom: 0; + height: 3px; + width: 100%; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); + border-radius: 20px; + display: none; +} +.header .box-translate { + border: none; + outline: none; + font-weight: bold; +} + +.homepage .banner { + background: url(../images/banner_home.png) no-repeat; + width: 100%; + background-size: 100%; + min-height: 654px; + position: relative; +} +.homepage .banner .text { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 690px; + color: #fff; + font-size: 40px; + font-weight: 700; + text-transform: capitalize; + text-align: center; +} +.homepage .featured-clients { + margin: 80px 0; +} +.homepage .featured-clients .title { + font-size: 36px; + font-weight: 700; + text-transform: capitalize; + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 12px; +} +.homepage .featured-clients .content-left { + width: 450px; +} +.homepage .featured-clients .content-left .txt { + font-size: 16px; + font-weight: 400; + line-height: 22px; + color: #555; +} +.homepage .featured-clients .content-right .item { + margin-left: 50px; + height: 35px; + display: block; +} +.homepage .featured-clients .content-right .item img { + width: 100%; + height: 100%; + display: block; +} +.homepage .box-product { + background: url(../images/background_product.png) no-repeat; + background-size: cover; + margin-bottom: 80px; +} +.homepage .box-product .main-title { + margin-bottom: 30px; +} +.homepage .box-product .title { + font-size: 36px; + font-weight: 700; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 10%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 10px; +} +.homepage .box-product .content-left { + width: 50%; +} +.homepage .box-product .content-left img { + width: 410px; + display: block; + margin: 0 auto; +} +.homepage .box-product .content-right { + width: calc(50% + 50px); + margin-right: -50px; +} +.homepage .box-product .item { + width: calc(50% - 50px); + margin-right: 50px; + margin-bottom: 50px; +} +.homepage .box-product .item .logo { + display: block; + height: calc(100% - 81px); +} +.homepage .box-product .item .logo img { + display: block; +} +.homepage .box-product .item .txt { + margin-top: 24px; + height: 57px; +} +.homepage .box-product .item.xstore .logo { + padding-top: 10px; +} +.homepage .box-service { + position: relative; + padding-bottom: 100px; +} +.homepage .box-service::before { + position: absolute; + content: ""; + left: 0; + top: 50%; + background: url(../images/before-service.png) no-repeat; + transform: translate(0, -50%); + height: 260px; + width: 200px; + opacity: 0.3; +} +.homepage .box-service .title { + font-size: 36px; + font-weight: 700; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 10%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 20px; +} +.homepage .box-service .content-service { + margin-right: -20px; +} +.homepage .box-service .item-service { + width: calc(33.3333333333% - 20px); + margin-right: 20px; + padding: 20px; + background: linear-gradient(0deg, rgba(224, 236, 255, 0.6) 0%, rgba(182, 211, 255, 0) 150.42%); + border-radius: 12px; + border: 1px solid #1fa5f1; +} +.homepage .box-service .item-service .box-image { + width: 80px; + height: 80px; + margin-bottom: 15px; + background: linear-gradient(0deg, rgba(94, 120, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 150.42%); + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; +} +.homepage .box-service .item-service .box-image img { + display: block; + width: 50px; + height: 50px; + opacity: 1; + -o-object-fit: contain; + object-fit: contain; +} +.homepage .box-service .item-service .cnt b { + font-size: 16px; + margin-bottom: 12px; + display: block; +} +.homepage .box-service .item-service .cnt p { + color: #555; + font-size: 14px; + display: block; + margin-bottom: 10px; + height: 55px; +} +.homepage .box-service .item-service .link { + background: var(--Linear, linear-gradient(180deg, #1d8bca 0%, #0c588b 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.homepage .box-article { + background: url(../images/background_article.png) no-repeat; + background-size: 100%; + border-radius: 50px 0px; + min-height: 647px; +} +.homepage .box-article .main-title { + padding: 75px 0 30px 0; +} +.homepage .box-article .main-title .title { + font-size: 36px; + font-weight: 700; + background: var(--Linear, linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.homepage .box-article .main-title .view-all { + border-radius: 50px; + padding: 10px 40px; + font-weight: bold; + font-size: 16px; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 150%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + border: 1px solid #1fa5f1; +} +.homepage .box-article .main-title .view-all:hover { + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 150%); + -webkit-text-fill-color: #fff; +} +.homepage .box-article .item-article { + width: 100%; +} +.homepage .box-article .content-article { + margin-bottom: 100px; +} +.homepage .box-article .swiper-button-next { + left: 60px; + top: 90%; +} +.homepage .box-article .swiper-button-prev { + left: 2px; + top: 90%; +} +.homepage .box-article .swiper-button-next:hover, +.homepage .box-article .swiper-button-prev:hover { + border: 1px solid #1fa5f1; +} +.homepage .box-article .swiper-button-next:hover::after, +.homepage .box-article .swiper-button-prev:hover::after { + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.homepage .item-article { + background: #fff; + border-radius: 8px; + box-shadow: 0px 0px 6.7px 0px rgba(135, 135, 135, 0.25); + width: calc(33.3333333333% - 16px); +} +.homepage .item-article .image-article { + width: 100%; + display: block; + height: 240px; + border-radius: 8px 8px 0px 0px; + overflow: hidden; + margin-bottom: 12px; +} +.homepage .item-article .image-article img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.homepage .item-article .content-article { + padding: 12px; +} +.homepage .item-article .content-article .name { + margin-bottom: 12px; +} +.homepage .item-article .content-article .name span { + font-weight: 700; +} +.homepage .item-article .content-article .icon-link { + width: 24px; + height: 24px; + border-radius: 50%; + background: #d9d9d9; + display: flex; + align-items: center; + justify-content: center; +} +.homepage .item-article .content-article .icon-link i { + font-size: 13px; + transform: rotate(-45deg); +} +.homepage .item-article .summary { + font-size: 13px; + color: #555; + font-weight: 400; + line-height: 18px; +} + +.footer .contact-us { + background: #fff; + padding: 60px 0; +} +.footer .contact-us .title { + font-size: 28px; + text-transform: capitalize; + text-align: center; + margin-bottom: 20px; + font-weight: 400; +} +.footer .form-contact { + margin: 0 auto; + width: 795px; +} +.footer .input-contact { + width: 100%; + height: 52px; + border: 2px solid #1fa5f1; + border-radius: 50px; + padding: 0 25px; + opacity: 0.4; + outline: 0; +} +.footer .input-contact::-moz-placeholder { + font-size: 16px; +} +.footer .input-contact::placeholder { + font-size: 16px; +} +.footer .input-contact:focus { + opacity: 1; +} +.footer .content-contact { + width: 100%; + position: relative; +} +.footer .btn-submit { + position: absolute; + width: 38px; + height: 38px; + border-radius: 50%; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); + text-align: center; + line-height: 38px; + right: 10px; + top: 7px; +} +.footer .btn-submit i { + color: #fff; +} +.footer .main-footer { + background: #f8f8f8; + padding: 35px 0; + position: relative; +} +.footer .main-footer::before { + position: absolute; + content: ""; + left: 0; + top: 0; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); + width: 100%; + height: 2px; +} +.footer .item-footer { + width: calc(25% - 30px); + margin-right: 30px; +} +.footer .item-footer .title { + margin-bottom: 25px; + display: block; + font-size: 16px; +} +.footer .item-footer p { + margin-bottom: 15px; + color: #606060; + font-size: 13px; +} +.footer .item-footer a { + display: block; + margin-bottom: 15px; + color: #606060; + font-size: 13px; +} +.footer .item-footer a:hover { + font-weight: 700; + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.footer .footer-bottom { + border-top: 1px solid #d9d9d9; + padding: 15px 0; + background: #f8f8f8; +} +.footer .footer-bottom p { + color: #606060; + font-size: 13px; +} + +.relative { + position: relative; +} + +.banner-contact-us { + background: url(../images/banner_contactus.png) no-repeat; + background-size: 100%; + width: 100%; + height: 570px; +} +.banner-contact-us .relative { + height: 100%; +} +.banner-contact-us .title-banner { + position: absolute; + left: 0; + top: 50%; + transform: translate(0, -50%); + width: 630px; +} +.banner-contact-us .title-banner h1 { + font-size: 38px; + font-weight: 700; + text-transform: capitalize; + color: #0c588b; + font-weight: 700; + margin-bottom: 15px; +} +.banner-contact-us .title-banner p { + font-size: 20px; + color: #0c588b; + text-transform: capitalize; + font-weight: 400; +} + +.trusted-partner { + margin: 60px 0 80px 0; +} +.trusted-partner .partler-left { + width: 50%; + margin-right: 25px; +} +.trusted-partner .partler-right { + width: calc(50% - 23px); +} +.trusted-partner .title { + font-size: 32px; + font-weight: 700; + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 20px; +} +.trusted-partner .content p { + font-size: 15px; + color: #555; + margin-bottom: 20px; + line-height: 27px; +} + +.company-culture { + margin-bottom: 80px; +} +.company-culture .title { + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 32px; + font-weight: 700; + text-align: center; + margin-bottom: 20px; +} +.company-culture .note { + font-size: 16px; + margin-bottom: 40px; + text-align: center; +} + +.page-product .title { + background: var(--Linear, linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 36px; + font-weight: 700; + text-align: center; + margin: 60px 0 10px 0; +} +.page-product .note-product { + font-size: 16px; + color: #555; + text-align: center; + margin-bottom: 40px; +} +.page-product .item-product { + width: calc(50% - 20px); + margin-bottom: 20px; + margin-right: 20px; + padding: 20px; + border-radius: 20px; +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map new file mode 100644 index 0000000..b8aa75b --- /dev/null +++ b/assets/css/style.css.map @@ -0,0 +1 @@ +{"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/css/style.scss b/assets/css/style.scss new file mode 100644 index 0000000..93c90ff --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,704 @@ +@font-face { + font-family: "shopee"; + src: url(../font/shopee2021-regular.ttf); +} + +:root { + --color-active: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); +} +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} +::-webkit-scrollbar { + width: 7px; + background-color: #f5f5f5; +} +::-webkit-scrollbar-thumb { + background: #2257bb; + border-radius: 20px; + background-image: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); +} +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "shopee"; +} + +body { + color: #000; + font-family: "shopee"; + margin: 0 auto; + background: #fff; + font-weight: normal; + font-size: 15px; + min-width: 1220px; +} + +html { + font-size: 100%; + font-family: "shopee"; +} + +img { + max-width: 100%; + height: auto; +} + +a { + text-decoration: none; + color: var(--text-black); + &:hover { + color: #041f3a; + } +} + +.clearfix { + content: ""; + clear: both; +} + +ul, +li { + list-style: none; +} + +table { + border-collapse: collapse; + width: 100%; +} + +.ul, +.ol { + margin: 0; + padding: 0; + list-style: none; +} +.d-flex { + display: flex !important; +} + +.d-block { + display: block; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.text-center { + text-align: center !important; +} + +.align-items { + align-items: center !important; +} + +.space-between { + justify-content: space-between !important; +} + +.space-center { + justify-content: center !important; +} + +.d-block { + display: block !important; +} + +.flex-direction { + flex-direction: column; +} +.line-clamp-1 { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-4 { + display: -webkit-box; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-5 { + display: -webkit-box; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; + overflow: hidden; +} +.container { + width: 1220px; + padding: 0 10px; + margin: 0 auto; +} +.swiper-button-next, +.swiper-button-prev { + width: 50px; + height: 50px; + box-shadow: 0 0 6px 0px rgba(200, 200, 200, 1); + border-radius: 50%; + background: #f5f5f5; + display: flex; + align-items: center; + justify-content: center; +} + +.swiper-button-next::after, +.swiper-button-prev::after { + font-size: 18px; + color: #000; +} + +.header { + background: #fff; + .logo { + display: block; + width: 160px; + img { + display: block; + width: 100%; + height: 100%; + } + } + .list-menu { + .item { + padding: 30px 0; + margin-right: 45px; + position: relative; + font-size: 15px; + &.active, + &:hover { + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + &::before { + display: block; + } + } + &::before { + position: absolute; + content: ""; + left: 0; + bottom: 0; + height: 3px; + width: 100%; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); + border-radius: 20px; + display: none; + } + } + } + .box-translate { + border: none; + outline: none; + font-weight: bold; + } +} + +.homepage { + .banner { + background: url(../images/banner_home.png) no-repeat; + width: 100%; + background-size: 100%; + min-height: 654px; + position: relative; + .text { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 690px; + color: #fff; + font-size: 40px; + font-weight: 700; + text-transform: capitalize; + text-align: center; + } + } + .featured-clients { + margin: 80px 0; + .title { + font-size: 36px; + font-weight: 700; + text-transform: capitalize; + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 12px; + } + .content-left { + width: 450px; + .txt { + font-size: 16px; + font-weight: 400; + line-height: 22px; + color: #555; + } + } + .content-right { + .item { + margin-left: 50px; + height: 35px; + display: block; + img { + width: 100%; + height: 100%; + display: block; + } + } + } + } + .box-product { + background: url(../images/background_product.png) no-repeat; + background-size: cover; + margin-bottom: 80px; + .main-title { + margin-bottom: 30px; + } + .title { + font-size: 36px; + font-weight: 700; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 10%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 10px; + } + .content-left { + width: 50%; + img { + width: 410px; + display: block; + margin: 0 auto; + } + } + .content-right { + width: calc(50% + 50px); + margin-right: -50px; + } + .item { + width: calc(100% / 2 - 50px); + margin-right: 50px; + margin-bottom: 50px; + .logo { + display: block; + height: calc(100% - 81px); + img { + display: block; + } + } + .txt { + margin-top: 24px; + height: 57px; + } + &.xstore { + .logo { + padding-top: 10px; + } + } + } + } + .box-service { + position: relative; + padding-bottom: 100px; + &::before { + position: absolute; + content: ""; + left: 0; + top: 50%; + background: url(../images/before-service.png) no-repeat; + transform: translate(0, -50%); + height: 260px; + width: 200px; + opacity: 0.3; + } + .title { + font-size: 36px; + font-weight: 700; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 10%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 20px; + } + .content-service { + margin-right: -20px; + } + .item-service { + width: calc(100% / 3 - 20px); + margin-right: 20px; + padding: 20px; + background: linear-gradient(0deg, rgba(224, 236, 255, 0.6) 0%, rgba(182, 211, 255, 0) 150.42%); + border-radius: 12px; + border: 1px solid #1fa5f1; + .box-image { + width: 80px; + height: 80px; + margin-bottom: 15px; + background: linear-gradient(0deg, rgba(94, 120, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 150.42%); + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + img { + display: block; + width: 50px; + height: 50px; + opacity: 1; + object-fit: contain; + } + } + .cnt { + b { + font-size: 16px; + margin-bottom: 12px; + display: block; + } + p { + color: #555; + font-size: 14px; + display: block; + margin-bottom: 10px; + height: 55px; + } + } + .link { + background: var(--Linear, linear-gradient(180deg, #1d8bca 0%, #0c588b 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + } + .box-article { + background: url(../images/background_article.png) no-repeat; + background-size: 100%; + border-radius: 50px 0px; + min-height: 647px; + .main-title { + padding: 75px 0 30px 0; + .title { + font-size: 36px; + font-weight: 700; + background: var(--Linear, linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + .view-all { + border-radius: 50px; + padding: 10px 40px; + font-weight: bold; + font-size: 16px; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 150%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + border: 1px solid #1fa5f1; + &:hover { + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 150%); + -webkit-text-fill-color: #fff; + } + } + } + .item-article { + width: 100%; + } + .content-article { + margin-bottom: 100px; + } + .swiper-button-next { + left: 60px; + top: 90%; + } + .swiper-button-prev { + left: 2px; + top: 90%; + } + .swiper-button-next:hover, + .swiper-button-prev:hover { + border: 1px solid #1fa5f1; + &::after { + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + } + .item-article { + background: #fff; + border-radius: 8px; + box-shadow: 0px 0px 6.7px 0px rgba(135, 135, 135, 0.25); + width: calc(100% / 3 - 16px); + .image-article { + width: 100%; + display: block; + height: 240px; + border-radius: 8px 8px 0px 0px; + overflow: hidden; + margin-bottom: 12px; + img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + } + } + .content-article { + padding: 12px; + .name { + margin-bottom: 12px; + span { + font-weight: 700; + } + } + .icon-link { + width: 24px; + height: 24px; + border-radius: 50%; + background: #d9d9d9; + display: flex; + align-items: center; + justify-content: center; + i { + font-size: 13px; + transform: rotate(-45deg); + } + } + } + .summary { + font-size: 13px; + color: #555; + font-weight: 400; + line-height: 18px; + } + } +} + +.footer { + .contact-us { + background: #fff; + padding: 60px 0; + .title { + font-size: 28px; + text-transform: capitalize; + text-align: center; + margin-bottom: 20px; + font-weight: 400; + } + } + .form-contact { + margin: 0 auto; + width: 795px; + } + .input-contact { + width: 100%; + height: 52px; + border: 2px solid #1fa5f1; + border-radius: 50px; + padding: 0 25px; + opacity: 0.4; + outline: 0; + &::placeholder { + font-size: 16px; + } + &:focus { + opacity: 1; + } + } + .content-contact { + width: 100%; + position: relative; + } + .btn-submit { + position: absolute; + width: 38px; + height: 38px; + border-radius: 50%; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); + text-align: center; + line-height: 38px; + right: 10px; + top: 7px; + i { + color: #fff; + } + } + .main-footer { + background: #f8f8f8; + padding: 35px 0; + position: relative; + &::before { + position: absolute; + content: ""; + left: 0; + top: 0; + background: linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%); + width: 100%; + height: 2px; + } + } + .item-footer { + width: calc(100% / 4 - 30px); + margin-right: 30px; + .title { + margin-bottom: 25px; + display: block; + font-size: 16px; + } + p { + margin-bottom: 15px; + color: #606060; + font-size: 13px; + } + a { + display: block; + margin-bottom: 15px; + color: #606060; + font-size: 13px; + &:hover { + font-weight: 700; + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + } + .footer-bottom { + border-top: 1px solid #d9d9d9; + padding: 15px 0; + background: #f8f8f8; + p { + color: #606060; + font-size: 13px; + } + } +} + +// contact us +.relative { + position: relative; +} +.banner-contact-us { + background: url(../images/banner_contactus.png) no-repeat; + background-size: 100%; + width: 100%; + height: 570px; + .relative { + height: 100%; + } + .title-banner { + position: absolute; + left: 0; + top: 50%; + transform: translate(0, -50%); + width: 630px; + h1 { + font-size: 38px; + font-weight: 700; + text-transform: capitalize; + color: #0c588b; + font-weight: 700; + margin-bottom: 15px; + } + p { + font-size: 20px; + color: #0c588b; + text-transform: capitalize; + font-weight: 400; + } + } +} + +.trusted-partner { + margin: 60px 0 80px 0; + .partler-left { + width: 50%; + margin-right: 25px; + } + .partler-right { + width: calc(50% - 23px); + } + .title { + font-size: 32px; + font-weight: 700; + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + margin-bottom: 20px; + } + .content { + p { + font-size: 15px; + color: #555; + margin-bottom: 20px; + line-height: 27px; + } + } +} + +.company-culture { + margin-bottom: 80px; + .title { + background: var(--color-active); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 32px; + font-weight: 700; + text-align: center; + margin-bottom: 20px; + } + .note { + font-size: 16px; + margin-bottom: 40px; + text-align: center; + } +} + +.page-product { + .title { + background: var(--Linear, linear-gradient(90deg, #1fa5f1 0%, #2257bb 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 36px; + font-weight: 700; + text-align: center; + margin: 60px 0 10px 0; + } + .note-product { + font-size: 16px; + color: #555; + text-align: center; + margin-bottom: 40px; + } + .item-product { + width: calc(100% / 2 - 20px); + margin-bottom: 20px; + margin-right: 20px; + padding: 20px; + border-radius: 20px; + } +} diff --git a/assets/font/FVHShopeeText-Bold.otf b/assets/font/FVHShopeeText-Bold.otf new file mode 100644 index 0000000..c0c8491 Binary files /dev/null and b/assets/font/FVHShopeeText-Bold.otf differ diff --git a/assets/font/shopee2021-black.ttf b/assets/font/shopee2021-black.ttf new file mode 100644 index 0000000..984ebd2 Binary files /dev/null and b/assets/font/shopee2021-black.ttf differ diff --git a/assets/font/shopee2021-bold.ttf b/assets/font/shopee2021-bold.ttf new file mode 100644 index 0000000..47b7ad6 Binary files /dev/null and b/assets/font/shopee2021-bold.ttf differ diff --git a/assets/font/shopee2021-extrabold.ttf b/assets/font/shopee2021-extrabold.ttf new file mode 100644 index 0000000..b63d5dd Binary files /dev/null and b/assets/font/shopee2021-extrabold.ttf differ diff --git a/assets/font/shopee2021-light.ttf b/assets/font/shopee2021-light.ttf new file mode 100644 index 0000000..edaabb2 Binary files /dev/null and b/assets/font/shopee2021-light.ttf differ diff --git a/assets/font/shopee2021-regular.ttf b/assets/font/shopee2021-regular.ttf new file mode 100644 index 0000000..283dceb Binary files /dev/null and b/assets/font/shopee2021-regular.ttf differ diff --git a/assets/images/background_article.png b/assets/images/background_article.png new file mode 100644 index 0000000..82445b4 Binary files /dev/null and b/assets/images/background_article.png differ diff --git a/assets/images/background_product.png b/assets/images/background_product.png new file mode 100644 index 0000000..05f5c41 Binary files /dev/null and b/assets/images/background_product.png differ diff --git a/assets/images/banner-company-culture.png b/assets/images/banner-company-culture.png new file mode 100644 index 0000000..a8958fa Binary files /dev/null and b/assets/images/banner-company-culture.png differ diff --git a/assets/images/banner-partler.png b/assets/images/banner-partler.png new file mode 100644 index 0000000..2eb8e97 Binary files /dev/null and b/assets/images/banner-partler.png differ diff --git a/assets/images/banner_contactus.png b/assets/images/banner_contactus.png new file mode 100644 index 0000000..cd53b1f Binary files /dev/null and b/assets/images/banner_contactus.png differ diff --git a/assets/images/banner_home.png b/assets/images/banner_home.png new file mode 100644 index 0000000..ba9fc37 Binary files /dev/null and b/assets/images/banner_home.png differ diff --git a/assets/images/before-service.png b/assets/images/before-service.png new file mode 100644 index 0000000..aa9d6d9 Binary files /dev/null and b/assets/images/before-service.png differ diff --git a/assets/images/icon-cloud.png b/assets/images/icon-cloud.png new file mode 100644 index 0000000..6d4c944 Binary files /dev/null and b/assets/images/icon-cloud.png differ diff --git a/assets/images/icon-ecommerce.png b/assets/images/icon-ecommerce.png new file mode 100644 index 0000000..322d5cf Binary files /dev/null and b/assets/images/icon-ecommerce.png differ diff --git a/assets/images/icon-facebook.png b/assets/images/icon-facebook.png new file mode 100644 index 0000000..24ad6d8 Binary files /dev/null and b/assets/images/icon-facebook.png differ diff --git a/assets/images/icon-software.png b/assets/images/icon-software.png new file mode 100644 index 0000000..0b10358 Binary files /dev/null and b/assets/images/icon-software.png differ diff --git a/assets/images/icon-zalo.png b/assets/images/icon-zalo.png new file mode 100644 index 0000000..8c33f2a Binary files /dev/null and b/assets/images/icon-zalo.png differ diff --git a/assets/images/image-article.png b/assets/images/image-article.png new file mode 100644 index 0000000..325ebcb Binary files /dev/null and b/assets/images/image-article.png differ diff --git a/assets/images/image-product.png b/assets/images/image-product.png new file mode 100644 index 0000000..e401ad5 Binary files /dev/null and b/assets/images/image-product.png differ diff --git a/assets/images/logo-chatngay.png b/assets/images/logo-chatngay.png new file mode 100644 index 0000000..76eff07 Binary files /dev/null and b/assets/images/logo-chatngay.png differ diff --git a/assets/images/logo-hacom.png b/assets/images/logo-hacom.png new file mode 100644 index 0000000..61ee3fb Binary files /dev/null and b/assets/images/logo-hacom.png differ diff --git a/assets/images/logo-traphaco.png b/assets/images/logo-traphaco.png new file mode 100644 index 0000000..8546a04 Binary files /dev/null and b/assets/images/logo-traphaco.png differ diff --git a/assets/images/logo-xuanvu.png b/assets/images/logo-xuanvu.png new file mode 100644 index 0000000..af497cf Binary files /dev/null and b/assets/images/logo-xuanvu.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..cbef4cb Binary files /dev/null and b/assets/images/logo.png differ diff --git a/assets/images/logo_adman.png b/assets/images/logo_adman.png new file mode 100644 index 0000000..c1da1e8 Binary files /dev/null and b/assets/images/logo_adman.png differ diff --git a/assets/images/logo_anphat.png b/assets/images/logo_anphat.png new file mode 100644 index 0000000..986be93 Binary files /dev/null and b/assets/images/logo_anphat.png differ diff --git a/assets/images/logo_hura8.png b/assets/images/logo_hura8.png new file mode 100644 index 0000000..2cfe127 Binary files /dev/null and b/assets/images/logo_hura8.png differ diff --git a/assets/images/logo_xstore.png b/assets/images/logo_xstore.png new file mode 100644 index 0000000..4845fc7 Binary files /dev/null and b/assets/images/logo_xstore.png differ diff --git a/assets/images/main-product.png b/assets/images/main-product.png new file mode 100644 index 0000000..7a4915a Binary files /dev/null and b/assets/images/main-product.png differ diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..812d99b --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,20 @@ +$(document).ready(function () { + var swiper = new Swiper('#js-slider-article', { + slidesPerView: 3, + spaceBetween: 16, + loop: false, + rewind: true, + lazy: true, + autoplay: { + delay: 2000, + }, + navigation: { + nextEl: "#js-slider-article .swiper-button-next", + prevEl: "#js-slider-article .swiper-button-prev", + }, + pagination: { + el: "#js-slider-article .swiper-pagination", + clickable: true, + }, + }); +}); \ No newline at end of file diff --git a/contact_us.html b/contact_us.html new file mode 100644 index 0000000..0c9a865 --- /dev/null +++ b/contact_us.html @@ -0,0 +1,164 @@ + + + + + + + Hurasoft + + + + + + + +
+
+
+ +
+ About +
+ Product +
+ +
+
+
+ Service +
+ +
+
+ What's new + Job + Contact +
+ + +
+
+
+
+ +
+
+
+
+

Trusted partner of
businesses

+
+

Hurasoft specializes in consulting and implementing comprehensive e-commerce solutions + for businesses from business + startups to large scale.

+

UX/UI design, mobile app website development, marketing services, software applications & + quality infrastructure + services. The solutions we design aim to accelerate efficiency & promote sustainable + growth for businesses.

+
+
+
+ +
+ +
+
+
+
+
+

Company Culture

+

We always stand side by side with your development with a team of technically competent + and experienced staff +

+ +
+
+
+
+
+

Contact us for cousultation

+
+
+ + + + +
+
+
+
+
+
+
+ Hurasoft Company Limited +
+

ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City

+

Hotline: 02422.138.068 - 0904.580.181

+

Email: hotro@hurasoft.com

+
+
+
+ Introduce +
+ About us + Client + Blog + Contact + Information security +
+
+
+ Product +
+ Hura8 + Xstore + adMan + Chatngay +
+
+
+ Service +
+ eCommerce Management + Cloud Service + The infrastructure +
+
+ + zalo + + + facebook + +
+
+
+
+
+
+
+

Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp

+
+
+
+ + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..0cbe870 --- /dev/null +++ b/index.html @@ -0,0 +1,388 @@ + + + + + + + Hurasoft + + + + + + + +
+
+
+ +
+ About +
+ Product +
+ +
+
+
+ Service +
+ +
+
+ What's new + Job + Contact +
+ + +
+
+
+
+ +
+
+
+
+

Featured Clients

+

From simple to complex requirements, Hurasoft always have the right and simple + answer to help clients accomplish their + goals.

+
+
+ + anphat + + + hacom + + + traphaco + + + xuanvu + +
+
+
+
+
+
+
+

Product

+

We have been accompanying Vietnamese businesses in the field of e-commerce.

+
+
+
+ + product + +
+
+
+ +

+ Best in class for enterprise's ecommerce operation +

+
+
+ +

+ Well-rounded marketing platform for professionals +

+
+
+ +

+ A complete suite of orders, inventory and customers management for SMEs. Complemented + with a smart POS. +

+
+
+ +

+ Customer live support redefined +

+
+
+
+
+
+
+
+
Service
+
+
+
+ icon +
+
+ eCommerce Management +

Outsource ecommerce operation's complexities to us and focus on delivering happiness to + your customers.

+
+ + Detail + + +
+
+
+ icon +
+
+ Cloud Service +

Rest assured of unin terrupted service with cloud infrastructure, backup, DNS and domain + provided by HuraCloud

+
+ + Detail + + +
+
+
+ icon +
+
+ Software development +

Having ideas for app/web development? Contact us if you need an extra hand

+
+ + Detail + + +
+
+
+
+
+
+
+

What's new

+ View all +
+
+
+
+
+ + + +
+ + 7 Xu hướng thiết kế web cho năm 2024 +
+ +
+ +
+ Thế giới của thiết kế web không chỉ là về việc thích ứng với các thay đổi — nó + là về việc dẫn đầu cuộc đua vào một tương + lai số hóa ngày càng sâu sắc, tương tác và thông minh hơn... +
+
+
+
+
+
+ + + +
+ + 7 Xu hướng thiết kế web cho năm 2024 +
+ +
+ +
+ Thế giới của thiết kế web không chỉ là về việc thích ứng với các thay đổi — nó + là về việc dẫn đầu cuộc đua vào một tương + lai số hóa ngày càng sâu sắc, tương tác và thông minh hơn... +
+
+
+
+
+
+ + + +
+ + 7 Xu hướng thiết kế web cho năm 2024 +
+ +
+ +
+ Thế giới của thiết kế web không chỉ là về việc thích ứng với các thay đổi — nó + là về việc dẫn đầu cuộc đua vào một tương + lai số hóa ngày càng sâu sắc, tương tác và thông minh hơn... +
+
+
+
+
+
+ + + +
+ + 7 Xu hướng thiết kế web cho năm 2024 +
+ +
+ +
+ Thế giới của thiết kế web không chỉ là về việc thích ứng với các thay đổi — nó + là về việc dẫn đầu cuộc đua vào một tương + lai số hóa ngày càng sâu sắc, tương tác và thông minh hơn... +
+
+
+
+
+
+ + + +
+ + 7 Xu hướng thiết kế web cho năm 2024 +
+ +
+ +
+ Thế giới của thiết kế web không chỉ là về việc thích ứng với các thay đổi — nó + là về việc dẫn đầu cuộc đua vào một tương + lai số hóa ngày càng sâu sắc, tương tác và thông minh hơn... +
+
+
+
+
+
+ + + +
+ + 7 Xu hướng thiết kế web cho năm 2024 +
+ +
+ +
+ Thế giới của thiết kế web không chỉ là về việc thích ứng với các thay đổi — nó + là về việc dẫn đầu cuộc đua vào một tương + lai số hóa ngày càng sâu sắc, tương tác và thông minh hơn... +
+
+
+
+
+
+
+
+
+
+
+ +
+
+

Contact us for cousultation

+
+
+ + + + +
+
+
+
+
+
+
+ Hurasoft Company Limited +
+

ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City

+

Hotline: 02422.138.068 - 0904.580.181

+

Email: hotro@hurasoft.com

+
+
+
+ Introduce +
+ About us + Client + Blog + Contact + Information security +
+
+
+ Product +
+ Hura8 + Xstore + adMan + Chatngay +
+
+
+ Service +
+ eCommerce Management + Cloud Service + The infrastructure +
+
+ + zalo + + + facebook + +
+
+
+
+
+
+
+

Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp

+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/product.html b/product.html new file mode 100644 index 0000000..4fff49f --- /dev/null +++ b/product.html @@ -0,0 +1,184 @@ + + + + + + + Hurasoft + + + + + + +
+
+
+ +
+ About +
+ Product +
+ +
+
+
+ Service +
+ +
+
+ What's new + Job + Contact +
+ + +
+
+
+ +
+
+

Product

+

We have been accompanying Vietnamese businesses in the field of e-commerce.

+ + +
+
+
+ +

Customer live support redefined

+ Click here +
+
+ +
+
+
+
+ +

Best in class for enterprise's ecommerce operation

+ Click here +
+
+ + +
+
+
+
+ +

A complete suite of orders, inventory and customers management for SMEs. + Complemented + with a smart POS.

+ Click here +
+
+ +
+
+
+
+ +

Well-rounded marketing platform for professionals

+ Click here +
+
+ +
+
+
+
+ +
+ +
+
+

Contact us for cousultation

+
+
+ + + + +
+
+
+
+
+
+
+ Hurasoft Company Limited +
+

ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City

+

Hotline: 02422.138.068 - 0904.580.181

+

Email: hotro@hurasoft.com

+
+
+
+ Introduce +
+ About us + Client + Blog + Contact + Information security +
+
+
+ Product +
+ Hura8 + Xstore + adMan + Chatngay +
+
+
+ Service +
+ eCommerce Management + Cloud Service + The infrastructure +
+
+ + zalo + + + facebook + +
+
+
+
+
+
+
+

Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp

+
+
+
+ + + + + + + \ No newline at end of file