PageSourceSearch

https://vanhoanghean.com.vn/

html vanhoanghean.com.vn collected 2026-09-25 00:32:26 UTC 123,831 bytes, 2,074 lines download raw bytes

1<style>
2     .line-clamp-3 {
3  display: -webkit-box;
4  -webkit-line-clamp: 3;
5  -webkit-box-orient: vertical;
6  overflow: hidden;
7  text-overflow: ellipsis;
8}
9</style>
10<!DOCTYPE html>
11
12<html>
13
14<meta http-equiv="content-type" content="text/html;charset=utf-8" />
15
16<head>
17    <meta name="viewport" content="width=device-width" />
18    <title>
19        Văn hóa Nghệ An
20    </title>
21        <link rel="shortcut icon" style="border-radius:50%;" type="image/png" href="images/ficonlogo.png" />
22
23    <!-- <link rel="icon" href="../vanhoa/Views/Content/images/favicon.ico"> -->
24    <link rel="stylesheet" href="../vanhoa/Views/Content/css/bootstrap.min.css">
25    <link rel="stylesheet" href="../vanhoa/Views/Content/css/animate.css">
26    <link rel="stylesheet" href="./vanhoa/maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
27    <link rel="stylesheet" href="../vanhoa/Views/Content/css/swiper.min.css">
28    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
29    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
30    <link rel="stylesheet" href="../vanhoa/Views/Content/css/owl.carousel.min.css">
31    <link rel="stylesheet" href="../vanhoa/Views/Content/css/owl.theme.css">
32    <link rel="stylesheet" href="../vanhoa/Views/Content/css/jquery.mmenu.all.css">
33    <link rel="stylesheet" href="../vanhoa/Views/Content/css/common-use.css">
34    <link rel="stylesheet" href="../vanhoa/Views/Content/css/style.css">
35    <link rel="stylesheet" href="../vanhoa/Views/Content/css/responsive.css">
36    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
37    
37<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
37
38    
38<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
38
39    
39<script src="/js/app.js"></script>
39
40
41
42    
42<script async src="/js/addthis_widget.js"></script>
42
43    
43<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
43
44    
44<script src='https://unpkg.com/vuejs-form@latest/build/vuejs-form.min.js'></script>
44
45    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css" />
46    <!-- <link rel="stylesheet" href="https://codepen.io/fancyapps/pen/Kxdwjj" /> -->
47    
47<script>
48        
vendor: 176 bytes, lines 48-55
48window.dataLayer = window.dataLayer || [];
49
50        function gtag() {
51            dataLayer.push(arguments);
52        }
53        gtag('js', new Date());
54
55        gtag('config', '
55G-HPFKLP2T4Z
vendor: 8 bytes, lines 55-56
55');
56    
56</script>
56
57    
57<script>
58        var counterContainer = document.querySelector(".website-counter");
59        var resetButton = document.querySelector("#reset");
60        var visitCount = localStorage.getItem("page_view");
61
62        // Check if page_view entry is present
63        if (visitCount) {
64            visitCount = Number(visitCount) + 1;
65            localStorage.setItem("page_view", visitCount);
66        } else {
67            visitCount = 1;
68            localStorage.setItem("page_view", 1);
69        }
70        counterContainer.innerHTML = visitCount;
71
72        // Adding onClick event listener
73        resetButton.addEventListener("click", () => {
74            visitCount = 1;
75            localStorage.setItem("page_view", 1);
76            counterContainer.innerHTML = visitCount;
77        });
78    </script>
78
79    <style>
80        .el-carousel__item img {
81            width: 100%;
82            height: 100%;
83        }
84
85        .el-carousel__item:nth-child(2n) {
86            background-color: #99a9bf;
87        }
88
89        .el-carousel__item:nth-child(2n+1) {
90            background-color: #d3dce6;
91        }
92    </style>
93</head>
94
95<body>
96
97    <div id="my-header">
98                <section id="up-header" style="background: url(/storage/C4IvJNYNOBw6CTcpDjRFmlPxRYn5KrC6rdwAMVPu.jpg); background-repeat: repeat; background-size: 100% 100%;">
99            <div class="container">
100                <div class="row">
101
102                </div>
103            </div>
104        </section>
105                <section id="nav-wrap">
106            <nav class="navbar navbar-inverse background " id="my-nav">
107                <div class="container">
108                    <!-- Brand and toggle get grouped for better mobile display -->
109
110
111                    <!-- Collect the nav links, forms, and other content for toggling -->
112                    <div class="collapse navbar-collapse no-padding" id="main-menu">
113
114                        <ul class="nav navbar-nav menu-item " style="justify-content: center;display: flex;float: none;">
115
116                            <li>
117                                <a href="/">
118                                    <i class="fas fa-home"></i>
119                                    Trang chá»§
120                                </a>
121                            </li>
122                                                        <li class="dropdown keep-open">
123
124                                                                <a href="/tin-tuc/tin-tuc">
125                                    Tin tức
126                                </a>
127                                                            </li>
128
129                                                        <li class="dropdown keep-open">
130
131                                                                <a href="/tin-tuc/goc-nhin-van-hoa-2">
132                                    Góc nhìn văn hóa
133                                    <i class="caret"></i>
134
135                                </a>
136                                <ul class="dropdown-menu multi-level drop-lv0" role="menu" aria-labelledby="dropdownMenu">
137                                                                        <li><a href="/tin-tuc/nhung-goc-nhin-van-hoa"> Những góc nhìn Văn hoá</a></li>
138
139                                                                        <li><a href="/tin-tuc/nhin-ra-the-gioi"> Nhìn ra thế giới</a></li>
140
141                                                                        <li><a href="/tin-tuc/dien-dan"> Diễn đàn</a></li>
142
143                                                                    </ul>
144                                                            </li>
145
146                                                        <li class="dropdown keep-open">
147
148                                                                <a href="/tin-tuc/van-hoa-va-doi-song-2">
149                                    Văn hóa và đời sống
150                                    <i class="caret"></i>
151
152                                </a>
153                                <ul class="dropdown-menu multi-level drop-lv0" role="menu" aria-labelledby="dropdownMenu">
154                                                                        <li><a href="/tin-tuc/van-hoa-hoc-duong"> Văn hoá học đường</a></li>
155
156                                                                        <li><a href="/tin-tuc/cuoc-song-quanh-ta"> Cuộc sống quanh ta</a></li>
157
158                                                                        <li><a href="/tin-tuc/khach-moi-cua-tap-chi"> Khách mời văn hóa</a></li>
159
160                                                                        <li><a href="/tin-tuc/ong-kinh-van-hoa"> Ống kính văn hoá</a></li>
161
162                                                                        <li><a href="/tin-tuc/dien-anh"> Điện ảnh</a></li>
163
164                                                                    </ul>
165                                                            </li>
166
167                                                        <li class="dropdown keep-open">
168
169                                                                <a href="/tin-tuc/dat-va-nguoi-xu-nghe-2">
170                                    Đất và người xứ Nghệ
171                                    <i class="caret"></i>
172
173                                </a>
174                                <ul class="dropdown-menu multi-level drop-lv0" role="menu" aria-labelledby="dropdownMenu">
175                                                                        <li><a href="/tin-tuc/nguoi-xu-nghe"> Người xứ Nghệ</a></li>
176
177                                                                        <li><a href="/tin-tuc/xu-nghe-ngay-nay"> Xứ Nghệ ngày nay</a></li>
178
179                                                                        <li><a href="/tin-tuc/dat-nuoc-xu-nghe"> Đất Nghệ</a></li>
180
181                                                                        <li><a href="/tin-tuc/vinh-xua-va-nay"> Vinh xưa và nay</a></li>
182
183                                                                    </ul>
184                                                            </li>
185
186                                                        <li class="dropdown keep-open">
187
188                                                                <a href="/tin-tuc/the-thao">
189                                    Thể thao
190                                </a>
191                                                            </li>
192
193                                                        <li class="dropdown keep-open">
194
195                                                                <a href="/tin-tuc/du-lic
195h">
196                                    Du lịch
197                                    <i class="caret"></i>
198
199                                </a>
200                                <ul class="dropdown-menu multi-level drop-lv0" role="menu" aria-labelledby="dropdownMenu">
201                                                                        <li><a href="/tin-tuc/non-nuoc-viet-nam"> Non nước Việt Nam</a></li>
202
203                                                                        <li><a href="/tin-tuc/du-lich-xu-nghe"> Du lịch xứ Nghệ</a></li>
204
205                                                                        <li><a href="/tin-tuc/the-gioi-do-day"> Thế giới đó đây</a></li>
206
207                                                                    </ul>
208                                                            </li>
209
210                                                        <li class="dropdown keep-open">
211
212                                                                <a href="/tin-tuc/media">
213                                    Media
214                                    <i class="caret"></i>
215
216                                </a>
217                                <ul class="dropdown-menu multi-level drop-lv0" role="menu" aria-labelledby="dropdownMenu">
218                                                                        <li><a href="/tin-tuc/hinh-anh"> Hình ảnh</a></li>
219
220                                                                        <li><a href="/tin-tuc/emagazine"> Emagazine</a></li>
221
222                                                                        <li><a href="/tin-tuc/infographic"> Infographic</a></li>
223
224                                                                        <li><a href="/tin-tuc/podcast"> Podcast</a></li>
225
226                                                                        <li><a href="/tin-tuc/videos"> Videos</a></li>
227
228                                                                    </ul>
229                                                            </li>
230
231                                                        <li class="dropdown keep-open">
232
233                                                                <a href="/tin-tuc/dac-san-van-hoa">
234                                    Đặc san văn hóa
235                                </a>
236                                                            </li>
237
238                                                    </ul>
239
240                    </div>
241                </div>
242            </nav>
243        </section>
244        <div id="my-nav-menu">
245            <div class="header">
246                <a class="dis-block icon-open-nav" href="#menu">
247                    <i class="fa fa-bars" aria-hidden="true"></i>
248                </a>
249                <div class="show-on clearfix">
250                    <div class="text-logo">
251                        <img src="images/logo.jpg" alt="" class="pull-left">
252                    </div>
253                    <span class="hot-line mr-20 pull-right"><i class="fa fa-phone"></i> </span>
254                </div>
255            </div>
256            <nav id="menu" class="">
257
258                <ul>
259
260                    <li>
261                        <a href="/">
262                            <i class="far fa-home-lg"></i>
263                            Trang chá»§
264                        </a>
265                    </li>
266                                        <li>
267
268                        <a href="/tin-tuc/tin-tuc">
269                            Tin tức                         </a>
270                        <ul>
271                                                    </ul>
272                    </li>
273                                        <li>
274
275                        <a href="/tin-tuc/goc-nhin-van-hoa-2">
276                            Góc nhìn văn hóa <i class="caret"></i>
277                                                    </a>
278                        <ul>
279                                                                                    <li><a href="/tin-tuc/nhung-goc-nhin-van-hoa">Những góc nhìn Văn hoá</a></li>
280                                                        <li><a href="/tin-tuc/nhin-ra-the-gioi">Nhìn ra thế giới</a></li>
281                                                        <li><a href="/tin-tuc/dien-dan">Diễn đàn</a></li>
282                            
283                                                    </ul>
284                    </li>
285                                        <li>
286
287                        <a href="/tin-tuc/van-hoa-va-doi-song-2">
288                            Văn hóa và đời sống <i class="caret"></i>
289                                                    </a>
290                        <ul>
291                                                                                    <li><a href="/tin-tuc/van-hoa-hoc-duong">Văn hoá học đường</a></li>
292                                                        <li><a href="/tin-tuc/cuoc-song-quanh-ta">Cuộc sống quanh ta</a></li>
293                                                        <li><a href="/tin-tuc/khach-moi-cua-tap-chi">Khách mời văn hóa</a></li>
294                                                        <li><a href="/tin-tuc/ong-kinh-van-hoa">Ống kính văn hoá</a></li>
295                                                        <li><a href="/tin-tuc/dien-anh">Điện ảnh</a></li>
296                            
297                                                    </ul>
298                    </li>
299                                        <li>
300
301                        <a href="/tin-tuc/dat-va-nguoi-xu-nghe-2">
302                            Đất và người xứ Nghệ <i class="caret"></i>
303                                                    </a>
304                        <ul>
305                                                                                    <li><a href="/tin-tuc/nguoi-xu-nghe">Người xứ Nghệ</a></li>
306                                                        <li><a href="/tin-tuc/xu-nghe-ngay-nay">Xứ Nghệ ngày nay</a></li>
307                                                        <li><a href="/tin-tuc/dat-nuoc-xu-nghe">Đất Nghệ</a></li>
308                                                        <li><a href="/tin-tuc/vinh-xua-va-nay">Vinh xưa và nay</a></li>
309                            
310                                                    </ul>
311                    </li>
312                                        <li>
313
314                        <a href="/tin-tuc/the-thao">
315                            Thể thao                         </a>
316                        <ul>
317                                                    </ul>
318                    </li>
319                                        <li>
320
321                        <a href="/tin-tuc/du-lich">
322                            Du lịch <i class="caret"></i>
323                                                    </a>
324                        <ul>
325                                                                                    <li><a href="/tin-tuc/non-nuoc-viet-nam">Non nước Việt Nam</a></li>
326                                                        <li><a href="/tin-tuc/du-lich-xu-nghe">Du lịch xứ Nghệ</a></li>
327                                                        <li><a href="/tin-tuc/the-gioi-do-day">Thế giới đó đây</a></li>
328                            
329                                                    </ul>
330                    </li>
331                                        <li>
332
333                        <a href="/tin-tuc/media">
334                            Media <i class="caret"></i>
335                                                    </a>
336                        <ul>
337                                                                                    <li><a href="/tin-tuc/hinh-anh">Hình ảnh</a></li>
338                                                        <li><a href="/tin-tuc/emagazine">Emagazine</a></li>
339                                                        <li><a href="/tin-tuc/infographic">Infographic</a></li>
340                                                        <li><a href="/tin-tuc/podcast">Podcast</a></li>
341                                                        <li><a href="/tin-tuc/videos">Videos</a></li>
342                            
343                                                    </ul>
344                    </li>
345                                        <li>
346
347                        <a href="/tin-tuc/dac-san-van-hoa">
348                            Đặc san văn hóa                         </a>
349                        <ul>
350                                                    </ul>
351                    </li>
352                                    </ul>
353
354            </nav>
355        </div>
356
357    </div>
358
359
360
361    <div class="main-content-wrap ">
362        <div class="container main-bg no-padding " style="max-width:1200px">
363            <div class="right-new-choose clearfix">
364
365                <div style="width:100%" class="responsive" class="input-group d-flex justify-content-center" style="padding-bottom: 20px;" id="demo1">
366                    <input v-model="searchnow" class="form-control border-end-0 border" placeholder="tìm kiếm" id="example-search-input">
367                    <div class="input-group-append">
368                        <button @click="searchpost" style="height: 100%" class="h-full btn btn-outline-secondary bg-white border-start-0 border-bottom-0 border ms-n5  " type="button">
369                            <i class="fa fa-search"></i>
370                        </button>
371                    </div>
372                </div>
373            </div>
374            
375
376<!-- BASE -->
377<div class="col-sm-9" style="padding: 0;">
378    <section id="main-banner" class="clearfix h2-light">
379        <div class="col-sm-9">
380            <div class="section-header">
381                <a>
382                    <h2>Tin tức</h2>
383                    
384                </a>
385
386            </div>
387            <div class="section-content">
388                <div class="row">
389                    <div class="col-md-6 col-sm-12 border-das ">
390
391
392                        <div class="spe-article ">
393                            <div class="post-thumbnail" style="margin-bottom: 10px; ">
394                                <a href="/chi-tiet-tin-tuc/bia-sao-vang-don-vi-dong-hanh-cung-dai-hoi-the-duc-the-thao-tinh-nghe-an-lan-thu-x-nam-2026" >
395                                                                        
396                                                                                <img src="/storage/h8xKSsFmoUhTTsDqguasHhHCpkEqUgQJZJo5Gap6.png" alt="Bia Sao Vàng - Đơn vị đồng hành cùng Đại hội Thể dục thể thao tỉnh Nghệ An lần thứ X năm 2026" style="object-fit:contain; width:100%;">
397                                        
398                                    
399                                </a>
400                            </div>
401                            <div class="post-entry"  >
402                                <a href="/chi-tiet-tin-tuc/bia-sao-vang-don-vi-dong-hanh-cung-dai-hoi-the-duc-the-thao-tinh-nghe-an-lan-thu-x-nam-2026" style="color:black; " >
403                                    <h2 style="font-size:20px; " class="post-box-title">
404                                        Bia Sao Vàng - Đơn vị đồng hành cùng Đại hội Thể dục thể thao tỉnh Nghệ An lần thứ X năm 2026
405                                    </h2>
406                                                                            <p style="display: block;
407                                            display: -webkit-box;
408                                            height: 16px*1.3*3;
409                                            font-size: 16px;
410                                            line-height: 1.3;
411                                            -webkit-line-clamp: 3;  /* số dòng hiển thị */
412                                            -webkit-box-orient: vertical;
413                                            overflow: hidden;
414                                            text-overflow: ellipsis;
415                                            margin-top:10px;
416                                            text-align: justify;
417                                        "> Ngày 26/9/2026, Lễ Khai mạc Đại hội Thể dục Thể thao tỉnh Nghệ An lần thứ X năm 2026 sẽ diễn ra tại Sân vận động Vinh.
418Lễ Khai mạc là...</p>
419                                                                        </a>
420
421                            </div>
422                        </div>
423
424
425
426                    </div>
427                    <div class="col-md-6 col-sm-12 border-das">
428                        <ul class="right-focus-wrap clearfix">
429                                                        <li class="multi-posts clearfix" style="min-height: 100px">
430
431
432                                <div class="post-thumbnail">
433                                    <a href="/chi-tiet-tin-tuc/dai-hoi-the-duc-the-thao-tinh-nghe-an-lan-thu-x-nam-2026-se-khai-mac-vao-ngay-269" targetExt="">
434                                                                                                                            <img src="/storage/4Fc23PuWRFgtWl90PcT4IcL4hEzlLyldGBrh2Ti3.jpg" alt="Đại hội Thể dục thể thao tỉnh Nghệ An lần thứ X năm 2026 sẽ khai mạc vào ngày 26/9" style="object-fit:contain; width:100%;">
435                                        
436                                    
437                                    </a>
438                                </div>
439                                <div class="post-entry"  style="padding-bottom: 10px;">
440                                    <a href="/chi-tiet-tin-tuc/dai-hoi-the-duc-the-thao-tinh-nghe-an-lan-thu-x-nam-2026-se-khai-mac-vao-ngay-269" targetExt="" style="color:black;">
441                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
442                                            Đại hội Thể dục thể thao tỉnh Nghệ An lần thứ X năm 2026 sẽ khai mạc vào ngày 26/9
443                                        </h3>
444                                                                                <p style="display: block;
445                                            display: -webkit-box;
446                                            height: 16px*1.3*3;
447                                            font-size: 16px;
448                                            line-height: 1.3;
449                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
450                                            -webkit-box-orient: vertical;
451                                            overflow: hidden;
452                                            text-overflow: ellipsis;
453                                            margin-top:10px;
454                                            text-align: justify;
455                                        "> Ông Hoàng Văn Phúc - Phó Giám đốc Sở văn hóa, Thể thao và Du lịch trao giải cho các VĐV môn Vovinam tại Đại hội TDTT tỉnh Nghệ An...</p>
456                                                                            </a>
457
458                                </div>
459                            </li>
460                                                        <li class="multi-posts clearfix" style="min-height: 100px">
461
462
463                                <div class="post-thumbnail">
464                                    <a href="/chi-tiet-tin-tuc/nghe-an-tap-huan-nghiep-vu-va-cap-nhat-kien-thuc-nghe-du-lic
464h-nam-2026" targetExt="">
465                                                                                                                            <img src="/storage/4VR0b9Mf7U0l9XkPT8QbAQxiV5Cbpg63cNGb6bSc.jpg" alt="Nghệ An tập huấn nghiệp vụ và cập nhật kiến thức nghề du lịch năm 2026" style="object-fit:contain; width:100%;">
466                                        
467                                    
468                                    </a>
469                                </div>
470                                <div class="post-entry"  style="padding-bottom: 10px;">
471                                    <a href="/chi-tiet-tin-tuc/nghe-an-tap-huan-nghiep-vu-va-cap-nhat-kien-thuc-nghe-du-lich-nam-2026" targetExt="" style="color:black;">
472                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
473                                            Nghệ An tập huấn nghiệp vụ và cập nhật kiến thức nghề du lịch năm 2026
474                                        </h3>
475                                                                                <p style="display: block;
476                                            display: -webkit-box;
477                                            height: 16px*1.3*3;
478                                            font-size: 16px;
479                                            line-height: 1.3;
480                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
481                                            -webkit-box-orient: vertical;
482                                            overflow: hidden;
483                                            text-overflow: ellipsis;
484                                            margin-top:10px;
485                                            text-align: justify;
486                                        "> “Lớp tập huấn, bồi dưỡng nghiệp vụ buồng trong cơ sở lưu trú du lịch” và “Khóa cập nhật kiến thức cho hướng dẫn viên du lịch nội địa và...</p>
487                                                                            </a>
488
489                                </div>
490                            </li>
491                                                        <li class="multi-posts clearfix" style="min-height: 100px">
492
493
494                                <div class="post-thumbnail">
495                                    <a href="/chi-tiet-tin-tuc/khai-mac-trien-lam-my-thuat-khu-vuc-bac-trung-bo-lan-thu-30-tai-nghe-an" targetExt="">
496                                                                                                                            <img src="/storage/EcSozwR1UQzV89dKGKm927wmiEqHDOwCMhAMb0NE.png" alt="Khai mạc Triển lãm Mỹ thuật Khu vực Bắc Trung Bộ lần thứ 30 tại Nghệ An" style="object-fit:contain; width:100%;">
497                                        
498                                    
499                                    </a>
500                                </div>
501                                <div class="post-entry"  style="padding-bottom: 10px;">
502                                    <a href="/chi-tiet-tin-tuc/khai-mac-trien-lam-my-thuat-khu-vuc-bac-trung-bo-lan-thu-30-tai-nghe-an" targetExt="" style="color:black;">
503                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
504                                            Khai mạc Triển lãm Mỹ thuật Khu vực Bắc Trung Bộ lần thứ 30 tại Nghệ An
505                                        </h3>
506                                                                                <p style="display: block;
507                                            display: -webkit-box;
508                                            height: 16px*1.3*3;
509                                            font-size: 16px;
510                                            line-height: 1.3;
511                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
512                                            -webkit-box-orient: vertical;
513                                            overflow: hidden;
514                                            text-overflow: ellipsis;
515                                            margin-top:10px;
516                                            text-align: justify;
517                                        "> Sáng 21/9, tại Trung tâm Văn hóa tỉnh Nghệ An, Hội Mỹ thuật Việt Nam phối hợp với Sở Văn hóa, Thể thao và Du lịch tỉnh Nghệ An cùng...</p>
518                                                                            </a>
519
520                                </div>
521                            </li>
522                                                        <li class="multi-posts clearfix" style="min-height: 100px">
523
524
525                                <div class="post-thumbnail">
526                                    <a href="/chi-tiet-tin-tuc/u15-song-lam-nghe-an-vo-dich-giai-bong-da-thanh-thieu-nien-cac-thanh-pho-asean" targetExt="">
527                                                                                                                            <img src="/storage/g4wHiGcDb6URLFdfhcmFi4HxEqwGecsrd2yYII5f.jpg" alt="U15 Sông Lam Nghệ An vô địch giải bóng đá Thanh thiếu niên các Thành phố ASEAN" style="object-fit:contain; width:100%;">
528                                        
529                                    
530                                    </a>
531                                </div>
532                                <div class="post-entry"  style="padding-bottom: 10px;">
533                                    <a href="/chi-tiet-tin-tuc/u15-song-lam-nghe-an-vo-dich-giai-bong-da-thanh-thieu-nien-cac-thanh-pho-asean" targetExt="" style="color:black;">
534                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
535                                            U15 Sông Lam Nghệ An vô địch giải bóng đá Thanh thiếu niên các Thành phố ASEAN
536                                        </h3>
537                                                                                <p style="display: block;
538                                            display: -webkit-box;
539                                            height: 16px*1.3*3;
540                                            font-size: 16px;
541                                            line-height: 1.3;
542                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
543                                            -webkit-box-orient: vertical;
544                                            overflow: hidden;
545                                            text-overflow: ellipsis;
546                                            margin-top:10px;
547                                            text-align: justify;
548                                        "> Bằng lối chơi tự tin và những màn trình diễn thuyết phục, U15 Sông Lam Nghệ An đã vượt qua các đối thủ đến từ Trung Quốc, Thái Lan và...</p>
549                                                                            </a>
550
551                                </div>
552                            </li>
553                            
554                        </ul>
555                    </div>
556
557                </div>
558            </div>
559        </div>
560        <div class="col-sm-3">
561            <div class="right-focus clearfix">
562                <div class="right-focus-content clearfix">
563                    <div class="section-header">
564                        <h2>BÀI MỚI</h2>
565                    </div>
566                    <div class="content-wrap">
567                        <ul class="right-focus-wrap">
568                                                        <li class="multi-posts clearfix">
569
570                                <div class="post-entry" style="padding-bottom: 10px;">
571
572                                    <a href=" /chi-tiet-tin-tuc/tu-so-hoa-nguon-nhan-luc-den-phat-trien-nguon-nhan-luc-so" >
573                                        <h3  class="post-box-title ">
574                                            Từ số hóa nguồn nhân lực đến phát triển nguồn nhân lực số
575                                        </h3>
576                                        
577                                    </a>
578
579                                </div>
580                            </li>
581                                                        <li class="multi-posts clearfix">
582
583                                <div class="post-entry" style="padding-bottom: 10px;">
584
585                                    <a href=" /chi-tiet-tin-tuc/dau-an-cuoc-dau-tranh-lich-su-ngay-1291930-qua-mot-so-tai-lieu-hien-vat-tai-bao-tang-nghe-an-xo-viet-nghe-tinh" >
586                                        <h3  class="post-box-title ">
587                                            Dấu ấn cuộc đấu tranh lịch sử ngày 12/9/1930 qua một số tài liệu, hiện vật tại Bảo tàng Nghệ An - Xô viết Nghệ Tĩnh
588                                        </h3>
589                                        
590                                    </a>
591
592                                </div>
593                            </li>
594                                                        <li class="multi-posts clearfix">
595
596                                <div class="post-entry" style="padding-bottom: 10px;">
597
598                                    <a href=" /chi-tiet-tin-tuc/dau-tich-mo-gach-ru-but-kim-lien-nghe-an-ket-qua-khai-quat-va-nhan-thuc-buoc-dau-ve-khong-gian-mai-tang-ven-song-lam" >
599                                        <h3  class="post-box-title ">
600                                            Dấu tích mộ gạch Rú Bụt (Kim Liên, Nghệ An): Kết quả khai quật và nhận thức bước đầu về không gi
600an mai táng ven sông Lam
601                                        </h3>
602                                        
603                                    </a>
604
605                                </div>
606                            </li>
607                                                        <li class="multi-posts clearfix">
608
609                                <div class="post-entry" style="padding-bottom: 10px;">
610
611                                    <a href=" /chi-tiet-tin-tuc/tu-dau-an-van-hoa-cua-mua-thu-doc-lap-dau-tien-den-van-hoa-biet-on-hom-nay" >
612                                        <h3  class="post-box-title ">
613                                            Từ dấu ấn văn hóa của mùa Thu Độc lập đầu tiên đến văn hóa biết ơn hôm nay
614                                        </h3>
615                                        
616                                    </a>
617
618                                </div>
619                            </li>
620                                                        <li class="multi-posts clearfix">
621
622                                <div class="post-entry" style="padding-bottom: 10px;">
623
624                                    <a href=" /chi-tiet-tin-tuc/tu-tu-tuong-doc-lap-tu-do-trong-tuyen-ngon-doc-lap-den-khat-vong-viet-nam-hung-cuong-trong-ky-nguyen-moi" >
625                                        <h3  class="post-box-title ">
626                                            Từ tư tưởng độc lập, tự do trong Tuyên ngôn độc lập đến khát vọng Việt Nam hùng cường trong kỷ nguyên mới
627                                        </h3>
628                                        
629                                    </a>
630
631                                </div>
632                            </li>
633                                                        <li class="multi-posts clearfix">
634
635                                <div class="post-entry" style="padding-bottom: 10px;">
636
637                                    <a href=" /chi-tiet-tin-tuc/tuyen-ngon-doc-lap-1945-tu-chan-ly-lich-su-den-khat-vong-vuon-minh-trong-ky-nguyen-moi" >
638                                        <h3  class="post-box-title ">
639                                            Tuyên ngôn Độc lập 1945: Từ chân lý lịch sử đến khát vọng vươn mình trong kỷ nguyên mới
640                                        </h3>
641                                        
642                                    </a>
643
644                                </div>
645                            </li>
646                                                        <li class="multi-posts clearfix">
647
648                                <div class="post-entry" style="padding-bottom: 10px;">
649
650                                    <a href=" /chi-tiet-tin-tuc/giu-gin-va-phat-huy-ban-sac-van-hoa-viet-nam-trong-thoi-ky-moi" >
651                                        <h3  class="post-box-title ">
652                                            Giữ gìn và phát huy bản sắc văn hóa Việt Nam trong thời kỳ mới
653                                        </h3>
654                                        
655                                    </a>
656
657                                </div>
658                            </li>
659                                                        <li class="multi-posts clearfix">
660
661                                <div class="post-entry" style="padding-bottom: 10px;">
662
663                                    <a href=" /chi-tiet-tin-tuc/sac-mau-van-hoa-mua-vu-lan" >
664                                        <h3  class="post-box-title ">
665                                            Sắc màu văn hóa mùa Vu lan
666                                        </h3>
667                                        
668                                    </a>
669
670                                </div>
671                            </li>
672                            
673
674                        </ul>
675                    </div>
676                </div>
677            </div>
678        </div>
679    </section>
680    <section class="w-full">
681        <!-- <img style="width: 100%;max-height: 160px;"
682            src="https://sotp.thainguyen.gov.vn/image/journal/article?img_id=8052782&t=1673032022312" alt=""> -->
683        <div id="myCarousel" class="carousel slide" data-ride="carousel">
684            <!-- Wrapper for slides -->
685            <div class="carousel-inner">
686                <div class="item active">
687                    <img src="/storage/mA7YB9rirPb4fwnayHuhkX7bhHkxsXFhXWcZG2uI.png" alt="" style="width:100%;max-height: 160px;">
688                </div>
689                                                                                                <div class="item">
690                            <img src="/storage/" alt="" style="width:100%;max-height: 160px;">
691                        </div>
692                                                                                <div class="item">
693                            <img src="/storage/Au6cJb5GCjf3kKzCg40SXuWVMJpf7qpKzM66QiJe.png" alt="" style="width:100%;max-height: 160px;">
694                        </div>
695                                                    
696                
697            </div>
698
699            <!-- Left and right controls -->
700            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
701                <i class="fa fa-chevron-left" aria-hidden="true" style="padding-top: 70px; padding-bottom: 30px;"></i>
702                <span class="sr-only">Previous</span>
703            </a>
704            <a class="right carousel-control" href="#myCarousel" data-slide="next">
705                <i class="fa fa-chevron-right" aria-hidden="true" style="padding-top: 70px; padding-bottom: 30px;"></i>
706                <span class="sr-only">Next</span>
707            </a>
708        </div>
709    </section>
710
711    <section id="main-banner" class="clearfix h2-light">
712        <div class="col-sm-12">
713            <div class="section-header">
714                <a>
715                    <h2>GÓC NHÌN VĂN HÓA</h2>
716                </a>
717
718            </div>
719            <div class="section-content">
720                <div class="row">
721                    <div class="col-md-6 col-sm-12 border-das ">
722
723                        <div class="spe-article ">
724                            <div class="post-thumbnail" style="margin-bottom: 10px;">
725                                <a href="/chi-tiet-tin-tuc/tu-so-hoa-nguon-nhan-luc-den-phat-trien-nguon-nhan-luc-so" targetExt="" style="color:black;">
726                                                                                                                        <img src="/storage/BhSsHTaaawSMlUL8NDMO1c7FcLIjhUNa1qRgVm5t.png" alt="Từ số hóa nguồn nhân lực đến phát triển nguồn nhân lực số" style="object-fit:contain; width:100%;">
727                                        
728                                    
729                                </a>
730                            </div>
731                            <div class="post-entry">
732                                <a href="/chi-tiet-tin-tuc/tu-so-hoa-nguon-nhan-luc-den-phat-trien-nguon-nhan-luc-so" targetExt="" style="color:black;">
733                                    <h2 style="font-size:20px;" class="post-box-title ">
734                                        Từ số hóa nguồn nhân lực đến phát triển nguồn nhân lực số
735                                    </h2>
736                                                                            <p style="display: block;
737                                            display: -webkit-box;
738                                            height: 16px*1.3*3;
739                                            font-size: 16px;
740                                            line-height: 1.3;
741                                            -webkit-line-clamp: 3;  /* số dòng hiển thị */
742                                            -webkit-box-orient: vertical;
743                                            overflow: hidden;
744                                            text-overflow: ellipsis;
745                                            margin-top:10px;
746                                            text-align: justify;
747                                        "> Nghệ An nói riêng và cả nước nói chung đang đẩy mạnh chuyển đổi số và tăng cường phát triển nền kinh tế số. Trong quá trình đó, con người...</p>
748                                                                        </a>
749
750                            </div>
751                        </div>
752
753
754
755
756
757                    </div>
758                    <div class="col-md-6 col-sm-12 border-das">
759                        <ul class="right-focus-wrap clearfix">
760                                                        <li class="multi-posts clearfix" style="min-height: 100px">
761
762
763                                <div class="post-thumbnail">
764                                    <a href="/chi-tiet-tin-tuc/dau-an-cuoc-dau-tranh-lich-su-ngay-1291930-qua-mot-so-tai-lieu-hien-vat-tai-bao-tang-nghe-an-xo-viet-nghe-tinh" targetExt="" style="color:black;">
765                                                                                <img src="images/noimg.jpg" alt="Dấu ấn cuộc đấu tranh lịch sử ngày 12/9/1930 qua một số tài liệu, hiện vật tại Bảo tàng Nghệ An - Xô viết Nghệ Tĩnh" id="imghot">
766                                        
767                                    </a>
768                                </div>
769                                <div class="post-entry" style="padding-bottom: 10px;">
770                                    <a href="/chi-tiet-tin-tuc/dau-an-cuoc-dau-tranh-lich-su-ngay-1291930-qua-mot-so-tai-lieu-hien-vat-tai-bao-tang-nghe-an-xo-viet-nghe-tinh" targetExt="" style="color:black;">
771                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
772                                            Dấu ấn cuộc đấu tranh lịch sử ngày 12/9/1930 qua một số tài liệu, hiện vật tại Bảo tàng Nghệ An - Xô viết Nghệ Tĩnh
773                                        </h3>
774                                                                                <p style="display: block;
775                                            display: -webkit-box;
776                                            height: 16px*1.3*3;
777                                            font-size: 16px;
778                                            line-height: 1.3;
779                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
780                                            -webkit-box-orient: vertical;
781                                            overflow: hidden;
782                                            text-overflow: ellipsis;
783                                            margin-top:10px;
784                                            text-align: justify;
785                                        "> Trong dòng chảy lịch sử của dân tộc Việt Nam, cao trào Xô viết Nghệ Tĩnh (1930 - 1931) được khắc ghi như một bản hùng ca bất diệt về...</p>
786                                                                            </a>
787
788                                </div>
789                            </li>
790                                                        <li class="multi-posts clearfix" style="min-height: 100px">
791
792
793                                <div class="post-thumbnail">
794                                    <a href="/chi-tiet-tin-tuc/dau-tich-mo-gach-ru-but-kim-lien-nghe-an-ket-qua-khai-quat-va-nhan-thuc-buoc-dau-ve-khong-gian-mai-tang-ven-song-lam" targetExt="" style="color:black;">
795                                                                                <img src="images/noimg.jpg" alt="Dấu tích mộ gạch Rú Bụt (Kim Liên, Nghệ An): Kết quả khai quật và nhận thức bước đầu về không gi
795an mai táng ven sông Lam" id="imghot">
796                                        
797                                    </a>
798                                </div>
799                                <div class="post-entry" style="padding-bottom: 10px;">
800                                    <a href="/chi-tiet-tin-tuc/dau-tich-mo-gach-ru-but-kim-lien-nghe-an-ket-qua-khai-quat-va-nhan-thuc-buoc-dau-ve-khong-gian-mai-tang-ven-song-lam" targetExt="" style="color:black;">
801                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
802                                            Dấu tích mộ gạch Rú Bụt (Kim Liên, Nghệ An): Kết quả khai quật và nhận thức bước đầu về không gian mai táng ven sông Lam
803                                        </h3>
804                                                                                <p style="display: block;
805                                            display: -webkit-box;
806                                            height: 16px*1.3*3;
807                                            font-size: 16px;
808                                            line-height: 1.3;
809                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
810                                            -webkit-box-orient: vertical;
811                                            overflow: hidden;
812                                            text-overflow: ellipsis;
813                                            margin-top:10px;
814                                            text-align: justify;
815                                        "> Mộ gạch là một loại hình di tích khảo cổ quan trọng trong nghiên cứu lịch sử khu vực Bắc và Bắc Trung Bộ Việt Nam giai đoạn 10 thế...</p>
816                                                                            </a>
817
818                                </div>
819                            </li>
820                                                        <li class="multi-posts clearfix" style="min-height: 100px">
821
822
823                                <div class="post-thumbnail">
824                                    <a href="/chi-tiet-tin-tuc/tu-dau-an-van-hoa-cua-mua-thu-doc-lap-dau-tien-den-van-hoa-biet-on-hom-nay" targetExt="" style="color:black;">
825                                                                                <img src="images/noimg.jpg" alt="Từ dấu ấn văn hóa của mùa Thu Độc lập đầu tiên đến văn hóa biết ơn hôm nay" id="imghot">
826                                        
827                                    </a>
828                                </div>
829                                <div class="post-entry" style="padding-bottom: 10px;">
830                                    <a href="/chi-tiet-tin-tuc/tu-dau-an-van-hoa-cua-mua-thu-doc-lap-dau-tien-den-van-hoa-biet-on-hom-nay" targetExt="" style="color:black;">
831                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
832                                            Từ dấu ấn văn hóa của mùa Thu Độc lập đầu tiên đến văn hóa biết ơn hôm nay
833                                        </h3>
834                                                                                <p style="display: block;
835                                            display: -webkit-box;
836                                            height: 16px*1.3*3;
837                                            font-size: 16px;
838                                            line-height: 1.3;
839                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
840                                            -webkit-box-orient: vertical;
841                                            overflow: hidden;
842                                            text-overflow: ellipsis;
843                                            margin-top:10px;
844                                            text-align: justify;
845                                        "> Lịch sử dân tộc Việt Nam là một dòng chảy liên tục, nơi những giá trị văn hóa không ngừng được bồi đắp và lưu truyền qua nhiều thế hệ....</p>
846                                                                            </a>
847
848                                </div>
849                            </li>
850                                                        <li class="multi-posts clearfix" style="min-height: 100px">
851
852
853                                <div class="post-thumbnail">
854                                    <a href="/chi-tiet-tin-tuc/tu-tu-tuong-doc-lap-tu-do-trong-tuyen-ngon-doc-lap-den-khat-vong-viet-nam-hung-cuong-trong-ky-nguyen-moi" targetExt="" style="color:black;">
855                                                                                                                            <img src="/storage/mqSd9ksB8oHVC3wtWmq1ibO74fKIptA5H8whFqlb.jpg" alt="Từ tư tưởng độc lập, tự do trong Tuyên ngôn độc lập đến khát vọng Việt Nam hùng cường trong kỷ nguyên mới" style="object-fit:contain; width:100%;">
856                                        
857                                    
858                                    </a>
859                                </div>
860                                <div class="post-entry" style="padding-bottom: 10px;">
861                                    <a href="/chi-tiet-tin-tuc/tu-tu-tuong-doc-lap-tu-do-trong-tuyen-ngon-doc-lap-den-khat-vong-viet-nam-hung-cuong-trong-ky-nguyen-moi" targetExt="" style="color:black;">
862                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
863                                            Từ tư tưởng độc lập, tự do trong Tuyên ngôn độc lập đến khát vọng Việt Nam hùng cường trong kỷ nguyên mới
864                                        </h3>
865                                                                                <p style="display: block;
866                                            display: -webkit-box;
867                                            height: 16px*1.3*3;
868                                            font-size: 16px;
869                                            line-height: 1.3;
870                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
871                                            -webkit-box-orient: vertical;
872                                            overflow: hidden;
873                                            text-overflow: ellipsis;
874                                            margin-top:10px;
875                                            text-align: justify;
876                                        "> Ngày 2-9-1945, tại Quảng trường Ba Đình, Hà Nội, Chủ tịch Hồ Chí Minh đọc Tuyên ngôn Độc lập, khai sinh ra nước Việt Nam Dân chủ Cộng hòa, mở...</p>
877                                                                            </a>
878
879                                </div>
880                            </li>
881                            
882                        </ul>
883                    </div>
884
885                </div>
886            </div>
887        </div>
888
889    </section>
890
891    <section class="new-article tin-trong-nc clearfix">
892        <div class="col-sm-12">
893            <div class="section-header">
894                <a>
895                    <h2>VĂN HÓA ĐỜI SỐNG</h2>
896                </a>
897
898            </div>
899            <div class="section-content">
900                <div class="row">
901                    <div class="col-md-6 col-sm-12 border-das ">
902
903                        <div class="spe-article ">
904                            <div class="post-thumbnail" style="margin-bottom: 10px;">
905                                <a href="/chi-tiet-tin-tuc/giu-gin-va-phat-huy-ban-sac-van-hoa-viet-nam-trong-thoi-ky-moi" targetExt="">
906                                                                                                                        <img src="/storage/BAgram78H7oKlEqxA8pOLwMclJH4EB4zCN4Fq7HT.png" alt="Giữ gìn và phát huy bản sắc văn hóa Việt Nam trong thời kỳ mới" style="object-fit:contain; width:100%;">
907                                        
908                                    
909                                </a>
910                            </div>
911                            <div class="post-entry" >
912                                <a href="/chi-tiet-tin-tuc/giu-gin-va-phat-huy-ban-sac-van-hoa-viet-nam-trong-thoi-ky-moi" targetExt="" style="color:black;">
913                                    <h2 class="post-box-title" style="font-size:20px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; height: 40px; display: -webkit-box; -webkit-box-orient: vertical;">
914                                        Giữ gìn và phát huy bản sắc văn hóa Việt Nam trong thời kỳ mới
915                                    </h2>
916                                                                            <p style="display: block;
917                                            display: -webkit-box;
918                                            height: 16px*1.3*3;
919                                            font-size: 16px;
920                                            line-height: 1.3;
921                                            -webkit-line-clamp: 3;  /* số dòng hiển thị */
922                                            -webkit-box-orient: vertical;
923                                            overflow: hidden;
924                                            text-overflow: ellipsis;
925                                            margin-top:10px;
926                                            text-align: justify;
927                                        "> Trong dòng chảy lịch sử, văn hóa không chỉ lưu giữ ký ức của một dân tộc mà còn góp phần hình thành nhân cách, bản lĩnh và sức mạnh...</p>
928                                                                        </a>
929
930                            </div>
931                        </div>
932
933
934
935
936
937                    </div>
938                    <div class="col-md-6 col-sm-12 border-das">
939                        <ul class="right-focus-wrap clearfix">
940                                                        <li class="multi-posts clearfix" style="min-height: 100px">
941
942
943                                <div class="post-thumbnail">
944                                    <a href="/chi-tiet-tin-tuc/tang-cuong-vai-tro-quan-ly-hoat-dong-bao-chi-tren-dia-ban-tinh-nghe-an" targetExt="">
945                                                                                                                            <img src="/storage/eO3nIJRWTRU7IRW2s5qBZiPP6vEijeFACyvN3v8k.jpg" alt="Tăng cường vai trò quản lý hoạt động báo chí trên địa bàn tỉnh Nghệ An" style="object-fit:contain; width:100%;">
946                                        
947                                    
948                                    </a>
949                                </div>
950                                <div class="post-entry" style="padding-bottom: 10px;">
951                                    <a href="/chi-tiet-tin-tuc/tang-cuong-vai-tro-quan-ly-hoat-dong-bao-chi-tren-dia-ban-tinh-nghe-an" targetExt="" style="color:black;">
952                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
953                                            Tăng cường vai trò quản lý hoạt động báo chí trên địa bàn tỉnh Nghệ An
954                                        </h3>
955                                                                                <p style="display: block;
956                                            display: -webkit-box;
957                                            height: 16px*1.3*3;
958                                            font-size: 16px;
959                                            line-height: 1.3;
960                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
961                                            -webkit-box-orient: vertical;
962                                            overflow: hidden;
963                                            text-overflow: ellipsis;
964                                            margin-top:10px;
965                                            text-align: justify;
966                                        "> Phiên họp thứ 50 của Ủy ban Thường vụ Quốc hội (khai mạc ngày 08/10/2025) bàn về nhiều nội dung, trong đó có dự án Luật Báo chí (sửa đổi
966),...</p>
967                                                                            </a>
968
969                                </div>
970                            </li>
971                                                        <li class="multi-posts clearfix" style="min-height: 100px">
972
973
974                                <div class="post-thumbnail">
975                                    <a href="/chi-tiet-tin-tuc/tu-ky-uc-chien-tranh-den-khat-vong-hoa-binh-gia-tri-truong-ton-cua-dao-ly-uong-nuoc-nho-nguon-trong-doi-song-hom-nay" targetExt="">
976                                                                                                                            <img src="/storage/rtNQWBqt1KdpOn8ziiyHZS97ptsAPg8SDsW2VrTz.jpg" alt="Từ ký ức chiến tranh đến khát vọng hòa bình - giá trị trường tồn của đạo lý “Uống nước nhớ nguồn” trong đời sống hôm nay" style="object-fit:contain; width:100%;">
977                                        
978                                    
979                                    </a>
980                                </div>
981                                <div class="post-entry" style="padding-bottom: 10px;">
982                                    <a href="/chi-tiet-tin-tuc/tu-ky-uc-chien-tranh-den-khat-vong-hoa-binh-gia-tri-truong-ton-cua-dao-ly-uong-nuoc-nho-nguon-trong-doi-song-hom-nay" targetExt="" style="color:black;">
983                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
984                                            Từ ký ức chiến tranh đến khát vọng hòa bình - giá trị trường tồn của đạo lý “Uống nước nhớ nguồn” trong đời sống hôm nay
985                                        </h3>
986                                                                                <p style="display: block;
987                                            display: -webkit-box;
988                                            height: 16px*1.3*3;
989                                            font-size: 16px;
990                                            line-height: 1.3;
991                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
992                                            -webkit-box-orient: vertical;
993                                            overflow: hidden;
994                                            text-overflow: ellipsis;
995                                            margin-top:10px;
996                                            text-align: justify;
997                                        "> Quang cảnh Hội nghị Tri ân người có công với cách mạng toàn quốc năm 2026. Nguồn ảnh: Báo Nhân dân
998Tháng Bảy - Tháng của ký ức và lòng biết...</p>
999                                                                            </a>
1000
1001                                </div>
1002                            </li>
1003                                                        <li class="multi-posts clearfix" style="min-height: 100px">
1004
1005
1006                                <div class="post-thumbnail">
1007                                    <a href="/chi-tiet-tin-tuc/nghi-quyet-80-dong-luc-de-phat-trien-kinh-te-di-san-o-nghe-an" targetExt="">
1008                                                                                                                            <img src="/storage/Auk2r1OMSkpDWbMi5fiF59QY0P9l17ZWHurs3CgH.jpg" alt="Nghị quyết 80 - động lực để phát triển kinh tế di sản ở Nghệ An" style="object-fit:contain; width:100%;">
1009                                        
1010                                    
1011                                    </a>
1012                                </div>
1013                                <div class="post-entry" style="padding-bottom: 10px;">
1014                                    <a href="/chi-tiet-tin-tuc/nghi-quyet-80-dong-luc-de-phat-trien-kinh-te-di-san-o-nghe-an" targetExt="" style="color:black;">
1015                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
1016                                            Nghị quyết 80 - động lực để phát triển kinh tế di sản ở Nghệ An
1017                                        </h3>
1018                                                                                <p style="display: block;
1019                                            display: -webkit-box;
1020                                            height: 16px*1.3*3;
1021                                            font-size: 16px;
1022                                            line-height: 1.3;
1023                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
1024                                            -webkit-box-orient: vertical;
1025                                            overflow: hidden;
1026                                            text-overflow: ellipsis;
1027                                            margin-top:10px;
1028                                            text-align: justify;
1029                                        "> Tổng Bí thư Tô Lâm phát biểu chỉ đạo tại Hội nghị toàn quốc nghiên cứu, học tập, quán triệt và triển khai thực hiện Nghị quyết 79-NQ/TW và Nghị...</p>
1030                                                                            </a>
1031
1032                                </div>
1033                            </li>
1034                                                        <li class="multi-posts clearfix" style="min-height: 100px">
1035
1036
1037                                <div class="post-thumbnail">
1038                                    <a href="/chi-tiet-tin-tuc/doi-moi-san-pham-va-dich-vu-thong-tin-tai-thu-vien-nghe-an-dap-ung-yeu-cau-chuyen-doi-so-nganh-thu-vien" targetExt="">
1039                                                                                <img src="/images/noimg.jpg" alt="Đổi má
1039»›i sản phẩm và dịch vụ thông tin tại Thư viện Nghệ An đáp ứng yêu cầu chuyển đổi số ngành thư viện" id="imghot">
1040                                        
1041                                    </a>
1042                                </div>
1043                                <div class="post-entry" style="padding-bottom: 10px;">
1044                                    <a href="/chi-tiet-tin-tuc/doi-moi-san-pham-va-dich-vu-thong-tin-tai-thu-vien-nghe-an-dap-ung-yeu-cau-chuyen-doi-so-nganh-thu-vien" targetExt="" style="color:black;">
1045                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
1046                                            Đổi mới sản phẩm và dịch vụ thông tin tại Thư viện Nghệ An đáp ứng yêu cầu chuyển đổi số ngành thư viện
1047                                        </h3>
1048                                                                                <p style="display: block;
1049                                            display: -webkit-box;
1050                                            height: 16px*1.3*3;
1051                                            font-size: 16px;
1052                                            line-height: 1.3;
1053                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
1054                                            -webkit-box-orient: vertical;
1055                                            overflow: hidden;
1056                                            text-overflow: ellipsis;
1057                                            margin-top:10px;
1058                                            text-align: justify;
1059                                        "> Trong bối cảnh công nghệ thông tin bùng nổ cùng với những biến đổi không ngừng của đời sống xã hội, vai trò của thư viện ngày nay không còn...</p>
1060                                                                            </a>
1061
1062                                </div>
1063                            </li>
1064                            
1065                        </ul>
1066                    </div>
1067
1068                </div>
1069            </div>
1070        </div>
1071
1072    </section>
1073
1074    <section class="new-article tin-trong-nc clearfix">
1075        <div class="col-sm-12">
1076            <div class="section-header">
1077                <a>
1078                    <h2>ĐIỆN ẢNH</h2>
1079                </a>
1080
1081            </div>
1082            <div class="section-content">
1083                <div class="row">
1084                    <div class="col-md-6 col-sm-12 border-das ">
1085
1086                        <div class="spe-article ">
1087                            <div class="post-thumbnail" style="margin-bottom: 10px;">
1088                                <a href="/chi-tiet-tin-tuc/phim-dien-anh-mui-pho-se-phat-hanh-toan-cau" >
1089                                                                                                                        <img src="/storage/64f6urvo7YGUPz7fvhhwY8Xp73qq8fBrTfKrkgnr.jpg" alt="Phim điện ảnh “Mùi Phở” sẽ phát hành toàn cầu" style="object-fit:contain; width:100%;">
1090                                        
1091                                    
1092                                </a>
1093                            </div>
1094                            <div class="post-entry">
1095                                <a href="/chi-tiet-tin-tuc/phim-dien-anh-mui-pho-se-phat-hanh-toan-cau"  style="color:black;">
1096                                    <h2 class="post-box-title" style="font-size:20px; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; height: 40px; display: -webkit-box; -webkit-box-orient: vertical;">
1097                                        Phim điện ảnh “Mùi Phở” sẽ phát hành toàn cầu
1098                                    </h2>
1099                                                                            <p style="display: block;
1100                                            display: -webkit-box;
1101                                            height: 16px*1.3*3;
1102                                            font-size: 16px;
1103                                            line-height: 1.3;
1104                                            -webkit-line-clamp: 3;  /* số dòng hiển thị */
1105                                            -webkit-box-orient: vertical;
1106                                            overflow: hidden;
1107                                            text-overflow: ellipsis;
1108                                            margin-top:10px;
1109                                            text-align: justify;
1110                                        "> Dịp Tết Nguyên đán Bính Ngọ 2026, thị trường điện ảnh Việt đón nhận một tác phẩm mang đậm phong vị Bắc Bộ mang tên Mùi Phở. Đây là dự án...</p>
1111                                                                        </a>
1112
1113                            </div>
1114                        </div>
1115
1116
1117
1118
1119
1120                    </div>
1121                    <div class="col-md-6 col-sm-12 border-das">
1122                        <ul class="right-focus-wrap clearfix">
1123                                                        <li class="multi-posts clearfix" style="min-height: 100px">
1124
1125
1126                                <div class="post-thumbnail">
1127                                    <a href="/chi-tiet-tin-tuc/13869-bo-
1127phim-cach-day-10-nam-nhu-noi-ve-cau-chuyen-covid-19-hom-nay" targetExt="">
1128                                                                                                                            <img src="/storage/images/2020/Thang12/1. phim covid.jpg" alt="Bộ phim cách đây 10 năm  như nói về câu chuyện Covid-19 hôm nay" style="object-fit:contain; width:100%;">
1129                                        
1130                                    
1131                                    </a>
1132                                </div>
1133                                <div class="post-entry" style="padding-bottom: 10px;">
1134                                    <a href="/chi-tiet-tin-tuc/13869-bo-phim-cach-day-10-nam-nhu-noi-ve-cau-chuyen-covid-19-hom-nay" targetExt="" style="color:black;">
1135                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
1136                                            Bộ phim cách đây 10 năm  như nói về câu chuyện Covid-19 hôm nay
1137                                        </h3>
1138                                                                                <p style="display: block;
1139                                            display: -webkit-box;
1140                                            height: 16px*1.3*3;
1141                                            font-size: 16px;
1142                                            line-height: 1.3;
1143                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
1144                                            -webkit-box-orient: vertical;
1145                                            overflow: hidden;
1146                                            text-overflow: ellipsis;
1147                                            margin-top:10px;
1148                                            text-align: justify;
1149                                        "> Rùng mình khi phim ‘Contagion’ (sự lây nhiễm) năm 2011 quá giống đại dịch COVID-19. Gần 10 năm sau khi phát hành, phim “Contagion” đang lôi cuốn khán giả trở...</p>
1150                                                                            </a>
1151
1152                                </div>
1153                            </li>
1154                                                        <li class="multi-posts clearfix" style="min-height: 100px">
1155
1156
1157                                <div class="post-thumbnail">
1158                                    <a href="/chi-tiet-tin-tuc/13842-chi-tiet-mau-da-va-mai-toc-xoan-trong-phim-hoat-hinh-hair-loveva-su-giai-huyen-thoai-tinh-chat-nguoi-da-mau" targetExt="">
1159                                                                                                                            <img src="/storage/images/2020/Thang12/1. Phim da mau.png" alt="Chi tiết màu da và mái tóc xoăn trong phim hoạt hình HAIR LOVEvà sự giải huyền thoại TÍNH CHẤT NGƯỜI DA MÀU" style="object-fit:contain; width:100%;">
1160                                        
1161                                    
1162                                    </a>
1163                                </div>
1164                                <div class="post-entry" style="padding-bottom: 10px;">
1165                                    <a href="/chi-tiet-tin-tuc/13842-chi-tiet-mau-da-va-mai-toc-xoan-trong-phim-hoat-hinh-hair-loveva-su-giai-huyen-thoai-tinh-chat-nguoi-da-mau" targetExt="" style="color:black;">
1166                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
1167                                            Chi tiết màu da và mái tóc xoăn trong phim hoạt hình HAIR LOVEvà sự giải huyền thoại TÍNH CHẤT NGƯỜI DA MÀU
1168                                        </h3>
1169                                                                                <p style="display: block;
1170                                            display: -webkit-box;
1171                                            height: 16px*1.3*3;
1172                                            font-size: 16px;
1173                                            line-height: 1.3;
1174                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
1175                                            -webkit-box-orient: vertical;
1176                                            overflow: hidden;
1177                                            text-overflow: ellipsis;
1178                                            margin-top:10px;
1179                                            text-align: justify;
1180                                        "> Mùa giải Oscar của năm 2020 tiếp tục vinh danh những tác phẩm điện ảnh đặc sắc đã góp phần hoàn thiện sự tròn đầy nơi cái nhìn của con...</p>
1181                                                                            </a>
1182
1183                                </div>
1184                            </li>
1185                                                        <li class="multi-posts clearfix" style="min-height: 100px">
1186
1187
1188                                <div class="post-thumbnail">
1189                                    <a href="/chi-tiet-tin-tuc/13740-lich-su-qua-cai-nhin-tre-tho-trong-quen-lang-nen-tho-cua-phan-thao-nguyen" targetExt="">
1190                                                                                                                            <img src="/storage/images/2020/Thang11/1. phim.jpg" alt="Lịch sử qua cái nhìn trẻ thơ trong “Quên lãng nên thơ” của Phan Thảo Nguyên" style="object-fit:contain; width:100%;">
1191                                        
1192                                    
1193                                    </a>
1194                                </div>
1195                                <div class="post-entry" style="padding-bottom: 10px;">
1196                                    <a href="/chi-tiet-tin-tuc/13740-lich-su-qua-cai-nhin-tre-tho-trong-quen-lang-nen-tho-cua-phan-thao-nguyen" targetExt="" style="color:black;">
1197                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
1198                                            Lịch sử qua cái nhìn trẻ thơ trong “Quên lãng nên thơ” của Phan Thảo Nguyên
1199                                        </h3>
1200                                                                                <p style="display: block;
1201                                            display: -webkit-box;
1202                                            height: 16px*1.3*3;
1203                                            font-size: 16px;
1204                                            line-height: 1.3;
1205                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
1206                                            -webkit-box-orient: vertical;
1207                                            overflow: hidden;
1208                                            text-overflow: ellipsis;
1209                                            margin-top:10px;
1210                                            text-align: justify;
1211                                        "> Những đứa trẻ, vì thế là những ẩn dụ đưa người thưởng thức nghệ thuật vào thế giới của suy tư.
12121. “Quên lãng nên thơ” (được triển lãm tại Trung...</p>
1213                                                                            </a>
1214
1215                                </div>
1216                            </li>
1217                                                        <li class="multi-posts clearfix" style="min-height: 100px">
1218
1219
1220                                <div class="post-thumbnail">
1221                                    <a href="/chi-tiet-tin-tuc/13736-nhat-ky-xem-the-run" targetExt="">
1222                                                                                                                            <img src="/storage/images/2020/Thang11/1. the run.jpg" alt="Nhật ký xem “The run”" style="object-fit:contain; width:100%;">
1223                                        
1224                                    
1225                                    </a>
1226                                </div>
1227                                <div class="post-entry" style="padding-bottom: 10px;">
1228                                    <a href="/chi-tiet-tin-tuc/13736-nhat-ky-xem-the-run" targetExt="" style="color:black;">
1229                                        <h3 style="font-size:16px;" class="post-box-title line-clamp-3">
1230                                            Nhật ký xem “The run”
1231                                        </h3>
1232                                                                                <p style="display: block;
1233                                            display: -webkit-box;
1234                                            height: 16px*1.3*3;
1235                                            font-size: 16px;
1236                                            line-height: 1.3;
1237                                            -webkit-line-clamp: 2;  /* số dòng hiển thị */
1238                                            -webkit-box-orient: vertical;
1239                                            overflow: hidden;
1240                                            text-overflow: ellipsis;
1241                                            margin-top:10px;
1242                                            text-align: justify;
1243                                        "> 1. Trị liệu và tra tấn
1244Mỗi nhân vật trong vở kịch này có một câu chuyện và một cách tự kể truyện riêng. Tuy nhiên chúng tôi chú ý nhiều...</p>
1245                                                                            </a>
1246
1247                                </div>
1248                            </li>
1249                            
1250                        </ul>
1251                    </div>
1252
1253                </div>
1254            </div>
1255        </div>
1256
1257    </section>
1258
1259    
1260   
1261</div>
1262
1263<!-- END -->
1264
1265
1266
1267            <div class="col-sm-3" style="padding:2px;">
1268                <div class="col-sm-12 choose-sm">
1269                    <div class="right-new-choose clearfix">
1270
1271                        <div class="input-group d-flex" style="padding-bottom: 20px;" id="demo">
1272                            <input v-model="searchnow" class="form-control border-end-0 border" placeholder="tìm kiếm" id="example-search-input">
1273                            <span class="input-group-append">
1274                                <button @click="searchpost" class="btn btn-outline-secondary bg-white border-start-0 border-bottom-0 border ms-n5" type="button">
1275                                    <i class="fa fa-search"></i>
1276                                </button>
1277                            </span>
1278                        </div>
1279                    </div>
1280                    <div class="right-new-choose clearfix">
1281                        <div class="section-header">
1282                            <a>
1283                                <h2>Đặc San</h2>
1284                            </a>
1285
1286                        </div>
1287
1288
1289                        <div id="myCarousel2" class="carousel slide" data-ride="carousel" style="height: 350px;">
1290                            <!-- Wrapper for slides -->
1291                            <div class="carousel-inner">
1292                                <div class="item active">
1293                                    <a href="/storage/2026/1/posts/CamScanner_29-12-2025_09.56_2.pdf">
1294                                        <img src="/storage/kNumJ2adsmIFdAhMuxAF7r0xKo7wEFocMdpfR1zR.jpg" alt="" style="width:100%; height: 350px;">
1295
1296                                    </a>
1297                                </div>
1298                                                                                                                                                                <div class="item">
1299                                    <a href="/storage/2026/1/posts/bia_-_Van_hoa,_The_thao_&amp;_Du_lich_-_So_20.2025.pdf">
1300                                        <img src="/storage/kNumJ2adsmIFdAhMuxAF7r0xKo7wEFocMdpfR1zR.jpg" alt="" style="width:100%; height: 350px;">
1301                                    </a>
1302                                </div>
1303                                                                                                                                <div class="item">
1304                                    <a href="/storage/2025/10/posts/BT_Van_hoa_&amp;_The_thao_-_So_18.2025.pdf">
1305                                        <img src="/storage/4yBLFXIsvg2xkPAvI0E1VpCZF7YGF2cYnawh37Y4.jpg" alt="" style="width:100%; height: 350px;">
1306                                    </a>
1307                                </div>
1308                                                                                                                                <div class="item">
1309                                    <a href="/storage/2025/2/posts/So_16-IN_(20-1-2025).pdf">
1310                                        <img src="/storage/dsoFfhIpawaftPwV6CfM3faxR8bdo7zR8XVVXj5g.jpg" alt="" style="width:100%; height: 350px;">
1311                                    </a>
1312                                </div>
1313                                                                                                                                <div class="item">
1314                                    <a href="/storage/2024/11/posts/Van_hoa_the_thao_so_14_-1.pdf">
1315                                        <img src="/storage/GMgSKCVNQgzc1yGRHHuiEK8p40VTtsvLjiHL6n4q.jpg" alt="" style="width:100%; height: 350px;">
1316                                    </a>
1317                                </div>
1318                                                                                                                                <div class="item">
1319                                    <a href="/storage/2024/7/posts/So_13_-_IN.pdf">
1320                                        <img src="/storage/uOgx6MxYGt2zqIzpWlphANGGQZlzeU8yvH9nyNep.jpg" alt="" style="width:100%; height: 350px;">
1321                                    </a>
1322                                </div>
1323                                                                                                                                <div class="item">
1324                                    <a href="/storage/2024/2/posts/So_12_-_in.pdf">
1325                                        <img src="/storage/9MwehtSiogdKJaXHM5swXm8oceESrmRJucNSxs3v.jpg" alt="" style="width:100%; height: 350px;">
1326                                    </a>
1327                                </div>
1328                                                                                                                                <div class="item">
1329                                    <a href="/storage/2023/12/posts/So_11_-_IN.pdf">
1330                                        <img src="/storage/t22reS72WHqDhIxpNU0uJTWHVIJk7GYdZSYNEef4.jpg" alt="" style="width:100%; height: 350px;">
1331                                    </a>
1332                                </div>
1333                                                                                                                                <div class="item">
1334                                    <a href="/storage/2023/9/posts/So_10_-_IN.pdf">
1335                                        <img src="/storage/uKtCAYwYVaCnkr09FSAVV073z24A4OnU3x8V8ro7.jpg" alt="" style="width:100%; height: 350px;">
1336                                    </a>
1337                                </div>
1338                                                                                                                                <div class="item">
1339                                    <a href="/storage/2023/5/posts/So_9_-_IN_(14-5-2023).pdf">
1340                                        <img src="/storage/d0eVp6vJz2amC0E6IVQi94kTVepRCrKqInwh53pR.jpg" alt="" style="width:100%; height: 350px;">
1341                                    </a>
1342                                </div>
1343                                                                                                                                <div class="item">
1344                                    <a href="/storage/2023/2/posts/So_8_-_IN.pdf">
1345                                        <img src="/storage/WhRBRxOnOnUbm4WDrs1Z7Zw6Y6Kw4S7TZaIT6jiq.jpg" alt="" style="width:100%; height: 350px;">
1346                                    </a>
1347                                </div>
1348                                                                
1349
1350                            </div>
1351
1352                            <!-- Left and right controls -->
1353                            <a class="left carousel-control" href="#myCarousel2" data-sli
1353de="prev">
1354                                <i class="fa fa-chevron-left" aria-hidden="true" style="padding-top: 70px; padding-bottom: 30px;"></i>
1355                                <span class="sr-only">Previous</span>
1356                            </a>
1357                            <a class="right carousel-control" href="#myCarousel2" data-slide="next">
1358                                <i class="fa fa-chevron-right" aria-hidden="true" style="padding-top: 70px; padding-bottom: 30px;"></i>
1359                                <span class="sr-only">Next</span>
1360                            </a>
1361                        </div>
1362
1363                        <!-- </ul> -->
1364                    </div>
1365
1366                    <div class="right-new-choose clearfix" style="margin-top:10px;">
1367                        <div class="section-header">
1368
1369                            <h2>Videos</h2>
1370
1371
1372                        </div>
1373                       <!-- Container bắt buộc phải có padding-bottom 75% cho video 4:3 -->
1374                       
1375                        </div>
1376                        <div id="myCarousel1" class="carousel slide" data-ride="carousel">
1377                            <!-- Wrapper for slides -->
1378                                                        <div class="carousel-inner">
1379                                <div class="item active">
1380                                   <iframe 
1381                                        src="https://www.youtube.com/embed/UScoO53LGvQ" 
1382                                        width="100%" 
1383                                        height="250" 
1384                                        frameborder="0" 
1385                                        allowfullscreen> 
1386                                    </iframe>
1387                                </div>
1388
1389                                
1390                                                                                                                                                                            <div class="item">
1391                                        <iframe width="100%" height="250"
1392                                            src="https://drive.google.com/file/d/1XQ8C8CCs03ICpKcpJSogT18bFmYdIbTx/preview?rm=minimal"
1393                                            frameborder="0" allowfullscreen>
1394                                        </iframe>
1395                                    </div>
1396                                                                                                                                            <div class="item">
1397                                        <iframe width="100%" height="250"
1398                                            src="https://drive.google.com/file/d/1Q9tIUiHNzqaFa4NVn8fEb-0YJ_1IBJmG/preview?rm=minimal"
1399                                            frameborder="0" allowfullscreen>
1400                                        </iframe>
1401                                    </div>
1402                                                                                                                                            <div class="item">
1403                                        <iframe width="100%" height="250"
1404                                            src="https://drive.google.com/file/d/1p7jPi4EmFz6ojUlZINx4AZBayixrJajL/preview?rm=minimal"
1405                                            frameborder="0" allowfullscreen>
1406                                        </iframe>
1407                                    </div>
1408                                                                                                                                            <div class="item">
1409                                        <iframe width="100%" height="250"
1410                                            src="https://drive.google.com/file/d/1Q5eG-xHgXqfCoa3JUx9bYu9-7TWOUgf1/preview?rm=minimal"
1411                                            frameborder="0" allowfullscreen>
1412                                        </iframe>
1413                                    </div>
1414                                                                                                                                            <div class="item">
1415                                        <iframe width="100%" height="250"
1416                                            src="https://drive.google.com/file/d/1sybEMqlI8eF31GZE1zGZYuESj-YJSUl5/preview?rm=minimal"
1417                                            frameborder="0" allowfullscreen>
1418                                        </iframe>
1419                                    </div>
1420                                                                                                                                            <div class="item">
1421                                        <iframe width="100%" height="250"
1422                                            src="https://www.youtube.com/embed/crRSFxey-O0"
1423                                            frameborder="0" allowfullscreen>
1424                                        </iframe>
1425                                    </div>
1426                                                                                                                                            <div class="item">
1427                                        <iframe width="100%" height="250"
1428                                            src="https://www.youtube.com/embed/5Jbkb4Z4ADQ"
1429                                            frameborder="0" allowfullscreen>
1430                                        </iframe>
1431                                    </div>
1432                                                                                                                                            <div class="item">
1433                                        <iframe width="100%" height="250"
1434                                            src="https://www.youtube.com/embed/uYFC2hhB2Ns"
1435                                            frameborder="0" allowfullscreen>
1436                                        </iframe>
1437                                    </div>
1438                                                                                                                                            <div class="item">
1439                                        <iframe width="100%" height="250"
1440                                            src="https://www.youtube.com/embed/6KXErMu1UXw"
1441                                            frameborder="0" allowfullscreen>
1442                                        </iframe>
1443                                    </div>
1444                                                                                                                                            <div class="item">
1445                                        <iframe width="100%" height="250"
1446                                            src="https://www.youtube.com/embed/bAI3A_ELud4"
1447                                            frameborder="0" allowfullscreen>
1448                                        </iframe>
1449                                    </div>
1450                                                                                                                                            <div class="item">
1451                                        <iframe width="100%" height="250"
1452                                            src="https://www.youtube.com/embed/U-Ydp6Ls4zE"
1453                                            frameborder="0" allowfullscreen>
1454                                        </iframe>
1455                                    </div>
1456                                                                    
1457                            </div>
1458                                                        <!-- Left and right controls -->
1459                            <a class="left carousel-control" href="#myCarousel1" data-sli
1459de="prev">
1460                                <i class="fa fa-chevron-left" aria-hidden="true" style="padding-top: 70px; padding-bottom: 30px;"></i>
1461                                <span class="sr-only">Previous</span>
1462                            </a>
1463                            <a class="right carousel-control" href="#myCarousel1" data-slide="next">
1464                                <i class="fa fa-chevron-right" aria-hidden="true" style="padding-top: 70px; padding-bottom: 30px;"></i>
1465                                <span class="sr-only">Next</span>
1466                            </a>
1467                        </div>
1468                        <!-- <div class="video2">
1469                            <iframe 
1470                                width="100%" 
1471                                height="200"
1472                                src="https://www.youtube.com/embed/videoseries?list=PLY3FCvBpMyWLKQ4Qa5q9CPZnfkRCyYpl5"
1473                                frameborder="0" 
1474                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
1475                                allowfullscreen>
1476                            </iframe>
1477                        </div> -->
1478
1479                    </div>
1480
1481                    <!-- banner -->
1482                    <style>
1483                        /* Modal style */
1484                        .modal {
1485                            display: none;
1486                            /* Ẩn modal mặc định */
1487                            position: fixed;
1488                            z-index: 1;
1489                            left: 0;
1490                            top: 0;
1491                            width: 100%;
1492                            height: 100%;
1493                            overflow: auto;
1494                            background-color: rgba(0, 0, 0, 0.7);
1495                            /* Màu nền, bạn có thể điều chỉnh độ mờ tùy ý */
1496                        }
1497
1498                        /* Nội dung modal */
1499                        .modal-content {
1500                            margin: 15% auto;
1501                            padding: 20px;
1502                            border: 1px solid #888;
1503                            background-color: #fff;
1504                            max-width: 800px;
1505                            /* Điều chỉnh chiều rộng modal tùy ý */
1506                        }
1507
1508                        /* Đóng modal khi hover đến nút đóng */
1509                        /* Đóng modal khi hover đến nút đóng */
1510                        .close1 {
1511                            color: black;
1512                            float: right;
1513                            font-size: 28px;
1514                            font-weight: bold;
1515                        }
1516
1517                        .close1:hover,
1518                        .close1:focus {
1519                            color: black;
1520                            /* Giữ màu đen khi hover */
1521                            text-decoration: none;
1522                            cursor: pointer;
1523                        }
1524
1525                        /* Phóng to ảnh */
1526                        .modal-content img {
1527                            width: 100%;
1528                            height: auto;
1529                        }
1530                    </style>
1531
1532                    <div class="right-new-choose clearfix">
1533                        <div class="section-header">
1534                            <h2>Thư viện ảnh</h2>
1535                        </div>
1536                                                <div id="thuvienSlider" class="carousel slide" data-ride="carousel" data-interval="3000">
1537                            <ol class="carousel-indicators">
1538                                                                <li data-target="#thuvienSlider" data-slide-to="0" class="active"></li>
1539                                                                <li data-target="#thuvienSlider" data-slide-to="1" class=""></li>
1540                                                                <li data-target="#thuvienSlider" data-slide-to="2" class=""></li>
1541                                                            </ol>
1542
1543                            <!-- Các slide ảnh -->
1544                            <div class="carousel-inner">
1545                                                                <div class="item active">
1546                                    <a href="javascript:void(0);" onclick="openModal('YLugFIcfEw1HZyqqL5vjfXTi5y8kDxRp7vyk8YoL.jpg')">
1547                                        <img src="/storage/YLugFIcfEw1HZyqqL5vjfXTi5y8kDxRp7vyk8YoL.jpg" alt="Thư viện ảnh" style="width:100%; height: 350px; object-fit: cover;">
1548                                    </a>
1549                                </div>
1550                                                                <div class="item ">
1551                                    <a href="javascript:void(0);" onclick="openModal('905mOm2rAUigH1kkvRiSJBfJsPbgB88CUZZLLOFx.jpg')">
1552                                        <img src="/storage/905mOm2rAUigH1kkvRiSJBfJsPbgB88CUZZLLOFx.jpg" alt="Thư viện ảnh" style="width:100%; height: 350px; object-fit: cover;">
1553                                    </a>
1554                                </div>
1555                                                                <div class="item ">
1556                                    <a href="javascript:void(0);" onclick="openModal('D7PLC6WOUlSE9RkUzbVtQR7A8hbOiLAHbZPeZA6X.webp')">
1557                                        <img src="/storage/D7PLC6WOUlSE9RkUzbVtQR7A8hbOiLAHbZPeZA6X.webp" alt="Thư viện ảnh" style="width:100%; height: 350px; object-fit: cover;">
1558                                    </a>
1559                                </div>
1560                                                            </div>
1561
1562                           
1563                            <a class="left carousel-control" href="#thuvienSlider" data-slide="prev">
1564                                <i class="fa fa-chevron-left" aria-hidden="true" style="padding-top: 70px; padding-bottom: 30px;"></i>
1565                                <span class="sr-only">Previous</span>
1566                            </a>
1567                            <a class="right carousel-control" href="#thuvienSlider" data-slide="next">
1568                                <i class="fa fa-chevron-right" aria-hidden="true" style="padding-top: 70px; padding-bottom: 30px;"></i>
1569                                <span class="sr-only">Next</span>
1570                            </a>
1571                        </div>
1572                                            </div>
1573
1574                    <!-- Modal phóng to ảnh (giữ nguyên, chỉ cập nhật JS) -->
1575                    <div id="myModal" class="modal">
1576                        <div class="modal-content">
1577                            <span class="close1" onclick="closeModal()">&times;</span>
1578                            <img id="modalImage" src="" alt="">
1579                        </div>
1580                    </div>
1581
1582
1583                    <!-- end banner -->
1584
1585                    <div class="right-new-choose clearfix" style="padding: 10px 0" id="hidden-s1">
1586                        <div class="section-header">
1587                            <a>
1588                                <h2>Bài viết nhiều lượt xem nhất </h2>
1589                            </a>
1590                        </div>
1591                                                <a style="color: #292d32;line-height: 1.3;
1591" href="/chi-tiet-tin-tuc/26-nguoi-ha-noi-thanh-lich-mot-it-nhan-dang-ve-no">
1592                            <h3 style="line-height: 1.3; padding: 4px 0; border-bottom: 1px solid #cac5c5; text-align: justify;">Người Hà Nội thanh lịch - một ít nhận dạng về nó</h3>
1593
1594                        </a>
1595                                                <a style="color: #292d32;line-height: 1.3;" href="/chi-tiet-tin-tuc/28-su-giao-thoa-cua-tu-tuong-nho-giao-va-phat-giao-trong-truyen-kieu-cua-nguyen-du">
1596                            <h3 style="line-height: 1.3; padding: 4px 0; border-bottom: 1px solid #cac5c5; text-align: justify;">Sự giao thoa của tư tưởng nho giáo và phật giáo trong Truyện Kiều của Nguyễn Du</h3>
1597
1598                        </a>
1599                                                <a style="color: #292d32;line-height: 1.3;" href="/chi-tiet-tin-tuc/30-chu-tich-ho-chi-minh-nguoi-khai-sang-mot-nha-bao-vi-dai-cua-nen-bao-chi-cach-mang-viet-nam">
1600                            <h3 style="line-height: 1.3; padding: 4px 0; border-bottom: 1px solid #cac5c5; text-align: justify;"> Chá»§ tịch Hồ Chí Minh, người khai sáng, một nhà báo vÄ© đá
1600º¡i cá»§a nền báo chí cách mạng Việt Nam</h3>
1601
1602                        </a>
1603                                                <a style="color: #292d32;line-height: 1.3;" href="/chi-tiet-tin-tuc/31-cac-le-hoi-cua-cu-dan-mien-bien-nghe-an">
1604                            <h3 style="line-height: 1.3; padding: 4px 0; border-bottom: 1px solid #cac5c5; text-align: justify;">Các lễ hội của cư dân miền biển Nghệ An</h3>
1605
1606                        </a>
1607                                                <a style="color: #292d32;line-height: 1.3;" href="/chi-tiet-tin-tuc/32-dai-hoc-ve-lang">
1608                            <h3 style="line-height: 1.3; padding: 4px 0; border-bottom: 1px solid #cac5c5; text-align: justify;">Đại học về làng</h3>
1609
1610                        </a>
1611                                            </div>
1612
1613
1614                    <div class="right-new-choose clearfix" style="padding: 10px 0" id="hidden-s1">
1615                        <div class="section-header">
1616                            <a>
1617                                <h2>Liên kết </h2>
1618                            </a>
1619                        </div>
1620                        <div class="row">
1621                            <div class="col-md-3 col-sm-12 border-das ">
1622
1623                                <div class="spe-article">
1624                                    <div class="post-thumbnail">
1625                                        <a href="mailto:[email protected]"><i style="font-size: 30px;     color: #da1c1c;" class="fas fa-envelope"></i></a>
1626                                    </div>
1627
1628                                </div>
1629                            </div>
1630                            <div class="col-md-3 col-sm-12 border-das ">
1631
1632                                <div class="spe-article">
1633                                    <div class="post-thumbnail">
1634                                        <a href="col-md-4"><i style="font-size:  30px;     color: #da1c1c;" class="fab fa-twitter"></i></a>
1635                                    </div>
1636
1637                                </div>
1638                            </div>
1639                            <div class="col-md-3 col-sm-12 border-das ">
1640
1641                                <div class="spe-article">
1642                                    <div class="post-thumbnail">
1643                                        <a href="https://www.facebook.com/groups/4129142513833497"><i style="font-size:  30px;    color: #da1c1c;" class="fab fa-facebook-f"></i></a>
1644                                    </div>
1645
1646                                </div>
1647                            </div>
1648                            <div class="col-md-3 col-sm-12 border-das ">
1649
1650                                <div class="spe-article">
1651                                    <div class="post-thumbnail">
1652                                        <a href="col-md-4"><i style="font-size:  30px;    color: #da1c1c;" class="fab fa-instagram"></i></a>
1653                                    </div>
1654
1655                                </div>
1656                            </div>
1657
1658                        </div>
1659
1660                    </div>
1661
1662                    <style>
1663                        #demo1 {
1664                            display: none;
1665                        }
1666
1667                        @media (max-width: 575px) {
1668
1669                            #hidden-s,
1670                            #hidden-s1,
1671                            #demo {
1672                                display: none !important;
1673                            }
1674
1675                            #demo1 {
1676                                display: flex !important;
1677
1678                            }
1679
1680                            .responsive {
1681                                padding-left: 10px;
1682                                padding-right: 10px;
1683                            }
1684
1685
1686
1687
1688                        }
1689                    </style>
1690                    <div class="right-new-choose clearfix d-none d-sm-block" style="margin: 10px;" id="hidden-s">
1691                        <div class="section-header" style="margin:10px -10px;">
1692                            <h2>Thống kê truy cập</h2>
1693                        </div>
1694                        <div class="row" style="padding: 10px; border: 10px solid #000000; border-radius: 8px; height: 300px; box-sizing: border-box;">
1695                            <div style="text-align: center; font-size:40px; font-weight: 1500;">
1696                                <!-- 
1696<script type="text/javascript"
1697                                    src="https://services.webestools.com/cpt_visitors/71921-8-5.js"></script>
1697 -->
1698                                <!-- 114807825 -->
1699                                <h1 class="grays">114807825</h1>
1700                            </div>
1701                            <style>
1702                                .grays {
1703                                    background-color: #292d32;
1704                                    font-family: 'Anton';
1705                                    color: whitesmoke;
1706                                    text-align: center;
1707                                    font-size: 35px;
1708                                    display: flex;
1709                                    flex-direction: column;
1710                                    align-items: center;
1711                                    justify-content: center;
1712                                    margin: 0;
1713                                    font-weight: 900;
1714                                    border-radius: 4px;
1715                                }
1716                            </style>
1717                                                        <div class="col-sm-12" style="padding: 5px;display: flex;justify-content: space-between;align-items: center;">
1718                                <div>
1719                                    <img src="/images/icons8-user-30.png" style="width: 17px;" alt="">
1720                                    Hôm nay
1721                                </div>
1722                                <p class="" style="padding: 5px;text-align: right;">
1723                                    2195
1724                                </p>
1725                            </div>
1726                            
1727                                                        <div class="col-sm-12" style="padding: 5px;display: flex;justify-content: space-between;align-items: center;">
1728                                <div>
1729                                    <img src="/images/icons8-account-48.png" style="width: 17px;" alt="">
1730                                    Hôm qua
1731                                </div>
1732
1733                                <p class="" style="padding: 5px;text-align: right;">
1734                                    2699
1735                                </p>
1736                            </div>
1737                            
1738
1739                                                        <div class="col-sm-12" style="padding: 5px;display: flex;justify-content: space-between;align-items: center;">
1740                                <div>
1741                                    <img src="/images/icons8-user-30.png" style="width: 17px;" alt="">
1742                                    Tuần này
1743                                </div>
1744
1745                                <p class="" style="padding: 5px;text-align: right;">
1746                                    22846
1747                                </p>
1748                            </div>
1749
1750                                                        <!-- 51102 -->
1751                                                        <div class="col-sm-12" style="padding: 5px;display: flex;justify-content: space-between;align-items: center;">
1752                                <div>
1753                                    <img src="/images/icons8-account-48.png" style="width: 17px;" alt="">
1754                                    Tháng này
1755                                </div>
1756
1757                                <p class="" style="padding: 5px;text-align: right;">
1758                                    251102
1759                                </p>
1760                            </div>
1761                            
1762                                                        <div class="col-sm-12" style="padding: 5px;display: flex;justify-content: space-between;align-items: center;">
1763                                <div>
1764                                    <img src="/images/icons8-account-48.png" style="width: 17px;" alt="">
1765                                    Tháng qua
1766                                </div>
1767
1768                                <p class="" style="padding: 5px;text-align: right;">
1769                                    154586
1770                                </p>
1771                            </div>
1772                            
1773                                                        <div class="col-sm-12" style="padding: 5px;display: flex;justify-content: space-between;align-items: center;">
1774                                <div>
1775                                    <img src="/images/icons8-combo-chart-48.png" style="width: 17px;" alt="">
1776
1777                                    Tất cả
1778                                </div>
1779
1780                                <p class="" style="padding: 5px;text-align: right;">
1781                                    114807825
1782                                </p>
1783                            </div>
1784                                                    </div>
1785                    </div>
1786                </div>
1787
1788            </div>
1789
1790        </div>
1791
1792    </div>
1793    <div style="display:flex; justify-content:center">
1794        <div class="form-check">
1795            <input style="accent-color:red" class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" checked>
1796
1797        </div>
1798        <div class="form-check" style="padding-left: 5px;">
1799            <input style="accent-color:#a33188" class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2">
1800
1801        </div>
1802        <div class="form-check" style="padding-left: 5px;">
1803            <!-- <input style="accent-color:#edd782" class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault6" checked> -->
1804
1805        </div>
1806        <div class="form-check" style="padding-left: 5px;">
1807            <input style="accent-color:#4267b2" class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3">
1808
1809        </div>
1810        <div class="form-check" style="padding-left: 5px;">
1811            <input style="accent-color:#42b72a" class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault4">
1812
1813        </div>
1814        <div class="form-check" style="padding-left: 5px;">
1815            <input style="accent-color:#171940" class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault5">
1816
1817        </div>
1818    </div>
1819
1820    
1820<script language="javascript">
1821        var radio1 = document.getElementById("flexRadioDefault1");
1822        var radio2 = document.getElementById("flexRadioDefault2");
1823        var radio3 = document.getElementById("flexRadioDefault3");
1824        var radio4 = document.getElementById("flexRadioDefault4");
1825        var radio5 = document.getElementById("flexRadioDefault5");
1826        // var radio6 = document.getElementById("flexRadioDefault6");
1827        // window.onload= (event) => {
1828        //     document.getElementById('footer2').style.backgroundColor = "rgb(66, 103, 178)";
1829        //     document.getElementById('my-nav').style.backgroundColor = "rgb(66, 103, 178)";
1830        // };
1831
1832        var background = document.getElementById('footer2');
1833        var background1 = document.getElementById('my-nav');
1834
1835        // switch 
1836        radio1.onclick = function() {
1837            document.getElementById('footer2').style.backgroundColor = "#cf2228";
1838            document.getElementById('my-nav').style.backgroundColor = "#cf2228";
1839            document.getElementById('changeBackghoundMedia').style.backgroundColor = "#cf2228";
1840        };
1841        radio2.onclick = function() {
1842            document.getElementById('footer2').style.backgroundColor = "#a33188";
1843            document.getElementById('my-nav').style.backgroundColor = "#a33188";
1844            document.getElementById('changeBackghoundMedia').style.backgroundColor = "#a33188";
1845        };
1846        radio3.onclick = function() {
1847            document.getElementById('footer2').style.backgroundColor = "#4267b2";
1848            document.getElementById('my-nav').style.backgroundColor = "#4267b2";
1849            document.getElementById('changeBackghoundMedia').style.backgroundColor = "#4267b2";
1850        };
1851        radio4.onclick = function() {
1852            document.getElementById('footer2').style.backgroundColor = "#42b72a";
1853            document.getElementById('my-nav').style.backgroundColor = "#42b72a";
1854            document.getElementById('changeBackghoundMedia').style.backgroundColor = "#42b72a";
1855        };
1856        radio5.onclick = function() {
1857            document.getElementById('footer2').style.backgroundColor = "#171940";
1858            document.getElementById('my-nav').style.backgroundColor = "#171940";
1859            document.getElementById('changeBackghoundMedia').style.backgroundColor = "#171940";
1860        };
1861        // radio6.onclick = function() {
1862        //     document.getElementById('footer2').style.backgroundColor = "#edd782";
1863        //     document.getElementById('my-nav').style.backgroundColor = "#edd782";
1864        // };
1865    </script>
1865
1866
1867    <footer id="footer2" class="background" style="font-family: Quicksand !important;">
1868        <div class="container">
1869            <div class="up-footer">
1870                <div class="row">
1871                    <div class="col-sm-8" style="font-weight: 700;">
1872                        <h2 class="footer-name"> VĂN HÓA NGHỆ AN</h2>
1873                        <p>Cơ quan chủ quản: Sở văn hóa, thể thao và du lịch Nghệ An </p>
1874
1875                        <p>Số giấy phép: 85/GP-STTTT, ngày 07 tháng 07 năm 2021 của Sở Thông tin và Truyền thông Nghệ An
1876                        </p>
1877
1878                        <p>Chịu trách nhiệm nội dung:Th.s Trần Thị Mỹ Hạnh - Giám đốc Sở Văn Hóa, Thể Thao và Du Lịch</p>
1879
1880                    </div>
1881                    <div class="col-sm-4 info-footer text-right" style="font-weight: 700;">
1882                        <p>Địa chỉ: 11 Nguyễn Sỹ Sách, thành phố Vinh, tỉnh Nghệ An</p>
1883
1884                        <p>Điện thoại: (02383) 844511 - Hotline: 0902121415</p>
1885
1886                        <p>Email: [email protected]</p>
1887
1888
1889                    </div>
1890
1891                </div>
1892            </div>
1893        </div>
1894
1895    </footer>
1896</body>
1897<script src="../vanhoa/Views/Content/js/lib/jquery-1.12.2.min.js"></script>
vendor: 1 bytes, line 1897
1897
1898<script src="../vanhoa/Views/Content/js/lib/bootstrap.min.js"></script>
vendor: 1 bytes, line 1898
1898
1899<script src="../vanhoa/Views/Content/js/lib/jquery.scrollUp.min.html"></script>
vendor: 1 bytes, line 1899
1899
1900<script src="../vanhoa/Views/Content/js/lib/jquery.mmenu.all.min.js"></script>
vendor: 1 bytes, line 1900
1900
1901<script src="../vanhoa/Views/Content/js/lib/owl.carousel.min.js"></script>
vendor: 1 bytes, line 1901
1901
1902<script src="../vanhoa/Views/Content/js/owl.carousel2.thumbs.js"></script>
vendor: 1 bytes, line 1902
1902
1903<script>
1904    var vm = new Vue({
1905        el: '#demo',
1906        data: {
1907            searchnow: '',
1908        },
1909        // chạy ngay khi web load
1910        mounted: function() {
1911            // console.log(61616161616161616161616)
1912        },
1913        // chạy khi thực hiện event
1914        methods: {
1915            searchpost() {
1916                const self = this;
1917                window.location.href = "/tim-kiem-post?search=" + self.searchnow;
1918            },
1919        }
1920    })
1921    var vm = new Vue({
1922        el: '#demo1',
1923        data: {
1924            searchnow: '',
1925        },
1926        // chạy ngay khi web load
1927        mounted: function() {
1928            // console.log(61616161616161616161616)
1929        },
1930        // chạy khi thực hiện event
1931        methods: {
1932            searchpost() {
1933                const self = this;
1934                window.location.href = "/tim-kiem-post?search=" + self.searchnow;
1935            },
1936        }
1937    })
1938</script>
1938
1939
1940<script type="text/javascript">
1941    $(function() {
1942
1943        $('nav#menu').mmenu({
1944            extensions: ['fx-menu-slide', 'shadow-page', 'shadow-panels', 'listview-large',
1945                'pagedim-white'
1946            ],
1947            iconPanels: true,
1948            counters: true,
1949            keyboardNavigation: {
1950                enable: true,
1951                enhance: true
1952            },
1953        }, {
1954            searchfield: {
1955                clear: true
1956            }
1957        });
1958    });
1959</script>
vendor: 1 bytes, line 1959
1959
1960<script>
1961    $(document).ready(function() {
1962        //var imgsrc = document.getElementById("imghot").src;
1963        //$('meta[property=og\\:image]').attr('content', imgsrc);
1964        $('#my-search').on('click', function() {
1965            $('#my-form-search').toggleClass('active');
1966        });
1967        //
1968        function myFunction() {
1969            $('#select-form').css("background-color", "yellow")
1970        }
1971    });
1972</script>
1972
1973
1974<script>
1975    $(document).ready(function() {
1976        $('.owl-1').owlCarousel({
1977            loop: true,
1978            autoplay: 4000,
1979
1980            margin: 10,
1981            nav: true,
1982            navText: ["<img src='/../vanhoa/Views/Content/images/prev.png'>",
1983                "<img src='../vanhoa/Views/Content/images/next.png'>"
1984            ],
1985            thumbs: true,
1986            thumbsPrerendered: true,
1987            items: 1,
1988
1989        })
1990
1991        $('.owl-2').owlCarousel({
1992            items: 3,
1993            autoplay: 8000,
1994            loop: true,
1995            thumbs: true,
1996            margin: 15,
1997            video: true,
1998            lazyLoad: true,
1999            responsive: {
2000                0: {
2001                    items: 1
2002                },
2003                320: {
2004                    items: 2
2005                },
2006                1000: {
2007                    items: 3
2008                }
2009            }
2010        })
2011        $('.owl-print').owlCarousel({
2012            loop: true,
2013            margin: 10,
2014            nav: false,
2015            thumbs: true,
2016            thumbsPrerendered: true,
2017            items: 1,
2018
2019        })
2020    });
2021</script>
vendor: 1 bytes, line 2021
2021
2022<script>
2023    $(document).ready(function() {
2024        var stickyTop = $('#my-header').offset().top + 100;
2025        $(window).on('scroll', function() {
2026            console.log($(window).scrollTop() >= stickyTop ? true : false)
2027            if ($(window).scrollTop() >= stickyTop) {
2028                $('#my-nav').addClass("fixed");
2029                // $('#my-nav').style.top = 0;
2030
2031            } else {
2032                $('#my-nav').removeClass("fixed");
2033            }
2034        });
2035    })
2036</script>
vendor: 1 bytes, line 2036
2036
2037<script>
2038    // Function mở modal và hiển thị ảnh phóng to
2039    function openModal() {
2040        var modal = document.getElementById("myModal");
2041        modal.style.display = "block";
2042    }
2043
2044    // Function đóng modal
2045    function closeModal() {
2046        var modal = document.getElementById("myModal");
2047        modal.style.display = "none";
2048    }
2049
2050    // Đóng modal khi nhấp chuột ra ngoài modal-content
2051    window.onclick = function(event) {
2052        var modal = document.getElementById("myModal");
2053        if (event.target == modal) {
2054            modal.style.display = "none";
2055        }
2056    };
2057</script>
vendor: 1 bytes, line 2057
2057
2058<script>
2059    function openModal(imgSrc) {
2060        document.getElementById('modalImage').src = '/storage/' + imgSrc;
2061        document.getElementById('myModal').style.display = 'block';
2062    }
2063
2064    function closeModal() {
2065        document.getElementById('myModal').style.display = 'none';
2066    }
2067    window.onclick = function(event) {
2068        if (event.target == document.getElementById('myModal')) {
2069            closeModal();
2070        }
2071    };
2072</script>
2072
2073
2074</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.