hiepht/PresentCorpo
0
0
Fork 0
forked from MinhQuan/PresentCorpo
Code Pull Requests Activity

init

Browse Source
This commit is contained in:
MinhQuan
2026-06-03 01:06:32 +07:00
commit 31d30434d6
72 changed files with 11912 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/newsPages/newsArticle1/newsArticle1.css
+110
View File
@@ -0,0 +1,110 @@
/* views\newsPage\newsArticle1\newsArticle1.css */
/* Reset and Base Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
body {
color: #333;
background-color: #f7f7f7;
}
a {
text-decoration: none;
color: inherit;
}
/* Ensure visited links don't turn purple */
a:visited {
color: inherit;
}
/* Optional: Keep hover state consistent */
a:hover {
text-decoration: none;
color: inherit;
}
/* Optional: Keep active state consistent */
a:active {
color: inherit;
}
/* MAIN CONTENT - ARTICLE STYLING */
article {
max-width: 800px;
margin: 40px auto;
padding: 30px;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
line-height: 1.6;
}
/* Main heading styling */
article h1 {
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
color: #006241;
border-bottom: 2px solid #30875f;
padding-bottom: 10px;
}
/* Secondary heading styling */
article h2 {
font-size: 24px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 15px;
color: #30875f;
text-transform: uppercase;
}
/* Tertiary heading styling */
article h3 {
font-size: 20px;
font-weight: bold;
margin-top: 25px;
margin-bottom: 10px;
color: #e84e0f;
}
/* Paragraph styling */
article p {
margin-bottom: 15px;
text-align: justify;
}
/* First paragraph after headings with special styling */
article h1 + p,
article h2 + p,
article h3 + p {
font-size: 17px;
color: #2c3e50;
}
/* END OF ARTICLE STYLING */
/* RESPONSIVE STYLES */
@media (max-width: 768px) {
/* Article responsiveness */
article {
padding: 15px;
margin: 20px auto;
}
article h1 {
font-size: 24px;
}
article h2 {
font-size: 20px;
}
article h3 {
font-size: 18px;
}
}
views/newsPages/newsArticle1/newsArticle1.html
+496
View File
@@ -0,0 +1,496 @@
<!-- views\newsPage\newsArticle1\newsArticle1.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
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
/>
<link
rel="preload"
href="components/header/header.html"
as="fetch"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="components/header/header.css" />
<link rel="stylesheet" href="components/footer/footer.css" />
<link rel="stylesheet" href="newsPages/newsArticle1/newsArticle1.css" />
</head>
<body>
<!-- Header Component -->
<div id="header"></div>
<article>
<h2>TỔNG QUAN VỀ DIỄN BIẾN GIÁ KHÍ LNG TRONG 5 NĂM QUA</h2>
<p>
Trong những năm gần đây, diễn biến giá khí LNG trong 5 năm qua đã có
những thay đổi đáng kể. Các yếu tố từ cung cầu toàn cầu đến tình hình
chính trị và môi trường tác động mạnh mẽ đến giá khí LNG.
</p>
<p>
Giá khí LNG đã tăng vọt vào năm 2022 khi nhu cầu tiêu thụ tăng cao vì
cuộc khủng hoảng năng lượng tại châu Âu. Đến năm 2023, giá bắt đầu ổn
định nhưng vẫn ở mức cao hơn so với những năm trước đó. Những dự báo cho
năm 2025 cũng cho thấy một xu hướng tăng nhẹ.
</p>
<h3>Sự gia tăng nhu cầu tiêu thụ khí LNG</h3>
<p>
Nhu cầu tiêu thụ khí LNG trên toàn cầu tăng trưởng mạnh mẽ nhờ vào sự
chuyển dịch từ than đá sang khí thiên nhiên để giảm thiểu ô nhiễm môi
trường. Các quốc gia như Trung Quốc và Ấn Độ đã đẩy mạnh nhập khẩu khí
LNG để phục vụ cho các dự án phát triển công nghiệp và đô thị hóa.
</p>
<p>
Sự chuyển dịch này không chỉ góp phần làm tăng giá khí LNG mà còn thúc
đẩy các nhà sản xuất đầu tư mạnh mẽ hơn vào các cơ sở hạ tầng kho chứa
và vận chuyển khí.
</p>
<h3>Tác động của chính sách năng lượng</h3>
<p>
Chính sách năng lượng của nhiều quốc gia, đặc biệt là các nước châu Âu,
đã thay đổi mạnh mẽ để giảm thiểu sự phụ thuộc vào nguồn năng lượng hóa
thạch. Điều này tạo ra áp lực lớn lên nguồn cung khí LNG, dẫn đến những
biến động về giá khí LNG thế giới.
</p>
<p>
Các quy định khắt khe về bảo vệ môi trường đã khiến cho nhiều nhà máy
điện than phải đóng cửa, mở đường cho khí LNG trở thành lựa chọn chính.
Sự cạnh tranh giữa các nhà cung cấp khí LNG trên thế giới cũng đã ảnh
hưởng đến giá cả.
</p>
<h3>Tình hình cung ứng và gián đoạn chuỗi cung ứng</h3>
<p>
Đại dịch COVID-19 đã gây ra sự gián đoạn lớn trong chuỗi cung ứng, từ
sản xuất đến vận chuyển khí LNG. Nhiều nhà máy sản xuất phải tạm ngưng
hoạt động trong thời gian dài, dẫn đến tình trạng thiếu hụt nguồn cung.
</p>
<p>
Đồng thời, tình hình xung đột chính trị tại nhiều khu vực cũng khiến cho
việc giao thương khí LNG bị ảnh hưởng. Những yếu tố này cộng lại đã tạo
ra những biến động lớn trong giá khí LNG.
</p>
<h2>Phân tích chi tiết các yếu tố ảnh hưởng đến giá khí LNG</h2>
<p>
Để hiểu rõ hơn về giá khí LNG, chúng ta cần xem xét các yếu tố chính có
thể ảnh hưởng đến giá cả trong tương lai.
</p>
<h3>Yếu tố cung cầu</h3>
<p>
Cung cầu là yếu tố quyết định chính đến giá khí LNG. Khi nhu cầu tăng
cao hơn so với cung, giá sẽ tự động tăng lên. Ngược lại, nếu cung vượt
cầu, giá sẽ giảm.
</p>
<p>
Hiện nay, với sự phát triển kinh tế và đô thị hóa, nhu cầu sử dụng khí
LNG ngày càng tăng. Trong khi đó, sự đầu tư vào các dự án khai thác khí
thiên nhiên vẫn chưa đủ để đáp ứng kịp thời nhu cầu này.
</p>
<h3>Giá nguyên liệu thô</h3>
<p>
Giá nguyên liệu thô, bao gồm dầu mỏ và khí thiên nhiên, cũng có tác động
lớn đến giá khí LNG trong 5 năm qua. Khi giá dầu mỏ tăng, giá khí LNG
cũng thường có xu hướng tăng theo.
</p>
<p>
Tuy nhiên, thị trường khí LNG cũng có tính độc lập nhất định, do đó
không hoàn toàn bị chi phối bởi giá dầu. Sự phát triển của các công nghệ
mới trong khai thác và chế biến khí LNG có thể giúp giảm chi phí sản
xuất và vận chuyển, ảnh hưởng tích cực đến giá cả.
</p>
<h3>Chính sách và quy định của chính phủ</h3>
<p>
Chính sách thuế và phí đối với LNG tại Việt Nam đóng vai trò quan trọng
trong việc định hình cơ cấu giá của loại nhiên liệu này. Các mức thuế
nhập khẩu, phí quản lý, điều tiết, cùng với những chính sách hỗ trợ
ngành năng lượng, đều có tác động trực tiếp đến giá LNG.
</p>
<p>
Từ ngày 01/01/2024, một số thay đổi trong chính sách thuế và phí đã được
áp dụng, mang lại những tác động đáng kể:
</p>
<ul>
<li>
<strong>Thuế Bảo Vệ Môi Trường:</strong> Từ đầu năm 2024, chính sách
thuế bảo vệ môi trường mới đã thiết lập mức thuế cụ thể cho các loại
nhiên liệu như xăng, dầu diesel và các sản phẩm dầu khác. Mặc dù LNG
không được đề cập cụ thể, nhưng việc điều chỉnh thuế đối với các nhiên
liệu khác có thể làm thay đổi xu hướng lựa chọn nhiên liệu, từ đó ảnh
hưởng đến nhu cầu và giá cả của LNG.
</li>
<li>
<strong>Thuế Giá Trị Gia Tăng (GTGT):</strong> Theo Nghị định
94/2023/NĐ-CP, thuế GTGT đã được giảm từ 10% xuống còn 8% áp dụng đến
hết ngày 30/6/2024. Sự điều chỉnh này có khả năng làm giảm chi phí đầu
vào cho các doanh nghiệp hoạt động trong lĩnh vực LNG, từ đó tác động
đến giá bán LNG trên thị trường.
</li>
<li>
<strong>Thuế Tối Thiểu Toàn Cầu:</strong> Bắt đầu từ năm 2024, Việt
Nam chính thức áp dụng thuế tối thiểu toàn cầu với mức thuế suất 15%
đối với các doanh nghiệp và tập đoàn đa quốc gia có doanh thu từ 750
triệu euro trở lên. Điều này có thể ảnh hưởng đến chi phí hoạt động và
quyết định đầu tư của các công ty đa quốc gia trong lĩnh vực LNG tại
Việt Nam.
</li>
</ul>
<h2>So sánh giá khí LNG trong nước và giá LNG thế giới</h2>
<p>
Việt Nam đang trong quá trình phát triển mạnh mẽ ngành công nghiệp khí
LNG. Tuy nhiên, mức giá khí LNG trong nước vẫn luôn chênh lệch với giá
khí LNG thế giới.
</p>
<h3>Nguyên nhân chênh lệch giá</h3>
<p>
Có nhiều nguyên nhân dẫn đến sự chênh lệch giữa giá khí LNG trong nước
và giá thế giới. Đầu tiên là chi phí vận chuyển và lưu trữ. Việt Nam chủ
yếu phụ thuộc vào việc nhập khẩu khí LNG từ các quốc gia khác, dẫn đến
chi phí cao hơn.
</p>
<p>
Thứ hai, chính sách quản lý giá khí đốt của chính phủ cũng ảnh hưởng
đáng kể đến giá cả. Các quy định về giá bán lẻ và giá nhập khẩu có thể
làm biến động giá trong nước.
</p>
<h3>Xu hướng điều chỉnh giá</h3>
<p>
Dựa trên tình hình tiêu thụ và giá cả thế giới, có thể thấy rằng giá khí
LNG trong nước đang có xu hướng điều chỉnh. Cơ quan quản lý nên có kế
hoạch phù hợp để đảm bảo sự phát triển bền vững của thị trường khí LNG.
</p>
<p>
Thêm vào đó, việc thúc đẩy sản xuất nội địa cũng sẽ giúp giảm sự phụ
thuộc vào nguồn nhập khẩu, từ đó ổn định được giá khí LNG.
</p>
<h3>Tương lai của giá khí LNG trong nước</h3>
<p>
Trong tương lai, với việc đầu tư vào cơ sở hạ tầng và các dự án khai
thác khí trong nước, giá khí LNG có khả năng sẽ giảm xuống, mang lại lợi
ích cho ngành điện và người tiêu dùng. Tuy nhiên, việc này còn phụ thuộc
vào nhiều yếu tố bên ngoài, bao gồm giá thị trường thế giới và sự biến
động của nguồn cung.
</p>
<h2>Giá khí hóa lỏng LNG hiện nay và dự báo xu hướng trong tương lai</h2>
<p>
Hiện nay, giá khí hóa lỏng LNG đang ở mức cao do nhu cầu tăng mạnh và sự
gián đoạn trong chuỗi cung ứng. Dự báo trong tương lai, giá khí LNG có
thể tiếp tục dao động tùy thuộc vào nhiều yếu tố.
</p>
<h3>Phân tích diễn biến giá hiện tại</h3>
<p>
Giá khí LNG hiện nay đang chịu áp lực từ việc tăng cường sử dụng năng
lượng sạch và việc giảm thiểu phát thải. Thường xuyên theo dõi giá khí
LNG hôm nay là rất cần thiết để đưa ra quyết định đầu tư đúng đắn.
</p>
<p>
Hơn nữa, sự phục hồi kinh tế sau đại dịch COVID-19 cũng đã tạo ra nhu
cầu lớn cho khí LNG, đặc biệt là tại các nền kinh tế đang phát triển.
Tuy nhiên, sự bất ổn trong thị trường toàn cầu vẫn là một yếu tố không
thể bỏ qua.
</p>
<h3>Dự báo giá trong các năm tới</h3>
<p>
Theo các chuyên gia, giá khí LNG có thể sẽ tiếp tục tăng trong vài năm
tới do nhu cầu sử dụng ngày càng cao. Tuy nhiên, với sự phát triển của
công nghệ và các dự án khai thác mới, giá có thể sẽ ổn định hơn vào giữa
thập kỷ tới.
</p>
<p>
Các nhà phân tích cho rằng giá khí LNG sẽ dao động trong khoảng từ 8-12
USD/MMBtu trong giai đoạn 2025-2030 tùy thuộc vào diễn biến của thị
trường thế giới.
</p>
<h3>Ảnh hưởng của biến đổi khí hậu</h3>
<p>
Biến đổi khí hậu là một yếu tố quan trọng có thể tác động đến giá khí
LNG. Việc gia tăng các quy định về bảo vệ môi trường có thể dẫn đến chi
phí sản xuất gia tăng, từ đó làm tăng giá bán ra. Do đó, các nhà sản
xuất cần nghiên cứu và áp dụng công nghệ sạch hơn để giữ được giá cả ổn
định.
</p>
<h2>Tác động của giá khí LNG đến giá điện và nền kinh tế Việt Nam</h2>
<p>
Giá khí LNG có vai trò quan trọng trong việc xác định giá điện tại Việt
Nam. Khi giá khí LNG tăng, giá điện cũng sẽ chịu tác động không nhỏ.
</p>
<h3>Giá điện và sự phụ thuộc vào khí LNG</h3>
<p>
Việt Nam đang có kế hoạch phát triển mạnh mẽ ngành điện khí LNG để đáp
ứng nhu cầu tiêu thụ ngày càng tăng. Tuy nhiên, sự phụ thuộc vào khí LNG
cũng đặt ra những rủi ro về giá cả.
</p>
<p>
Nhà nước cần có những chính sách hợp lý để kiểm soát giá khí LNG nhằm
tránh các cú sốc về giá điện trong tương lai. Việc xây dựng một khung
giá điện khí LNG linh hoạt và minh bạch là rất cần thiết.
</p>
<h3>Tác động đến nền kinh tế</h3>
<p>
Giá khí LNG ảnh hưởng trực tiếp đến chi phí sản xuất và sinh hoạt của
người dân. Nếu giá khí LNG tăng cao, chi phí điện sẽ tăng theo, ảnh
hưởng đến sức mua của người tiêu dùng.
</p>
<p>
Thêm vào đó, sự biến động của giá khí LNG thế giới cũng sẽ tác động đến
sự ổn định của nền kinh tế. Các doanh nghiệp cần chuẩn bị sẵn sàng cho
những biến động này để đảm bảo hoạt động sản xuất không bị gián đoạn.
</p>
<h3>Lợi ích từ giá khí LNG ổn định</h3>
<p>
Khi giá khí LNG ổn định, điều này sẽ tạo ra môi trường thuận lợi cho đầu
tư và phát triển kinh tế. Các doanh nghiệp có thể dự đoán trước được chi
phí sản xuất, từ đó lên kế hoạch kinh doanh hiệu quả hơn.
</p>
<p>
Ngoài ra, việc duy trì giá khí LNG ở mức hợp lý cũng sẽ giúp nâng cao
chất lượng cuộc sống của người dân thông qua giá điện ổn định.
</p>
<h2>Biểu đồ minh họa diễn biến giá khí LNG trong 5 năm gần đây</h2>
<p>
Để có cái nhìn trực quan về giá khí LNG, biểu đồ sẽ giúp chúng ta dễ
dàng nhận thấy những biến động qua các năm.
</p>
<h3>Diễn biến giá khí LNG</h3>
<p>
Biểu đồ giá khí LNG trong 5 năm qua cho thấy những đỉnh điểm và xu hướng
giảm/tăng. Giai đoạn năm 2022 là năm có sự tăng mạnh nhất do nhu cầu
tăng cao. Sau đó, giá bắt đầu có dấu hiệu ổn định nhưng vẫn cao hơn so
với các năm trước.
</p>
<h3>Phân tích biểu đồ</h3>
<p>
Phân tích biểu đồ sẽ giúp chúng ta hiểu rõ hơn về những yếu tố nào đã
tác động đến giá khí LNG. Chẳng hạn, sự gia tăng trong nhu cầu nhập khẩu
và các chính sách năng lượng đều ảnh hưởng đến diễn biến này.
</p>
<p>
Ngoài ra, tình hình chính trị và các sự kiện toàn cầu cũng có thể tạo ra
những cú sốc lớn cho giá khí LNG.
</p>
<h3>Dự báo giá tương lai</h3>
<p>
Dựa trên các dữ liệu từ biểu đồ, các nhà phân tích có thể đưa ra những
dự báo cho giá khí LNG trong những năm tới. Một xu hướng ổn định và tăng
dần được dự đoán, tuy nhiên, sự biến động cũng không thể tránh khỏi.
</p>
<h2>Khảo sát khung giá điện khí LNG và các chính sách liên quan</h2>
<p>
Khung giá điện khí LNG đang là một trong những vấn đề được bàn luận sôi
nổi trong ngành năng lượng hiện nay.
</p>
<h3>Khung giá điện khí LNG</h3>
<p>
Khung giá điện khí LNG cần được xây dựng trên cơ sở cân bằng giữa lợi
ích của người tiêu dùng và các nhà sản xuất. Việc này sẽ giúp tạo ra một
thị trường năng lượng công bằng và bền vững hơn.
</p>
<p>
Chính phủ cần hợp tác chặt chẽ với các doanh nghiệp để tìm ra giải pháp
tối ưu nhất cho vấn đề này. Ngoài ra, việc áp dụng công nghệ mới cũng sẽ
giúp giảm chi phí sản xuất, từ đó giảm giá bán lẻ cho người tiêu dùng.
</p>
<h3>Chính sách hỗ trợ từ chính phủ</h3>
<p>
Chính phủ cần có những chính sách hỗ trợ cho ngành khí LNG như ưu đãi
thuế, hỗ trợ tài chính cho các dự án đầu tư vào hạ tầng, từ đó giảm bớt
gánh nặng cho giá cả.
</p>
<p>
Các chính sách này không chỉ giúp tăng cường phát triển ngành khí LNG mà
còn đảm bảo an ninh năng lượng cho quốc gia.
</p>
<h3>Các yếu tố tác động đến chính sách giá</h3>
<p>
Những yếu tố như biến động giá thế giới, tình hình chính trị và các quy
định về bảo vệ môi trường đều có thể tác động đến chính sách giá điện
khí LNG. Việc theo dõi và điều chỉnh kịp thời là rất quan trọng để bảo
đảm sự phát triển bền vững.
</p>
<h2>So sánh giá khí LNG với các nguồn năng lượng khác</h2>
<p>
Giá khí LNG không chỉ chịu tác động từ chính nó mà còn từ các nguồn năng
lượng khác như than đá, dầu mỏ, và năng lượng tái tạo.
</p>
<h3>So sánh với giá than đá</h3>
<p>
Giá than đá thường có xu hướng ổn định hơn so với giá khí LNG. Tuy
nhiên, với việc các quốc gia ngày càng chuyển dịch sang sử dụng khí
thiên nhiên để giảm phát thải, tỷ lệ tiêu thụ than đá đang có dấu hiệu
giảm.
</p>
<p>
Điều này khiến cho giá than đá có thể sẽ gặp nhiều khó khăn trong tương
lai, trong khi giá khí LNG có khả năng tiếp tục tăng.
</p>
<h3>So sánh với giá dầu mỏ</h3>
<p>
Giá dầu mỏ và giá khí LNG có mối liên hệ mật thiết với nhau. Khi giá dầu
tăng, giá khí LNG cũng có xu hướng tăng theo. Tuy nhiên, khí LNG có tính
độc lập nhất định, do đó các yếu tố riêng biệt cũng sẽ ảnh hưởng đến giá
cả.
</p>
<p>
Dù vậy, việc theo dõi giá dầu vẫn là một yếu tố quan trọng trong việc dự
đoán giá khí LNG.
</p>
<h3>Tác động của năng lượng tái tạo</h3>
<p>
Với sự phát triển nhanh chóng của năng lượng tái tạo như điện mặt trời
và gió, giá khí LNG có thể bị ảnh hưởng. Nếu năng lượng tái tạo trở
thành lựa chọn chính về năng lượng, giá khí LNG có thể sẽ phải cạnh
tranh gay gắt hơn.
</p>
<p>
Tuy nhiên, khí LNG vẫn có ưu thế về tính linh hoạt trong cung cấp và dễ
dàng điều chỉnh theo nhu cầu, điều này giúp cho khí LNG vẫn có một chỗ
đứng vững chắc trên thị trường.
</p>
<h2>Thị trường khí LNG toàn cầu và vị thế của Việt Nam</h2>
<p>
Việt Nam đang từng bước phát triển thị trường khí LNG của mình để đáp
ứng nhu cầu tiêu thụ trong nước và xuất khẩu.
</p>
<h3>Vị thế của Việt Nam trên thị trường toàn cầu</h3>
<p>
Việt Nam có tiềm năng lớn trong việc phát triển ngành công nghiệp khí
LNG nhờ vào nguồn tài nguyên phong phú và vị trí địa lý thuận lợi. Những
năm gần đây, nhiều dự án khai thác khí LNG đã được triển khai, góp phần
vào sự phát triển của ngành.
</p>
<h3>Cạnh tranh trên thị trường khí LNG</h3>
<p>
Thị trường khí LNG đang trở nên cạnh tranh hơn bao giờ hết. Việt Nam cần
phải trang bị cho mình những chiến lược phù hợp để cạnh tranh với các
nhà cung cấp lớn như Qatar, Mỹ và Australia.
</p>
<p>
Việc hợp tác với các đối tác quốc tế sẽ giúp Việt Nam nâng cao vị thế
cạnh tranh của mình trên thị trường khí LNG toàn cầu.
</p>
<h3>Tiềm năng phát triển trong tương lai</h3>
<p>
Với sự gia tăng nhu cầu sử dụng năng lượng sạch và chính sách hỗ trợ từ
chính phủ, lĩnh vực khí LNG của Việt Nam có nhiều cơ hội phát triển
trong tương lai. Việc đầu tư vào cơ sở hạ tầng và công nghệ sẽ là chìa
khóa để Việt Nam khai thác triệt để tiềm năng này.
</p>
<h2>
Các giải pháp nhằm đảm bảo an ninh năng lượng và ổn định giá khí LNG
</h2>
<p>
Để đảm bảo an ninh năng lượng và ổn định giá khí LNG, cần có các giải
pháp đồng bộ từ chính phủ đến các doanh nghiệp.
</p>
<h3>Đầu tư vào hạ tầng</h3>
<p>
Một trong những giải pháp quan trọng nhất là đầu tư mạnh mẽ vào hạ tầng
khí LNG, từ cảng nhập khẩu, kho chứa đến hệ thống phân phối. Điều này sẽ
giúp giảm chi phí vận chuyển và lưu trữ, từ đó giảm giá bán ra.
</p>
<h3>Đa dạng hóa nguồn cung</h3>
<p>
Việc đa dạng hóa nguồn cung khí LNG sẽ giúp giảm bớt rủi ro liên quan
đến biến động giá. Việt Nam nên tìm kiếm các đối tác từ nhiều quốc gia
khác nhau để đảm bảo nguồn cung ổn định.
</p>
<h3>Thúc đẩy nghiên cứu và phát triển</h3>
<p>
Khuyến khích nghiên cứu và phát triển trong lĩnh vực công nghệ khí LNG
sẽ giúp các nhà sản xuất giảm thiểu chi phí và tăng cường khả năng cạnh
tranh. Ứng dụng công nghệ mới sẽ góp phần quan trọng vào việc ổn định
giá khí LNG trong tương lai.
</p>
<h2>Kết luận</h2>
<p>
Giá khí LNG đang trong quá trình biến đổi phức tạp và chịu ảnh hưởng từ
nhiều yếu tố khác nhau. Việc theo dõi và nghiên cứu kỹ lưỡng diễn biến
giá khí LNG là rất quan trọng để đưa ra những quyết định hợp lý trong
đầu tư và sử dụng năng lượng.
</p>
<p>
Với những tiềm năng phát triển mạnh mẽ, cùng với sự hỗ trợ từ chính phủ
và các chính sách hợp lý, thị trường khí LNG của Việt Nam chắc chắn sẽ
có những bước tiến mới trong thời gian tới. Việc Việt Nam đẩy mạnh phát
triển giá khí LNG không chỉ đáp ứng nhu cầu trong nước mà còn hướng đến
mục tiêu xuất khẩu, tạo ra giá trị gia tăng cho nền kinh tế.
</p>
<p>
Trong bối cảnh thị trường năng lượng toàn cầu đang chuyển mình, sự
chuyển từ than đá và dầu mỏ sang khí LNG là khá rõ nét, đặc biệt là khi
các quốc gia đặt mục tiêu giảm phát thải carbon nhằm đạt được các cam
kết về bảo vệ môi trường.
</p>
<p>
Để thành công trong việc phát triển ngành khí LNG, Việt Nam cần chú
trọng nhiều vào các yếu tố như an ninh năng lượng, tính cạnh tranh và
hiệu quả của cơ sở hạ tầng. Qua đó, Chính phủ và doanh nghiệp có thể
phối hợp chặt chẽ để định hình một tương lai vượt trội cho ngành công
nghiệp này, góp phần vào sự phát triển bền vững của đất nước.
</p>
<p>
Trong tương lai gần, giá khí LNG sẽ tiếp tục biến động theo xu hướng
chung của thị trường thế giới, cùng với những áp lực từ các chính sách
toàn cầu nhằm khuyến khích sử dụng năng lượng sạch. Chính vì vậy, Việt
Nam cần phải có chiến lược linh hoạt để thích ứng với những thay đổi
này, đồng thời đảm bảo rằng giá khí LNG có thể duy trì ở mức hợp lý,
không làm ảnh hưởng đến sự tăng trưởng kinh tế của cả quốc gia.
</p>
<p>
Tổng quan lại, việc đánh giá và phân tích sâu sắc những xu hướng biến
động của giá khí LNG, cùng với các giải pháp cải tiến từ khai thác nguồn
cung cho đến vận chuyển và phân phối, sẽ là yếu tố then chốt quyết định
đến tương lai của ngành năng lượng tại Việt Nam. Thực hiện những bước đi
đúng đắn ngay từ bây giờ sẽ giúp Việt Nam xây dựng một nền kinh tế năng
lượng mạnh mẽ và bền vững hơn trong những năm tới.
</p>
</article>
<!-- Footer Component -->
<div id="footer"></div>
<script src="components/header/header.js"></script>
<script src="newsPages/newsArticle1/newsArticle1.js"></script>
</body>
</html>
views/newsPages/newsArticle1/newsArticle1.js
+7
View File
@@ -0,0 +1,7 @@
////views\newsPages\newsArticle1\newsArticle1.js
// Load footer
fetch("components/footer/footer.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("footer").innerHTML = data;
});
views/newsPages/newsArticle2/newsArticle2.css
+110
View File
@@ -0,0 +1,110 @@
/* views\newsPage\newsArticle2\newsArticle2.css */
/* Reset and Base Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
body {
color: #333;
background-color: #f7f7f7;
}
a {
text-decoration: none;
color: inherit;
}
/* Ensure visited links don't turn purple */
a:visited {
color: inherit;
}
/* Optional: Keep hover state consistent */
a:hover {
text-decoration: none;
color: inherit;
}
/* Optional: Keep active state consistent */
a:active {
color: inherit;
}
/* MAIN CONTENT - ARTICLE STYLING */
article {
max-width: 800px;
margin: 40px auto;
padding: 30px;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
line-height: 1.6;
}
/* Main heading styling */
article h1 {
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
color: #006241;
border-bottom: 2px solid #30875f;
padding-bottom: 10px;
}
/* Secondary heading styling */
article h2 {
font-size: 24px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 15px;
color: #30875f;
text-transform: uppercase;
}
/* Tertiary heading styling */
article h3 {
font-size: 20px;
font-weight: bold;
margin-top: 25px;
margin-bottom: 10px;
color: #e84e0f;
}
/* Paragraph styling */
article p {
margin-bottom: 15px;
text-align: justify;
}
/* First paragraph after headings with special styling */
article h1 + p,
article h2 + p,
article h3 + p {
font-size: 17px;
color: #2c3e50;
}
/* END OF ARTICLE STYLING */
/* RESPONSIVE STYLES */
@media (max-width: 768px) {
/* Article responsiveness */
article {
padding: 15px;
margin: 20px auto;
}
article h1 {
font-size: 24px;
}
article h2 {
font-size: 20px;
}
article h3 {
font-size: 18px;
}
}
views/newsPages/newsArticle2/newsArticle2.html
+298
View File
@@ -0,0 +1,298 @@
<!-- views\newsPage\newsArticle2\newsArticle2.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
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
/>
<link
rel="preload"
href="components/header/header.html"
as="fetch"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="components/header/header.css" />
<link rel="stylesheet" href="components/footer/footer.css" />
<link rel="stylesheet" href="newsPages/newsArticle2/newsArticle2.css" />
</head>
<body>
<!-- Header Component -->
<div id="header"></div>
<article>
<h1>Khí đốt tự nhiên được khai thác từ đâu? Cùng tìm hiểu</h1>
<p>
Trong bối cảnh nhu cầu năng lượng toàn cầu ngày càng tăng, khí đốt tự
nhiên đã trở thành một trong những nguồn nhiên liệu quan trọng, góp phần
đáp ứng nhu cầu điện, nhiệt và nguyên liệu cho nhiều ngành công nghiệp.
Nhưng bạn có bao giờ thắc mắc: Khí đốt tự nhiên được khai thác từ đâu?
Hành trình từ lòng đất sâu thẳm đến ngôi nhà và nhà máy của chúng ta
diễn ra như thế nào? Hãy cùng Kỳ Long khám phá nguồn gốc, quá trình khai
thác và vai trò của nguồn tài nguyên quý giá này trong đời sống con
người.
</p>
<h2>Dầu mỏ là gì? Khí thiên nhiên là gì?</h2>
<p>
<strong>Dầu mỏ</strong> là chất lỏng tự nhiên hình thành từ quá trình
phân hủy sinh vật cổ đại dưới áp suất và nhiệt độ cao trong lòng đất
trải qua hàng triệu năm. Loại "vàng đen" này được khai thác từ các tầng
địa chất sâu và trải qua quá trình tinh chế để tạo thành nhiều sản phẩm
năng lượng thiết yếu như xăng, dầu diesel và dầu nhờn. Ngoài vai trò là
nguồn nhiên liệu chính cho các phương tiện giao thông, dầu mỏ còn là
nguyên liệu đầu vào quan trọng trong sản xuất nhựa, dược phẩm và nhiều
sản phẩm công nghiệp khác.
</p>
<p>
<strong>Khí thiên nhiên</strong> là hỗn hợp khí hydrocarbon với thành
phần chủ yếu là methane (CH4), hình thành cùng quá trình địa chất với
dầu mỏ. Được khai thác từ các mỏ khí dưới lòng đất hoặc đáy biển, khí
thiên nhiên được coi là nguồn nhiên liệu hóa thạch sạch nhất với lượng
phát thải carbon thấp hơn so với dầu mỏ và than đá. Khí thiên nhiên được
sử dụng rộng rãi làm nhiên liệu đốt trong các nhà máy điện, hệ thống
sưởi ấm, nấu nướng trong hộ gia đình, và là nguyên liệu quan trọng trong
sản xuất phân bón, nhựa và nhiều hóa chất công nghiệp.
</p>
<p>
Cả hai nguồn tài nguyên này đều đóng vai trò then chốt trong nền kinh tế
toàn cầu, tuy nhiên việc khai thác và sử dụng chúng cần được cân nhắc
trong bối cảnh biến đổi khí hậu và phát triển bền vững.
</p>
<img
src="https://i.imgur.com/0MGOlmy.png"
alt="Dầu mỏ tự nhiên"
width="100%"
/>
<p class="image-caption">Dầu mỏ tự nhiên</p>
<h2>Khu vực khai thác khí thiên nhiên tại Việt Nam</h2>
<p>
Việt Nam sở hữu nguồn tài nguyên khí thiên nhiên phong phú phân bố trên
cả ba miền đất nước, mỗi khu vực đều mang những đặc điểm địa chất và giá
trị kinh tế riêng biệt.
</p>
<h3>Khu Vực Bắc Bộ</h3>
<p>
Vịnh Bắc Bộ nổi bật với chuỗi mỏ khí quan trọng như Tiền Hải, Hàm Rồng
và Hồng Ngọc. Các mỏ này đóng vai trò then chốt trong việc đảm bảo nguồn
cung khí đáp ứng nhu cầu năng lượng khu vực phía Bắc.
</p>
<h3>Khu Vực Miền Trung</h3>
<ul>
<li>
<strong>Dung Quất (Quảng Ngãi):</strong> Là một trong những mỏ khí
thiên nhiên trọng điểm, được khai thác từ các tầng đá trầm tích vùng
biển cửa sông Trà Khúc.
</li>
<li>
<strong>Cá Voi Xanh (Chu Lai):</strong> Nằm cách bờ biển miền Trung
88km, sở hữu trữ lượng khổng lồ, được đánh giá là một trong những mỏ
khí lớn nhất Việt Nam.
</li>
<li>
<strong>Kèn Bầu (Quảng Trị):</strong> Khai thác từ năm 2019, cách bờ
biển 65km, là phát hiện mang tính lịch sử thúc đẩy ngành dầu khí.
</li>
</ul>
<h3>Khu Vực Nam Bộ</h3>
<p>
<strong>Nam Côn Sơn:</strong> Hệ thống khí thiên nhiên lớn nhất Nam Bộ,
bao gồm các mỏ Lan Tây, Lan Đỏ, Rồng Đôi, Rồng Tây... nằm trong vịnh
Thái Lan với trữ lượng đáng kể.
</p>
<p>
<strong>Cà Mau:</strong> Mỏ khí lớn tại cực Nam Tổ quốc, đóng góp quan
trọng vào an ninh năng lượng quốc gia.
</p>
<p>
Ngoài ra, Việt Nam còn nhiều vùng tiềm năng khác đang trong quá trình
thăm dò và nghiên cứu, hứa hẹn mở rộng nguồn tài nguyên khí thiên nhiên
trong tương lai.
</p>
<h2>Các mỏ khí thiên nhiên lớn tại Việt Nam</h2>
<p>
Việt Nam sở hữu tiềm năng khí thiên nhiên dồi dào với nhiều mỏ khí trọng
điểm đang được khai thác hiệu quả trên khắp lãnh thổ. Mỏ khí Bạch Hổ tại
Vịnh Bắc Bộ nổi bật với trữ lượng ước tính 400 tỷ mét khối, là một trong
những mỏ khí lớn nhất cả nước, đóng góp đáng kể vào nguồn cung năng
lượng quốc gia. Tương tự, mỏ khí Mặt Trời Đỏ ở vùng biển phía Bắc với
hàng tỷ mét khối khí thiên nhiên cũng đóng vai trò quan trọng trong việc
đáp ứng nhu cầu năng lượng ngày càng tăng.
</p>
<p>
Tại miền Trung, mỏ khí Dung Quất (Quảng Ngãi) với trữ lượng khoảng 90 tỷ
mét khối đã góp phần thúc đẩy phát triển công nghiệp địa phương. Trong
khi đó, khu vực Nam Bộ tự hào với mỏ khí Nam Côn Sơn nằm ở vịnh Thái Lan
- mỏ khí thiên nhiên lớn nhất Việt Nam với trữ lượng ước tính hàng trăm
tỷ mét khối, cùng với mỏ khí Cà Mau (trữ lượng khoảng 150 tỷ mét khối)
đang đóng góp to lớn vào sự phát triển kinh tế và đảm bảo an ninh năng
lượng quốc gia.
</p>
<p>
Bên cạnh những mỏ khí chính, Việt Nam còn sở hữu nhiều mỏ khí tiềm năng
khác như Rạch Việt, Núi Tổ và Tây Nam Côn Đảo, tiếp tục củng cố vị thế
của Việt Nam trong lĩnh vực khai thác và sử dụng khí thiên nhiên.
</p>
<img
src="https://i.imgur.com/jnJSmFx.png"
alt="Hoạt động khai thác khí tại Việt Nam"
width="100%"
/>
<p class="image-caption">Hoạt động khai thác khí tại Việt Nam</p>
<h2>Tình trạng khai thác dầu mỏ và khí thiên nhiên tại Việt Nam</h2>
<h3>Quy trình khai thác dầu mỏ</h3>
<p>
Khai thác dầu mỏ là một quy trình phức tạp đòi hỏi trình độ kỹ thuật cao
và nguồn vốn đầu tư lớn. Quá trình này bao gồm nhiều công đoạn chuyên
biệt từ thăm dò ban đầu đến vận chuyển sản phẩm cuối cùng, mỗi giai đoạn
đều cần có công nghệ, phương pháp riêng và phải đối mặt với nhiều thách
thức khác nhau.
</p>
<h4>Giai Đoạn 1: Tìm Kiếm và Định Vị Mỏ Dầu</h4>
<p>
Công nghệ địa chấn là phương pháp "cổ điển" được các nhà địa chất học sử
dụng để tìm kiếm bể dầu trong tự nhiên. Quy trình thực hiện bao gồm việc
tạo ra những vụ nổ lớn bằng mìn trong lòng đất, sau đó quan sát và ghi
nhận sóng địa chấn phản hồi để xác định kết cấu của các lớp địa tầng và
mật độ của những lớp đất đá có khả năng hình thành bể chứa dầu.
</p>
<p>
Ngày nay, ngành công nghiệp dầu khí đã phát triển nhiều phương pháp định
vị tiên tiến hơn như sử dụng thiết bị đo từ trường và thiết bị đo trọng
lực. Những thiết bị này có khả năng phát hiện những thay đổi rất nhỏ
trong từ trường của Trái Đất, giúp các nhà địa chất xác định vị trí có
dòng chảy của dầu. Trong quá trình thăm dò, các mũi điện tử siêu nhạy
cảm cũng được triển khai để xác định mùi vị của hydrocarbon - thành phần
chính của dầu mỏ.
</p>
<h4>Giai Đoạn 2: Khoan Thăm Dò và Xây Dựng Giếng</h4>
<p>
Khi đã xác định được vị trí của bể dầu, đội ngũ kỹ thuật sẽ tiến hành
khoan một lỗ sâu vào lớp vỏ Trái Đất để tạo ra giếng dầu. Quá trình này
đòi hỏi độ chính xác cao và sự phối hợp nhịp nhàng giữa nhiều yếu tố kỹ
thật.
</p>
<p>
Sau khi đạt đến lớp dầu bên trong mỏ, lỗ khoan được gia cường bằng hệ
thống ống thép đặt bên trong, kết hợp với kết cấu bê tông và cốt thép
trên miệng giếng để tạo nền móng vững chắc. Giai đoạn cuối cùng của quá
trình khoan là việc lắp đặt các van kiểm soát vào bên trên miệng giếng,
đóng vai trò quan trọng trong việc điều chỉnh dòng chảy và duy trì áp
suất phù hợp trong suốt quá trình khai thác.
</p>
<img
src="https://i.imgur.com/xNLRwSr.png"
alt="Nhà máy khai thác dầu mỏ"
width="100%"
/>
<p class="image-caption">Nhà máy khai thác dầu mỏ</p>
<h3>Quy trình khai thác khí thiên nhiên</h3>
<p>
Chu trình khai thác khí thiên nhiên tại Việt Nam là một quy trình toàn
diện, được thiết kế để tối ưu hóa việc khai thác, đảm bảo an toàn và
hiệu quả kinh tế. Quy trình này được chia thành bảy giai đoạn chính, mỗi
giai đoạn đều đóng vai trò thiết yếu trong việc đưa tài nguyên khí từ
lòng đất đến người tiêu dùng cuối cùng.
</p>
<ul>
<li>
<strong>Giai Đoạn 1: Định Vị và Khảo Sát:</strong> Quá trình bắt đầu
với việc xác định các khu vực tiềm năng thông qua khảo sát địa chất,
địa mạo và địa chấn. Các chuyên gia sử dụng công nghệ tiên tiến để
phân tích cấu trúc địa tầng, đánh giá khả năng tồn tại của các túi khí
và xác định vị trí tối ưu cho các hoạt động thăm dò tiếp theo.
</li>
<li>
<strong>Giai Đoạn 2: Khoan Thăm Dò:</strong> Sau khi xác định được khu
vực tiềm năng, các giếng thăm dò được khoan để thu thập thông tin chi
tiết về độ sâu, kích thước và chất lượng của mỏ khí. Giai đoạn này
cung cấp dữ liệu quan trọng về đặc tính của lớp đá chứa khí, thành
phần hóa học và áp suất, giúp các nhà địa chất đánh giá chính xác khả
năng khai thác thương mại.
</li>
<li>
<strong>Giai Đoạn 3: Thiết Kế và Xây Dựng Cơ Sở Hạ Tầng:</strong> Khi
tiềm năng mỏ khí được xác nhận, các kỹ sư tiến hành thiết kế và xây
dựng hệ thống cơ sở hạ tầng cần thiết. Công đoạn này bao gồm việc lắp
đặt hệ thống đường ống dẫn khí, trạm nén, thiết bị giám sát, cơ sở lưu
trữ và các công trình phụ trợ khác, tạo nên mạng lưới hoàn chỉnh cho
quá trình khai thác.
</li>
<li>
<strong>Giai Đoạn 4: Khoan Sản Xuất:</strong> Các giếng khai thác được
khoan sâu xuống tầng đất chứa khí với công nghệ và thiết bị chuyên
dụng. Mỗi giếng được thiết kế riêng biệt dựa trên đặc điểm địa chất
của khu vực và sau đó được kết nối với hệ thống ống dẫn, tạo thành
mạng lưới vận chuyển khí từ lòng đất lên bề mặt.
</li>
<li>
<strong>Giai Đoạn 5: Khai Thác và Sản Xuất:</strong> Đây là giai đoạn
cốt lõi của chu trình, khi khí thiên nhiên được đưa lên bề mặt thông
qua các kỹ thuật khai thác như áp suất tự nhiên, bơm khí hoặc các
phương pháp tăng cường áp suất. Quá trình này được kiểm soát chặt chẽ
để đảm bảo tốc độ khai thác bền vững và tối đa hóa khả năng thu hồi
khí.
</li>
<li>
<strong>Giai Đoạn 6: Xử Lý và Phân Phối:</strong> Khí thiên nhiên khai
thác được đưa vào các nhà máy xử lý để tách tạp chất, loại bỏ các
thành phần không mong muốn và đạt tiêu chuẩn chất lượng thương mại.
Sau khi xử lý, khí được nén đến áp suất thích hợp và phân phối đến các
nhà máy điện, khu công nghiệp và hộ tiêu dùng thông qua hệ thống đường
ống.
</li>
<li>
<strong>Giai Đoạn 7: Giám Sát và Bảo Trì:</strong> Toàn bộ chu trình
khai thác được giám sát liên tục bởi các hệ thống tự động và đội ngũ
chuyên gia. Các thông số như áp suất, lưu lượng và chất lượng khí được
theo dõi thường xuyên, trong khi các hoạt động bảo trì định kỳ được
thực hiện để đảm bảo hệ thống vận hành an toàn, hiệu quả và tuân thủ
các tiêu chuẩn môi trường.
</li>
</ul>
<img
src="https://i.imgur.com/9njIYNJ.png"
alt="Công trình khai thác khí thiên nhiên"
width="100%"
/>
<p class="image-caption">Công trình khai thác khí thiên nhiên</p>
<h2>Lời kết</h2>
<p>
Khí đốt tự nhiên không chỉ là nguồn năng lượng thiết yếu cho cuộc sống
hiện đại mà còn đóng vai trò quan trọng trong quá trình chuyển đổi sang
năng lượng sạch. Từ những mỏ khí sâu trong lòng đất đến hệ thống đường
ống và nhà máy xử lý, hành trình của khí đốt tự nhiên là minh chứng cho
sự kết hợp giữa công nghệ tiên tiến và nỗ lực khai thác bền vững.
</p>
</article>
<!-- Footer Component -->
<div id="footer"></div>
<script src="components/header/header.js"></script>
<script src="newsPages/newsArticle1/newsArticle1.js"></script>
</body>
</html>
views/newsPages/newsArticle2/newsArticle2.js
+7
View File
@@ -0,0 +1,7 @@
////views\newsPages\newsArticle2\newsArticle2.js
// Load footer
fetch("components/footer/footer.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("footer").innerHTML = data;
});
views/newsPages/newsMain/newsMain.css
+194
View File
@@ -0,0 +1,194 @@
/* views\newsPage\newsMain\newsMain.css */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
body {
color: #333;
background-color: #f7f7f7;
}
a {
text-decoration: none;
color: inherit;
}
/* Ensure visited links don't turn purple */
a:visited {
color: inherit;
}
/* Optional: Keep hover state consistent */
a:hover {
text-decoration: none;
color: inherit;
}
/* Optional: Keep active state consistent */
a:active {
color: inherit;
}
/* NEWS SECTION CSS */
.news-container {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
.page-title {
text-align: center;
margin-bottom: 40px;
color: #006241;
position: relative;
}
.page-title:after {
content: "";
display: block;
width: 80px;
height: 3px;
background-color: #e84e0f;
margin: 10px auto;
}
.news-filter {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.filter-btn {
padding: 8px 16px;
margin: 0 10px;
background-color: #fff;
color: #006241;
border: 1px solid #30875f;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease;
}
.filter-btn:hover,
.filter-btn.active {
background-color: #30875f;
color: white;
}
.news-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
}
.news-card {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.news-card:hover {
transform: translateY(-5px);
}
.news-thumbnail {
height: 200px;
overflow: hidden;
}
.news-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.news-card:hover .news-thumbnail img {
transform: scale(1.05);
}
.news-content {
padding: 20px;
}
.news-category {
display: inline-block;
background-color: #e84e0f;
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
margin-bottom: 10px;
}
.news-title {
font-size: 18px;
margin-bottom: 10px;
color: #006241;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-excerpt {
color: #666;
margin-bottom: 15px;
font-size: 14px;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-date {
color: #999;
font-size: 12px;
display: flex;
align-items: center;
}
.news-date i {
margin-right: 5px;
}
.news-pagination {
display: flex;
justify-content: center;
margin-top: 40px;
}
.page-btn {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px;
border-radius: 4px;
background-color: #fff;
color: #006241;
border: 1px solid #ddd;
cursor: pointer;
transition: all 0.3s ease;
}
.page-btn:hover,
.page-btn.active {
background-color: #30875f;
color: white;
border-color: #30875f;
}
/* END OF NEWS SECTION CSS */
/* Responsive styles */
@media (max-width: 992px) {
.news-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.news-grid {
grid-template-columns: 1fr;
}
}
views/newsPages/newsMain/newsMain.html
+388
View File
@@ -0,0 +1,388 @@
<!-- 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>
views/newsPages/newsMain/newsMain.js
+219
View File
@@ -0,0 +1,219 @@
///// views\newsPage\newsMain\newsMain.js
// Load footer
fetch("components/footer/footer.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("footer").innerHTML = data;
});
//// NEWS FILTER JS
document.addEventListener("DOMContentLoaded", function () {
// Get all filter buttons and news cards
const filterButtons = document.querySelectorAll(".filter-btn");
const newsCards = document.querySelectorAll(".news-card");
// Add click event listeners to each filter button
filterButtons.forEach((button) => {
button.addEventListener("click", function () {
// Remove active class from all buttons
filterButtons.forEach((btn) => btn.classList.remove("active"));
// Add active class to clicked button
this.classList.add("active");
// Get the category to filter by (button text)
const filterCategory = this.textContent.trim();
// Show all news cards if "Tất Cả" is selected, otherwise filter
if (filterCategory === "Tất Cả") {
newsCards.forEach((card) => {
card.style.display = "block";
});
} else {
// Filter news cards by category
newsCards.forEach((card) => {
const cardCategory = card
.querySelector(".news-category")
.textContent.trim();
if (cardCategory === filterCategory) {
card.style.display = "block";
} else {
card.style.display = "none";
}
});
}
});
});
// Add click event listeners to pagination buttons
const pageButtons = document.querySelectorAll(".page-btn");
pageButtons.forEach((button) => {
button.addEventListener("click", function () {
// Remove active class from all page buttons
pageButtons.forEach((btn) => btn.classList.remove("active"));
// Add active class to clicked button
this.classList.add("active");
// In a real application, you would load different news items here
// For demonstration, we'll just scroll to top
window.scrollTo({
top: document.querySelector(".news-container").offsetTop - 100,
behavior: "smooth",
});
});
});
});
//// END OF NEWS FILTER JS
//// PAGINATION JS
document.addEventListener("DOMContentLoaded", function () {
// Get all filter buttons and news cards
const filterButtons = document.querySelectorAll(".filter-btn");
const newsCards = document.querySelectorAll(".news-card");
const paginationContainer = document.querySelector(".news-pagination");
// Pagination settings
const itemsPerPage = 6;
let currentPage = 1;
let filteredItems = [...newsCards]; // Start with all items
// Initialize page
function initializePage() {
// Clear existing pagination
paginationContainer.innerHTML = "";
// Show items for current page and category filter
updateDisplay();
// Create pagination buttons
createPaginationButtons();
}
// Update which items are displayed based on current page and filters
function updateDisplay() {
// Hide all news items first
newsCards.forEach((card) => {
card.style.display = "none";
});
// Show only the items for current page
const startIndex = (currentPage - 1) * itemsPerPage;
const endIndex = startIndex + itemsPerPage;
filteredItems.slice(startIndex, endIndex).forEach((card) => {
card.style.display = "block";
});
// Show "no results" message if needed
const noResultsElement = document.querySelector(".no-results");
if (noResultsElement) {
if (filteredItems.length === 0) {
noResultsElement.style.display = "block";
} else {
noResultsElement.style.display = "none";
}
}
}
// Create pagination buttons
function createPaginationButtons() {
const totalPages = Math.ceil(filteredItems.length / itemsPerPage);
// Previous button
if (currentPage > 1) {
const prevBtn = document.createElement("button");
prevBtn.className = "page-btn";
prevBtn.innerHTML = "&lt;"; // < symbol
prevBtn.addEventListener("click", () => {
currentPage--;
updatePage();
});
paginationContainer.appendChild(prevBtn);
}
// Page number buttons
for (let i = 1; i <= totalPages; i++) {
const pageBtn = document.createElement("button");
pageBtn.className = "page-btn";
if (i === currentPage) {
pageBtn.classList.add("active");
}
pageBtn.textContent = i;
pageBtn.addEventListener("click", () => {
currentPage = i;
updatePage();
});
paginationContainer.appendChild(pageBtn);
}
// Next button
if (currentPage < totalPages) {
const nextBtn = document.createElement("button");
nextBtn.className = "page-btn";
nextBtn.innerHTML = "&gt;"; // > symbol
nextBtn.addEventListener("click", () => {
currentPage++;
updatePage();
});
paginationContainer.appendChild(nextBtn);
}
// If no pages, show a disabled "1" button
if (totalPages === 0) {
const emptyBtn = document.createElement("button");
emptyBtn.className = "page-btn active";
emptyBtn.textContent = "1";
emptyBtn.disabled = true;
paginationContainer.appendChild(emptyBtn);
}
}
// Update the page after changing page or filter
function updatePage() {
updateDisplay();
// Recreate pagination buttons
paginationContainer.innerHTML = "";
createPaginationButtons();
// Scroll to top of news section
window.scrollTo({
top: document.querySelector(".news-container").offsetTop - 100,
behavior: "smooth",
});
}
// Add click event listeners to each filter button
filterButtons.forEach((button) => {
button.addEventListener("click", function () {
// Remove active class from all buttons
filterButtons.forEach((btn) => btn.classList.remove("active"));
// Add active class to clicked button
this.classList.add("active");
// Get the category to filter by (button text)
const filterCategory = this.textContent.trim();
// Filter the items based on category
if (filterCategory === "Tất Cả") {
filteredItems = [...newsCards];
} else {
filteredItems = [...newsCards].filter((card) => {
const cardCategory = card
.querySelector(".news-category")
.textContent.trim();
return cardCategory === filterCategory;
});
}
// Reset to first page when filter changes
currentPage = 1;
updatePage();
});
});
// Initialize the page when the DOM is loaded
initializePage();
});
//// PAGINATION JS