tieptk/hurasoft_2024
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
master
hurasoft_2024/index.html

388 lines
20 KiB
HTML
Raw Permalink Normal View History

11;50
2024-02-16 11:50:51 +07:00
<!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>
Reference in New Issue Copy Permalink