16:42 20/02/2024
This commit is contained in:
280
article-detail-mb.html
Normal file
280
article-detail-mb.html
Normal 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>
|
||||
Reference in New Issue
Block a user