16:42 20/02/2024

This commit is contained in:
2024-02-20 16:12:12 +07:00
parent 07d9184608
commit c0338763a7
19 changed files with 4048 additions and 1 deletions

280
article-detail-mb.html Normal file
View File

@@ -0,0 +1,280 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Hurasoft</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="./assets/css/style-mb.css">
</head>
<body>
<div class="container-mb">
<div class="header">
<div class="container">
<div class="content-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="112px" height="22px" alt="logo">
</a>
<a href="javascript:void(0)" class="icon-menu" onclick="show_menu()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
<div class="page-article-detail">
<div class="container">
<div class="breadcrumb-global">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix d-flex align-items">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="/" itemprop="item" class="nopad-l">
<p itemprop="name">Trang chủ</p>
</a> <i>/</i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="{#CURRENT_URL#}" itemprop="item" class="nopad-l">
<p itemprop="name">What's new</p>
</a><i>/</i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a href="{#CURRENT_URL#}" itemprop="item" class="nopad-l">
<p itemprop="name">Detail</p>
</a>
<meta itemprop="position" content="1">
</li>
</ol>
</div>
<div class="clearfix"></div>
<div class="content-article-detail">
<div class="content-left">
<div class="main-title">
<h1 class="name">Hướng dẫn quản lý website dành cho Admin đơn giản nhất
</h1>
<div class="d-flex align-items">
<div class="tag-category">Tech new</div>
<div class="time">02/01/2024</div>
</div>
</div>
<div class="content-main nd">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an
unknown printer took a galley of
type and scrambled it to make a type specimen book. It has survived not only five
centuries,
but also the leap into
electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s
with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently with desktop publishing
software
like Aldus PageMaker
including versions of Lorem Ipsum.
Why do we use it?
It is a long established fact that a reader will be distracted by the readable content
of a
page when looking at its
layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution
of
letters, as opposed to using
'Content here, content here', making it look like readable English. Many desktop
publishing
packages and web page
editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum'
will
uncover many web sites
still in their infancy. Various versions have evolved over the years, sometimes by
accident,
sometimes on purpose
(injected humour and the like).</p>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has
been the industry's standard
dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled
it to make a type specimen
book. It has survived not only five centuries, but also the leap into electronic
typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets
containing
Lorem Ipsum passages, and more
recently with desktop publishing software like Aldus PageMaker including versions of
Lorem
Ipsum.
Why do we use it?
It is a long established fact that a reader will be distracted by the readable content
of a
page when looking at its
layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution
of
letters, as opposed to using
'Content here, content here', making it look like readable English. Many desktop
publishing
packages and web page
editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum'
will
uncover many web sites
still in their infancy. Various versions have evolved over the years, sometimes by
accident,
sometimes on purpose
(injected humour and the like).
</p>
</div>
<div class="icon-share d-flex align-items">
<p style="margin-right: 15px;">Share:</p>
<div class="list-icon d-flex align-items">
<a href=""><i class="fa-brands fa-facebook"></i></a>
<a href=""><i class="fa-brands fa-twitter"></i></a>
</div>
</div>
</div>
<div class="content-right">
<div class="box-featured-news">
<h2 class="title">Tin nổi bật</h2>
<div class="list">
<div class="item-article d-flex align-items">
<a href="" class="image-article">
<img src="./assets/images/article-big.png" alt="">
</a>
<div class="content-article">
<a href="" class="name-article line-clamp-2">Hướng dẫn quản lý website dành cho
Admin đơn giản
nhất</a>
<div class="d-flex align-items">
<div class="tab-category">Tech news</div>
<div class="time">01/01/2024</div>
</div>
</div>
</div>
<div class="item-article d-flex align-items">
<a href="" class="image-article">
<img src="./assets/images/article-big.png" alt="">
</a>
<div class="content-article">
<a href="" class="name-article line-clamp-2">Hướng dẫn quản lý website dành cho
Admin đơn giản
nhất</a>
<div class="d-flex align-items">
<div class="tab-category">Tech news</div>
<div class="time">01/01/2024</div>
</div>
</div>
</div>
<div class="item-article d-flex align-items">
<a href="" class="image-article">
<img src="./assets/images/article-big.png" alt="">
</a>
<div class="content-article">
<a href="" class="name-article line-clamp-2">Hướng dẫn quản lý website dành cho
Admin đơn giản
nhất</a>
<div class="d-flex align-items">
<div class="tab-category">Tech news</div>
<div class="time">01/01/2024</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="contact-us">
<h2 class="title">Contact us for cousultation</h2>
<div class="form-contact">
<div class="content-contact">
<input type="text" class="input-contact" placeholder="Enter email or number phone">
<a href="javascript:void(0)" class="btn-submit">
<i class="fa-solid fa-paper-plane"></i>
</a>
</div>
</div>
</div>
<div class="main-footer">
<div class="container">
<div class="content-main-footer">
<div class="item-footer">
<b class="title">Hurasoft Company Limited</b>
<div class="cnt">
<p>ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City</p>
<p>Hotline: 02422.138.068 - 0904.580.181</p>
<p>Email: hotro@hurasoft.com</p>
</div>
</div>
<div class="d-flex">
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Introduce</b>
<div class="cnt">
<a href="">About us</a>
<a href="">Client</a>
<a href="">Blog</a>
<a href="">Contact</a>
<a href="">Information security</a>
</div>
</div>
</div>
<div class="item-footer">
<div class="show-footer">
<b class="title">Product</b>
<div class="cnt">
<a href="">Hura8</a>
<a href="">Xstore</a>
<a href="">adMan</a>
<a href="">Chatngay</a>
</div>
</div>
</div>
</div>
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Service</b>
<div class="cnt">
<a href="">eCommerce Management</a>
<a href="">Cloud Service</a>
<a href="">The infrastructure</a>
</div>
</div>
<div class="d-flex">
<a href="">
<img src="./assets/images/icon-zalo.png" width="27px" height="27px"
alt="zalo">
</a>
<a href="" style="margin-left: 10px;">
<img src="./assets/images/icon-facebook.png" width="27px" height="27px"
alt="facebook">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp
</p>
</div>
</div>
</div>
</div>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="./assets/js/main-mb.js"></script>
</body>
</html>

178
article-mb.html Normal file
View File

@@ -0,0 +1,178 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Hurasoft</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="./assets/css/style-mb.css">
</head>
<body>
<div class="container-mb">
<div class="header">
<div class="container">
<div class="content-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="112px" height="22px" alt="logo">
</a>
<a href="javascript:void(0)" class="icon-menu" onclick="show_menu()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
<div class="page-article">
<div class="container">
<h2 class="title">Whats new</h2>
<div class="tab-list d-flex align-items space-center flex-wrap">
<a href="javascript:void(0)" class="item">All</a>
<a href="javascript:void(0)" class="item active">Tech news</a>
<a href="javascript:void(0)" class="item">INTERNAL NEWS</a>
</div>
<div class="list-article d-flex flex-wrap">
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/article-big.png" alt="">
</a>
<div class="content-article">
<a href="" class="name-article">Hướng dẫn quản lý website dành cho Admin đơn giản nhất</a>
<div class="d-flex align-items">
<div class="tab-category">Tech news</div>
<div class="time">01/01/2024</div>
</div>
</div>
</div>
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/article-big.png" alt="">
</a>
<div class="content-article">
<a href="" class="name-article">Hướng dẫn quản lý website dành cho Admin đơn giản nhất</a>
<div class="d-flex align-items">
<div class="tab-category">Tech news</div>
<div class="time">01/01/2024</div>
</div>
</div>
</div>
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/article-big.png" alt="">
</a>
<div class="content-article">
<a href="" class="name-article">Hướng dẫn quản lý website dành cho Admin đơn giản nhất</a>
<div class="d-flex align-items">
<div class="tab-category">Tech news</div>
<div class="time">01/01/2024</div>
</div>
</div>
</div>
</div>
<div class="paging d-flex align-items space-center">
<a href="" class="item"><i class="fa-solid fa-angles-left"></i></a>
<a href="" class="item active">1</a>
<a href="" class="item">2</a>
<a href="" class="item">3</a>
<a href="" class="item">4</a>
<a href="" class="item">...</a>
<a href="" class="item">9</a>
<a href="" class="item"><i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
<div class="footer">
<div class="contact-us">
<h2 class="title">Contact us for cousultation</h2>
<div class="form-contact">
<div class="content-contact">
<input type="text" class="input-contact" placeholder="Enter email or number phone">
<a href="javascript:void(0)" class="btn-submit">
<i class="fa-solid fa-paper-plane"></i>
</a>
</div>
</div>
</div>
<div class="main-footer">
<div class="container">
<div class="content-main-footer">
<div class="item-footer">
<b class="title">Hurasoft Company Limited</b>
<div class="cnt">
<p>ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City</p>
<p>Hotline: 02422.138.068 - 0904.580.181</p>
<p>Email: hotro@hurasoft.com</p>
</div>
</div>
<div class="d-flex">
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Introduce</b>
<div class="cnt">
<a href="">About us</a>
<a href="">Client</a>
<a href="">Blog</a>
<a href="">Contact</a>
<a href="">Information security</a>
</div>
</div>
</div>
<div class="item-footer">
<div class="show-footer">
<b class="title">Product</b>
<div class="cnt">
<a href="">Hura8</a>
<a href="">Xstore</a>
<a href="">adMan</a>
<a href="">Chatngay</a>
</div>
</div>
</div>
</div>
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Service</b>
<div class="cnt">
<a href="">eCommerce Management</a>
<a href="">Cloud Service</a>
<a href="">The infrastructure</a>
</div>
</div>
<div class="d-flex">
<a href="">
<img src="./assets/images/icon-zalo.png" width="27px" height="27px"
alt="zalo">
</a>
<a href="" style="margin-left: 10px;">
<img src="./assets/images/icon-facebook.png" width="27px" height="27px"
alt="facebook">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp
</p>
</div>
</div>
</div>
</div>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="./assets/js/main-mb.js"></script>
</body>
</html>

1102
assets/css/style-mb.css Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

1115
assets/css/style-mb.scss Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -947,6 +947,7 @@ table {
} }
} }
} }
.breadcrumb-global { .breadcrumb-global {
margin: 20px 0; margin: 20px 0;
color: rgba(85, 85, 85, 1); color: rgba(85, 85, 85, 1);

Binary file not shown.

After

Width:  |  Height:  |  Size: 353 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 452 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 529 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

18
assets/js/main-mb.js Normal file
View File

@@ -0,0 +1,18 @@
click_footer()
clickFillter()
function click_footer() {
$(".content-main-footer .item-footer .title").click(function () {
$(this).parents(".show-footer").toggleClass("active");
});
}
function clickFillter() {
$(".item-filter").each(function () {
var nutClick = $(this).find(".title-filter");
$(nutClick).click(function () {
$(this).parent().toggleClass("hidden");
})
})
}

165
contact-mb.html Normal file
View File

@@ -0,0 +1,165 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Hurasoft</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="./assets/css/style-mb.css">
</head>
<body>
<div class="container-mb">
<div class="header">
<div class="container">
<div class="content-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="112px" height="22px" alt="logo">
</a>
<a href="javascript:void(0)" class="icon-menu" onclick="show_menu()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
<div class="page-contact">
<a href="" class="banner-contact">
<img src="./assets/images/banner-contact-mb.png" width="100%" height="100%" alt="banner-contact">
</a>
<div class="container">
<div class="content-contact">
<div class="contact-left">
<h1 class="title">Contact us</h1>
<div class="item d-flex">
<b>ADDRESS:</b>
<p>Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City
</p>
</div>
<div class="item d-flex">
<b>Hotline:</b>
<p>02422.138.068 - 0904.580.181</p>
</div>
<div class="item d-flex">
<b>Email:</b>
<p>hotro@hurasoft.com</p>
</div>
</div>
<div class="contact-right">
<div class="form-control">
<input type="text" id="contact_name_detail" placeholder="Full name*">
</div>
<div class="d-flex align-items group-form form-control">
<div class="form-2">
<input type="text" id="contact_email_detail" placeholder="Email*">
</div>
<div class="form-2">
<input type="text" id="contact_tel_detail" placeholder="Phone*">
</div>
</div>
<div class="form-control">
<input type="text" id="contact_web_detail" placeholder="Website">
</div>
<div class="form-control">
<input type="text" id="contact_message_detail" placeholder="Content">
</div>
<a href="javascript:void(0)" class="btn-send">Send require</a>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="contact-us">
<h2 class="title">Contact us for cousultation</h2>
<div class="form-contact">
<div class="content-contact">
<input type="text" class="input-contact" placeholder="Enter email or number phone">
<a href="javascript:void(0)" class="btn-submit">
<i class="fa-solid fa-paper-plane"></i>
</a>
</div>
</div>
</div>
<div class="main-footer">
<div class="container">
<div class="content-main-footer">
<div class="item-footer">
<b class="title">Hurasoft Company Limited</b>
<div class="cnt">
<p>ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City</p>
<p>Hotline: 02422.138.068 - 0904.580.181</p>
<p>Email: hotro@hurasoft.com</p>
</div>
</div>
<div class="d-flex">
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Introduce</b>
<div class="cnt">
<a href="">About us</a>
<a href="">Client</a>
<a href="">Blog</a>
<a href="">Contact</a>
<a href="">Information security</a>
</div>
</div>
</div>
<div class="item-footer">
<div class="show-footer">
<b class="title">Product</b>
<div class="cnt">
<a href="">Hura8</a>
<a href="">Xstore</a>
<a href="">adMan</a>
<a href="">Chatngay</a>
</div>
</div>
</div>
</div>
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Service</b>
<div class="cnt">
<a href="">eCommerce Management</a>
<a href="">Cloud Service</a>
<a href="">The infrastructure</a>
</div>
</div>
<div class="d-flex">
<a href="">
<img src="./assets/images/icon-zalo.png" width="27px" height="27px"
alt="zalo">
</a>
<a href="" style="margin-left: 10px;">
<img src="./assets/images/icon-facebook.png" width="27px" height="27px"
alt="facebook">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp
</p>
</div>
</div>
</div>
</div>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="./assets/js/main-mb.js"></script>
</body>
</html>

162
contact_us_mb.html Normal file
View File

@@ -0,0 +1,162 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Hurasoft</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="./assets/css/style-mb.css">
</head>
<body>
<div class="container-mb">
<div class="header">
<div class="container">
<div class="content-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="112px" height="22px" alt="logo">
</a>
<a href="javascript:void(0)" class="icon-menu" onclick="show_menu()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
<div class="page-contact-us">
<a href="" class="banner-contact-us">
<img src="./assets/images/banner_contactus-mb.png" alt="banner_contactus-mb">
</a>
<div class="trusted-partner">
<div class="container">
<div class="content-partner">
<div class="partler-left">
<h2 class="title">Trusted partner of businesses</h2>
<div class="content">
<p>Hurasoft specializes in consulting and implementing comprehensive e-commerce
solutions
for businesses from business
startups to large scale.</p>
<p>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.</p>
</div>
</div>
<div class="partler-right">
<img src="./assets/images/banner-partler.png" alt="">
</div>
</div>
</div>
</div>
<div class="company-culture">
<div class="container">
<h2 class="title">Company Culture</h2>
<p class="note">We always stand side by side with your development with a team of technically
competent
and experienced staff
</p>
<div class="banner-company-culture">
<img src="./assets/images/banner-company-culture-mb.png" alt="">
</div>
</div>
</div>
</div>
<div class="footer">
<div class="contact-us">
<h2 class="title">Contact us for cousultation</h2>
<div class="form-contact">
<div class="content-contact">
<input type="text" class="input-contact" placeholder="Enter email or number phone">
<a href="javascript:void(0)" class="btn-submit">
<i class="fa-solid fa-paper-plane"></i>
</a>
</div>
</div>
</div>
<div class="main-footer">
<div class="container">
<div class="content-main-footer">
<div class="item-footer">
<b class="title">Hurasoft Company Limited</b>
<div class="cnt">
<p>ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City</p>
<p>Hotline: 02422.138.068 - 0904.580.181</p>
<p>Email: hotro@hurasoft.com</p>
</div>
</div>
<div class="d-flex">
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Introduce</b>
<div class="cnt">
<a href="">About us</a>
<a href="">Client</a>
<a href="">Blog</a>
<a href="">Contact</a>
<a href="">Information security</a>
</div>
</div>
</div>
<div class="item-footer">
<div class="show-footer">
<b class="title">Product</b>
<div class="cnt">
<a href="">Hura8</a>
<a href="">Xstore</a>
<a href="">adMan</a>
<a href="">Chatngay</a>
</div>
</div>
</div>
</div>
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Service</b>
<div class="cnt">
<a href="">eCommerce Management</a>
<a href="">Cloud Service</a>
<a href="">The infrastructure</a>
</div>
</div>
<div class="d-flex">
<a href="">
<img src="./assets/images/icon-zalo.png" width="27px" height="27px"
alt="zalo">
</a>
<a href="" style="margin-left: 10px;">
<img src="./assets/images/icon-facebook.png" width="27px" height="27px"
alt="facebook">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp
</p>
</div>
</div>
</div>
</div>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="./assets/js/main-mb.js"></script>
</body>
</html>

389
index-mb.html Normal file
View File

@@ -0,0 +1,389 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Hurasoft</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="./assets/css/style-mb.css">
</head>
<body>
<div class="container-mb">
<div class="header">
<div class="container">
<div class="content-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="112px" height="22px" alt="logo">
</a>
<a href="javascript:void(0)" class="icon-menu" onclick="show_menu()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
<div class="homepage">
<a href="" class="banner">
<img src="./assets/images/banner_slider_mobile.png" width="100%" height="100%" alt="banner">
</a>
<div class="featured-clients">
<div class="container">
<div class="content-clients">
<div class="content-left">
<h2 class="title">Featured Clients</h2>
<p class="txt">From simple to complex requirements, Hurasoft always have the right and
simple
answer to help clients accomplish their
goals.</p>
</div>
<div class="content-right d-flex align-items space-between">
<a href="" class="item">
<img src="./assets/images/logo_anphat.png" width="100%" height="100%" alt="anphat">
</a>
<a href="" class="item">
<img src="./assets/images/logo-hacom.png" width="100%" height="100%" alt="hacom">
</a>
<a href="" class="item">
<img src="./assets/images//logo-traphaco.png" width="100%" height="100%" alt="traphaco">
</a>
<a href="" class="item">
<img src="./assets/images/logo-xuanvu.png" width="100%" height="100%" alt="xuanvu">
</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="box-product">
<div class="main-title">
<h2 class="title">Product</h2>
<p>We have been accompanying Vietnamese businesses in the field of e-commerce.</p>
</div>
<div class="content-box-product">
<div class="content-left">
<a href="">
<img src="./assets/images/main-product.png" width="100%" height="100%" alt="product">
</a>
</div>
<div class="content-right d-flex flex-wrap">
<div class="item">
<a href="" class="logo">
<img src="./assets/images/logo_hura8.png" width="106px" height="20px"
alt="logohura8">
</a>
<p class="txt">
Best in class for enterprise's ecommerce operation
</p>
</div>
<div class="item">
<a href="" class="logo">
<img src="./assets/images/logo_adman.png" width="91px" height="25px"
alt="logo_adman">
</a>
<p class="txt">
Well-rounded marketing platform for professionals
</p>
</div>
<div class="item xstore">
<a href="" class="logo">
<img src="./assets/images/logo_xstore.png" width="80p" height="24px"
alt="logo_xstore">
</a>
<p class="txt">
A complete suite of orders, inventory and customers management for SMEs.
Complemented
with a smart POS.
</p>
</div>
<div class="item">
<a href="" class="logo">
<img src="./assets/images/logo-chatngay.png" width="129px" height="38px"
alt="logo-chatngay">
</a>
<p class="txt">
Customer live support redefined
</p>
</div>
</div>
</div>
</div>
<div class="box-service">
<div class="title">Service</div>
<div class="content-service">
<div class="item-service">
<div class="box-image">
<img src="./assets/images/icon-ecommerce.png" width="100%" height="100%" alt="icon">
</div>
<div class="cnt">
<b>eCommerce Management</b>
<p>Outsource ecommerce operation's complexities to us and focus on delivering
happiness to
your customers.</p>
</div>
<a href="" class="link d-flex align-items space-between">
<span>Detail</span>
<i class="fa-solid fa-arrow-right-long"></i>
</a>
</div>
<div class="item-service">
<div class="box-image">
<img src="./assets/images/icon-cloud.png" width="100%" height="100%" alt="icon">
</div>
<div class="cnt">
<b>Cloud Service</b>
<p>Rest assured of unin terrupted service with cloud infrastructure, backup, DNS and
domain
provided by HuraCloud</p>
</div>
<a href="" class="link d-flex align-items space-between">
<span>Detail</span>
<i class="fa-solid fa-arrow-right-long"></i>
</a>
</div>
<div class="item-service">
<div class="box-image">
<img src="./assets/images/icon-software.png" width="100%" height="100%" alt="icon">
</div>
<div class="cnt">
<b>Software development</b>
<p>Having ideas for app/web development? Contact us if you need an extra hand</p>
</div>
<a href="" class="link d-flex align-items space-between">
<span>Detail</span>
<i class="fa-solid fa-arrow-right-long"></i>
</a>
</div>
</div>
</div>
</div>
<div class="box-article">
<div class="container">
<div class="main-title d-flex align-items space-between">
<h2 class="title">What's new</h2>
</div>
<div class="list-article d-flex" id="js-slider-article">
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/image-article.png" alt="">
</a>
<div class="content-article">
<a href="" class="name d-flex align-items space-between">
<span>7 Xu hướng thiết kế web cho năm 2024</span>
</a>
<div class="summary line-clamp-4">
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 —
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...
</div>
</div>
</div>
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/image-article.png" alt="">
</a>
<div class="content-article">
<a href="" class="name d-flex align-items space-between">
<span>7 Xu hướng thiết kế web cho năm 2024</span>
</a>
<div class="summary line-clamp-4">
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 —
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...
</div>
</div>
</div>
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/image-article.png" alt="">
</a>
<div class="content-article">
<a href="" class="name d-flex align-items space-between">
<span>7 Xu hướng thiết kế web cho năm 2024</span>
</a>
<div class="summary line-clamp-4">
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 —
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...
</div>
</div>
</div>
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/image-article.png" alt="">
</a>
<div class="content-article">
<a href="" class="name d-flex align-items space-between">
<span>7 Xu hướng thiết kế web cho năm 2024</span>
</a>
<div class="summary line-clamp-4">
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 —
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...
</div>
</div>
</div>
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/image-article.png" alt="">
</a>
<div class="content-article">
<a href="" class="name d-flex align-items space-between">
<span>7 Xu hướng thiết kế web cho năm 2024</span>
</a>
<div class="summary line-clamp-4">
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 —
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...
</div>
</div>
</div>
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/image-article.png" alt="">
</a>
<div class="content-article">
<a href="" class="name d-flex align-items space-between">
<span>7 Xu hướng thiết kế web cho năm 2024</span>
</a>
<div class="summary line-clamp-4">
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 —
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...
</div>
</div>
</div>
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/image-article.png" alt="">
</a>
<div class="content-article">
<a href="" class="name d-flex align-items space-between">
<span>7 Xu hướng thiết kế web cho năm 2024</span>
</a>
<div class="summary line-clamp-4">
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 —
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...
</div>
</div>
</div>
<div class="item-article">
<a href="" class="image-article">
<img src="./assets/images/image-article.png" alt="">
</a>
<div class="content-article">
<a href="" class="name d-flex align-items space-between">
<span>7 Xu hướng thiết kế web cho năm 2024</span>
</a>
<div class="summary line-clamp-4">
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 —
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...
</div>
</div>
</div>
</div>
<a href="/tin-tuc" class="view-all">View all</a>
</div>
</div>
</div>
<div class="footer">
<div class="contact-us">
<h2 class="title">Contact us for cousultation</h2>
<div class="form-contact">
<div class="content-contact">
<input type="text" class="input-contact" placeholder="Enter email or number phone">
<a href="javascript:void(0)" class="btn-submit">
<i class="fa-solid fa-paper-plane"></i>
</a>
</div>
</div>
</div>
<div class="main-footer">
<div class="container">
<div class="content-main-footer">
<div class="item-footer">
<b class="title">Hurasoft Company Limited</b>
<div class="cnt">
<p>ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City</p>
<p>Hotline: 02422.138.068 - 0904.580.181</p>
<p>Email: hotro@hurasoft.com</p>
</div>
</div>
<div class="d-flex">
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Introduce</b>
<div class="cnt">
<a href="">About us</a>
<a href="">Client</a>
<a href="">Blog</a>
<a href="">Contact</a>
<a href="">Information security</a>
</div>
</div>
</div>
<div class="item-footer">
<div class="show-footer">
<b class="title">Product</b>
<div class="cnt">
<a href="">Hura8</a>
<a href="">Xstore</a>
<a href="">adMan</a>
<a href="">Chatngay</a>
</div>
</div>
</div>
</div>
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Service</b>
<div class="cnt">
<a href="">eCommerce Management</a>
<a href="">Cloud Service</a>
<a href="">The infrastructure</a>
</div>
</div>
<div class="d-flex">
<a href="">
<img src="./assets/images/icon-zalo.png" width="27px" height="27px"
alt="zalo">
</a>
<a href="" style="margin-left: 10px;">
<img src="./assets/images/icon-facebook.png" width="27px" height="27px"
alt="facebook">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp</p>
</div>
</div>
</div>
</div>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="./assets/js/main-mb.js"></script>
</body>
</html>

289
job-mb.html Normal file
View File

@@ -0,0 +1,289 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Hurasoft</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="./assets/css/style-mb.css">
</head>
<body>
<div class="container-mb">
<div class="header">
<div class="container">
<div class="content-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="112px" height="22px" alt="logo">
</a>
<a href="javascript:void(0)" class="icon-menu" onclick="show_menu()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
<div class="page-job">
<div class="banner-job">
<div class="content-search">
<h1 class="title">Stand Strong With HURASOFT
</h1>
<p class="note">We always accompany you on your career development path
</p>
<div class="form-search-job">
<div class="input d-flex align-items">
<i class="fa-solid fa-magnifying-glass"></i>
<input type="text" placeholder="Position you want to apply for
">
</div>
<a href="javascript:void(0)" class="btn-search">Search</a>
</div>
</div>
</div>
<div class="container">
<div class="content-list-job">
<div class="filter-job">
<div class="item-filter hidden">
<div class="title-filter d-flex align-items space-between">
<span>Levels</span>
<i class="fa fa-angle-up"></i>
</div>
<div class="content-filter">
<div class="item-attr d-flex align-items">
<div class="icon-check checkered" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
<div class="item-attr d-flex align-items">
<div class="icon-check" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
<div class="item-attr d-flex align-items">
<div class="icon-check" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
<div class="item-attr d-flex align-items">
<div class="icon-check" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
<div class="item-attr d-flex align-items">
<div class="icon-check" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
</div>
</div>
<div class="item-filter hidden">
<div class="title-filter d-flex align-items space-between">
<span>Levels</span>
<i class="fa fa-angle-up"></i>
</div>
<div class="content-filter">
<div class="item-attr d-flex align-items">
<div class="icon-check checkered" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
<div class="item-attr d-flex align-items">
<div class="icon-check" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
<div class="item-attr d-flex align-items">
<div class="icon-check" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
<div class="item-attr d-flex align-items">
<div class="icon-check" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
<div class="item-attr d-flex align-items">
<div class="icon-check" onclick="location.href='#'">
</div>
<a href="#" class="filter-right">
Manager
</a>
</div>
</div>
</div>
</div>
<div class="list-job">
<div class="item-job">
<div class="name-job">Junior PHP</div>
<div class="desc-job">
Mô tả: Tham gia các dự án sử dụng ngôn ngữ lập trình PHP và các công nghệ
liên
quan cho các khách hàng
</div>
<div class="info-job d-flex align-items">
<div class="salary d-flex align-items">
<span>Salary:</span>
<b>10-20M</b>
</div>
<div class="time d-flex align-items">
<span>Hạn nộp hồ sơ:</span>
<b>20/01/2024</b>
</div>
</div>
<a href="javascript:void(0)" class="btn-apply">Ứng tuyển</a>
</div>
<div class="item-job">
<div class="name-job">Junior PHP</div>
<div class="desc-job">
Mô tả: Tham gia các dự án sử dụng ngôn ngữ lập trình PHP và các công nghệ
liên
quan cho các khách hàng
</div>
<div class="info-job d-flex align-items">
<div class="salary d-flex align-items">
<span>Salary:</span>
<b>10-20M</b>
</div>
<div class="time d-flex align-items">
<span>Hạn nộp hồ sơ:</span>
<b>20/01/2024</b>
</div>
</div>
<a href="javascript:void(0)" class="btn-apply">Ứng tuyển</a>
</div>
<div class="paging d-flex align-items">
<a href="" class="item"><i class="fa-solid fa-angles-left"></i></a>
<a href="" class="item active">1</a>
<a href="" class="item">2</a>
<a href="" class="item">3</a>
<a href="" class="item">4</a>
<a href="" class="item">...</a>
<a href="" class="item">9</a>
<a href="" class="item"><i class="fa-solid fa-angles-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="contact-us">
<h2 class="title">Contact us for cousultation</h2>
<div class="form-contact">
<div class="content-contact">
<input type="text" class="input-contact" placeholder="Enter email or number phone">
<a href="javascript:void(0)" class="btn-submit">
<i class="fa-solid fa-paper-plane"></i>
</a>
</div>
</div>
</div>
<div class="main-footer">
<div class="container">
<div class="content-main-footer">
<div class="item-footer">
<b class="title">Hurasoft Company Limited</b>
<div class="cnt">
<p>ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City</p>
<p>Hotline: 02422.138.068 - 0904.580.181</p>
<p>Email: hotro@hurasoft.com</p>
</div>
</div>
<div class="d-flex">
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Introduce</b>
<div class="cnt">
<a href="">About us</a>
<a href="">Client</a>
<a href="">Blog</a>
<a href="">Contact</a>
<a href="">Information security</a>
</div>
</div>
</div>
<div class="item-footer">
<div class="show-footer">
<b class="title">Product</b>
<div class="cnt">
<a href="">Hura8</a>
<a href="">Xstore</a>
<a href="">adMan</a>
<a href="">Chatngay</a>
</div>
</div>
</div>
</div>
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Service</b>
<div class="cnt">
<a href="">eCommerce Management</a>
<a href="">Cloud Service</a>
<a href="">The infrastructure</a>
</div>
</div>
<div class="d-flex">
<a href="">
<img src="./assets/images/icon-zalo.png" width="27px" height="27px"
alt="zalo">
</a>
<a href="" style="margin-left: 10px;">
<img src="./assets/images/icon-facebook.png" width="27px" height="27px"
alt="facebook">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp
</p>
</div>
</div>
</div>
</div>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="./assets/js/main-mb.js"></script>
</body>
</html>

184
product-mb.html Normal file
View File

@@ -0,0 +1,184 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Hurasoft</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="./assets/css/style-mb.css">
</head>
<body>
<div class="container-mb">
<div class="header">
<div class="container">
<div class="content-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="112px" height="22px" alt="logo">
</a>
<a href="javascript:void(0)" class="icon-menu" onclick="show_menu()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
<div class="page-product">
<div class="container">
<h1 class="title">Product</h1>
<p class="note-product">We have been accompanying Vietnamese businesses in the field of e-commerce.</p>
<div class="list-product">
<div class="item-product d-flex">
<div class="left">
<div class="logo">
<img src="./assets/images/logo-chatngay.png" width="129px" height="38px">
</div>
<p class="desc">Customer live support redefined</p>
<a href="" class="link">
Click here
</a>
</div>
<div class="right">
<img src="./assets/images/image-product.png" alt="">
</div>
</div>
<div class="item-product blue d-flex">
<div class="left">
<div class="logo">
<img src="./assets/images/logo_hura8.png" width="106px" height="20px" alt="logohura8">
</div>
<p class="desc">Best in class for enterprise's ecommerce operation</p>
<a href="" class="link"><span>Click here</span></a>
</div>
<div class="right">
<img src="./assets/images/image-product.png" alt="">
</div>
</div>
<div class="item-product blue d-flex">
<div class="left">
<div class="logo">
<img src="./assets/images/logo_xstore.png" width="80p" height="24px" alt="logo_xstore">
</div>
<p class="desc">A complete suite of orders, inventory and customers management for SMEs.
Complemented
with a smart POS.</p>
<a href="" class="link"><span>Click here</span></a>
</div>
<div class="right">
<img src="./assets/images/image-product.png" alt="">
</div>
</div>
<div class="item-product d-flex">
<div class="left">
<div class="logo">
<img src="./assets/images/logo_adman.png" width="91px" height="25px" alt="logo_adman">
</div>
<p class="desc">Well-rounded marketing platform for professionals</p>
<a href="" class="link">Click here</a>
</div>
<div class="right">
<img src="./assets/images/image-product.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="contact-us">
<h2 class="title">Contact us for cousultation</h2>
<div class="form-contact">
<div class="content-contact">
<input type="text" class="input-contact" placeholder="Enter email or number phone">
<a href="javascript:void(0)" class="btn-submit">
<i class="fa-solid fa-paper-plane"></i>
</a>
</div>
</div>
</div>
<div class="main-footer">
<div class="container">
<div class="content-main-footer">
<div class="item-footer">
<b class="title">Hurasoft Company Limited</b>
<div class="cnt">
<p>ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City</p>
<p>Hotline: 02422.138.068 - 0904.580.181</p>
<p>Email: hotro@hurasoft.com</p>
</div>
</div>
<div class="d-flex">
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Introduce</b>
<div class="cnt">
<a href="">About us</a>
<a href="">Client</a>
<a href="">Blog</a>
<a href="">Contact</a>
<a href="">Information security</a>
</div>
</div>
</div>
<div class="item-footer">
<div class="show-footer">
<b class="title">Product</b>
<div class="cnt">
<a href="">Hura8</a>
<a href="">Xstore</a>
<a href="">adMan</a>
<a href="">Chatngay</a>
</div>
</div>
</div>
</div>
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Service</b>
<div class="cnt">
<a href="">eCommerce Management</a>
<a href="">Cloud Service</a>
<a href="">The infrastructure</a>
</div>
</div>
<div class="d-flex">
<a href="">
<img src="./assets/images/icon-zalo.png" width="27px" height="27px"
alt="zalo">
</a>
<a href="" style="margin-left: 10px;">
<img src="./assets/images/icon-facebook.png" width="27px" height="27px"
alt="facebook">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp
</p>
</div>
</div>
</div>
</div>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="./assets/js/main-mb.js"></script>
</body>
</html>

163
service-mb.html Normal file
View File

@@ -0,0 +1,163 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Hurasoft</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="./assets/css/style-mb.css">
</head>
<body>
<div class="container-mb">
<div class="header">
<div class="container">
<div class="content-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo.png" width="112px" height="22px" alt="logo">
</a>
<a href="javascript:void(0)" class="icon-menu" onclick="show_menu()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
</div>
<div class="page-service">
<div class="container">
<h1 class="title">Service</h1>
<div class="list-service d-flex align-items">
<div class="item-service">
<div class="image">
<img src="./assets/images/icon-service-ecommerce.png" width="249px" height="248px"
alt="icon-service-ecommerce">
</div>
<div class="content">
<a href="#" class="name">eCommerce Management</a>
<p class="note">Outsource ecommerce operation's complexities to us and focus on delivering
happiness
to your customers.</p>
</div>
</div>
<div class="item-service">
<div class="image">
<img src="./assets/images/icon-service-cloud.png" width="247px" height="240px"
alt="icon-service-cloud">
</div>
<div class="content">
<a href="#" class="name">Cloud Service</a>
<p class="note">Rest assured of unin terrupted service with cloud infrastructure, backup,
DNS
and
domain provided by HuraCloud</p>
</div>
</div>
<div class="item-service">
<div class="image">
<img src="./assets/images/icon-service-software.png" width="324px" height="268px"
alt="icon-service-software">
</div>
<div class="content">
<a href="#" class="name">Software Development</a>
<p class="note">Having ideas for app/web development? Contact us if you need an extra hand
</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="contact-us">
<h2 class="title">Contact us for cousultation</h2>
<div class="form-contact">
<div class="content-contact">
<input type="text" class="input-contact" placeholder="Enter email or number phone">
<a href="javascript:void(0)" class="btn-submit">
<i class="fa-solid fa-paper-plane"></i>
</a>
</div>
</div>
</div>
<div class="main-footer">
<div class="container">
<div class="content-main-footer">
<div class="item-footer">
<b class="title">Hurasoft Company Limited</b>
<div class="cnt">
<p>ADDRESS: Floor 5 - No. 3, Lane 18 Yen Lang, Dong Da District, Hanoi City</p>
<p>Hotline: 02422.138.068 - 0904.580.181</p>
<p>Email: hotro@hurasoft.com</p>
</div>
</div>
<div class="d-flex">
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Introduce</b>
<div class="cnt">
<a href="">About us</a>
<a href="">Client</a>
<a href="">Blog</a>
<a href="">Contact</a>
<a href="">Information security</a>
</div>
</div>
</div>
<div class="item-footer">
<div class="show-footer">
<b class="title">Product</b>
<div class="cnt">
<a href="">Hura8</a>
<a href="">Xstore</a>
<a href="">adMan</a>
<a href="">Chatngay</a>
</div>
</div>
</div>
</div>
<div class="w-5">
<div class="item-footer">
<div class="show-footer">
<b class="title">Service</b>
<div class="cnt">
<a href="">eCommerce Management</a>
<a href="">Cloud Service</a>
<a href="">The infrastructure</a>
</div>
</div>
<div class="d-flex">
<a href="">
<img src="./assets/images/icon-zalo.png" width="27px" height="27px"
alt="zalo">
</a>
<a href="" style="margin-left: 10px;">
<img src="./assets/images/icon-facebook.png" width="27px" height="27px"
alt="facebook">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>Copyright @2024 Hurasoft. GPKD số: 0106897291 do Sở Kế hoạch và Đầu tư Thành phố Hà Nội cấp
</p>
</div>
</div>
</div>
</div>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="./assets/js/main-mb.js"></script>
</body>
</html>