0% found this document useful (0 votes)

6 views36 pages

Code

The document contains HTML and CSS code for a web page that utilizes Google Fonts, Tailwind CSS, and GSAP for animations. It includes styles for various elements such as video overlays, scroll containers, and navigation items, emphasizing modern design with glassmorphism effects and responsive layouts. The code also features animations and hover effects to enhance user interaction and visual appeal.

Uploaded by

Nguyễn Quang

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

6 views36 pages

Code

Uploaded by

Nguyễn Quang

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

<p></p>

<link rel="preconnect" href="[Link] />

<p></p>

<link rel="preconnect" href="[Link] crossorigin="" />

<p></p>

<p>

<script src="[Link]

</p>

<link rel="stylesheet" href="[Link]

awesome/6.4.0/css/[Link]" />

<p>

<script src="[Link]

[Link] = {

theme: {

extend: {

fontFamily: {

sans: ['"Be Vietnam Pro"', 'sans-serif'],

tech: ['"Chakra Petch"', 'sans-serif'],

colors: {

cyber: '#0056D2', /* Xanh điện tử đậm */

flash: '#00F0FF', /* Xanh Neon sáng */

hotpink: '#FF005E', /* Hồng Neon */

glass: 'rgba(255, 255, 255, 0.25)',

dark: '#0B1120',

boxShadow: {

'glass': '0 8px 32px 0 rgba(31, 38, 135, 0.15)',

'neon': '0 0 10px rgba(0, 240, 255, 0.5), 0 0 20px rgba(0, 240, 255, 0.3)',

animation: {

'shine': 'shine 6s infinite linear',

</script>

</p>

<style>

/* --- FIX LỖI KHÔNG CUỘN ĐƯỢC TRÊN VIDEO --- */

/* Khi đang lăn chuột, video sẽ bị "xuyên thấu" (pointer-events: none) */

.video-wrapper {

position: relative;

width: 100%;

/* Giữ tỷ lệ khung hình video (ví dụ 16:9) nếu cần */

aspect-ratio: 16 / 9;

/* Lớp phủ trong suốt */

.video-overlay {

position: absolute;
inset: 0; /* Phủ kín 4 góc */

z-index: 10; /* Nằm đè lên iframe */

cursor: pointer; /* Hiện con trỏ để biết có thể click */

background: transparent;

/* === RESET & BASE === */

::-webkit-scrollbar { width: 0px; background: transparent; }

body {

overflow: hidden;

background-color: #f8fafc;

color: #1e293b;

.scroll-container {

height: 100vh;

overflow-y: scroll;

scroll-snap-type: y mandatory;

scroll-behavior: smooth;

.section {

height: 100vh;

width: 100%;

scroll-snap-align: start;

position: relative;

overflow: hidden;

display: flex;

align-items: center;

justify-content: center;
}

/* === BACKGROUND === */

.bg-container {

position: absolute; inset: 0; z-index: 0;

transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);

.bg-img {

width: 100%; height: 100%; object-fit: cover;

transition: filter 1s ease, transform 8s ease;

.tech-grid {

position: absolute; inset: 0;

background-image:

linear-gradient(rgba(0, 86, 210, 0.05) 1px, transparent 1px),

linear-gradient(90deg, rgba(0, 86, 210, 0.05) 1px, transparent 1px);

background-size: 50px 50px;

pointer-events: none;

z-index: 1;

.overlay-grad {

position: absolute; inset: 0;

background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(241,245,249,0.9) 100%);

z-index: 1;

/* === TECH PANEL (Inner pages) === */

.tech-panel {

background: rgba(255, 255, 255, 0.85);

backdrop-filter: blur(20px);

-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255,255,255,0.6);

clip-path: polygon(

20px 0, 100% 0,

100% calc(100% - 20px), calc(100% - 20px) 100%,

0 100%, 0 20px

);

box-shadow: 0 20px 50px -10px rgba(0, 86, 210, 0.15);

opacity: 0; transform: translateY(50px) scale(0.98);

transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);

position: relative;

display: flex; flex-direction: column;

max-height: 85vh;

.hud-corner {

position: absolute; width: 30px; height: 30px;

border: 2px solid #0056D2; pointer-events: none; opacity: 0.5;

.hc-tl { top: 0; left: 0; border-right: 0; border-bottom: 0; }

.hc-br { bottom: 0; right: 0; border-left: 0; border-top: 0; }

.content-scroll-area {

height: 100%;

max-height: 60vh;

overflow-y: auto;

overflow-x: hidden;

padding-right: 15px;

font-family: 'Be Vietnam Pro', sans-serif;

font-size: 1.1rem;

line-height: 1.8;
color: #334155;

/* --- CÁC DÒNG QUAN TRỌNG ĐỂ HẾT GIẬT --- */

scroll-behavior: auto !important;

overscroll-behavior: contain; /* Ngăn rung trang khi cuộn kịch kim */

/* Thanh cuộn giữ nguyên */

.content-scroll-area::-webkit-scrollbar { width: 6px; }

.content-scroll-area::-webkit-scrollbar-track { background: rgba(0,0,0,0.05); }

.content-scroll-area::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 4px; }

.content-scroll-area::-webkit-scrollbar-thumb:hover { background: #0056D2; }

/* === ANIMATION STATES === */

.[Link] .tech-panel {

opacity: 1; transform: translateY(0) scale(1); transition-delay: 0.6s;

.[Link] .intro-content {

opacity: 1; transform: translateY(0); transition-delay: 0.3s;

.section .bg-img { filter: grayscale(30%) contrast(90%); }

.[Link] .bg-img {

filter: grayscale(0%) contrast(100%) blur(4px);

transform: scale(1.05);

transition: filter 1s ease 0.6s, transform 10s ease;

/* === MODERN GLASS CYBER INTRO STYLES === */

.section-intro .bg-img {
/* Sáng, rõ nét, hơi lạnh để tôn kính trong suốt */

filter: contrast(105%) brightness(1.05) saturate(1.1) !important;

.[Link] .bg-img {

/* Khi active thì không blur nền quá nhiều để giữ vẻ trong trẻo */

filter: contrast(100%) blur(0px) !important;

/* Cyber Box - ULTRA GLASS STYLE */

.cyber-box {

/* Gradient thủy tinh trong suốt */

background: linear-gradient(

135deg,

rgba(255, 255, 255, 0.4) 0%,

rgba(255, 255, 255, 0.1) 100%

);

/* Blur cực mạnh để làm mờ nền phía sau */

backdrop-filter: blur(20px);

-webkit-backdrop-filter: blur(20px);

/* Viền phát sáng nhẹ */

border: 1px solid rgba(255, 255, 255, 0.8);

border-right: 1px solid rgba(255, 255, 255, 0.3);

border-bottom: 1px solid rgba(255, 255, 255, 0.3);

box-shadow: 0 8px 32px 0 rgba(0, 86, 210, 0.15);

/* ĐÃ XÓA clip-path để khung thẳng lại */

/* clip-path: polygon(...) <-- Đã bỏ dòng này */

border-radius: 4px; /* Thêm bo góc nhẹ cho đẹp (tùy chọn) */

position: relative;

overflow: hidden; /* Để chứa hiệu ứng shine */

/* Hiệu ứng quét sáng (Shine) */

.cyber-box::before {

content: '';

position: absolute;

top: 0; left: -100%;

width: 50%; height: 100%;

background: linear-gradient(

to right,

transparent,

rgba(255, 255, 255, 0.6),

transparent

);

transform: skewX(-25deg);

animation: shine 6s infinite;

pointer-events: none;

z-index: 0;

@keyframes shine {

0% { left: -100%; }

15% { left: 200%; } /* Quét nhanh */

100% { left: 200%; } /* Chờ đợi */

}
/* Glitch Text - Blue Modern */

.glitch-text {

position: relative;

color: #0056D2;

letter-spacing: -3px;

z-index: 1;

/* Giảm bớt glitch để trông hiện đại, sạch sẽ hơn */

.glitch-text::before, .glitch-text::after { display: none; }

/* Thay bằng hiệu ứng bóng đổ layer */

.glitch-text {

text-shadow:

2px 2px 0px rgba(0, 240, 255, 0.4),

-1px -1px 0px rgba(255, 0, 94, 0.2);

/* Decorative Lines on Glass */

.glass-deco-line {

position: absolute; background: rgba(0, 86, 210, 0.3); z-index: 1;

/* Typewriter Cursor */

.cursor-blink {

display: inline-block; width: 10px; height: 1em; background-color: #0056D2;

animation: blink 1s step-end infinite; vertical-align: text-bottom; margin-left: 5px;

@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

/* === TYPOGRAPHY & EFFECTS === */

.data-number {

font-family: 'Chakra Petch', sans-serif; font-weight: 700; color: transparent;

-webkit-text-stroke: 1px #0056D2; position: relative; transition: all 0.4s ease; display: inline-block;

.section:hover .data-number {

background: #0056D2; -webkit-background-clip: text; -webkit-text-stroke: 0;

text-shadow: 2px 2px 0px rgba(0, 240, 255, 0.4); transform: translateX(10px);

.tech-heading {

font-family: 'Chakra Petch', sans-serif; font-weight: 700; color: #1e293b;

position: relative; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-transform: uppercase;

.tech-heading:hover {

color: #0056D2; text-shadow: 3px 3px 0px rgba(0, 240, 255, 0.25); transform: translateX(4px);

/* === IMAGE STYLE === */

.figure-wrapper {

position: relative; margin: 1.5rem 0; overflow: hidden; border-radius: 4px;

border: 1px solid rgba(0, 86, 210, 0.2); background: #000;

.event-img { width: 100%; height: auto; display: block; transition: opacity 0.3s, transform 0.5s;
opacity: 0.9; }

.scan-line {

position: absolute; top: 0; left: -100%; width: 50%; height: 100%;

background: linear-gradient(to right, transparent, rgba(0, 240, 255, 0.3), transparent);

transform: skewX(-20deg); pointer-events: none; z-index: 2;

}

.figure-wrapper:hover .event-img { opacity: 1; transform: scale(1.02); }

.figure-wrapper:hover .scan-line { left: 200%; transition: left 0.8s ease-in-out; }

.figure-wrapper:hover { border-color: #00F0FF; box-shadow: 0 0 15px rgba(0, 240, 255, 0.2); }

.tech-caption {

background: #e2e8f0; padding: 10px; font-size: 0.9rem; font-family: 'Be Vietnam Pro', sans-serif;

color: #475569; text-align: center; font-weight: 500; border-top: 2px solid #0056D2; transition: all
0.3s;

.figure-wrapper:hover + .tech-caption {

background: #0056D2; color: white; text-shadow: 0 0 5px rgba(255,255,255,0.5);

/* === NAVIGATION === */

.nav-item {

width: 36px; height: 36px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(4px);

border: 1px solid #94a3b8; color: #475569; margin: 8px 0;

display: flex; align-items: center; justify-content: center;

font-family: 'Chakra Petch', sans-serif; font-weight: 600; font-size: 14px;

cursor: pointer; transition: all 0.3s ease;

clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0
10px);

.nav-item:hover {

background: #fff; border-color: #0056D2; color: #0056D2; transform: translateX(-5px);

box-shadow: 0 0 10px rgba(0, 86, 210, 0.2);

.[Link] {
background: #0056D2; border-color: #00F0FF; color: #fff;

box-shadow: 0 0 15px rgba(0, 86, 210, 0.4); transform: scale(1.1);

</style>

<nav class="fixed right-6 top-1/2 transform -translate-y-1/2 z-40 hidden md:flex flex-
col items-center" id="navigation"></nav>

<div class="fixed top-0 left-0 w-full h-1 bg-slate-200 z-50 md:hidden">

<div id="progress-bar" class="h-full bg-cyber width-0 transition-all duration-300 shadow-neon"></div>

</div>

<main class="scroll-container" id="main-container">

<section class="section section-intro bg-slate-100" id="section-0" data-index="0">

<div class="bg-container"><picture> <source media="(max-width: 768px)"

srcset="[Link]
[Link]?q=80&w=800&auto=format&fit=crop" /> <img
src="[Link]
[Link]?q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="Ha Long Bay" />
</picture>

<div class="absolute inset-0 bg-white/10"></div>

<div class="tech-grid opacity-[0.05]"></div>

</div>

<div class="glass-deco-line top-6 left-0 w-16 h-[1px]"></div>

<div class="glass-deco-line top-0 left-6 w-[1px] h-16"></div>

<div class="glass-deco-line bottom-6 right-0 w-16 h-[1px]"></div>

<div class="glass-deco-line bottom-0 right-6 w-[1px] h-16"></div>

<div class="glitch-wrapper mb-4 relative z-10">

<h1 class="glitch-text text-6xl md:text-8xl lg:text-9xl font-tech font-black leading-none tracking-tighter"

data-text="10 SỰ KIỆN">10 SỰ KIỆN</h1>
</div>

<h2 class="text-xl md:text-3xl font-tech font-bold text-slate-700 uppercase tracking-[0.2em] relative z-

10">Tiêu biểu tỉnh Quảng Ninh năm 2025 <span class="cursor-blink"></span></h2>

</div>

<div class="max-w-4xl mx-auto px-8 py-6 bg-white/40 backdrop-blur-xl border border-white/50

rounded-2xl shadow-[0_8px_32px_rgba(31,38,135,0.1)] text-slate-800 font-sans text-sm md:text-base
relative group transition-all duration-300 hover:bg-white/50 hover:shadow-
[0_8px_40px_rgba(0,86,210,0.15)]">

<div class="max-h-[150px] md:max-h-[180px] overflow-y-auto content-scroll-area text-justify md:text-

center leading-relaxed font-medium">

<p style="font-size: 1.2rem;">Năm 2025 có ý nghĩa đặc biệt quan trọng, là năm
cuối của nhiệm kỳ và kế hoạch 5 năm (2021-2025); năm tiến hành đại hội đảng bộ
các cấp, Đại hội Đảng bộ tỉnh lần thứ XVI, tiến tới Đại hội đại biểu toàn quốc lần thứ XIV
của Đảng, bước sang kỷ nguyên mới - kỷ nguyên vươn mình của dân tộc. Mặc
dù phải đối diện với nhiều khó khăn, thử thách song Đảng bộ, chính
quyền, nhân dân các dân tộc tỉnh Quảng Ninh đã làm nên
kỳ tích của tinh thần đoàn kết, thống nhất, kiên định, kiên cường vượt
khó thành công, hoàn thành toàn diện, vượt mức
các mục tiêu, chỉ tiêu, nhiệm vụ, chủ đề công tác năm "Bứt phá
trong phát triển kinh tế, tạo đà cho nhiệm kỳ mới" đề ra, giữ vững đà cải
cách đổi mới sáng tạo, vì hạnh phúc nhân dân.</p>

</div>

<div class="mt-8 animate-bounce text-cyber/80 drop-shadow-sm"><i class="fa-solid fa-chevron-down

text-2xl"></i></div>

</div>

</section>

<section class="section" id="section-1" data-index="1">

<div class="bg-container"><picture> <source media="(max-width: 768px)"

srcset="[Link]
Ha_Long_02.jpg?q=80&w=800&fit=crop" /> <img
src="[Link]
Long_02.jpg?q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="BG1" />
</picture>
<div class="tech-grid"></div>

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-tl"></div>

<div class="hud-corner hc-br"></div>

<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Bứt phá mạnh mẽ về tăng

trưởng kinh tế và thu ngân sách</h2>

<div class="video-overlay" onclick="[Link]='none'"></div>

<iframe style="width: 100%; aspect-ratio: 16 / 9; border: 0;"

src="[Link] title="Video"
class="event-img"></iframe></div>

</div>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">

<p>Với nỗ lực, quyết tâm rất lớn, Đảng bộ, chính quyền, doanh nghiệp và
Nhân dân tỉnh Quảng Ninh đã hiện thực hóa chủ đề công tác
năm “Bứt phá trong tăng trưởng kinh tế, tạo đà cho nhiệm kỳ mới” với
các giải pháp đồng bộ, thiết thực. Năm 2025 tốc độ tăng trưởng tổng sản phẩm (GRDP)
của tỉnh ước đạt 11,89%, cao nhất cả nước; quy mô nền kinh tế ước đạt 368.445 tỷ đồng; tổng thu
ngân sách nhà nước lần đầu tiên đạt 82.235 tỷ đồng, đứng thứ 6 cả nước,
mức cao nhất từ trước đến nay, tăng 53% so với cùng kỳ, vượt dự toán Trung ương
và tỉnh giao. GRDP bình quân đầu người ước đạt 10.402 USD.</p>

</div>

</div>
</div>

</div>

</section>

<section class="section" id="section-2" data-index="2">

<div class="bg-container"><picture> <source media="(max-width: 768px)" srcset="[Link]

[Link]/qu-ng-ninh-nh-ng-th-nh-t-u-n-i-b-t-trong-c-ng-t-c-x-y-d-ng-ng/assets/
JJ4CbIHzbD/[Link]?
q=80&w=800&fit=crop" /> <img src="[Link]
ninh-nh-ng-th-nh-t-u-n-i-b-t-trong-c-ng-t-c-x-y-d-ng-ng/assets/JJ4CbIHzbD/
[Link]?
q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="BG2" /> </picture>

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-tl"></div>

<div class="hud-corner hc-br"></div>

<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Vận hành hiệu quả mô
hình chính quyền địa phương hai cấp, quyết liệt trong sắp xếp tinh gọn tổ chức bộ
máy, nâng cao năng lực quản trị, điều hành</h2>

<div class="tech-caption mb-6">Đồng chí Đoàn Hồng Phong, Ủy viên Trung ương
Đảng, Bí thư Đảng ủy, Tổng Thanh tra Chính phủ trao Nghị quyết của Ủy ban Thường vụ
Quốc hội về việc sắp xếp các đơn vị hành chính cấp xã của tỉnh Quảng
Ninh năm 2025 và tặng hoa chúc mừng Đảng bộ tỉnh Quảng Ninh.</div>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">

<p>Quảng Ninh là một trong những địa phương triển khai quyết liệt, khoa học, bài bản,
kịp thời mô hình chính quyền địa phương hai cấp gắn với sắp xếp, tinh gọn tổ chức
bộ máy theo chỉ đạo của Trung ương, nhận được sự đồng thuận cao cán bộ, đảng
viên và Nhân dân. Tỉnh hoàn thành việc sắp xếp 171 đơn vị
hành chính cấp xã thành 54 đơn vị hành chính mới; giảm
mạnh các đầu mối trung gian, cơ quan chuyên môn, đơn vị sự nghiệp công lập,
doanh nghiệp nhà nước trong hệ thống chính trị; tiên phong trong sắp xếp cơ sở y
tế, giáo dục, qua đó, tạo bước chuyển căn bản về tổ chức và phương thức quản
trị. Vận hành hiệu quả mô hình chính quyền địa phương hai cấp, đảm bảo
thông suốt, phân định rõ thẩm quyền, trách nhiệm, gắn với nâng cao
năng lực quản trị, điều hành; đẩy mạnh chuyển đổi số, tạo tiền đề quan trọng để tỉnh hướng tới
mô hình đô thị lớn, quản trị thông minh, kiến tạo nền hành
chính hiện đại, hiệu lực, hiệu quả, phục vụ tốt hơn Nhân dân, doanh nghiệp.</p>

</div>

</section>

<section class="section" id="section-3" data-index="3">

<div class="bg-container"><picture> <source media="(max-width: 768px)" srcset="[Link]

[Link]/quy-t-t-m-cao-h-n-h-nh-ng-quy-t-li-t-h-n-th-c-hi-n-th-nh-c-ng-ngh-quy-t-i-
h-i-xvi/assets/nTj9XsISII/z7054637939257_5e7cbff37d7603b9a2a443e61b5ba6d5-[Link]?
q=80&w=800&fit=crop" /> <img src="[Link]
t-m-cao-h-n-h-nh-ng-quy-t-li-t-h-n-th-c-hi-n-th-nh-c-ng-ngh-quy-t-i-h-i-xvi/assets/nTj9XsISII/
z7054637939257_5e7cbff37d7603b9a2a443e61b5ba6d5-[Link]?
q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="BG3" /> </picture>

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-br"></div>

<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Tổ chức thành công đại
hội đảng bộ các cấp và Đại hội Đảng bộ tỉnh lần thứ XVI</h2>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">

<p>Quảng Ninh hoàn thành tổ chức Đại hội của 59/59 đảng bộ cấp trên cơ sở
và xã, phường, đặc khu, sớm hơn 17 ngày so với yêu cầu của Trung ương; tổ
chức thành công toàn diện Đại hội đại biểu Đảng bộ tỉnh lần thứ XVI, nhiệm kỳ
2025 - 2030 với nhiều đổi mới - “Đại hội không giấy”. Đại hội XVI đã thống
nhất 23 chỉ tiêu chủ yếu, 5 quan điểm phát triển, 5 nhóm nhiệm vụ trọng
tâm, 3 khâu đột phá, 4 nhiệm vụ thường xuyên và các giải
pháp trọng tâm, nhất quán với các Nghị quyết chiến lược của Bộ
Chính trị, đặc biệt xác định quyết tâm xây dựng Quảng Ninh giàu
mạnh, văn minh, hiện đại, hạnh phúc, trở thành thành phố trực thuộc Trung
ương trước năm 2030, tự tin, vững vàng trong kỷ nguyên mới - kỷ nguyên vươn
mình của dân tộc.</p>

</div>

</section>

<div class="bg-container"><picture> <source media="(max-width: 768px)"

srcset="[Link]
[Link]?q=80&w=800&fit=crop" /> <img
src="[Link]
[Link]?q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="BG4" /> </picture>

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-tl"></div>

<div class="hud-corner hc-br"></div>

<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Quần thể di tích và

danh thắng Yên Tử - Vĩnh Nghiêm - Côn Sơn, Kiếp Bạc được UNESCO công nhận
là Di sản Văn hóa Thế giới</h2>

<div class="tech-caption mb-6">Ông Jonathan Baker, Trưởng đại diện Tổ chức Giáo dục,
khoa học và văn hóa Liên hợp quốc - UNESCO tại Việt Nam, trao tặng bằng
công nhận Di sản Văn hóa thế giới Quần thể di tích và danh thắng
Yên Tử - Vĩnh Nghiêm - Côn Sơn, Kiếp Bạc cho đồng chí Tạ Quang Đông,
Thứ trưởng Bộ Văn hóa, Thể thao và Du lịch.</div>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">

<p>Quảng Ninh giữ vai trò chủ trì nghiên cứu, lập hồ sơ trình UNESCO suốt
hơn một thập kỷ và ngày 12/7/2025, Quần thể di tích và danh thắng
Yên Tử - Vĩnh Nghiêm - Côn Sơn, Kiếp Bạc chính thức được UNESCO ghi danh
vào Danh sách Di sản Văn hóa Thế giới, khẳng định và nâng tầm
giá trị văn hóa - lịch sử Phật giáo Trúc Lâm Yên Tử, đồng thời
định vị Quảng Ninh trên bản đồ di sản và du lịch toàn cầu; mở ra không gian
phát triển du lịch văn hóa - tâm linh chất lượng cao gắn với bảo tồn, phát
huy giá trị di sản, phát triển du lịch bền vững.</p>

</div>

</section>

<section class="section" id="section-5" data-index="5">

<div class="bg-container"><picture> <source media="(max-width: 768px)"

srcset="[Link]
[Link]?q=80&w=800&fit=crop" /> <img
src="[Link]
[Link]?q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="BG5" /> </picture>

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-tl"></div>

<div class="hud-corner hc-br"></div>

<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Đột phá trong phát

triển văn hóa, du lịch, từng bước đưa công nghiệp văn hóa trở thành một
trong những trụ cột thúc đẩy tăng trưởng kinh tế - xã hội</h2>

<div class="tech-caption mb-6">“Hạ Long Concert 2025” là một trong những sự
kiện âm nhạc hoành tráng và quy mô nhất tỉnh Quảng Ninh từng tổ
chức với sự tham gia của 30.000 khán giả.</div>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">

<p>Trong năm 2025 nhiều sự kiện văn hóa, nghệ thuật, thể thao và du lịch quy mô
quốc gia, quốc tế được tổ chức thành công; lần đầu tiên triển khai chuỗi chương
trình nghệ thuật (concert) quy mô lớn, chuyên nghiệp, hiện đại, góp phần
khẳng định thương hiệu, thúc đẩy phát triển du lịch và nâng cao
hình ảnh, vị thế của Quảng Ninh; đồng thời, làm phong phú đời sống văn
hóa, tinh thần của Nhân dân; hoàn thành mục tiêu đón
trên 21 triệu lượt khách du lịch, doanh thu đạt trên 57.000 tỷ đồng, đóng
góp trực tiếp vào tăng trưởng kinh tế của tỉnh.</p>

</div>

</section>

<section class="section" id="section-6" data-index="6">

<div class="bg-container"><picture> <source media="(max-width: 768px)"

srcset="[Link]
[Link]?q=80&w=800&fit=crop" /> <img
src="[Link]
[Link]?q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="BG6" />
</picture>

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-br"></div>

<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Khởi công, khánh

thành nhiều dự án động lực quy mô lớn, tạo nền tảng phát triển hạ tầng
và không gian phát triển mới</h2>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">

<p>Tỉnh đồng loạt khởi công, khánh thành, khởi động nhiều công
trình, dự án trọng điểm. Riêng ngày 19/12/2025, có 31 dự
án, công trình trọng điểm với tổng mức đầu tư 390.800 tỷ đồng được đồng loạt
khánh thành, khởi công chào mừng Đại hội XIV của Đảng, tạo động lực
phát triển kết cấu hạ tầng, dịch vụ, kinh tế - xã hội địa phương và nâng cao
năng lực cạnh tranh, thu hút đầu tư của tỉnh, góp phần sớm hiện thực hóa mục
tiêu xây dựng Quảng Ninh trở thành thành phố trực thuộc Trung ương trước
năm 2030.</p>

</div>

</section>

<section class="section" id="section-7" data-index="7">

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-tl"></div>

<div class="hud-corner hc-br"></div>

<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Đổi mới sáng tạo, chuyển đổi
số và phát triển khoa học, công nghệ có bước phát triển
mạnh</h2>

<div class="tech-caption mb-6">Các nhà đầu tư nhận quyết định chấp thuận chủ trương
đầu tư, chứng nhận đăng ký đầu tư cho các dự án tại Hội nghị Xúc tiến
đầu tư phát triển khoa học công nghệ, đổi mới sáng tạo và chuyển đổi số
tỉnh Quảng Ninh năm 2025.</div>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">

<p>Quảng Ninh xếp thứ 3 toàn quốc về Chỉ số Đổi mới sáng tạo cấp địa phương (PII)
năm 2025; là một trong 21 tỉnh, thành phố phủ XANH 100% số xã, phường; 1 trong 4
địa phương bố trí nguồn lực cho lĩnh vực khoa học, công nghệ, đổi mới sáng tạo
và chuyển đổi số cao nhất cả nước, với gần 844.000 tỷ đồng, tương đương khoảng 3% chi
ngân sách địa phương, bảo đảm vượt yêu cầu theo quy định của Trung ương.</p>

</div>

</section>

<section class="section" id="section-8" data-index="8">

<div class="bg-container"><picture> <source media="(max-width: 768px)"

srcset="[Link]
[Link]?q=80&w=800&fit=crop" /> <img
src="[Link]
[Link]?q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="BG8" /> </picture>

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-tl"></div>

<div class="hud-corner hc-br"></div>

<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Công tác đối ngoại

và hội nhập quốc tế có nhiều dấu ấn nổi bật</h2>

<img
src="[Link]
_12031821.jpg?q=80&w=1200&auto=format&fit=crop" class="event-img"
alt="International" /></div>
<div class="tech-caption mb-6">Đại diện các địa phương ký kết Biên bản hội
đàm giữa Tỉnh ủy các tỉnh Quảng Ninh, Hà Giang, Lạng Sơn, Cao Bằng (Việt Nam)
và Khu ủy Khu tự trị dân tộc Choang Quảng Tây (Trung Quốc).</div>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">

<p>Đăng cai tổ chức nhiều sự kiện đối ngoại quy mô lớn, nổi bật là Chương trình
Gặp gỡ đầu Xuân 2025, Hội nghị lần thứ 16 Ủy ban công tác liên hợp giữa
các tỉnh biên giới Việt Nam với Khu tự trị dân tộc Choang Quảng Tây, Trung
Quốc và Diễn đàn hợp tác địa phương Việt - Nhật 2025 - sự kiện ngoại giao cấp
địa phương có quy mô lớn, lần đầu tiên tổ chức tại Việt Nam góp phần
nâng cao vị thế và uy tín quốc tế của tỉnh.</p>

</div>

</section>

<section class="section" id="section-9" data-index="9">

<div class="bg-container"><picture> <source media="(max-width: 768px)"

srcset="[Link]
[Link]?q=80&w=800&fit=crop" /> <img
src="[Link]
[Link]?q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="BG9" /> </picture>

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-tl"></div>

<div class="hud-corner hc-br"></div>

<div class="flex items-end gap-4 mb-6 border-b border-slate-300 pb-4"><span class="text-6xl md:text-
8xl data-number">09</span> <span class="block h-1 flex-1 bg-gradient-to-r from-cyber to-transparent
mb-2"></span></div>
<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Y tế chuyên sâu
phát triển vươn tầm, giáo dục mũi nhọn tiếp tục duy trì thành
tích tốt</h2>

<div class="tech-caption mb-6">Đồng thời tổ chức lấy đa tạng và ghép thận cho 2 người
bệnh tại Bệnh viện Đa khoa tỉnh Quảng Ninh.</div>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">

<p>Ngành y tế Quảng Ninh tạo dấu mốc lịch sử với 7 ca ghép thận thành
công, 2 ca hiến đa tạng từ người chết não, cứu sống 17 bệnh nhân. Đầu tư
phát triển 12 trung tâm y tế chuyên sâu trực thuộc các bệnh viện;
100% trạm y tế xã/phường/thị trấn có bác sĩ. Tỷ lệ người dân tham gia BHYT
đạt 95,75%, có hồ sơ sức khỏe điện tử đạt 95,16%.</p>

<div class="tech-caption mb-6">Em Ninh Quang Thắng, học sinh Trường THPT Chuyên Hạ Long,
đã mang về tấm Huy chương Đồng Olympic Tin học Quốc tế (IOI) lần thứ 37.</div>

<p>Quảng Ninh tiếp tục duy trì thứ hạng trong nhóm 10 tỉnh, thành có
số lượng và tỷ lệ học sinh giỏi quốc gia THPT; đạt thành tích cao tại Kỳ thi chọn
học sinh giỏi Olympic khu vực và quốc tế năm 2025; được công nhận là tỉnh đạt
chuẩn phổ cập giáo dục, xóa mù chữ ở mức cao nhất. Tỷ lệ trường chuẩn quốc
gia đạt 92,07%; tỷ lệ học sinh phổ thông được học 2 buổi/ngày đạt 85%, trong đó
tiểu học đạt 100%, hoàn thành trước 4 năm so với mục tiêu cả nước.</p>

</div>

</div>
</section>

<section class="section" id="section-10" data-index="10">

<div class="bg-container"><picture> <source media="(max-width: 768px)"

srcset="[Link]
[Link]?q=80&w=800&fit=crop" /> <img
src="[Link]
[Link]?q=80&w=2000&auto=format&fit=crop" class="bg-img" alt="BG10" /> </picture>

</div>

<div class="tech-panel p-6 md:p-8 w-full max-w-4xl">

<div class="hud-corner hc-tl"></div>

<div class="hud-corner hc-br"></div>

<h2 class="text-2xl md:text-3xl mb-6 leading-tight tech-heading">Đảm bảo an sinh xã hội - mục
tiêu, động lực cho phát triển bền vững</h2>

<div class="tech-caption mb-6">Dự án nhà ở xã hội phục vụ công nhân và chuyên gia tại KCN Đông Mai.

</div>

<div class="text-slate-600 text-base md:text-lg leading-relaxed text-justify space-y-4 font-sans font-

medium">
<p>Tỉnh triển khai đồng bộ, hiệu quả các chính sách an sinh xã hội, tổng
chi an sinh xã hội năm 2025 ước đạt 2.123 tỷ đồng, tăng 11,9% cùng kỳ; tập trung đầu tư,
nâng cấp hạ tầng dân sinh, chỉnh trang và phát triển đô thị, khu
dân cư hiện hữu theo hướng văn minh, hiện đại; hoàn thành 2.458 căn nhà
ở xã hội, nhà ở cho công nhân, đạt 112% chỉ tiêu năm 2025 do Thủ
tướng Chính phủ giao; ban hành Nghị quyết quy định việc tặng quà cho
các đối tượng nhân dịp Tết Nguyên đán hằng năm và kỷ niệm 80 năm
Ngày Quốc khánh 02/9, trong đó lần đầu tiên hộ thoát
nghèo, hộ thoát cận nghèo, người từ đủ 70 tuổi trở lên trên địa
bàn toàn tỉnh được ngân sách tỉnh hỗ trợ quà Tết; ban
hành Nghị quyết về chính sách sữa học đường - một chính sách
an sinh dài hạn, đầu tư cho con người từ sớm, góp phần cải thiện dinh dưỡng,
nâng cao thể lực, tầm vóc và phát triển toàn diện trẻ em - nguồn
nhân lực tương lai của tỉnh.</p>

</div>

</section>

</main>

<p>

// === Logic Navigation & Scroll ===

const navContainer = [Link]('navigation');

const sections = [Link]('.section');

const progressBar = [Link]('progress-bar');

const totalSections = 10; // 0 to 10

// Create Dots

for (let i = 0; i <= totalSections; i++) {

const dot = [Link]('div');

[Link] = 'nav-item'; // Reverted class name to nav-item

[Link] = `dot-${i}`;

[Link] = i === 0 ? "Trang chủ" : `Sự kiện ${i}`;

// Logic to insert Icon or Number

if (i === 0) {

[Link] = '<i class="fa-solid fa-house"></i>';

} else {

[Link] = i;

[Link] = () => [Link](`section-${i}`).scrollIntoView({ behavior: 'smooth' });

[Link](dot);

// Observer

const observerOptions = { root: null, threshold: 0.5 };

const observer = new IntersectionObserver((entries) => {

[Link](entry => {

const index = [Link]('data-index');

if ([Link]) {

// Active Class

[Link]('active');

// Update Nav

[Link]('.nav-item').forEach(d => [Link]('active'));

if ([Link](`dot-${index}`)) {

[Link](`dot-${index}`).[Link]('active');

// Update Bar

if (index) {

const pct = (parseInt(index) / totalSections) * 100;

[Link] = `${pct}%`;

}
} else {

[Link]('active');

});

}, observerOptions);

[Link](sec => [Link](sec));

// Scroll Logic for Text Areas

[Link]('.content-scroll-area').forEach(area => {

[Link]('wheel', function(e) {

const { scrollTop, scrollHeight, clientHeight } = this;

const atBottom = [Link](scrollTop + clientHeight) >= scrollHeight;

const atTop = scrollTop <= 0;

if ([Link] > 0 && atBottom) {

[Link]();

[Link]('.section').nextElementSibling?.scrollIntoView({ behavior: 'smooth' });

} else if ([Link] < 0 && atTop) {

[Link]();

[Link]('.section').previousElementSibling?.scrollIntoView({ behavior: 'smooth' });

}, { passive: false });

});

// Init

[Link] = () => [Link]('section-0').[Link]('active');

</script>

// --- HIỆU ỨNG PUNKCYBER TEXT SCRAMBLE ---

class CyberScramble {

constructor(el) {
[Link] = el;

[Link] = '!<>-_\\/[]{}—=+*^?#________'; // Các ký tự "rác" đậm chất cyber

[Link] = [Link](this);

setText(newText) {

const oldText = [Link];

const length = [Link]([Link], [Link]);

const promise = new Promise((resolve) => [Link] = resolve);

[Link] = [];

for (let i = 0; i < length; i++) {

const from = oldText[i] || '';

const to = newText[i] || '';

const start = [Link]([Link]() * 40);

const end = start + [Link]([Link]() * 40);

[Link]({ from, to, start, end });

cancelAnimationFrame([Link]);

[Link] = 0;

[Link]();

return promise;

update() {

let output = '';

let complete = 0;

for (let i = 0, n = [Link]; i < n; i++) {

let { from, to, start, end, char } = [Link][i];

if ([Link] >= end) {

complete++;

output += to;
} else if ([Link] >= start) {

if (!char || [Link]() < 0.28) {

char = [Link][[Link]([Link]() * [Link])];

[Link][i].char = char;

// Thêm màu cyber cho ký tự đang chạy

output += `<span style="color: #00F0FF; opacity: 0.7;">${char}</span>`;

} else {

output += from;

[Link] = output;

if (complete === [Link]) {

[Link]();

} else {

[Link] = requestAnimationFrame([Link]);

[Link]++;

// --- KÍCH HOẠT HIỆU ỨNG KHI LOAD ---

[Link]('DOMContentLoaded', () => {

const titleEl = [Link]('[Link]-text'); // Tiêu đề lớn

const subTitleEl = [Link]('[Link]-tech'); // Tiêu đề nhỏ

// 1. Hiệu ứng cho "10 SỰ KIỆN"

if (titleEl) {

const fx1 = new CyberScramble(titleEl);

// Đặt rỗng ban đầu để chạy hiệu ứng từ không có gì -> có chữ

[Link] = '';

setTimeout(() => {

[Link]('10 SỰ KIỆN');

}, 500); // Delay nhẹ 0.5s

// 2. Hiệu ứng cho dòng dưới "Tiêu biểu tỉnh Quảng Ninh..."

if (subTitleEl) {

// Nội dung gốc cần hiển thị

const finalSubText = "Tiêu biểu tỉnh Quảng Ninh năm 2025";

const fx2 = new CyberScramble(subTitleEl);

[Link] = ''; // Xóa chữ ban đầu

setTimeout(() => {

[Link](finalSubText).then(() => {

// Sau khi chạy xong chữ, thêm lại con trỏ nhấp nháy (cursor)

[Link] += ' <span class="cursor-blink"></span>';

});

}, 1200); // Chay sau tiêu đề lớn 1 chút

});

// --- LOGIC SCROLL TOÀN TRANG (Unified Global Scroll) ---

[Link]('wheel', (e) => {

// 1. Xác định Section đang hiển thị

let activeSection = null;

let minDist = Infinity;

[Link]('.section').forEach(sec => {

const rect = [Link]();

const dist = [Link](([Link] + [Link]/2) - [Link]/2);

if (dist < minDist) {

minDist = dist;

activeSection = sec;

});

if (!activeSection) return;

// 2. Tìm vùng nội dung scroll bên trong

const scrollBox = [Link]('.content-scroll-area');

// Hàm chuyển slide

const goNext = () => {

const next = [Link];

if (next && [Link]('section')) {

[Link]({ behavior: 'smooth' });

if (scrollBox) [Link] = 0;

};

const goPrev = () => {

const prev = [Link];

if (prev && [Link]('section')) {

[Link]({ behavior: 'smooth' });

if (scrollBox) [Link] = 0;

}
};

// 3. Ngăn chặn hành vi mặc định (QUAN TRỌNG)

[Link]();

// 4. Xử lý Logic Scroll

if (scrollBox) {

// Lấy các thông số hiện tại

const { scrollTop, scrollHeight, clientHeight } = scrollBox;

// Tính toán biên giới hạn (cho sai số 1px)

const maxScroll = scrollHeight - clientHeight;

const isAtBottom = scrollTop >= (maxScroll - 1);

const isAtTop = scrollTop <= 0;

if ([Link] > 0) { // --- LĂN XUỐNG ---

if (!isAtBottom) {

// TRƯỜNG HỢP 1: Vẫn còn nội dung để đọc

// -> Cộng scroll thủ công (bất kể chuột ở đâu)

[Link] += [Link];

// Đang lăn thì reset timer về 0 ngay lập tức

[Link] = 0;

} else {

// TRƯỜNG HỢP 2: Đã kịch đáy (Khựng lại)

const now = [Link]();

const reachTime = parseInt([Link] || '0');

if (reachTime === 0) {
// Mới chạm đáy lần đầu -> Bắt đầu đếm giờ

[Link] = now;

} else {

// Đã nằm ở đáy rồi -> Kiểm tra xem đã đợi đủ 0.1s chưa

if (now - reachTime >= 100) {

goNext(); // Đủ rồi thì đi tiếp

// Nếu chưa đủ thì KHÔNG LÀM GÌ CẢ (Hiệu ứng khựng/bị kẹt lại)

} else { // --- LĂN LÊN ---

// Lăn lên thì reset timer đáy ngay lập tức

[Link] = 0;

if (!isAtTop) {

// Chưa lên đỉnh -> Cuộn nội dung lên

[Link] += [Link];

} else {

// Đã kịch trần -> Về slide trước

goPrev();

} else {

// Slide không có nội dung text (chỉ có ảnh/video) -> Chuyển luôn

if ([Link] > 0) goNext();

else goPrev();
}

}, { passive: false });

</script>

</p>

Canva Code
No ratings yet
Canva Code
79 pages
CSS Variables and UI Styles Overview
No ratings yet
CSS Variables and UI Styles Overview
22 pages
HTML
No ratings yet
HTML
37 pages
VIP Pro Tài Xỉu Game Analyzer
No ratings yet
VIP Pro Tài Xỉu Game Analyzer
11 pages
CSS Styles for Web Layout Design
No ratings yet
CSS Styles for Web Layout Design
11 pages
Supra GT-R Profile Overview
No ratings yet
Supra GT-R Profile Overview
17 pages
Color de la caca en adultos
No ratings yet
Color de la caca en adultos
23 pages
Tmp7 Jla3r4.HTML
No ratings yet
Tmp7 Jla3r4.HTML
3 pages
Stylish Login and Home Page CSS
No ratings yet
Stylish Login and Home Page CSS
17 pages
Rainbow Health Bar UI Enhancement
No ratings yet
Rainbow Health Bar UI Enhancement
4 pages
Microservice Book For Golang Developer
No ratings yet
Microservice Book For Golang Developer
46 pages
H5GG Menu Script by Joker Aim
No ratings yet
H5GG Menu Script by Joker Aim
18 pages
Master Business Studies
No ratings yet
Master Business Studies
170 pages
FinPilot: Gestão Financeira Inteligente
No ratings yet
FinPilot: Gestão Financeira Inteligente
245 pages
Personal Profile Page Design
No ratings yet
Personal Profile Page Design
29 pages
Computer Engineering Portfolio Showcase
No ratings yet
Computer Engineering Portfolio Showcase
22 pages
FundiHub: Skilled Fundis Online
No ratings yet
FundiHub: Skilled Fundis Online
46 pages
Formation E-commerce Ultime EcomTune
No ratings yet
Formation E-commerce Ultime EcomTune
25 pages
Canva AI Prompt ALB Web Ver.1.1
No ratings yet
Canva AI Prompt ALB Web Ver.1.1
54 pages
Css Js Utilities
No ratings yet
Css Js Utilities
17 pages
Code
No ratings yet
Code
34 pages
Friendship Website
No ratings yet
Friendship Website
11 pages
Zush Digital Hub Overview
No ratings yet
Zush Digital Hub Overview
30 pages
Code HTML
No ratings yet
Code HTML
73 pages
Патруль України: Інтерактивна Карта
No ratings yet
Патруль України: Інтерактивна Карта
54 pages
TweakForce Gaming Hub Overview
No ratings yet
TweakForce Gaming Hub Overview
25 pages
Color Scheme and UI Design Guide
No ratings yet
Color Scheme and UI Design Guide
12 pages
Karena Kita Semua Berharga
No ratings yet
Karena Kita Semua Berharga
36 pages
Interactive Web Experience UI Code
No ratings yet
Interactive Web Experience UI Code
20 pages
Lprs Frontend
No ratings yet
Lprs Frontend
45 pages
Formulaire d'Abonnement Premium
No ratings yet
Formulaire d'Abonnement Premium
5 pages
CC
No ratings yet
CC
21 pages
Cafeteria Beira Mar: Café Premium
No ratings yet
Cafeteria Beira Mar: Café Premium
25 pages
Web Test 3
No ratings yet
Web Test 3
78 pages
Патруль України: Інтерактивна Карта
No ratings yet
Патруль України: Інтерактивна Карта
55 pages
E-Time Store Admin Panel Design
No ratings yet
E-Time Store Admin Panel Design
60 pages
E-Time Store Admin Panel Design
No ratings yet
E-Time Store Admin Panel Design
60 pages
Cost Accounting
No ratings yet
Cost Accounting
114 pages
CSS Basics for Responsive Design
No ratings yet
CSS Basics for Responsive Design
3 pages
Cheat Menu for Game Enhancements
No ratings yet
Cheat Menu for Game Enhancements
16 pages
Master AI Skills Effectively
No ratings yet
Master AI Skills Effectively
17 pages
Premium NEET Study Notes Online
No ratings yet
Premium NEET Study Notes Online
375 pages
HeightSync Pro: Futuristic Design Elements
No ratings yet
HeightSync Pro: Futuristic Design Elements
13 pages
Photography Quiz at Trường Cao Đẳng
No ratings yet
Photography Quiz at Trường Cao Đẳng
25 pages
E-Time Store Web Design Template
No ratings yet
E-Time Store Web Design Template
72 pages
E-Time Store Webpage Design
No ratings yet
E-Time Store Webpage Design
74 pages
Waec Tutorial - HTML
No ratings yet
Waec Tutorial - HTML
24 pages
Taxation (Direct & Indirect)
No ratings yet
Taxation (Direct & Indirect)
97 pages
Video Giới Hạn Độ Tuổi trên YouTube
No ratings yet
Video Giới Hạn Độ Tuổi trên YouTube
10 pages
CSS Styles for Theme and UI Elements
No ratings yet
CSS Styles for Theme and UI Elements
6 pages
TENSHI App Download Page
No ratings yet
TENSHI App Download Page
6 pages
Swezze: Digital Marketplace Overview
No ratings yet
Swezze: Digital Marketplace Overview
20 pages
Swezze: Digital Marketplace Overview
No ratings yet
Swezze: Digital Marketplace Overview
23 pages
Top Up Diamond Mobile Legends Fast
No ratings yet
Top Up Diamond Mobile Legends Fast
18 pages
Custom Scrollbar and Animation Styles
No ratings yet
Custom Scrollbar and Animation Styles
13 pages
HTML & CSS Fundamentals Guide
No ratings yet
HTML & CSS Fundamentals Guide
2 pages
Protfolio Bhairab
No ratings yet
Protfolio Bhairab
44 pages
LGKH Official Profile Overview
No ratings yet
LGKH Official Profile Overview
26 pages
Company Profile Vietchao JSC - 2019
No ratings yet
Company Profile Vietchao JSC - 2019
25 pages
Vocabulary and Grammar for English Learners
No ratings yet
Vocabulary and Grammar for English Learners
31 pages
Di Truyền Học: Tổng Ôn Thi THPT 2021
No ratings yet
Di Truyền Học: Tổng Ôn Thi THPT 2021
93 pages
Marilyn Monroe: Icon of Fame and Beauty
No ratings yet
Marilyn Monroe: Icon of Fame and Beauty
18 pages
Machine Learning for Red River Water Quality
No ratings yet
Machine Learning for Red River Water Quality
12 pages
List of Facebook Contacts and Numbers
No ratings yet
List of Facebook Contacts and Numbers
2 pages
Student Attendance Records
No ratings yet
Student Attendance Records
12 pages
Advanced English Test Key for 8th Grade
No ratings yet
Advanced English Test Key for 8th Grade
5 pages
Đề Thi Tiếng Anh Lớp 10 THPT 2024-2025
No ratings yet
Đề Thi Tiếng Anh Lớp 10 THPT 2024-2025
4 pages
Change Management in Public Governance
No ratings yet
Change Management in Public Governance
8 pages
Political and Military Analysis of Vietnam
No ratings yet
Political and Military Analysis of Vietnam
558 pages
Student Scores and Responses Log
No ratings yet
Student Scores and Responses Log
16 pages
Danh sách liên hệ và số điện thoại
No ratings yet
Danh sách liên hệ và số điện thoại
5 pages
Vocabulary and Grammar for Life Stories
No ratings yet
Vocabulary and Grammar for Life Stories
11 pages
vt59.2708 21499931114 - 2834817990043453 - 5922126152323066476 - n.pdf2025.02 Examination Attendance List 2.p
No ratings yet
vt59.2708 21499931114 - 2834817990043453 - 5922126152323066476 - n.pdf2025.02 Examination Attendance List 2.p
35 pages
Life Stories We Admire: Vocabulary Quiz
No ratings yet
Life Stories We Admire: Vocabulary Quiz
12 pages
List of Names and Numbers
No ratings yet
List of Names and Numbers
14 pages
English Vocabulary and Grammar Exercises
No ratings yet
English Vocabulary and Grammar Exercises
29 pages
Family Structure in Early Modern Vietnam
No ratings yet
Family Structure in Early Modern Vietnam
15 pages
ICYREB 2023 Vol 3 (ISBN-978-604-346-251-7)
No ratings yet
ICYREB 2023 Vol 3 (ISBN-978-604-346-251-7)
9 pages
Grade 9 Vocabulary & Grammar Guide
No ratings yet
Grade 9 Vocabulary & Grammar Guide
20 pages
Imperia Q2 Block C
No ratings yet
Imperia Q2 Block C
45 pages
Pronunciation and Grammar Practice Test
No ratings yet
Pronunciation and Grammar Practice Test
4 pages
Câu Hỏi Lịch Sử, Khoa Học, Địa Lý Lớp 4-5
No ratings yet
Câu Hỏi Lịch Sử, Khoa Học, Địa Lý Lớp 4-5
66 pages
Life Stories: Vocabulary and Exercises
No ratings yet
Life Stories: Vocabulary and Exercises
12 pages
History of Saigon's Development
No ratings yet
History of Saigon's Development
36 pages
Top 40 Contestants and Quiz Rules
No ratings yet
Top 40 Contestants and Quiz Rules
96 pages
Vietnamese Organic Lipstick Marketing Report
No ratings yet
Vietnamese Organic Lipstick Marketing Report
41 pages
Contact List of Industry Professionals
0% (1)
Contact List of Industry Professionals
159 pages