forked from MinhQuan/PresentCorpo
389 lines
14 KiB
HTML
389 lines
14 KiB
HTML
<!-- views\newsPage\newsMain\newsMain.html -->
|
|
<!DOCTYPE html>
|
|
<html lang="vi">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Tin Tức - Công ty TNHH Đầu Tư Thương Mại Dịch Vụ Kỳ Long</title>
|
|
<link
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"
|
|
/>
|
|
<link href="/components/header/header.css?v=1.1" rel="stylesheet" />
|
|
<link rel="stylesheet" href="components/footer/footer.css" />
|
|
<link rel="stylesheet" href="newsPages/newsMain/newsMain.css" />
|
|
<link
|
|
rel="preload"
|
|
href="components/header/header.html"
|
|
as="fetch"
|
|
crossorigin="anonymous"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<!-- Header Component -->
|
|
<div class="top-ribbon">
|
|
<div class="container-fluid px-4">
|
|
<div class="ribbon-content">
|
|
<div class="ribbon-company-info">
|
|
<img
|
|
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
alt="Ky Long Logo"
|
|
class="ribbon-logo"
|
|
/>
|
|
<span class="ribbon-company-name">KỲ LONG</span>
|
|
<span>Thắp sáng tương lai, vững bền thành quả</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Header Section -->
|
|
<header class="header py-3">
|
|
<div class="container-fluid px-4">
|
|
<div class="row align-items-center">
|
|
<!-- Logo and Company Info -->
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|
<div class="d-flex align-items-center">
|
|
<button class="mobile-menu-btn me-3">
|
|
<i class="bi bi-list"></i>
|
|
</button>
|
|
<img
|
|
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
alt="Ky Long Logo"
|
|
class="logo me-3"
|
|
/>
|
|
<div class="company-info">
|
|
<div>
|
|
<a
|
|
href="/"
|
|
title="Công ty TNHH Đầu Tư Thương Mại Dịch Vụ Kỳ Long"
|
|
class="company-name"
|
|
>
|
|
CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG
|
|
</a>
|
|
</div>
|
|
<div class="company-slogan">
|
|
Thắp sáng tương lai, vững bền thành quả
|
|
</div>
|
|
<div class="company-year">SINCE 2010</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Contact Info - Horizontal Layout -->
|
|
<div class="col-lg-6 col-md-6 col-12 contact-section">
|
|
<div class="row g-3">
|
|
<!-- Address -->
|
|
<div class="col-md-6 col-12">
|
|
<div class="d-flex align-items-center">
|
|
<div
|
|
class="contact-icon2 d-flex align-items-center justify-content-center me-2"
|
|
>
|
|
<i class="bi bi-geo-alt-fill"></i>
|
|
</div>
|
|
<div class="contact-text">
|
|
<div>Lầu 12, số 27 Đinh Bộ Lĩnh,</div>
|
|
<div>P. Bình Thạnh, TP.Hồ Chí Minh</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Email -->
|
|
<div class="col-md-6 col-12">
|
|
<div class="d-flex align-items-center">
|
|
<div
|
|
class="contact-icon d-flex align-items-center justify-content-center me-2"
|
|
>
|
|
<i class="bi bi-envelope-open-fill"></i>
|
|
</div>
|
|
|
|
<div class="contact-text">
|
|
<div>Email:</div>
|
|
<div class="contact-text">info@kylongtech.com</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Navigation Section -->
|
|
<nav class="nav-container">
|
|
<div class="container-fluid px-4">
|
|
<div class="navbar-nav d-flex flex-row justify-content-around py-3">
|
|
<a href="/" class="nav-link" id="home">TRANG CHỦ</a>
|
|
<span class="separator"></span>
|
|
<a href="/aboutMain" class="nav-link" id="about">GIỚI THIỆU</a>
|
|
<span class="separator"></span>
|
|
<a href="/productMain" class="nav-link" id="products">SẢN PHẨM</a>
|
|
<span class="separator"></span>
|
|
<a href="/serviceMain" class="nav-link" id="services">DỊCH VỤ</a>
|
|
<span class="separator"></span>
|
|
<a href="/newsMain" class="nav-link" id="news">TIN TỨC</a>
|
|
<span class="separator"></span>
|
|
<a href="/lien-he" class="nav-link" id="contact">LIÊN HỆ</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Floating Menu Button -->
|
|
<button class="floating-menu-btn" id="floatingMenuBtn">
|
|
<i class="bi bi-list"></i>
|
|
</button>
|
|
|
|
<!-- Sidebar Overlay -->
|
|
<div class="sidebar-overlay" id="sidebarOverlay"></div>
|
|
|
|
<!-- Sidebar -->
|
|
<div class="sidebar" id="sidebar">
|
|
<div class="sidebar-header">
|
|
<img
|
|
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
alt="Ky Long Logo"
|
|
class="sidebar-logo"
|
|
/>
|
|
<button class="close-sidebar">
|
|
<i class="bi bi-x-lg"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<nav class="sidebar-nav">
|
|
<a href="/" class="nav-link">TRANG CHỦ</a>
|
|
<a href="/aboutMain" class="nav-link">GIỚI THIỆU</a>
|
|
<a href="/productMain" class="nav-link">SẢN PHẨM</a>
|
|
<a href="/serviceMain" class="nav-link">DỊCH VỤ</a>
|
|
<a href="/newsMain" class="nav-link">TIN TỨC</a>
|
|
<a href="/lien-he" class="nav-link">LIÊN HỆ</a>
|
|
</nav>
|
|
|
|
<div class="sidebar-contact">
|
|
<div class="d-flex align-items-center mb-3">
|
|
<div
|
|
class="contact-icon2 d-flex align-items-center justify-content-center me-2"
|
|
>
|
|
<i class="bi bi-geo-alt-fill"></i>
|
|
</div>
|
|
<div>
|
|
<div>Lầu 12, số 27 Đinh Bộ Lĩnh,</div>
|
|
<div>P. Bình Thạnh, TP.Hồ Chí Minh</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center">
|
|
<div
|
|
class="contact-icon d-flex align-items-center justify-content-center me-2"
|
|
>
|
|
<i class="bi bi-envelope-open-fill"></i>
|
|
</div>
|
|
<div>
|
|
<div>Email:</div>
|
|
<div>info@kylongtech.com</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- NEWS CONTENT SECTION -->
|
|
<main class="news-container">
|
|
<h1 class="page-title">Tin Tức & Sự Kiện</h1>
|
|
|
|
<div class="news-filter">
|
|
<button class="filter-btn active">Tất Cả</button>
|
|
<button class="filter-btn">Công Nghệ</button>
|
|
<button class="filter-btn">Thị Trường</button>
|
|
<button class="filter-btn">Doanh Nghiệp</button>
|
|
<button class="filter-btn">Hoạt Động</button>
|
|
</div>
|
|
|
|
<div class="news-grid">
|
|
<!-- News Item 1 -->
|
|
<a href="/newsArticle1" class="news-card">
|
|
<div class="news-thumbnail">
|
|
<img src="https://i.imgur.com/exD5v9p.png" alt="Tin tức Kỳ Long" />
|
|
</div>
|
|
<div class="news-content">
|
|
<span class="news-category">Thị Trường</span>
|
|
<h3 class="news-title">
|
|
TỔNG QUAN VỀ DIỄN BIẾN GIÁ KHÍ LNG TRONG 5 NĂM QUA
|
|
</h3>
|
|
<p class="news-excerpt">
|
|
Giá khí LNG đang trở thành một trong những vấn đề nóng hổi trong
|
|
ngành năng lượng hiện nay.
|
|
</p>
|
|
<div class="news-date"><i>🕒</i> 05/03/2025</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- News Item 2 -->
|
|
<a href="/newsArticle2" class="news-card">
|
|
<div class="news-thumbnail">
|
|
<img src="https://i.imgur.com/0MGOlmy.png" alt="Tin tức Kỳ Long" />
|
|
</div>
|
|
<div class="news-content">
|
|
<span class="news-category">Công Nghệ</span>
|
|
<h3 class="news-title">Khí đốt tự nhiên được khai thác từ đâu?</h3>
|
|
<p class="news-excerpt">
|
|
Bạn có bao giờ thắc mắc: Khí đốt tự nhiên được khai thác từ đâu?
|
|
</p>
|
|
<div class="news-date"><i>🕒</i> 28/02/2025</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- News Item 3 -->
|
|
<a href="/newsArticle1" class="news-card">
|
|
<div class="news-thumbnail">
|
|
<img src="https://i.imgur.com/exD5v9p.png" alt="Tin tức Kỳ Long" />
|
|
</div>
|
|
<div class="news-content">
|
|
<span class="news-category">Thị Trường</span>
|
|
<h3 class="news-title">
|
|
TỔNG QUAN VỀ DIỄN BIẾN GIÁ KHÍ LNG TRONG 5 NĂM QUA
|
|
</h3>
|
|
<p class="news-excerpt">
|
|
Giá khí LNG đang trở thành một trong những vấn đề nóng hổi trong
|
|
ngành năng lượng hiện nay.
|
|
</p>
|
|
<div class="news-date"><i>🕒</i> 20/02/2025</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- News Item 4 -->
|
|
<a href="/newsArticle1" class="news-card">
|
|
<div class="news-thumbnail">
|
|
<img src="https://i.imgur.com/exD5v9p.png" alt="Tin tức Kỳ Long" />
|
|
</div>
|
|
<div class="news-content">
|
|
<span class="news-category">Hoạt Động</span>
|
|
<h3 class="news-title">
|
|
TỔNG QUAN VỀ DIỄN BIẾN GIÁ KHÍ LNG TRONG 5 NĂM QUA
|
|
</h3>
|
|
<p class="news-excerpt">
|
|
Giá khí LNG đang trở thành một trong những vấn đề nóng hổi trong
|
|
ngành năng lượng hiện nay.
|
|
</p>
|
|
<div class="news-date"><i>🕒</i> 15/02/2025</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- News Item 5 -->
|
|
<a href="/newsArticle1" class="news-card">
|
|
<div class="news-thumbnail">
|
|
<img src="https://i.imgur.com/exD5v9p.png" alt="Tin tức Kỳ Long" />
|
|
</div>
|
|
<div class="news-content">
|
|
<span class="news-category">Công Nghệ</span>
|
|
<h3 class="news-title">
|
|
TỔNG QUAN VỀ DIỄN BIẾN GIÁ KHÍ LNG TRONG 5 NĂM QUA
|
|
</h3>
|
|
<p class="news-excerpt">
|
|
Giá khí LNG đang trở thành một trong những vấn đề nóng hổi trong
|
|
ngành năng lượng hiện nay.
|
|
</p>
|
|
<div class="news-date"><i>🕒</i> 08/02/2025</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- News Item 6 -->
|
|
<a href="/newsArticle1" class="news-card">
|
|
<div class="news-thumbnail">
|
|
<img src="https://i.imgur.com/exD5v9p.png" alt="Tin tức Kỳ Long" />
|
|
</div>
|
|
<div class="news-content">
|
|
<span class="news-category">Hoạt Động</span>
|
|
<h3 class="news-title">
|
|
TỔNG QUAN VỀ DIỄN BIẾN GIÁ KHÍ LNG TRONG 5 NĂM QUA
|
|
</h3>
|
|
<p class="news-excerpt">
|
|
Giá khí LNG đang trở thành một trong những vấn đề nóng hổi trong
|
|
ngành năng lượng hiện nay.
|
|
</p>
|
|
<div class="news-date"><i>🕒</i> 30/01/2025</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- News Item 7 -->
|
|
<a href="/newsArticle1" class="news-card">
|
|
<div class="news-thumbnail">
|
|
<img src="https://i.imgur.com/exD5v9p.png" alt="Tin tức Kỳ Long" />
|
|
</div>
|
|
<div class="news-content">
|
|
<span class="news-category">Hoạt Động</span>
|
|
<h3 class="news-title">
|
|
TỔNG QUAN VỀ DIỄN BIẾN GIÁ KHÍ LNG TRONG 5 NĂM QUA
|
|
</h3>
|
|
<p class="news-excerpt">
|
|
Giá khí LNG đang trở thành một trong những vấn đề nóng hổi trong
|
|
ngành năng lượng hiện nay.
|
|
</p>
|
|
<div class="news-date"><i>🕒</i> 30/01/2025</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- News Item 8 -->
|
|
<a href="/newsArticle1" class="news-card">
|
|
<div class="news-thumbnail">
|
|
<img src="https://i.imgur.com/exD5v9p.png" alt="Tin tức Kỳ Long" />
|
|
</div>
|
|
<div class="news-content">
|
|
<span class="news-category">Hoạt Động</span>
|
|
<h3 class="news-title">
|
|
TỔNG QUAN VỀ DIỄN BIẾN GIÁ KHÍ LNG TRONG 5 NĂM QUA
|
|
</h3>
|
|
<p class="news-excerpt">
|
|
Giá khí LNG đang trở thành một trong những vấn đề nóng hổi trong
|
|
ngành năng lượng hiện nay.
|
|
</p>
|
|
<div class="news-date"><i>🕒</i> 30/01/2025</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- News Item 9 -->
|
|
<a href="/newsArticle1" class="news-card">
|
|
<div class="news-thumbnail">
|
|
<img src="https://i.imgur.com/exD5v9p.png" alt="Tin tức Kỳ Long" />
|
|
</div>
|
|
<div class="news-content">
|
|
<span class="news-category">Hoạt Động</span>
|
|
<h3 class="news-title">
|
|
TỔNG QUAN VỀ DIỄN BIẾN GIÁ KHÍ LNG TRONG 5 NĂM QUA
|
|
</h3>
|
|
<p class="news-excerpt">
|
|
Giá khí LNG đang trở thành một trong những vấn đề nóng hổi trong
|
|
ngành năng lượng hiện nay.
|
|
</p>
|
|
<div class="news-date"><i>🕒</i> 30/01/2025</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="news-pagination">
|
|
<!-- Pagination buttons will be generated by JavaScript -->
|
|
</div>
|
|
|
|
<div
|
|
class="no-results"
|
|
style="display: none; text-align: center; padding: 2rem; width: 100%"
|
|
>
|
|
<p>Không có tin tức nào phù hợp với bộ lọc đã chọn.</p>
|
|
</div>
|
|
</main>
|
|
<!-- END OF NEWS CONTENT SECTION -->
|
|
|
|
<!-- Footer Component -->
|
|
<div id="footer"></div>
|
|
|
|
<script src="newsPages/newsMain/newsMain.js"></script>
|
|
<script src="/components/header/header.js"></script>
|
|
</body>
|
|
</html>
|