388 lines
20 KiB
HTML
388 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<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.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="header">
|
|
<div class="container">
|
|
<div class="content-main-header d-flex align-items space-between">
|
|
<a href="/" class="logo">
|
|
<img src="./assets/images/logo.png" width="100%" height="100%" alt="logo">
|
|
</a>
|
|
<div class="list-menu d-flex align-items">
|
|
<a href="/lien-he" class="item active">About</a>
|
|
<div class="item">
|
|
<a href="" class="item-cate">Product <i class="fa-solid fa-angle-down"></i></a>
|
|
<div class="box box_list_cate">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<a href="" class="item-cate">Service <i class="fa-solid fa-angle-down"></i></a>
|
|
<div class="box box_list_cate">
|
|
|
|
</div>
|
|
</div>
|
|
<a href="" class="item">What's new</a>
|
|
<a href="" class="item">Job</a>
|
|
<a href="" class="item">Contact</a>
|
|
</div>
|
|
|
|
<select class="box-translate">
|
|
<option value="">VN</option>
|
|
<option value="">EN</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="homepage">
|
|
<div class="banner">
|
|
<div class="text">
|
|
Committed to delivering gleefulness with customer-first mindset
|
|
</div>
|
|
</div>
|
|
<div class="featured-clients">
|
|
<div class="container">
|
|
<div class="content-clients d-flex align-items space-between">
|
|
<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">
|
|
<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="box-product">
|
|
<div class="container">
|
|
<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 d-flex align-items">
|
|
<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>
|
|
<div class="box-service">
|
|
<div class="container">
|
|
<div class="title">Service</div>
|
|
<div class="content-service d-flex">
|
|
<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>
|
|
<a href="/tin-tuc" class="view-all">View all</a>
|
|
</div>
|
|
<div class="content-article swiper" id="js-slider-article">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<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>
|
|
<div class="icon-link">
|
|
<i class="fa-solid fa-arrow-right-long"></i>
|
|
</div>
|
|
</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 — 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...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<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>
|
|
<div class="icon-link">
|
|
<i class="fa-solid fa-arrow-right-long"></i>
|
|
</div>
|
|
</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 — 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...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<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>
|
|
<div class="icon-link">
|
|
<i class="fa-solid fa-arrow-right-long"></i>
|
|
</div>
|
|
</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 — 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...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<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>
|
|
<div class="icon-link">
|
|
<i class="fa-solid fa-arrow-right-long"></i>
|
|
</div>
|
|
</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 — 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...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<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>
|
|
<div class="icon-link">
|
|
<i class="fa-solid fa-arrow-right-long"></i>
|
|
</div>
|
|
</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 — 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...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<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>
|
|
<div class="icon-link">
|
|
<i class="fa-solid fa-arrow-right-long"></i>
|
|
</div>
|
|
</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 — 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...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></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 d-flex">
|
|
<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="item-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 class="item-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 class="item-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 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 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>
|
|
|
|
|
|
<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.js"></script>
|
|
</body>
|
|
|
|
</html> |