PageSourceSearch

https://getabf.net/index.php

html getabf.net collected 2026-10-04 20:21:28 UTC 75,596 bytes, 1,555 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8    <title>ABF Extension</title>
9    <!-- Khai báo phương thức OG hiển thị xem trước cho web -->
10    <meta property="og:title" content="ABF Extension SketchUp CNC Wood Sheet working " />
11    <meta property="og:type" content="website"/>
12    <meta property="og:description" content="ABF Hướng đến một trải nghiệm hoàn toàn khác so với phương thức sản xuất truyền thống. Người thiết kế trực tiếp chỉ định sản xuất thông qua hồ sơ triển khai đồng bộ và đầy đủ thông bằng cách áp dụng ABF đánh dấu vị trí phụ kiện liên kết, gắn nhãn, in tem, nesting, xuất thống kê, xuất dxf... gia công CNC trong quy trình triển khai sản xuất nội thất công nghiệp tùy chỉnh dạng tấm trên môi trường SketchUp..." />
13    <meta property="og:url" content="https://www.www.getABF.net" />
14    <meta property="og:image" content="https://www.getabf.net/assets/images/header-bg.jpg" />
15    <!-- Khai báo phương thức hiển thị xem trước cho web -->
16    
17    <!-- Favicon -->
18    <link rel="shortcut icon" type="image/icon" href="assets/images/favicon.svg"/>
19
20    <!-- Font Awesome -->
21    <!--bản 4 <link href="assets/css/font-awesome.css" rel="stylesheet"> -->
22    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
23    
24    <!-- Bootstrap -->
25    <link href="assets/css/bootstrap.css" rel="stylesheet">
26    
27    <!-- Slick slider -->
28    <link rel="stylesheet" type="text/css" href="assets/css/slick.css"/> 
29    <!-- Fancybox slider -->
30    <link rel="stylesheet" href="assets/css/jquery.fancybox.css" type="text/css" media="screen" /> 
31    <!-- Animate css -->
32    <link rel="stylesheet" type="text/css" href="assets/css/animate.css"/>  
33     <!-- Theme color -->
34    <link id="switcher" href="assets/css/theme-color/default.css" rel="stylesheet">
35    
36    <link href="preloader.css" rel="stylesheet">
37    <!-- Main Style -->
38    <link href="style.css" rel="stylesheet">
39
40    <!-- Fonts -->
41    <!-- Open Sans for body font -->
42    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
43    <!-- Raleway for Title -->
44    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
45    <!-- Pacifico for 404 page   -->
46    <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
47    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
48    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
49    <!-- [if lt IE 9]>
50      
50<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
50
51      
51<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
51
52    <[endif]-->
53  </head>
54  
55  <body>
56  <!-- BEGAIN PRELOADER -->
57            <!--<div id="preloader">
58                    <div class="loader">&nbsp;</div>
59                </div> -->   
60  <!-- END PRELOADER -->    
61
62  <!-- SCROLL TOP BUTTON Nút bấm cuộn lên đầu trang nằm góc phải bên dưới-->
63    <a class="scrollToTop" href="#"><i class="fa fa-chevron-up"></i></a>
64  <!-- END SCROLL TOP BUTTON -->
65
66  <!-- Start header section -->  
67  <header id="header">
68    <div class="header-inner">
69      <!-- Header image -->
70      <img src="assets/images/header-bg.jpg" alt="img">
71      <div class="header-overlay">
72        <div class="header-content">
73            <!-- Start header content slider -->
74            <h2 class="header-slide">ABF 2025
75              <span>Plugin SketchUp </span>
76              <span>Ứng dụng hỗ trợ </span>
77              <span>Thiết kế kỹ thuật </span>
78    		  <span>sản phẩm nội thất </span>
79    		  <span>dạng tấm </span>
80              <span>Giải pháp CNC </span>
81              <span>Tinh Gọn </span>
82              <span>Miễn Phí </span>
83            </h2>
84    		<h3 id="version-title" ></h3>
85            <!-- End header content slider -->  
86            <!-- Header btn area -->
87            <div class="header-btn-area">
88              <a class="knowmore-btn" href="https://drive.google.com/file/d/1rzU-UhiC_CkgPgfFv3TLBnhPvsYPfk5Q/view"  target="_blank"> Download </a>
89              <a class="knowmore-btn" href="https://www.youtube.com/channel/UCUlesixSIuDPEd9GebRGpYg" target="_blank"> Tutorial </a>
90            </div>
91      </div>
92      </div>      
93    </div>
94  </header>
95  <!-- End header section -->
96
97  <!-- Start menu section -->
98  <section id="menu-area">
99    <nav class="navbar navbar-default main-navbar" role="navigation">  
100      <div class="container">
101        <div class="navbar-header">
102          <!-- FOR MOBILE VIEW COLLAPSED BUTTON -->
103          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
104            <span class="sr-only">Toggle navigation</span>
105            <span class="icon-bar"></span>
106            <span class="icon-bar"></span>
107            <span class="icon-bar"></span>
108          </button>
109          <!-- LOGO -->                                               
110           <a class="navbar-brand logo" href="#"><img src="assets/images/def/logo.jpg" alt="logo"></a>                      
111        </div>
112        
113        <div id="navbar" class="navbar-collapse collapse">
114            
115          <ul id="top-menu" class="nav navbar-nav main-nav menu-scroll">
116            <li class="active"><a href="index.php">HOME</a></li>
117            <li><a href="#about">ABOUT</a></li> 
118            <li><a href="#service">CHỨC NĂNG</a></li>
119            <li><a href="#team">LỘ TRÌNH</a></li>
120            <li><a href="#contact">LIÊN HỆ</a></li>
121            <li><a href="#help">HƯỚNG DẪN</a></li>
122            
123            <!-- <li><a href="#pricing-table">BẢNG GIÁ </a></li>  -->
124            <!-- <li><a href="#from-blog">HƯỚNG DẪN </a></li>   -->
125            <!-- <li><a href="#portfolio">ĐÀO TẠO</a></li>        -->
126            
127			       
128          </ul>                            
129        </div><!--/.nav-collapse -->
130       <div class="search-area">
131          <form action="">
132            <label for="search" style="position:absolute; left:-9999px;">Search:</label>
133            <input id="search" name="search" type="text" placeholder="What're you looking for ?">
134            <input id="search_submit" value="Rechercher" type="submit">
135          </form>
136        </div>         
137      </div>          
138    </nav> 
139  </section>
140  <!-- End menu section -->
141
142  <!-- Start about section -->
143      <section id="about">  
144        <style>
145	.about-video-container {
146            position: relative;
147            padding-bottom: 56.25%;
148            padding-top: 30px;
149            height: 0;
150            overflow: hidden;
151
152    }
153    .about-video-container iframe {
154            position: absolute;
155            top: 0;
156            left: 0;
157            width: 100%;
158            height: 100%;
159    }
160</style>
161
162
163<div class="container">
164      <div class="row">
165        <div class="col-md-12">
166          <!-- Start welcome area -->
167          <div class="welcome-area">
168            <div class="title-area">
169              <h2 class="tittle">Giá trị <span>ABF</span> mang đến</h2>
170              <span class="tittle-line"></span>
171              <p>ABF Hướng đến một trải nghiệm hoàn toàn khác với phương thức sản xuất kiểu truyền thống- phụ thuộc vào thợ mộc. Thay vào đó người thiết kế trực tiếp chỉ định sản xuất thông qua hồ sơ triển khai đồng bộ và đầy đủ thông tin sau đó gia công chi tiết bằng máy CNC (Router hoặc Nesting) và sử dụng lao động phố thông để lắp ráp hoàn chỉnh. Giảm hao phí vật liệu, Cắt giảm nhiều chi phí tận dụng tài nguyên của doanh nghiệp một cách hợp lý.</p>
172            </div>
173            <div class="welcome-content">
174              <ul class="wc-table">
175                <li>
176                  <div class="single-wc-content wow fadeInUp">
177                    <span class="fa fa-users wc-icon"></span>
178                    <h4 class="wc-tittle">Kết Nối </h4>
179                    <p>ABF tìm đến tần số dao động chung giữa người thiết kế sáng tạo và người kỹ thuật sản xuất </p>
180                  </div>
181                </li>
182                <li>
183                  <div class="single-wc-content wow fadeInUp">
184                    <span class="fa fa-sellsy wc-icon"></span>
185                    <h4 class="wc-tittle">Linh Động</h4>
186                    <p>Người dùng tự do tùy chỉnh cách thức liên kết, ghép khối phù hợp với phương thức sản xuất hiện tại của nhà máy, không ràng buộc theo một khuôn mẫu nào.</p>
187                  </div>
188                </li>
189                <li>
190                  <div class="single-wc-content wow fadeInUp">
191                    <span class="fa fa-line-chart wc-icon"></span>
192                    <h4 class="wc-tittle">Tiết Kiệm</h4>
193                    <p>Với các tính năng hiện tại ABF tin chắc mình là giải pháp có chi phí đầu tư thấp nhất so với các sản phẩm tương tự. Tiết kiệm thời gian nhất so với cách làm CAD truyền thống </p>
194                  </div>
195                </li>
196                <li>
197                  <div class="single-wc-content wow fadeInUp">
198                    <span class="fa fa-bus wc-icon"></span>
199                    <h4 class="wc-tittle">Tinh Gọn</h4>
200                    <p>Thiết kế viên chỉ định và kiểm soát toàn bộ quá trình hình thành sản phẩm trên mô hình 3D.Lý tưởng cho xưởng vừa và nhỏ, Nhà sản xuất, Nhà thiết kế nội thất, Kiến Trúc Sư </p>
201                  </div>
202                </li>
203              </ul>
204            </div>
205          </div>
206          <!-- End welcome area -->
207        </div>
208      </div>
209      <div class="row">
210        <div class="col-md-12">
211          <div class="about-area">
212            <div class="row">
213                  <div class="col-md-5 col-sm-6 col-xs-12">
214                    
215                        <div class="about-left wow fadeInLeft">
216                          <!--<img src="assets/images/about-img.png" alt="img">-->
217                          <!--<a class="introduction-btn" href="http://facebook.com/abfurnituresolutions/" target="_blank">Introduction</a>-->
218                          
219                                <!-- Thử chèn khối 3d 
220                                <iframe 
221                                    title="3D www.GetABF.net"
222                                    width="500"
223                                    height="500"
224                                    src="http://getabf.net/3d/new3dw.html">
225                                </iframe>
226                                 -->
227                            <div class="about-video-container">
228                                <iframe src="https://www.youtube.com/embed/Iq0cf4jHomQ" frameborder="0" allowfullscreen></iframe>
229                            </div>
230                    
231                        </div>
232                    
233                    </div>
234                  
235                      <div class="col-md-7 col-sm-6 col-xs-12">
236                        <div class="about-right wow fadeInRight">
237                          <div class="title-area">
238                            <h2 class="tittle">Giới thiệu <span>ABF</span> Extension</h2>
239                            <span class="tittle-line"></span>
240                            <p>Là một doanh nghiệp sản xuất nội thất công nghiệp dạng tấm quy mô nhỏ, gặp nhiều khó khăn trong sản xuất và phụ thuộc quá nhiều vào thợ mộc truyền thống- không kiểm soát được thời gian- thái độ làm việc cùng tiến độ sản xuất, nên Tôi quyết định đập bỏ toàn bộ xưởng để làm lại từ đầu.</p> 
241                            <p>Tôi đã liên tục tìm kiếm và sử dụng nhiều giải pháp sẵn có trên thị trường, tuy nhiên các giải pháp đó chưa phù hợp cho môi trường sản xuất hiện tại, nên Tôi đã đầu tư phát triển công cụ riêng.</p>
242                            <p>ABF nhận thấy có rất nhiều đồng nghiệp cũng đang gặp khó khăn tương tự và đang loay hoay tìm giải pháp, Nên quyết định chia sẻ -hy vọng giải pháp của ABF hữu ích và được đưa vào sử dụng trong quy trình sản xuất cuả Quý Khách.</p>
243                                <div class="about-btn-area">
244                                  <a href="http://facebook.com/abfurnituresolutions/" class="button button-default" data-text="Fanpage" target="_blank"><span>Theo dõi</span></a>
245                                </div>                    
246                          </div>
247                        </div>
248                      </div>
249              
250            </div>
251          </div>
252        </div>
253      </div>
254    </div> 
255      </section> 
256  <!-- End about section -->
257
258  <!-- Start call to action -->
259      <section id="call-to-action">
260        <img src="assets/images/call-to-action-bg.png" alt="img">
261        <div class="call-to-overlay">
262    <div class="container">
263        <div class="call-to-content wow fadeInUp">
264            <h2>Trải nghiệm phiên bản mới nhất</h2>
265            <p>Hàng ngàn doanh nghiệp đã tin dùng các tính năng miễn phí của ABF để sản xuất nội thất.</p>
266            <a href = "https://cdn.abf-services.com/static-files/ABF-solutions.rbz" class="button button-default" data-text="Download" target="_blank"><span>Get ABF Now</span></a>
267        </div>
268    </div>
269</div> 
270      </section>
271  <!-- End call to action -->
272
273  <!-- Start Chức năng chính của ABF 2025 -->
274      <section id="service">
275        <style>
276.feature-card {
277            background-color: #fff;
278            border-radius: 4px;
279            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
280            margin-bottom: 30px;
281            transition: all 0.3s ease;
282            height: 100%;
283            border: 1px solid #ddd;
284        }
285        
286        .feature-card:hover {
287            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
288            transform: translateY(-5px);
289        }
290        
291        .feature-img {
292            width: 100%;
293            height: 180px;
294            object-fit: cover;
295            border-top-left-radius: 4px;
296            border-top-right-radius: 4px;
297        }
298        
299        .feature-content {
300            padding: 15px;
301        }
302        
303        .feature-title {
304            color: #333;
305            font-weight: 500;
306            margin-top: 0;
307            margin-bottom: 10px;
308            font-size: 18px;
309        }
310        
311        .feature-desc {
312            color: #666;
313            font-size: 14px;
314            line-height: 1.6;
315            margin-bottom: 15px;
316            height: 70px;
317            overflow: hidden;
318        }
319        
320        .pagination > .active > a {
321            background-color: #337ab7;
322            border-color: #337ab7;
323        }
324        
325        .pagination > li > a {
326            color: #337ab7;
327        }
328        
329        .btn-feature {
330            margin-right: 5px;
331            margin-bottom: 5px;
332        }
333        
334        @media (max-width: 992px) {
335            .feature-col {
336                width: 50%;
337                float: left;
338            }
339            
340            .feature-desc {
341                height: auto;
342            }
343        }
344        
345        @media (max-width: 768px) {
346            .feature-col {
347                width: 100%;
348                float: none;
349            }
350            
351            .feature-img {
352                height: 100%;
353            }
354        }
355</style>
356
357
358<div class="container">
359      <div class="row">
360        <div class="col-md-12">
361          <div class="service-area">
362            <div class="title-area">
363              <h2 class="tittle">Các chức năng hiện tại của ABF</h2>
364              <span class="tittle-line"></span>
365              <p>Plugin ABF chỉ hoạt động trên WINDOW phiên bản SketchUp 2018 đến 2025.
366                  <br>Mỗi chi tiết tấm là một <a href="https://www.youtube.com/watch?v=4MMr8hT6mVA" target="_blank">Solid Group</a>. ABF sẽ explode toàn bộ component chỉ giữ lại trạng thái 1 cấp Group.
367                  <br>Model của Bạn nên được <a href="https://www.youtube.com/watch?v=YuHXNu2KSzU" target="_blank"> đặt tên</a> & chỉ định mã material đầy đủ.
368                  <br><a href="https://youtu.be/9iuZ71PHLzg" target="_blank"> Basic instructions: How to use ABF's free features, with English interface.</a>
369              </p>
370            </div>
371            <!-- service content -->
372          </div>
373        </div>
374      </div>
375	  
376			<!-- BEGIN APP2 VUEJS2 -->
377              <div class="container" id="app2">
378                  <!-- BEGIN Hiển thị thông tin tính năng trên 1 dòng -->
379                    <div class="row">
380                        <div class="feature-col col-md-3 col-sm-6" v-for="(feature, index) in paginatedFeatures" :key="index">
381                            <div class="feature-card wow slideInUp">
382                                <img :src="feature.image" :alt="feature.title" class="feature-img">
383                                  <div class="feature-content">
384                                      <h3 class="feature-title">{{ feature.title }}</h3>
385                                      <p class="feature-desc">{{ feature.description }}</p>
386                                        <!-- BEGIN Phần Các nút nhấn chuyển qua youtube video -->
387											<div>
388											  <!-- BEGIN Nút video 1 -->
389												<a v-if="feature.videoLink" 
390												  :href="feature.videoLink" 
391												  class="btn btn-default btn-xs btn-feature"
392												  target="_blank">
393													<i class="fa fa-youtube-play"></i> Video
394												</a>
395											  <!-- END Nút video 1 -->
396											  <!-- BEGIN Nút video 2 -->
397												<a v-if="feature.videoLinkp2" 
398												  :href="feature.videoLinkp2" 
399												  class="btn btn-default btn-xs btn-feature"
400												  target="_blank">
401													<i class="fa fa-youtube-play"></i> Video +
402												</a>
403											  <!-- END Nút video 2 -->
404											  <!-- BEGIN Nút Xem Thêm -->
405												<a :href="feature.detailLink || '#'" 
406												  class="btn btn-default btn-xs btn-feature"
407												  target="_blank">
408													<i class="fa fa-youtube-play"></i> More
409												</a>
410											  <!-- END Nút Xem Thêm -->
411											</div>
412										<!-- END Phần Các nút nhấn chuyển qua youtube video -->
413                                  </div>
414                            </div>
415                        </div>
416                    </div>
417                    <!-- END Hiển thị thông tin tính năng trên 1 dòng -->
418              
419                    <!-- BEGIN Pagination Phân trang -->
420                      <div class="row">
421                        <div class="col-md-12 text-center">
422                          <ul class="pagination">
423                            <li :class="{ disabled: currentPage === 1 }">
424                              <a href="#" @click.prevent="prevPage">&laquo;</a>
425                            </li>
426                            <li v-for="page in totalPages" 
427                              :key="page" 
428                              :class="{ active: currentPage === page }">
429                              <a href="#" @click.prevent="goToPage(page)">{{ page }}</a>
430                            </li>
431                            <li :class="{ disabled: currentPage === totalPages }">
432                              <a href="#" @click.prevent="nextPage">&raquo;</a>
433                            </li>
434                          </ul>
435                        </div>
436                      </div>
437                    <!-- END Pagination Phân trang -->
438        
439              </div>
440            <!-- END APP2 VUEJS2 -->
441			  
442
443</div>
444
445<!-- Vue.js 2.6 (phiên bản tương thích tốt với Bootstrap 3) -->
446    <!-- 
446<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
446 -->
447    <!-- Vue.js Vue.js v2.7.16 -->    
448    
448<script src="assets/js/vue.min.js"></script>
448
449    
450<!-- BEGIN Mã VUEJS2 -->
451 
452<script>
453        new Vue({
454            el: '#app2',
455            data: {
456                features: [
457                    {
458                        title: "Đặt/Đổi tên tấm",
459                        description: "Đặt hoặc đổi tên, tùy chỉnh thêm số thự tự - Tự động. Thêm Cụm tiền tố, hậu tố, name code, Lưu Preset tên",
460                        image: "assets/images/chucnangabf/rename.svg",
461                        videoLink: "https://youtu.be/YuHXNu2KSzU?si",
462                        detailLink: "https://youtu.be/d79L1lU7DUA"
463                    },
464                    {
465                        title: "Đánh dấu tấm",
466                        description: "Xóa và tạo lại layer ABF_Label, thêm và Group ABF_label cho các Group tấm hợp quy, định nghĩa mặt gia công và chiều vân gỗ",
467                        image: "assets/images/chucnangabf/add-label.svg",
468                        videoLink: "https://youtu.be/Gl5WtJiQKYc?si=POtD-8xNsA_I_Z8p",
469						detailLink: "https://youtu.be/dZoZjvkjLPA?si=21WQR12qFpxqdxgL"
470                    },
471                    {
472                        title: "Edit - Flip: Label",
473                        description: "Hiệu chỉnh, định nghĩa chiều vân gỗ theo góc xoay của ABF_label, Tạo nhiều Preset góc",
474                        image: "assets/images/chucnangabf/flip-label.svg",
475                        videoLink: "https://www.youtube.com/watch?v=V8cFzekeBkM",
476						detailLink: "https://youtu.be/O17b0rewxLI?si=Evex3zh3M9spwBb3"
477                        
478                    },
479					{
480                        title: "Edit - Rotate: Label",
481                        description: "Hiệu chỉnh, định nghĩa mặt gia công chính là mặt chứa nhãn ABF_label",
482                        image: "assets/images/chucnangabf/rotate-label.svg",
483                        videoLink: "https://youtu.be/J7v9RObbnY8?si=WaaIEh2qDEmk4-bv",
484						detailLink: "https://youtu.be/cT6ONNK-nts?si=TA68_i0Iern3Hc4t"
485                        
486                    },
487					{
488                        title: "Đánh dấu vị trí - Bản lề",
489                        description: "Tạo thông số lỗ khoan bản lề, đánh dấu vị trí lắp cốc bản lề trên tấm cánh cửa và các lỗ khoan cho tấm lắp đế bản lề",
490                        image: "assets/images/chucnangabf/edit-hinge.svg",
491                        videoLink: "https://youtu.be/8_sGdkQ-3_k?si=2D14ojKOc4YBbMll",
492						detailLink: "https://youtu.be/l7gezRLYxPY?si=OHP-D5ujK9SnMLMy"
493                        
494                    },
495                    {
496                        title: "Liên kết ngang - Thủ công",
497                        description: "Đánh dấu vị trí gắn phụ kiện liên kết tại vị trí vuông góc: screw, minifix, rafix, pin, dowel, lockdowel, cabineo,...",
498                        image: "assets/images/chucnangabf/edit-minifix.svg",
499						videoLink: "https://youtu.be/1oY0c3JmCTE?si=ImZbjqjUL-Yc-cUM&t=149",
500						videoLinkp2: "https://youtu.be/jleGgNrNPcw?si=h3L-BodTTxqPRWu8&t=170",
501                        detailLink: "https://youtu.be/Kqif_ov3fsQ?si=hRSBvLxzoNlmTYQF&t=8"
502                    },
503					{
504                        title: "Liên kết ngang - Quick",
505                        description: "Đánh dấu nhanh cho hàng loạt tấm, dễ dàng thay thế, hiệu chỉnh kết hợp với tính năng tìm kiếm tổ hợp tên",
506                        image: "assets/images/chucnangabf/edit-minifix-quick.svg",
507						videoLink: "https://youtu.be/N7OGmsXKdA0?si=7kVZieoQstXqXOWe",
508						videoLinkp2: "https://youtu.be/r8TN2ACywcY?si=YFzcnJJuUTtny0m0",
509                        detailLink: "https://youtu.be/rSX480iPUoQ?si=_Bh75hHoIkyhOClJ"
510                    },
511                    {
512                        title: "Đánh dấu tiết diện giao nhau",
513                        description: "Đánh dấu vùng tiết diện giao nhau của 2 tấm, hỗ trợ nhiều loại hình kết quả đánh dấu ",
514                        image: "assets/images/chucnangabf/edit-intersect.svg",
515                        videoLink: "https://youtu.be/3_7KwwSdZ4I?si=J2FGmN1ckj1Ftw6V",
516						detailLink: "https://youtu.be/WELOgCw7sPE?si=An4PWlkRd5NGGTG0"
517                    },
518					{
519                        title: "Tạo mộng ngàm âm dương",
520                        description: "Tạo nhiều loại hình mộng cho tấm dương đồng thời tạo nhiều loại hình tiết diện cho tấm âm",
521                        image: "assets/images/chucnangabf/edit-mortise-tenon.svg",
522                        videoLink: "",
523						detailLink: ""
524                    },
525					
526					{
527                        title: "Đánh dấu cạnh dán chỉ",
528                        description: "Tạo và đánh dấu vị trí cạnh cần dán chỉ, thủ công hoặc tự động theo 1 số kịch bản",
529                        image: "assets/images/chucnangabf/edit-edge-band-13.svg",
530                        videoLink: "https://youtu.be/6iZG940U-xc?si=weGUMNGxPr3pTF0Y",
531						detailLink: "https://youtu.be/GNgPI07jR_o?si=e6h40K8XrmLfkvcL"
532						/*https://youtu.be/w_4YlHnwsBc?si=4DEKP5A7CK9dQspB*/
533                    },
534                    {
535                        title: "Di chuyển chùm điểm",
536                        description: "Quét chọn và di chuyển chùm điểm dễ dàng thay đổi kích thước của khung tủ khi sản xuất hoặc thiết kế",
537                        image: "assets/images/chucnangabf/translate-vertex.svg",
538						videoLink: "https://youtu.be/29yzoQUP4CI?si=F2EsqtpAgfa3_9iv&t=296",
539                        detailLink: ""
540                    },
541                    {
542                        title: "Explode View",
543                        description: "Tạo mô hình bung các chi tiết kèm ghi chú thông tin tấm để tạo sơ đồ lắp ráp tủ. Nên làm trên bản sao của file sản xuất",
544                        image: "assets/images/chucnangabf/explode-view.svg",
545						videoLink: "https://youtu.be/UECC7giQps4?si=2n2aoNNUT3k25Bd4",
546                        detailLink: "https://youtu.be/Vh3Y3ya-az8?si=5h9X0znZnfGRLYEs"
547                    },
548                    {
549                        title: "Convert Data",
550                        description: "Chuyển component thành Group, Chuyển face thành group, và đang cập nhật thêm nhiều mục ...",
551                        image: "assets/images/chucnangabf/convert.svg",
552                        videoLink: "",
553                        detailLink: ""
554                    },
555                    {
556                        title: "Hỗ trợ đa ngôn ngữ",
557                        description: "Giao diện chức năng hỗ trợ nhiều ngôn ngữ cho người dùng quốc tế, với bản dịch được đóng góp bởi người dùng tại chính quốc gia",
558                        image: "assets/images/chucnangabf/settings.svg",
559						videoLink: "https://youtu.be/GERUyCZR5_s?si=TNm9nTOC4QmCDxyi",
560                        detailLink: "https://youtu.be/N7_C3s7vmhs?si=Nom6lMhuoRW8fq2G"
561                    },
562                    {
563                        title: "Trải phẳng tấm",
564                        description: "ABF tạo các component Tấm đã trải phẳng phân tách theo từng loại vật liệu và độ dày, với nhiều tùy chọn trải phẳng đang được cập nhật ",
565                        image: "assets/images/chucnangabf/flatten.svg",
566                        videoLink: "",
567						detailLink: ""
568                    },
569					{
570                        title: "Thống Kê",
571                        description: "Thống kê chi tiết các loại phụ kiện, liên kết, chỉ dán cạnh, dữ liệu tấm đã có trong mô hình, tạo báo giá, xuất dữ liệu excel,...",
572                        image: "assets/images/chucnangabf/statistics.svg",
573                        videoLink: "https://youtu.be/QF1ai89xl4A?si=TE5cdiGkh37jJAqb&t=4081",
574						detailLink: "https://youtu.be/-zFoUwtld00?si=ofpSZFWiprU8S5cV"
575                    },
576					{
577                        title: "Quick - Nesting",
578                        description: "Sắp xếp tấm vào khổ ván chuẩn, hiển thị kết quả trong lần tính toán đầu tiên, nhanh nhất dùng để tham khảo đặt vật tư, bản PRO đang phát triển",
579                        image: "assets/images/chucnangabf/nesting.svg",
580                        videoLink: "https://youtu.be/EhzeCBo659o?si=rmBC7nQf50bJ8JNz",
581						detailLink: "https://youtu.be/NewVWCQ69Ro?si=4y6x7lEasj6WVyVb"
582                    },
583					{
584                        title: "Xuất DXF",
585                        description: "Hiện tại ABF chỉ xuất kết DXF cho kết quả nesting phân tách theo từng thư mục vật liệu hoặc xuất chung thành 1 file",
586                        image: "assets/images/chucnangabf/export-nesting.svg",
587                        videoLink: "https://youtu.be/aY3lP73G26I?si=4Uwfg8As9LobFgIj",
588						videoLinkp2:"https://youtu.be/N8p1dq-5nas?si=n3M_5piGD-jeZgdr",
589						detailLink: "https://youtu.be/FebCgLhUi9E?si=D3RfypW-Wv0266sa"
590                    },
591					{
592                        title: "In tem nhãn",
593                        description: "xuất tem nhãn dán cho tấm thành file PDF hoặc in trực tiếp trên máy in với nhiều mẫu tem có hỗ trợ QR code, Đang cập nhật mô-đun in tem tự động",
594                        image: "assets/images/chucnangabf/print-label.svg",
595                        videoLink: "https://youtu.be/5z1nJexG-zo?si=vf09QTv20pAS3TnT",
596						detailLink: "https://youtu.be/tOpG4KpvrT4?si=t0blqxyGPOta7PDu"											
597                    },
598					{
599                        title: "MORO - Move+Rotate",
600                        description: "Xoay hoặc di chuyển cấu kiện, hoặc kết quả nesting với nhiều tùy chọn bắt khoảng cách tự động hoặc dóng hàng, thêm tấm mới, hỗ trợ sắp xếp tấm 2 mặt...",
601                        image: "assets/images/chucnangabf/move-tool.svg",
602                        videoLink: "https://youtu.be/KyfhQtCOstY?si=-NBERtAOi4EGccug",
603						detailLink: "https://youtube.com/playlist?list=PLgu1oz5Yem5jReKqx2vqEo4AEnj4JUsmO&si=ptYpkh7AAAzje11q"
604                    },
605					{
606                        title: "MORO - Last cut",
607                        description: "Tạo đường cắt ở tâm dùng để tề  giữ lại phần ván thừa cho tấm sau khi đã cắt các tấm cần sản xuất, đồng thời phát sinh tem nhãn",
608                        image: "assets/images/chucnangabf/move-tool.svg",
609                        videoLink: "",
610						detailLink: "https://youtu.be/JJg_I5_6-W8?si=JPrmliJo4ZYIvjvA&t=506"
611                    },
612					{
613                        title: "MORO - Move to Layer",
614                        description: "Tách các tấm về các Layer khác nhau theo nhiều kịch bản, có thể tự phân tách layer theo số thứ tự. Thường dùng cho quá trình tạo thứ tự cắt tấm ",
615                        image: "assets/images/chucnangabf/move-tool.svg",
616                        videoLink: "https://youtu.be/vB7yJz1RV28?si=b__KjA0vtNr9lN1B",
617						detailLink: "https://youtu.be/jSiYkwChAkU?si=po_RIbK7PC9DN82r"
618                    },
619					{
620                        title: "ABF DC - Find",
621                        description: "Tạo nhiều preset các tổ hợp tên của đối tượng, để chọn lựa nhanh đối tượng trong mô hình hoặc trong kết quả nesting hỗ trợ đánh dấu",
622                        image: "assets/images/chucnangabf/find.svg",
623                        videoLink: "https://youtu.be/D6XuKBjrY1g?si=lBaMeIUrinRNyhjI&t=49",
624						detailLink: "https://youtu.be/8YQ58Jsxe3o?si=6-ehkzpV_dkSO4u7"
625                    },
626					{
627                        title: "ABF DC - Thư viện",
628                        description: "Thư viện mẫu các mô-đun động hỗ trợ nhanh trong quá trình thiết kế, với hệ thống mẫu đa dạng từ nhiều tác giả,...",
629                        image: "assets/images/chucnangabf/storestore.svg",
630                        videoLink: "https://youtu.be/Iq0cf4jHomQ?si=xx35z2aHE1tFI0Fu",
631						detailLink: "https://youtu.be/8KihmBbesYE?si=ho2ImxbPrXFHuTCH"
632                    },
633					{
634                        title: "ABF DC - Thảy khối",
635                        description: "Đưa nhanh một mô-đun động vào vùng không gian được chọn với đúng kích thước hoặc đúng preset DC",
636                        image: "assets/images/chucnangabf/insert-dc.svg",
637                        videoLink: "https://youtu.be/GD2zzIpaeEY?si=mt2N2zIY9_UOB2Lb",
638						detailLink: "https://youtube.com/shorts/EjohYPu3sUI?si=7niSAvJZM97R7DMp"
639                    },
640					{
641                        title: "ABF DC - Thay Khối",
642                        description: "Thay thế hàng loạt khối đang được chọn bằng mô-đun động được chỉ định, đúng kích thước và trục của khối thay thế.",
643                        image: "assets/images/chucnangabf/storestore.svg",
644                        videoLink: "https://youtu.be/eU6syCSnQnA?si=vFVtllp1432M_TM4",
645						detailLink: "https://youtu.be/G5oFW7jEIBA?si=UUjueYFyTrXjIrSy"
646                    },
647					{
648                        title: "ABF DC - Đo nhanh",
649                        description: "Hiển thị kích thước của tấm hoặc kích thước không gi
649an bên trong của 1 vùng được chỉ định",
650                        image: "assets/images/chucnangabf/tb_dimension.svg",
651                        videoLink: "https://youtu.be/IkoAtDtaFwM?si=IIP6Fko2tO4FL5Ob&t=233",
652						detailLink: "https://youtu.be/IkoAtDtaFwM?si=J_y4CaAlurlYppjp&t=421"
653                    },
654					{
655                        title: "ABF DC - Thư mục cá nhân",
656                        description: "Tạo nhiều thư mục và đưa các mô-đun động vào thư mục để dễ dàng phân loại khi sử dụng, Quản lý thư viện cá nhân trên máy đang cập nhật...",
657                        image: "assets/images/chucnangabf/collection.svg",
658                        videoLink: "https://youtu.be/L5O_axizPLo?si=ck3ywJ6vNzFzlIBf",
659						detailLink: "https://youtu.be/H3o6EQDWWuA?si=pwrCM5-AYVWkEGYR"
660                    },
661					{
662                        title: "ABF DC - Preset DC",
663                        description: "Lưu nhiều thông số tùy chỉnh của mô-đun DC thành Preset để dễ dàng gọi ra sử dụng cho các lần sau",
664                        image: "assets/images/chucnangabf/preset.svg",
665                        videoLink: "https://youtu.be/Spc2rM1DuGk?si=TInsR5qadR8ltX_Z",
666						detailLink: ""
667                    },
668					{
669                        title: "ABF DC - Tên Mặc Định",
670                        description: "Bạn có thể tùy chỉnh lưu tên mặc định của tấm trong thư viện mô-đun theo thói quen riêng",
671                        image: "assets/images/chucnangabf/rename.svg",
672                        videoLink: "",
673						detailLink: ""
674                    },
675					{
676                        title: "ABF DC- Nhân bản tịnh tiến",
677                        description: "Sau khi chọn khối, Bạn có thể dễ dàng tịnh tiến kế hợp nhân bản khối theo hướng nhìn của camera, tăng tốc độ thiết kế",
678                        image: "assets/images/chucnangabf/copy.svg",
679                        videoLink: "https://youtu.be/H3o6EQDWWuA?si=pwrCM5-AYVWkEGYR",
680						detailLink: ""
681                    },
682					{
683                        title: "ABF DC- Explode",
684                        description: "Explode component kết hợp các thuộc tính mở rộng: ABF_autoCombine, ABF_Layer, ABF_Join, ABF_layer,...",
685                        image: "assets/images/chucnangabf/explode.svg",
686                        videoLink: "https://youtu.be/90TssWK0ouk?si=aVlScqfryJD9Dil_",
687						detailLink: "https://youtu.be/O19gM8irdh8?si=HYv1TQxXwPpMXp5T"
688                    },
689					{
690                        title: "ABF DC- Xoay Vân",
691                        description: "Xoay Texture trên mặt phẳng cho cấu kiện component đơn giản bằng cách click vào bề mặt tấm",
692                        image: "assets/images/chucnangabf/rotate-texture.svg",
693                        videoLink: "",
694						detailLink: "https://youtu.be/lxy7YZNYD9k?si=OjTAk2TYGTxc82jb"
695                    },
696					{
697                        title: "ABF DC- Phân Loại Tấm",
698                        description: "Phân loại tấm theo Material có tách độ dày và tấm có gia công 2 mặt, cần thiết cho quản lý tiền sản xuất",
699                        image: "assets/images/chucnangabf/thickness.svg",
700                        videoLink: "",
701						detailLink: "https://youtu.be/JO_Nb0uh0mE?si=Uv5cUIoUoVvHL7Eq"
702                    },
703					{
704                        title: "ABF DC - Liên Kết",
705                        description: "Tính năng đặc biệt về liệt kê, xóa từng loại liên kết cho nhóm đối tượng được chọn",
706                        image: "assets/images/chucnangabf/fittings.svg",
707                        videoLink: "",
708						detailLink: "https://youtu.be/q7i-R8btdBw?si=0iVQKuCEsa_WHNgj"
709                    },
710					{
711                        title: "ABF DC - Thêm Thống Kê",
712                        description: "Tạo các đối tượng thống kê đặc biệt tính toán theo số lượng hoặc theo chiều dài, nhúng vào component tái sử dụng",
713                        image: "assets/images/chucnangabf/statistical-objects.svg",
714                        videoLink: "https://youtu.be/dKBlezQxqwU?si=9spH3OELsD2L6GxH",
715						detailLink: "https://youtu.be/4eYWdIMrdjE?si=KOyK2cwVjo5JAWZ5"
716                    },
717					{
718                        title: "Export/Import Cloud Data",
719                        description: "Các dữ liệu cài đặt phụ kiện, đơn giá của tài khoản được lưu trên môi trường cloud đồng bộ khi đăng nhập, có thể xuất nhập để backup",
720                        image: "assets/images/chucnangabf/settings.svg",
721                        videoLink: "",
722						detailLink: ""
723                    },
724					{
725                        title: "Nesting đối tượng ABF_",
726                        description: "Cho phép sắp xếp các tấm chứa group tiết diện 2D nằm trong tấm với tên bắt đầu bằng ABF_",
727                        image: "assets/images/chucnangabf/nesting.svg",
728                        videoLink: "https://youtu.be/M_6gTf3oIls?si=AWRfqURJd01dym7D",
729						videoLinkp2: "https://youtu.be/OZlVqhvAw6Y?si=HXXv13FWSDC1bofJ",
730						detailLink: "https://youtu.be/6S_Br5XfIoE?si=8eKYZCsuo6KwAsvX"
731                    },
732					/* {
733                        title: "",
734                        description: "",
735                        image: "",
736                        videoLink: "",
737						detailLink: ""
738                    }, */
739                    {
740                        title: "ABF DC - Tải lên",
741                        description: "Cho phép một số tác giả là cộng sự của ABF được phép tải lên các mô-đun động đã mã hóa",
742                        image: "assets/images/chucnangabf/storestore.svg",
743                        videoLink: "",
744                        detailLink: ""
745                    }
746                ],
747                currentPage: 1,
748                itemsPerPage: 8,
749                itemsPerRow: 4
750            },
751            computed: {
752                totalPages() {
753                    return Math.ceil(this.features.length / this.itemsPerPage);
754                },
755                paginatedFeatures() {
756                    const start = (this.currentPage - 1) * this.itemsPerPage;
757                    const end = start + this.itemsPerPage;
758                    return this.features.slice(start, end);
759                }
760            },
761            methods: {
762                prevPage() {
763                    if (this.currentPage > 1) {
764                        this.currentPage--;
765                    }
766                },
767                nextPage() {
768                    if (this.currentPage < this.totalPages) {
769                        this.currentPage++;
770                    }
771                },
772                goToPage(page) {
773                    this.currentPage = page;
774                }
775            }
776        });
777    </script>
777
778<!-- END Mã VUEJS2 -->      </section>
779  <!-- End Chức năng chính của ABF 2025 -->
780
781  <!-- Start Lộ trình phát triển updates.php --> 
782  <section id="team">
783    <div class="container">
784      <div class="row">
785        <div class="col-md-12">
786          <div class="team-area">
787            <div class="title-area">
788              <h2 class="tittle">Các tính năng đang được xây dựng</h2>
789              <span class="tittle-line"></span>
790             <p>Hiện tại toàn bộ các tính năng của ABF đều <b>miễn phí </b>. Bạn hoàn toàn có thể sử dụng và tiến hành sản xuất thực tế bằng ABF. Đội ngũ phát triển ABF duy trì hoạt động và phát triển bằng nguồn vốn từ việc chia sẻ kiến thức và chuyển giao <b>QUY TRÌNH TINH GỌN</b> trong thiết kế và sản xuất nội thất công nghiệp dạng tấm. ABF vẫn đang hoàn thiện rất nhiều tính năng mới.</p>
791            </div>
792            <!-- Start team content -->
793
794
795
796            <div class="team-content">
797              <ul class="team-grid">
798                
799                <li>
800                  <div class="team-item team-img-2 wow fadeInUp">
801                    <div class="team-info">
802                      <p> Cung cấp hệ thống thư viện động, tùy chỉnh kích thước hoặc cấu tạo, kèm công cụ quản lý</p>
803                      <!-- Loạt nút liên kết đang tạm dừng hiển thị
804                          <a href="#"><span class="fa fa-facebook"></span></a>
805                          <a href="#"><span class="fa fa-twitter"></span></a>
806                          <a href="#"><span class="fa fa-pinterest"></span></a>
807                          <a href="#"><span class="fa fa-rss"></span></a>
808                      -->
809                    </div>
810                  </div>
811                  <div class="team-address">
812                    <p>Quản lý Thư Viện</p>
813                    <span>Upload/Download mô hình<br>! Cập nhật mỗi ngày</span>                  
814                  </div>
815                </li>
816                
817                
818                <li>
819                  <div class="team-item team-img-1 wow fadeInUp">
820                    <div class="team-info">
821                      <p> Chức năng sắp xếp tối ưu chi tiết trên khổ ván tùy chọn, hiển thị kích thước và sơ đồ thứ tự đường cắt, tùy chọn chiều vân gỗ, xuất thông tin cần thiết</p>
822                      <!-- Loạt nút liên kết đang tạm dừng hiển thị
823                          <a href="#"><span class="fa fa-facebook"></span></a>
824                          <a href="#"><span class="fa fa-twitter"></span></a>
825                          <a href="#"><span class="fa fa-pinterest"></span></a>
826                          <a href="#"><span class="fa fa-rss"></span></a>
827                      -->
828                      
829                    </div>
830                  </div>
831                  <div class="team-address">
832                    <p>Sơ đồ cắt ván</p>
833                    <span>Dành cho máy cưa <br>! Tạm dừng do nhu cầu thấp</span>
834                  </div>
835                </li>
836                
837                <li>
838                  <div class="team-item team-img-3 wow fadeInUp">
839                    <div class="team-info">
840                      <!-- Loạt nút liên kết đang tạm dừng hiển thị
841                          <a href="#"><span class="fa fa-facebook"></span></a>
842                          <a href="#"><span class="fa fa-twitter"></span></a>
843                          <a href="#"><span class="fa fa-pinterest"></span></a>
844                          <a href="#"><span class="fa fa-rss"></span></a>
845                      -->
846                    </div>
847                  </div>
848                  <div class="team-address">
849                    <p>Liên Kết Gia Công</p>
850                    <span>Kết nối Nhà sản xuất<br>! Tạm dừng bảo mật</span>
851                  </div>
852                </li>
853                
854                <li>
855                  <div class="team-item team-img-4 wow fadeInUp">
856                    <div class="team-info">
857                        <p> Xuất DXF, XML hoặc các tiêu chuẩn đầu vào của các nhà sản xuất máy móc khác...</p>
858                      <!-- Loạt nút liên kết đang tạm dừng hiển thị
859                          <a href="#"><span class="fa fa-facebook"></span></a>
860                          <a href="#"><span class="fa fa-twitter"></span></a>
861                          <a href="#"><span class="fa fa-pinterest"></span></a>
862                          <a href="#"><span class="fa fa-rss"></span></a>
863                      -->
864                    </div>
865                  </div>
866                  <div class="team-address">
867                    <p>DXF/XML Tổ Hợp</p>
868                    <span>Vị trí khoan cạnh cùng tem nhãn chi tiết</span>
869                  </div>
870                </li>            
871              
872              </ul>
873            
874            </div>
875            <!-- End team content -->
876
877
878
879
880          </div>
881        </div>
882      </div>
883    </div>  </section>
884  <!-- End Lộ trình phát triển -->
885
886    <!-- Start bài viết video hướng dẫn linh tinh news2025.php -->
887    <section> 
888        <!-- BEGIN CHÈN STYLE 2025-->
889	<!-- Bootstrap CSS -->
890    <!-- link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" -->
891    <!-- Font Awesome cho icon -->
892    <!-- link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" -->
893    <style>
894        .guide-container {
895            background-color: white;
896            border-radius: 4px;
897            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
898            margin: 5px 0px;
899            border: 1px solid #ddd;
900        }
901        
902        .video-container {
903            position: relative;
904            padding-bottom: 56.25%; /* 16:9 */
905            height: 0;
906            overflow: hidden;
907            margin-bottom: 15px;
908        }
909        
910        .video-container iframe {
911            position: absolute;
912            top: 0;
913            left: 0;
914            width: 100%;
915            height: 100%;
916            border: none;
917        }
918        
919        .btn-action {
920            margin: 5px;
921            min-width: 150px;
922            white-space: normal;
923        }
924        
925        .nav-btn {
926            font-size: 30px;
927            color: #777;
928            cursor: pointer;
929            transition: all 0.3s;
930            padding: 10px;
931        }
932        
933        .nav-btn:hover {
934            color: #337ab7;
935        }
936        
937        .guide-title {
938            color: #333;
939            font-weight: 500;
940            margin-top: 0;
941            margin-bottom: 15px;
942        }
943        
944        .guide-summary {
945            color: #555;
946            line-height: 1.6;
947            margin-bottom: 20px;
948        }
949        
950        .action-buttons {
951            min-height: 120px;
952        }
953        
954        .indicator {
955            display: inline-block;
956            width: 10px;
957            height: 10px;
958            margin: 0 5px;
959            border-radius: 50%;
960            background-color: #ccc;
961            cursor: pointer;
962        }
963        
964        .indicator.active {
965            background-color: #337ab7;
966        }
967        
968        @media (max-width: 768px) {
969            .guide-content {
970                padding-top: 15px;
971            }
972            
973            .btn-action {
974                width: 100%;
975                margin: 5px 0;
976                display: block;
977            }
978            
979            .action-buttons {
980                min-height: auto;
981            }
982        }
983    </style>
984	
985<!-- END CHÈN STYLE 2025-->
986
987<div class="container" id="app">
988        <!--
989        <div class="row">
990            <div class="col-xs-12">
991                <h1 class="text-center" style="margin-bottom: 30px;">Hướng dẫn trực tuyến</h1>
992            </div>
993        </div>
994        -->
995        
996        <div class="row wow fadeInUp">
997            <div class="col-xs-1 text-center">
998                <i class="fa fa-chevron-left nav-btn" @click="prevGuide"></i>
999            </div>
1000            
1001            <div class="col-xs-10">
1002                <div class="guide-container" v-if="guides.length > 0">
1003                    <div class="row" style="padding: 15px;">
1004                        <div class="col-md-6 guide-content">
1005                            <h2 class="guide-title">{{ currentGuide.title }}</h2>
1006                            <p class="guide-summary">{{ currentGuide.summary }}</p>
1007                            
1008                            <div class="action-buttons">
1009                                <!-- Nút A - chỉ hiển thị khi có linkA -->
1010                                <a v-if="currentGuide.linkA" 
1011                                   :href="currentGuide.linkA" 
1012                                   class="btn btn-primary btn-action"
1013                                   target="_blank">
1014                                    <i class="fa fa-credit-card"></i> {{ currentGuide.buttonA }}
1015                                </a>
1016                                
1017                                <!-- Nút B - chỉ hiển thị khi có linkB -->
1018                                <a v-if="currentGuide.linkB" 
1019                                   :href="currentGuide.linkB" 
1020                                   class="btn btn-success btn-action"
1021                                   target="_blank">
1022                                    <i class="fa fa-credit-card"></i> {{ currentGuide.buttonB }}
1023                                </a>
1024                                
1025                                <!-- Nút đọc thêm - luôn hiển thị -->
1026                                <a :href="currentGuide.readMoreLink || '#'" 
1027                                   class="btn btn-default btn-action"
1028                                   target="_blank">
1029                                    <i class="fa fa-book"></i> Read more
1030                                </a>
1031                            </div>
1032                        </div>
1033                        
1034                        <div class="col-md-6 guide-video">
1035                            <div class="video-container">
1036                                <iframe :src="'https://www.youtube.com/embed/' + currentGuide.videoId" 
1037                                        frameborder="0" 
1038                                        allowfullscreen></iframe>
1039                            </div>
1040                        </div>
1041                    </div>
1042                </div>
1043            </div>
1044            
1045            <div class="col-xs-1 text-center">
1046                <i class="fa fa-chevron-right nav-btn" @click="nextGuide"></i>
1047            </div>
1048        </div>
1049        
1050        <div class="row">
1051            <div class="col-xs-12 text-center" style="margin: 0px 0px 10px;">
1052                <span v-for="(guide, index) in guides" 
1053                      :key="index" 
1054                      class="indicator"
1055                      :class="{ active: currentIndex === index }"
1056                      @click="currentIndex = index">
1057                </span>
1058            </div>
1059        </div>
1060    </div>
1061
1062    <!-- Vue.js 2.6 (phiên bản tương thích tốt với Bootstrap 3) -->
1063    <!-- 
1063<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
1063 -->
1064    
1065    <!-- Vue.js Vue.js v2.7.16 -->    
1066    
1066<script src="assets/js/vue.min.js"></script>
1066
1067    
1068    
1069    
1069<script>
1070        new Vue({
1071            el: '#app',
1072            data: {
1073                currentIndex: 0,
1074                guides: [
1075                        {
1076                            title: "ABF - THAILAND WORKSHOP ",
1077                            summary: "หลักสูตร ABF ในประเทศไทย จัดโดย Builttech (ตัวแทนอย่างเป็นทางการของ ABF) โดยจัดขึ้นเดือนละครั้ง ลูกค้าจะได้เรียนรู้วิธีใช้ ABF อย่างถูกต้อง ส่งออกไฟล์ไปยังเครื่อง CNC ด้วย Aspire และฝึกฝนกับเครื่อง CNC รวมถึงเยี่ยมชมโมเดลการผลิตเฟอร์นิเจอร์",
1078                            buttonA: "Builttech",
1079                            buttonB: "ลงทะเบียนเรียน",
1080                            linkA: "https://www.builttech.net/abf-extension",
1081							linkB: "https://www.builttech.net/Contact-us",
1082							readMoreLink: "https://youtu.be/30mnSXU3ofg",
1083                            videoId: "30mnSXU3ofg"
1084                        },
1085                        {
1086                            title: "[English] ABF's free features",
1087                            summary: "Instructions on how to work most basically when starting to build 3d cabinet models to using the free functions of ABF.",
1088                            //buttonA: "Liên hệ",
1089                            //buttonB: "Combo cao cấp",
1090                            //linkA: "https://www.facebook.com/abfurnituresolutions",
1091                            //linkB: "https://example.com/payment/combo-premium",
1092                            readMoreLink: "https://youtu.be/9iuZ71PHLzg",
1093                            videoId: "9iuZ71PHLzg"
1094                        },
1095                        {
1096                            title: "[Tips] Hiệu chỉnh kết quả nesting",
1097                            summary: "Trong một số trường hợp Bạn cần thay đổi kết quả đã sắp xếp ván theo ý, Bạn có thể áp dụng tính năng: FIND - tìm kiếm theo tổ hợp tên gọi kết hợp với MORO - di chuyển, xoay, tách các chi tiết. ",
1098                            buttonA: "MORO",
1099                            buttonB: "FIND",
1100                            linkA: "https://www.youtube.com/playlist?list=PLgu1oz5Yem5jReKqx2vqEo4AEnj4JUsmO",
1101                            //linkB: "https://example.com/payment/premium-ab",
1102                            readMoreLink: "https://youtu.be/8YQ58Jsxe3o",
1103                            videoId: "8YQ58Jsxe3o"
1104                        },
1105                        {
1106                            title: "Đánh dấu liên kết nhanh",
1107                            summary: "Chức năng đánh dấu liên kết ngang nhanh thông qua việc chọn 1 hoặc nhiều tấm cấu kiện, dễ dàng đánh dấu hoặc thay đổi loại liên kết đã sử dụng và nhiều chức năng nhỏ đang chờ Bạn khám phá. ! Bạn có thể kết hợp sử dụng tính năng FIND trong quá trình chọn tấm để đánh dấu. ",
1108                            buttonA: "Liên hệ",
1109							//buttonB: "Thanh toán",
1110                            linkA: "https://www.facebook.com/abfurnituresolutions",
1111							//linkB: "https://youtu.be/SNaAwuNBRP0",                        
1112							readMoreLink: "https://youtu.be/rSX480iPUoQ",
1113                            videoId: "rSX480iPUoQ"
1114                        },
1115                        {
1116                            title: "[Tips] Xử lý làm nhẹ cấu trúc tấm",
1117                            summary: "Đối với tấm dạng solid với số lượng cạnh quá lớn, Bạn có thể chuyển thành đường cắt bên trong hoặc cắt biên dạng bên ngoài của 1 tấm chữ nhật với các sử dụng đối tượng ABF_, Mời Bạn tham khảo video ví dụ thao tác chuyển đường cắt trong cho dạng hoa văn phức tạp",
1118                            buttonA: "Liên hệ",
1119                            //buttonB: "Combo cao cấp",
1120                            linkA: "https://www.facebook.com/abfurnituresolutions",
1121                            //linkB: "https://example.com/payment/combo-premium",
1122                            readMoreLink: "https://youtu.be/M_6gTf3oIls",
1123                            videoId: "M_6gTf3oIls"
1124                        },
1125                        {
1126                            title: "[Tips] Lưu Preset cho DC",
1127                            summary: "Bạn có thể lưu các thông số của DC sau khi đã thanh đổi thành các Preset riêng, dễ dàng gọi lại cho các lần sử dụng sau đó, không cần mất thời gian mỗi lần dùng lại phải thay đổi.",
1128                            buttonA: "Liên hệ",
1129							//buttonB: "Cách thanh toán",
1130							linkA: "https://www.facebook.com/abfurnituresolutions",
1131							//linkB: "https://youtu.be/SNaAwuNBRP0",
1132                            readMoreLink: "https://youtu.be/Spc2rM1DuGk",
1133                            videoId: "Spc2rM1DuGk"
1134                        }
1135                        
1136                    ]
1137            },
1138            computed: {
1139                currentGuide: function() {
1140                    return this.guides[this.currentIndex];
1141                }
1142            },
1143            methods: {
1144                nextGuide: function() {
1145                    this.currentIndex = (this.currentIndex + 1) % this.guides.length;
1146                },
1147                prevGuide: function() {
1148                    this.currentIndex = (this.currentIndex - 1 + this.guides.length) % this.guides.length;
1149                }
1150            }
1151        });
1152    </script>
1152    </section>
1153    <!-- end bài viết video hướng dẫn linh tinh news2025.php -->
1154    
1155    <!-- Start Testimonial section Khách hàng đã dùng và ý kiến testimonial.php-->
1156    <section id="testimonial">
1157    <img src="assets/images/testimonial-bg.jpg" alt="img">
1158    <div class="counter-overlay">
1159      <div class="container">
1160        <div class="row">
1161          <div class="col-md-12">
1162            <!-- Start Testimonial area -->
1163            <div class="testimonial-area">
1164              <div class="title-area">
1165                <h2 class="tittle">Ý kiến của người dùng</h2>
1166                <span class="tittle-line"></span>              
1167              </div>
1168              <div class="testimonial-conten">
1169                <!-- Start testimonial slider -->
1170                <div class="testimonial-slider">
1171                  
1172                  <!-- single slide -->
1173                  <div class="single-slide">
1174                    <p> ABF là 1 plugin mang tính đột phá trong tư duy sản xuất nói chung, và tư duy dây chuyền sản xuất nói riêng. ABF đã và đang tạo ra 1 hệ sinh thái khép kín toàn diện trên sketchup. Chúng tôi rất hân hạnh là 1 trong những đơn vị đầu tiên được áp dụng và sử dụng ABF trên dây chuyền sản xuất tự động của mình.</p>
1175                    <div class="single-testimonial">
1176                      <img class="testimonial-thumb" src="assets/images/users/nguyenduyhung.png" alt="img">
1177                      <p>Mr.Nguyễn Duy Hưng</p>
1178                      <span>KST,Giám Đốc NBproduct</span>
1179                      <p><span>Phó Giám Đốc NBconcept -Hà Nội</span></p>
1180                    </div>
1181                  </div>
1182                  <!-- single slide -->
1183                  <div class="single-slide">
1184                    <p> We just want people to be able to use good software and move towards using more machinery because good workers are becoming increasingly difficult to find. I've been with ABF for a very long time; 
1185I have guided many ABF users. I just hope that the furniture industry in Thailand will develop. I can honestly say that I have everything I have because of ABF.</p>
1186                    <div class="single-testimonial">
1187                      <img class="testimonial-thumb" src="assets/images/users/khachthailan1.png" alt="img">
1188                      <p>Mr.นิว วัฒนา</p>
1189                      <p><span>Wattana Furniture -Thailand</span></p>
1190                    </div>
1191                  </div>
1192                  
1193                  
1194                  <!-- single slide -->
1195                  <div class="single-slide">
1196                    <p>Giải pháp của ABF đã mang đến giải pháp tối ưu và phù hợp với mô hình sản xuất nội thất hiện có của chúng tôi, quy trình này rất trực quan, dễ thao tác đảm bảo sự chính xác đáng tin cậy cho dòng sản phẩm mà Nội Thất Mới đang sản xuất.</p>
1197                    <div class="single-testimonial">
1198                      <img class="testimonial-thumb" src="assets/images/users/dangtuananh.png" alt="img">
1199                      <p>Mr. Đặng Tuấn Anh</p>
1200                      <span>KTS.Phó GĐ, TNHH SXTM Nội Thất Mới- Hà Nội</span>
1201                    </div>
1202                  </div>
1203                  <!-- single slide -->
1204                  <div class="single-slide">
1205                    <p>Người thiết kế sử dụng chất xám điều khiển máy móc làm việc thay cho chân tay. ABF là một xu hướng tùy biến phù hợp với nhu cầu và cách tiếp cận sản xuất rất ư là cầu kỳ của người Việt Nam. An Gia đã và đang áp dụng ABF vào sản xuất- Đồng hành lớn mạnh cùng ABF</p>
1206                    <div class="single-testimonial">
1207                      <img class="testimonial-thumb" src="assets/images/users/NguyenNgocQthuan.png" alt="img">
1208                      <p>Mr. Nguyễn Ngọc Quang Thuần</p>
1209                      <span>CEO,Cổ phần đầu tư phát triển An Gia. Long Xuyên</span>
1210                    </div>
1211                  </div>
1212                  <!-- single slide -->
1213                  <div class="single-slide">
1214                    <p>ABF Là ứng dụng trên nền SketchUp nên vô cùng trực quan và dễ sử dụng, chỉ cần dùng 1 công cụ cho nhiều việc từ thiết kế đến tổ chức sản xuất. ABF giúp chúng tôi cắt giảm đi nhiều khâu theo kiểu cũ, tiết kiệm được chi phí. </p>
1215                    <div class="single-testimonial">
1216                      <img class="testimonial-thumb" src="assets/images/users/longhoang.png" alt="img">
1217                      <p>Mr. Hoàng Long</p>
1218                      <span>Chủ Xưởng Mộc tại Hạ Long</span>
1219                    </div>
1220                  </div>
1221                </div>
1222              </div>
1223            </div>
1224          </div>
1225        </div>
1226      </div>
1227    </div>     </section>
1228    <!-- End Testimonial section -->
1229 
1230
1231<!-- ==================================================== -->
1232<!-- ==================================================== -->  
1233  <!-- Start Portfolio section -->
1234  <!-- <section id="portfolio">
1235     
1236  </section> -->
1237  <!-- End Portfolio section -->
1238
1239  <!-- Start counter section -->
1240  <!-- <section id="counter">
1241    <img src="assets/images/counter-bg.jpg" alt="img">
1242      </section> -->
1243  <!-- End counter section -->
1244
1245  <!-- Start Pricing Table section Bảng giá-->
1246  <!-- <section id="pricing-table">
1247      </section> -->
1248  <!-- End Pricing Table section Bảng giá -->
1249
1250  <!-- Start from blog section -->
1251  <!-- 
1252  <section id="from-blog">
1253      </section>
1254  -->
1255  <!-- End from blog section -->
1256  
1257  <!-- 
1258  <section id="client">
1259      </section> 
1260  -->
1261<!-- ==================================================== -->
1262<!-- ==================================================== -->
1263
1264    
1265<div id="fb-root"></div>
1266<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v24.0&appId=1670940929889283"></script>
1266
1267
1268
1269  <section id="contact">  
1270  <style>
1271        /* Container chính */
1272        .container {
1273            max-width: 1200px;
1274            margin: 0 auto;
1275            padding: 0 15px;
1276        }
1277        
1278        
1279        
1280        /* Footer Styles */
1281        .main-footer {
1282            background-color: #242424;
1283            color: #ecf0f1;
1284            padding: 50px 0 20px;
1285        }
1286        
1287        .footer-content {
1288            display: flex;
1289            flex-wrap: wrap;
1290            justify-content: space-between;
1291        }
1292        
1293        .footer-column {
1294            flex: 1;
1295            min-width: 250px;
1296            margin-bottom: 30px;
1297            padding: 0 15px;
1298        }
1299        
1300        .footer-column h3 {
1301            font-size: 18px;
1302            margin-bottom: 20px;
1303            color: #00d999;
1304            position: relative;
1305            padding-bottom: 10px;
1306        }
1307        
1308        .footer-column h3::after {
1309            content: '';
1310            position: absolute;
1311            left: 0;
1312            bottom: 0;
1313            width: 50px;
1314            height: 2px;
1315            background-color: #3498db;
1316        }
1317        
1318        /* Cột 1: Thông tin công ty */
1319        .company-info img.logo2 {
1320            max-width: 240px;
1321            margin-bottom: 15px;
1322        }
1323        
1324        .company-info p {
1325            margin-bottom: 10px;
1326            display: flex;
1327            align-items: flex-start;
1328        }
1329        
1330        .company-info i {
1331            margin-right: 10px;
1332            color: #3498db;
1333            min-width: 20px;
1334        }
1335        
1336        .certification {
1337            margin-top: 20px;
1338        }
1339        
1340        .certification img {
1341            max-width: 170px;
1342            
1343        }
1344        
1345        /* Cột 2: Liên kết */
1346        .footer-links ul {
1347            list-style: none;
1348        }
1349        
1350        .footer-links li {
1351            margin-bottom: 10px;
1352        }
1353        
1354        .footer-links a {
1355            color: #bdc3c7;
1356            text-decoration: none;
1357            transition: color 0.3s;
1358            display: block;
1359        }
1360        
1361        .footer-links a:hover {
1362            color: #3498db;
1363            padding-left: 5px;
1364        }
1365        
1366        /* Cột 3: Chính sách */
1367        .footer-policy ul {
1368            list-style: none;
1369        }
1370        
1371        .footer-policy li {
1372            margin-bottom: 10px;
1373        }
1374        
1375        .footer-policy a {
1376            color: #bdc3c7;
1377            text-decoration: none;
1378            transition: color 0.3s;
1379            display: block;
1380        }
1381        
1382        .footer-policy a:hover {
1383            color: #3498db;
1384            padding-left: 5px;
1385        }
1386        
1387        /* Cột 4: Fanpage & Mạng xã hội */
1388        .fanpage iframe {
1389            width: 100%;
1390            height: 200px;
1391            border: none;
1392            border-radius: 5px;
1393            margin-bottom: 20px;
1394        }
1395        .fb-page {margin-bottom: 20px;}
1396        
1397        .social-links {
1398            display: flex;
1399            flex-wrap: wrap;
1400            gap: 10px;
1401        }
1402        
1403        .social-links a {
1404            display: inline-flex;
1405            align-items: center;
1406            justify-content: center;
1407            width: 40px;
1408            height: 40px;
1409            background-color: #34495e;
1410            border-radius: 50%;
1411            color: white;
1412            text-decoration: none;
1413            transition: all 0.3s;
1414        }
1415        
1416        .social-links a:hover {
1417            background-color: #3498db;
1418            transform: translateY(-3px);
1419        }
1420        
1421        /* Footer bottom */
1422        .footer-bottom {
1423            border-top: 1px solid #34495e;
1424            padding-top: 10px;
1425            margin-top: 10px;
1426            text-align: center;
1427            font-size: 14px;
1428            color: #95a5a6;
1429        }
1430        
1431        /* Responsive */
1432        @media (max-width: 992px) {
1433            .footer-column {
1434                flex: 0 0 50%;
1435            }
1436        }
1437        
1438        @media (max-width: 576px) {
1439            .footer-column {
1440                flex: 0 0 100%;
1441            }
1442            
1443            .footer-content {
1444                flex-direction: column;
1445            }
1446        }
1447    </style>
1448    
1449    
1450    <!-- Footer 2025-->
1451    <footer id="footer" class="main-footer">
1452        <div class="container">
1453            <div class="footer-content">
1454                <!-- Cột 1: Thông tin công ty -->
1455                <div class="footer-column company-info">
1456                    <h3>Thông tin </h3>
1457					<img src="assets/images/logo/logoabfdai180x38-01.svg" alt="Logo công ty" class="logo2"> 
1458                    <p> Công ty TNHH ABF EXTENSION</p>
1459					<p> MST: 0317 199 056</p>
1460                    <p> 7 Đường 14, Phường Tân Thuận, TP Hồ Chí Minh, Việt Nam</p>
1461					<p> [email protected]</p>
1462                    <p> (+84) 081 3660 122 </p>
1463                </div>
1464                
1465                <!-- Cột 2: Liên kết -->
1466                <div class="footer-column footer-links">
1467                    <h3>Liên kết</h3>
1468                    <ul>
1469                        <li><a href="https://getabf.net/index.php#about"> Giới thiệu</a></li>
1470                        <li><a href="https://getabf.net/index.php#service"> Chức năng</a></li>
1471                        <li><a href="https://drive.google.com/file/d/1rzU-UhiC_CkgPgfFv3TLBnhPvsYPfk5Q/view" target="_blank"> Download</a></li>
1472                        <li><a href="https://www.youtube.com/@ABFextension" target="_blank"> Trợ giúp</a></li>
1473                        <li><a href="https://getabf.net/qrscan/" target="_blank"> Qr Checker</a></li>
1474                        <li><a href="https://getabf.net/qrtable/" target="_blank"> Qr Đóng gói</a></li>
1475						<li><a href="https://www.facebook.com/abfurnituresolutions" target="_blank"> Chuyển giao</a></li>
1476                    </ul>
1477                </div>
1478                
1479                <!-- Cột 3: Chính sách sử dụng -->
1480                <div class="footer-column footer-policy">
1481                    <h3>Chính sách sử dụng</h3>
1482                    <ul>
1483                        <li><a href="baomat2025.php" target="_blank"> Chính sách bảo mật</a></li>
1484                        <li><a href="dieukhoandichvu2025.php" target="_blank"> Điều khoản sử dụng/ Hợp đồng</a></li>
1485						<li><a href="huongdanthanhtoan2025.php" target="_blank"> Hướng dẫn thanh toán</a></li>
1486						<li><a href="https://getabf.net/info/thungo-cungcapthongtinxuathoadon.html" target="_blank"> Thư Ngỏ</a></li>
1487                    </ul>
1488                    
1489					<div class="certification">
1490                        <img src="assets/images/logo/logoabfdai180x38-01.svg" alt="Chứng nhận">
1491                    </div>
1492                    
1493                </div>
1494                
1495                <!-- Cột 4: Fanpage & Mạng xã hội -->
1496                <div class="footer-column fanpage">
1497                    <h3>Kết nối</h3>
1498                    
1499                    <!-- BEGIN FACEBOOK PAGE -->
1500					
1501					<div class="fb-page" data-href="https://www.facebook.com/abfurnituresolutions" 
1502					data-tabs="timeline,messages" 
1503					data-width="250" 
1504					data-height="200" 
1505					data-small-header="true" 
1506					data-adapt-container-width="true" 
1507					data-hide-cover="false" 
1508					data-show-facepile="true">
1509					
1510					<blockquote cite="https://www.facebook.com/abfurnituresolutions" class="fb-xfbml-parse-ignore">
1511					    <a href="https://www.facebook.com/abfurnituresolutions">ABF Extension</a>
1512					</blockquote>
1513					</div>
1514					 
1515					<!-- END FACEBOOK PAGE -->
1516                    
1517                    <div class="social-links">
1518                        <!-- <a href="https://www.facebook.com/abfurnituresolutions/" title="Facebook"><i class="fab fa-facebook-f"></i></a> -->
1519                        <a href="https://www.youtube.com/@ABFextension" target="_blank" title="YouTube" ><i class="fab fa-youtube"></i></a>
1520                        <a href="https://www.tiktok.com/@abfofficialchannel" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a>
1521                        <a href="https://t.me/dangphibao" target="_blank" title="Telegram"><i class="fab fa-telegram"></i></a>
1522                        <a href="mailto:[email protected]" target="_blank" title="Gmail"><i class="fas fa-envelope"></i></a>
1523                        <a href="https://signal.group/#CjQKIGybE5pDJ8n4okzCQQYEu_REnDFjQsTmOoHPaNoyXkd-EhBJxwp1AG6FC5VtZ6CAgk_7" target="_blank" title="signal.group"><i class="fas fa-comment-dots"></i></a>
1524                    </div>
1525                </div>
1526            </div>
1527            
1528            <div class="footer-bottom">
1529                <p>&copy; 2025 Công ty TNHH ABF EXTENSION. </p>
1530            </div>
1531        </div>
1532    </footer> 
1533    
1534    <!-- Footer 2025-->  </section>
1535
1536  <!-- jQuery Library --> 
1537  
1537<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
1537
1538  <!-- Bootstrap -->
1539  
1539<script src="assets/js/bootstrap.js"></script>
1539
1540  <!-- Slick Slider -->
1541  
1541<script type="text/javascript" src="assets/js/slick.js"></script>
1541
1542  <!-- Counter -->
1543  
1543<script type="text/javascript" src="assets/js/waypoints.js"></script>
1543
1544  
1544<script type="text/javascript" src="assets/js/jquery.counterup.js"></script>
1544
1545  <!-- mixit slider -->
1546  
1546<script type="text/javascript" src="assets/js/jquery.mixitup.js"></script>
1546
1547  <!-- Add fancyBox -->        
1548  
1548<script type="text/javascript" src="assets/js/jquery.fancybox.pack.js"></script>
1548
1549  <!-- Wow animation -->
1550  
1550<script type="text/javascript" src="assets/js/wow.js"></script>
1550 
1551  <!-- Custom js -->
1552  
1552<script type="text/javascript" src="assets/js/custom.js"></script>
1552
1553
1554</body>
1555</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.