<!doctype html>
<html lang="en">




    
    


<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
					<title>Tin tức sự kiện  - Ghép hàng - Ứng dụng ghép hàng và giao hàng siêu tốc</title>
					<link rel="shortcut icon" href="https://ghephang.com/cms/static/site/ghephang/template/default/favicon.png">
					<meta name="description" content="Ghép hàng là ứng dụng giao hàng hàng đầu Việt Nam, Giao hàng ngay chỉ với 1 cú chạm với đa dạng phương tiện vận chuyển.">
					<meta name="keywords" content="giao hàng vận chuyển, ứng dụng giao hàng">
					<meta property="og:type"               content="article" />
					<meta property="og:title"              content="Ghép hàng - Ứng dụng ghép hàng và giao hàng siêu tốc" />
					<meta property="og:description"              content="Ghép hàng là ứng dụng giao hàng hàng đầu Việt Nam, Giao hàng ngay chỉ với 1 cú chạm với đa dạng phương tiện vận chuyển." />
					<meta property="og:image"              content="https://ghephang.com/cms/static/site/ghephang/template/default/images/logo-page.png" />
				
    <!-- Bootstrap Min CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/bootstrap.min.css">
    <!-- Owl Theme Default Min CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/owl.theme.default.min.css">
    <!-- Owl Carousel Min CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/owl.carousel.min.css">
    <!-- Owl Magnific Min CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/magnific-popup.min.css">
    <!-- Animate Min CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/animate.min.css">
    <!-- Boxicons Min CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/boxicons.min.css">
    <!-- Flaticon CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/flaticon.css">
    <!-- Meanmenu Min CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/meanmenu.min.css">
    <!-- Nice Select Min CSS -->
    <!-- <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/nice-select.min.css"> -->
    <!-- Odometer Min CSS-->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/odometer.min.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/style.css">
    <!-- Dark CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/dark.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="/cms/static/site/ghephang/template/default/css/responsive.css">
    
    
    
<script type="text/javascript"><!--
    // These variables are used by the web2py_ajax_init function in web2py_ajax.js (which is loaded below).
    var w2p_ajax_confirm_message = "Chắc chắn xóa dữ liệu này?";
    var w2p_ajax_disable_with_message = "Đang xử lý...";
    var w2p_ajax_date_format = "%d/%m/%Y";
    var w2p_ajax_datetime_format = "%d/%m/%Y %H:%M:%S";
    var ajax_error_500 = 'An error occured, please <a href="/tin-tuc-su-kien">reload</a> the page'
    //--></script>

<script src="/cms/static/js/jquery.js" type="text/javascript"></script><link href="/cms/static/css/calendar.css" rel="stylesheet" type="text/css" /><script src="/cms/static/js/calendar.js" type="text/javascript"></script><script src="/cms/static/js/jquery.browser.min.js" type="text/javascript"></script><script src="/cms/static/js/web2py.js" type="text/javascript"></script>

    <!-- Favicon -->
    <!-- Title -->
    <style>
        .search-wrap .container {
            margin-top: 50px;
            padding: 60px 40px;
            transform: translatey(0);
            background: white;
        }

        .form:not(.open) iframe {
            display: none
        }

        #overlay {
            position: fixed;
            display: none;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 2;
            cursor: pointer;
        }

        .floating-action-menu {
            bottom: 10px;
            right: 10px;
            z-index: 999;
        }

        .text-right {
            text-align: right !important;
        }

        .floating-action-menu>.action-menu {
            visibility: hidden;
            -webkit-transform: translateY(65px);
            transform: translateY(65px);
            opacity: 0;
            max-height: 0;
            overflow: hidden;
            -webkit-transition: all 300ms linear;
            transition: all 300ms linear;
        }

        .floating-action {
            background-color: #fff;
            border-radius: 28px;
            margin-top: 5px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            float: right;
            clear: both;
        }

        .floating-action:hover {
            background-color: #fff4f3;
        }

        .floating-action-menu.active>.action-menu {
            visibility: visible;
            -webkit-transform: translate(0);
            transform: translate(0);
            opacity: 1;
            padding-bottom: 5px;
            max-height: 1000px;
        }

        .floating-action .badge {
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
            color: #1a1a1a;
        }

        .badge {
            display: inline-block;
            padding: 0.25em 0.4em;
            font-size: 75%;
            font-weight: 500;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.25rem;
        }

        a.floating-action:hover .badge {
            color: #fa4612;
        }



        .floating-action-menu.active>.action-menu .btn-floating,
        .floating-action-menu.active>.action-menu .badge {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .floating-action-menu>.action-menu .btn-floating,
        .floating-action-menu>.action-menu .badge {
            -webkit-transform: scale(0.4);
            transform: scale(0.4);
            -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
        }
    </style>
    <meta name="zalo-platform-site-verification" content="EFQQUBBhINfPxUCbXUDg65AIxZo-x3LaD3O" />
</head>

<body>
    <!-- Start Preloader Area -->
    <div class="preloader">
        <div class="lds-ripple">
            <div></div>
            <div></div>
        </div>
    </div>
    <!-- End Preloader Area -->
     
    <header class="header-area-four ">
    <!-- Start Top Header Area -->
    <div class="header-style-four">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4 col-md-5">
                    <div class="header-left-content">
                        <ul>
                            <li>
                                <a href="tel:1900888678">
                                    <i class="bx bx-phone-call"></i>
                                    1900.888.678
                                </a>
                            </li>
                            <li>
                                <a href="mailto:info@ghephang.com">
                                    <i class="bx bx-envelope"></i>
                                    [info@ghephang.com]
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-8 col-md-7">
                    <div class="header-right-content">
                        <ul class="additional-link">
                            <li>
                                <a href="/uu-dai">Ưu đãi</a>
                            </li>
                            <li>
                                <a href="/tuyen-dung">Tuyển dụng</a>
                            </li>
                            <li>
                                <a href="/faq">Câu hỏi thường gặp</a>
                            </li>
                        </ul>
                        <ul class="social-links">
                             <li>
    <a href="#">
        <i class='bx bxl-twitter'></i>
    </a>
</li>
<li>
    <a href="#">
        <i class='bx bxl-facebook'></i>
    </a>
</li>
<li>
    <a href="#">
        <i class='bx bxl-instagram'></i>
    </a>
</li>
<li>
    <a href="#">
        <i class='bx bxl-linkedin'></i>
    </a>
</li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Top Header Area -->

    <!-- Start Prevoz Navbar Area -->
    <div class="prevoz-nav-style prevoz-nav-style-four">
        <div class="navbar-area">
            <!-- Menu For Mobile Device -->
            <div class="mobile-nav">
                <a href="/trang-chu" class="logo">
                    <img src="/cms/static/site/ghephang/template/default/img/logo.png" alt="Logo">
                </a>
            </div>
            <!-- Menu For Desktop Device -->
            <div class="main-nav">
                <nav class="navbar navbar-expand-md navbar-light">
                    <div class="container">
                        <a class="navbar-brand" href="/trang-chu">
                            <img src="/cms/static/site/ghephang/template/default/img/logo.png" alt="Logo">
                        </a>
                        <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
                            <ul class="navbar-nav mr-auto">
    <li class="nav-item">
        <a href="/khach-hang" class="nav-link">Khách hàng</a>
    </li>
    
    <li class="nav-item">
        <a href="/buu-cuc" class="nav-link">Bưu cục</a>
    </li>
    
    <li class="nav-item">
        <a href="/tai-xe" class="nav-link">Tài xế</a>
    </li>
      
	<li class="nav-item">
        <a href="/gioi-thieu" class="nav-link dropdown-toggle">
            Tiện ích
            <i class='bx bx-chevron-down'></i>
        </a>
        <ul class="dropdown-menu">
            <li class="nav-item">
				<a href="/tra-van-don" class="nav-link">Tra cứu vận đơn</a>
            </li>
            <li class="nav-item">
				<a href="/tim-buu-cuc" class="nav-link">Tìm bưu cục</a>
            </li>
			
        </ul>
    </li>
 
	<li class="nav-item">
        <a href="/gioi-thieu" class="nav-link dropdown-toggle">
            Về chúng tôi
            <i class='bx bx-chevron-down'></i>
        </a>
        <ul class="dropdown-menu">
            <li class="nav-item">
                <a href="/gioi-thieu" class="nav-link">Về chúng tôi</a>
            </li>
            <li class="nav-item">
                <a href="/faq" class="nav-link">Câu hỏi thường gặp</a>
            </li>
			<li class="nav-item">
				<a href="/tin-tuc-su-kien" class="nav-link">Tin tức sự kiện</a>
			</li>
			<li class="nav-item">
				<a href="/lien-he" class="nav-link">Liên hệ</a>
			</li>
        </ul>
    </li>
 
    
</ul>
                            <!-- Start Other Option -->
                            <div class="others-option">
                                <div class="search-wrap">
                                    <a href=".search">
                                        <i class='bx bx-search'></i>
                                    </a>
                                </div>
                                <!-- <button type="button" class="sidebar-menu" data-bs-toggle="modal"
                                    data-bs-target="#myModal2">
                                    <i class="flaticon-menu"></i>
                                </button> -->
                                <!-- <a class="default-btn" href="/tao-don"> -->
                                    <!-- Tạo đơn -->
                                <!-- </a> -->
<!-- 
                                <div class="dark-switch">
                                    <div class="switch-box">
                                        <label id="switch" class="switch">
                                            <input type="checkbox" onchange="toggleTheme()" id="slider">
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div> -->
                            </div>
                            <!-- End Other Option -->
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
    <!-- End Prevoz Navbar Area -->
</header>
    <!-- Start Header Area -->
    <!-- Start Sidebar Modal -->
<div class="sidebar-modal">
    <div class="modal right fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">
                            <i class="bx bx-x"></i>
                        </span>
                    </button>
                    </button>
                    <h2 class="modal-title" id="myModalLabel2">
                        <a href="/trang-chu">
                            <img src="/cms/static/site/ghephang/template/default/img/logo.png" alt="Logo">
                        </a>
                    </h2>
                </div>
                <div class="modal-body">
                    <div class="sidebar-modal-widget">
                        <h3 class="title">Thông tin về chúng tôi</h3>
                        <p><b>Ghephang.com</b> với mong muốn đơn giản hóa việc giao hàng, giúp các chủ cửa hàng, các nhà hàng đến các công ty tại Việt Nam
                        có thể tận hưởng một dịch vụ cao cấp tiện lợi nhưng với giả cả hợp lý.</p>
                    </div>
                    <div class="sidebar-modal-widget">
                        <h3 class="title">Liên kết bổ sung</h3>
                        <ul>
                            <li>
                                <a href="#">Đăng nhập</a>
                            </li>
                            <li>
                                <a href="#">Đăng ký ngay</a>
                            </li>
                            <li>
                                <a href="/faq">FAQ</a>
                            </li>
                            <li>
                                <a href="#">Đăng xuất</a>
                            </li>
                        </ul>
                    </div>
                    <div class="sidebar-modal-widget">
                        <h3 class="title">Contact Info</h3>
                        <ul class="contact-info">
                            <li>
                                <i class="bx bx-location-plus"></i>
                                Địa chỉ
                                <span>New York - 1060, Str. First 78 Great Western Road</span>
                            </li>
                            <li>
                                <i class="bx bx-envelope"></i>
                                Email
                                <a
                                    href="mailto:info@ghephang.com"><span
                                        class="__cf_email__">[info@ghephang.com]</span></a>
                                <a
                                    href="mailto:info@ghephang.com"><span
                                        class="__cf_email__" >[info@ghephang.com]</span></a>
                            </li>
                            <li>
                                <i class="bx bxs-phone-call"></i>
                                Phone
                                <a href="tel:0356 656 777">0356 656 777</a>
                                <a href="tel:0356 656 777">0356 656 777</a>
                            </li>
                        </ul>
                    </div>
                    <div class="sidebar-modal-widget">
                        <h3 class="title">Kết nối với chúng tôi</h3>
                        <ul class="social-list">
                            <li>
    <a href="#">
        <i class='bx bxl-twitter'></i>
    </a>
</li>
<li>
    <a href="#">
        <i class='bx bxl-facebook'></i>
    </a>
</li>
<li>
    <a href="#">
        <i class='bx bxl-instagram'></i>
    </a>
</li>
<li>
    <a href="#">
        <i class='bx bxl-linkedin'></i>
    </a>
</li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Sidebar Modal -->

    <!-- Start Search Box Modal -->
    <!-- Start Search Box Modal -->
<div class="search-wrap hiden-load"  style="display: none;">
    <div class="search">
        <button type="button" class="close">×</button>
        <form>
            <input type="search" value="" class="form-control" placeholder="Type Here..." />
            <button type="submit" class="default-btn">
                Search
            </button>
        </form>
    </div>
</div>
<!-- End Search Box Modal -->



    <!-- End Search Box Modal -->

    <div>
        



<!-- Start Page Title Area -->
<div class="page-title-area item-bg-1 jarallax" data-jarallax='{"speed": 0.3}'>
    <div class="container">
        <div class="page-title-content">
            <div class="row align-items-center">
                <div class="col-lg-6 col-sm-6">
                    <h2>Tin tức sự kiện</h2>
                </div>
                <div class="col-lg-6 col-sm-6">
                    <ul>
                        <li>
                            <a href="/">
                                Trang chủ
                            </a>
                        </li>
                        <li>Tin tức sự kiện</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Page Title Area -->

    <!-- Start Inner Blog Details Area -->
    <section class="blog-details-area ptb-50">
        <div class="container">
            <div class="row">
                

<section class="blog-area blog-inner-area-full-width ptb-100">
    <div class="container">
		
		
			 <div class="section-title">
					<h1>Tin tức sự kiện</h1>
					  
					<p class="folder_top_content"></p>
				</div>
				<div class="row">
				   
						<div class="col-lg-6 col-md-6">
							<div class="single-blog">
								<a href='/tin-tuc-su-kien/news/ghephangcom-vinh-du-nhan-giai-thuong-sao-khue-nam-2024.html'>
									<img  alt='Ghephang.com vinh dự nhận Giải thưởng Sao Khuê năm 2024' src='//ghephang.com/cms/static/site/ghephang/uploads/news/600x400/plugin_ckeditor_upload.upload.b970d7f7527bac5b.4744445f383432362e4a5047.JPG'>
								</a>
								<div class="blog-content">
									 
									<h4>
										<a href='/tin-tuc-su-kien/news/ghephangcom-vinh-du-nhan-giai-thuong-sao-khue-nam-2024.html'>
											Ghephang.com vinh dự nhận Giải thưởng Sao Khuê năm 2024
										</a>
									</h4>
									<p></p>
									<a class="read-more" href='/tin-tuc-su-kien/news/ghephangcom-vinh-du-nhan-giai-thuong-sao-khue-nam-2024.html'>
										Xem chi tiết
										<i class='bx bx-right-arrow-alt'></i>
									</a>
								</div>
								<span>Tin mới </span>
							</div>
						</div>
					
						<div class="col-lg-6 col-md-6">
							<div class="single-blog">
								<a href='/tin-tuc-su-kien/news/quy-trinh-xu-ly-hang-su-co-1.html'>
									<img  alt='Quy trình xử lý hàng sự cố' src='http://127.0.0.1:8000/cms/static/site/ghephang/uploads/ckeditor/plugin_ckeditor_upload.upload.b970d7f7527bac5b.4744445f383432362e4a5047.JPG'>
								</a>
								<div class="blog-content">
									 
									<h4>
										<a href='/tin-tuc-su-kien/news/quy-trinh-xu-ly-hang-su-co-1.html'>
											Quy trình xử lý hàng sự cố
										</a>
									</h4>
									<p></p>
									<a class="read-more" href='/tin-tuc-su-kien/news/quy-trinh-xu-ly-hang-su-co-1.html'>
										Xem chi tiết
										<i class='bx bx-right-arrow-alt'></i>
									</a>
								</div>
								<span>Tin mới </span>
							</div>
						</div>
					
						<div class="col-lg-6 col-md-6">
							<div class="single-blog">
								<a href='/tin-tuc-su-kien/news/don-vi-chuyen-phat-hang-hoa-danh-cho-doanh-nghiep-bac-vao-nam.html'>
									<img  alt='Đơn vị chuyển phát hàng hóa dành cho doanh nghiệp bắc vào nam' src='//ghephang.com/cms/static/site/ghephang/uploads/news/600x400/news.avatar.8f3bbdb44fdb19be.31302e6a7067.jpg'>
								</a>
								<div class="blog-content">
									 
									<h4>
										<a href='/tin-tuc-su-kien/news/don-vi-chuyen-phat-hang-hoa-danh-cho-doanh-nghiep-bac-vao-nam.html'>
											Đơn vị chuyển phát hàng hóa dành cho doanh nghiệp bắc vào nam
										</a>
									</h4>
									<p></p>
									<a class="read-more" href='/tin-tuc-su-kien/news/don-vi-chuyen-phat-hang-hoa-danh-cho-doanh-nghiep-bac-vao-nam.html'>
										Xem chi tiết
										<i class='bx bx-right-arrow-alt'></i>
									</a>
								</div>
								<span>Tin mới </span>
							</div>
						</div>
					
						<div class="col-lg-6 col-md-6">
							<div class="single-blog">
								<a href='/khach-hang-doanh-nghiep/news/oi-gui-cang-nhieu-gia-cang-re.html'>
									<img  alt='Ối gửi càng nhiều giá càng rẻ' src='//ghephang.com/cms/static/site/ghephang/uploads/news/600x400/news.avatar.a5cfdb3d0b2c977d.31322e6a7067.jpg'>
								</a>
								<div class="blog-content">
									 
									<h4>
										<a href='/khach-hang-doanh-nghiep/news/oi-gui-cang-nhieu-gia-cang-re.html'>
											Ối gửi càng nhiều giá càng rẻ
										</a>
									</h4>
									<p></p>
									<a class="read-more" href='/khach-hang-doanh-nghiep/news/oi-gui-cang-nhieu-gia-cang-re.html'>
										Xem chi tiết
										<i class='bx bx-right-arrow-alt'></i>
									</a>
								</div>
								<span>Tin mới </span>
							</div>
						</div>
					
						<div class="col-lg-6 col-md-6">
							<div class="single-blog">
								<a href='/khach-hang-doanh-nghiep/news/top-10-don-vi-van-chuyen-hang-chuyen-nghiep-tai-viet-nam.html'>
									<img  alt='Bán hàng khó vận chuyển đã có ghephang.com' src='//ghephang.com/cms/static/site/ghephang/uploads/news/600x400/news.avatar.8c8e3ab4cedc82c3.31332e6a7067.jpg'>
								</a>
								<div class="blog-content">
									 
									<h4>
										<a href='/khach-hang-doanh-nghiep/news/top-10-don-vi-van-chuyen-hang-chuyen-nghiep-tai-viet-nam.html'>
											Bán hàng khó vận chuyển đã có ghephang.com
										</a>
									</h4>
									<p></p>
									<a class="read-more" href='/khach-hang-doanh-nghiep/news/top-10-don-vi-van-chuyen-hang-chuyen-nghiep-tai-viet-nam.html'>
										Xem chi tiết
										<i class='bx bx-right-arrow-alt'></i>
									</a>
								</div>
								<span>Tin mới </span>
							</div>
						</div>
					
						<div class="col-lg-6 col-md-6">
							<div class="single-blog">
								<a href='/tin-tuc-su-kien/news/co-nen-chuyen-nha-vao-ngay-ram.html'>
									<img  alt='Hàng cồng kềnh khó vận chuyển đã có ghephang lo' src='//ghephang.com/cms/static/site/ghephang/uploads/news/600x400/news.avatar.b9ad317a70ad0a40.31352e6a7067.jpg'>
								</a>
								<div class="blog-content">
									 
									<h4>
										<a href='/tin-tuc-su-kien/news/co-nen-chuyen-nha-vao-ngay-ram.html'>
											Hàng cồng kềnh khó vận chuyển đã có ghephang lo
										</a>
									</h4>
									<p></p>
									<a class="read-more" href='/tin-tuc-su-kien/news/co-nen-chuyen-nha-vao-ngay-ram.html'>
										Xem chi tiết
										<i class='bx bx-right-arrow-alt'></i>
									</a>
								</div>
								<span>Tin mới </span>
							</div>
						</div>
					
					
				</div>
			
		<div class="folder_bottom_content"></div>

	</div>
</section>

            </div>
        </div>
    </section>
    <!-- End Inner Blog Details Area -->



    </div>

    
    


    <footer class="footer-top-area pt-100 pb-70 bg-f7f7f7">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6">
                 <div class="ivinh_display" id="display_116"><!-- Start display_116--> <div class="single-widget">
                    <img style="width: 200px;" src="/cms/static/site/ghephang/template/default/img/logo.png" alt="Image">
                    <ul>
                        <li>
                            <i class='bx bx-globe'></i>
                            
                                CÔNG TY CỔ PHẦN CÔNG NGHỆ GHEPHANG.COM
                        </li>
                        <li>
                            <i class='bx bx-qr-scan'></i>
                            <span>Mã số thuế: </span>2902160742 
                         </li>
                        <li>
                            <i class='bx bxs-user-detail'></i>
                            <span>Người đại diện:</span>
                           Đỗ Sỹ Quang
                        </li>
                       

                    </ul>

                </div> <!-- End display_116--> </div>
            </div>
            <div class="col-lg-3 col-md-6">
                 <div class="ivinh_display" id="display_166"><!-- Start display_166--> <div class="single-widget">
                    <h3>Thông tin liên hệ</h3>
                    <ul>
                        <li>
                            <i class='bx bx-map'></i>
                            <span>Địa chỉ:</span>
                        Số 117 Phan Đình Phùng, Phường Cửa Nam, TP. Vinh
                        </li>
                        <li>
                            <a href="tel:1900888678"><i class='bx bx-phone-call'></i>
                                <span>Tổng đài:</span>
                                1900.888.678</a>
                        </li>
                        <li>
                            <a href="tel:0377888678"><i class='bx bx-phone-call'></i>
                                <span>Hotline:</span>
                                0377.888.678</a>
                        </li>
                        <li>
                            <a href="mailto:info@ghephang.com">
                                <i class='bx bx-envelope'></i>
                                <span>Email: info@ghephang.com</span>
                            </a>
                        </li>
                     </ul>
                </div> <!-- End display_166--> </div>
            </div>
            <div class="col-lg-3 col-md-6">
                 <div class="ivinh_display" id="display_118"><!-- Start display_118--> <div class="single-widget">
    <h3>Chính sách</h3>
    <ul>
        
            <li> 
                <a href='/chinh-sach/news/bo-dieu-khoan-va-dieu-kien-doi-tac-lai-xe-ghep-hang.html' >  BỘ ĐIỀU KHOẢN VÀ ĐIỀU KIỆN ĐỐI TÁC LÁI XE GHÉP HÀNG </a> 
                    
            </li>
        
            <li> 
                <a href='/chinh-sach/news/dieu-khoan-va-chinh-sach.html' >  Điều khoản và chính sách sử dụng dịch vụ </a> 
                    
            </li>
        
            <li> 
                <a href='/chinh-sach/news/huong-dan-xoa-tai-khoan.html' >  Hướng dẫn xoá tài khoản </a> 
                    
            </li>
        
            <li> 
                <a href='/chinh-sach/news/hinh-thuc-thanh-toan-tien-cuoc-van-chuyen.html' >  Hình thức thanh toán tiền cước vận chuyển </a> 
                    
            </li>
        
            <li> 
                <a href='/chinh-sach/news/quy-dinh-den-bu-thiet-hai-van-tai-ghephangcom.html' >  Quy định đền bù thiệt hại | Vận tải Ghephang.com </a> 
                    
            </li>
        
    </ul>
</div> <!-- End display_118--> </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="single-widget">
                    <h3>Theo dõi chúng tôi </h3>
                    <div id="fb-root"></div>
                    <script>(function (d, s, id) {
                            var js, fjs = d.getElementsByTagName(s)[0];
                            if (d.getElementById(id)) return;
                            js = d.createElement(s); js.id = id;
                            js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.6&appId=215619355450603";
                            fjs.parentNode.insertBefore(js, fjs);
                        }(document, 'script', 'facebook-jssdk'));</script>

                    <div style="margin-top: 12px;" class="fb-page" data-href="https://www.facebook.com/Ghephangcom" data-small-header="false"
                        data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>
                    <p></p>
                    <ul class="social-link">
                        <li>
    <a href="#">
        <i class='bx bxl-twitter'></i>
    </a>
</li>
<li>
    <a href="#">
        <i class='bx bxl-facebook'></i>
    </a>
</li>
<li>
    <a href="#">
        <i class='bx bxl-instagram'></i>
    </a>
</li>
<li>
    <a href="#">
        <i class='bx bxl-linkedin'></i>
    </a>
</li>

                    </ul>
                </div>
            </div>
        </div>
        <hr/>
        <div class="row">
            <div class="ivinh_display" id="display_163"><!-- Start display_163--> <p style="text-align: center;">Giấy chứng nhận đăng k&yacute; doanh nghiệp số 2902160742 cấp lần đầu ng&agrave;y 20/03/2023 tại Sở Kế hoạch đầu tư Tỉnh Nghệ An</p>

<p style="text-align: center;">Văn bản x&aacute;c nhận th&ocirc;ng b&aacute;o hoạt động Bưu ch&iacute;nh số 3239/XN-BTTTT do Bộ Th&ocirc;ng tin v&agrave; Truyền th&ocirc;ng cấp lần đầu ng&agrave;y 10/08/2023</p>

<p style="text-align: center;">Địa chỉ ĐKKD: Số 117 Phan Đ&igrave;nh Ph&ugrave;ng,Phường Cửa Nam,Th&agrave;nh Phố Vinh, Tỉnh Nghệ An, Việt Nam</p> <!-- End display_163--> </div>
        </div>
    </div>
    <div class="lines">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
    </div>
</footer>
    <!-- Start Footer Bottom Area -->
    <footer class="footer-bottom-area footer-bottom-area-four">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="single-widget-bottom">
                        <ul>
                            <li>
                                <a href="#">Điều khoản và điều kiện</a>
                            </li>
                            <li>
                                <a href="#">Chính sách bảo mật</a>
                            </li>
                            <li>
                                <a href="#">Đăng nhập</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="single-widget-bottom">
                        <p>Copyright <i class="bx bx-copyright"></i> by ghephang.com. All rights reserved</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <div>
        <div id="overlay" onclick="off()" style="display: none;"></div>
        <div class="position-fixed text-right floating-action-menu">
            <div class="action-menu">
                <a class="floating-action px-2 py-2" href="/tra-van-don">
                    <div class="badge">Tra cứu vận đơn</div>
                    <span class="btn-floating">
                        <img src="/cms/static/site/ghephang/template/default/images/icon-fab-search-bill.svg"
                            alt="icon-fab-search-bill" class="img-fluid" width="30">
                    </span>
                </a>
                <a class="floating-action px-2 py-2" href="/tao-don">
                    <div class="badge">Yêu cầu báo giá</div>
                    <span class="btn-floating">
                        <img src="/cms/static/site/ghephang/template/default/images/icon-fab-create-bill.svg"
                            alt="icon-fab-create-bill" class="img-fluid" width="30">
                    </span>
                </a>
                <a class="floating-action px-2 py-2" href="/tim-buu-cuc">
                    <div class="badge">Tìm bưu cục</div>
                    <span class="btn-floating">
                        <img src="/cms/static/site/ghephang/template/default/images/icon-fab-search-price.svg"
                            alt="icon-fab-search-price" class="img-fluid" width="30">
                    </span>
                </a>
                <!-- <a class="floating-action px-2 py-2" href="bang-gia-dich-vu">
                    <div class="badge">Nhắn tin</div>
                    <span class="btn-floating">
                        <img src="/cms/static/site/ghephang/template/default/images/icon-fab-price-list.svg" alt="icon-fab-price-list" class="img-fluid"
                            width="30">
                    </span>
                </a> -->
                <!-- <a class="floating-action px-2 py-2" href="/#footer-v2">
                    <div class="badge">Tải App NTX</div>
                    <span class="btn-floating">
                        <img src="/cms/static/site/ghephang/template/default/images/icon-fab-get-app.svg" alt="icon-fab-get-app" class="img-fluid" width="30">
                    </span>
                </a> -->
                <!-- fb-messenger://user-thread/149397918580307  https://zalo.me/0377888678-->


                <a class="floating-action px-2 py-2" id="chat_message_id" target="_blank" href="#">
                    <div class="badge">Chat với GhepHang</div>
                    <span class="btn-floating">
                        <img src="/cms/static/site/ghephang/template/default/images/icon-fab-chat.svg" alt="icon-fab-chat"
                            class="img-fluid" width="30">
                    </span>
                </a>
                <a class="floating-action px-2 py-2" href="tel:1900888678">
                    <div class="badge">Liên hệ: <strong>1900888678</strong></div>
                    <span class="btn-floating">
                        <img src="/cms/static/site/ghephang/template/default/images/icon-fab-phone.svg"
                            alt="icon-fab-phone" class="img-fluid" width="30">
                    </span>
                </a>
            </div>
            <div class="d-block action-button">
                <a class="btn-floating" onclick="on()">
                    <img src="/cms/static/site/ghephang/template/default/images/icon-fab.svg" alt="icon-fab"
                        class="img-fluid" width="48" style="filter: drop-shadow(2px 4px 15px rgba(0, 0, 0, 0.3));">
                </a>
            </div>

            <script>
                window.onload = (event) => {
                    const mesa = document.getElementById('chat_message_id')
                    let url = 'https://www.facebook.com/Ghephangcom/'
                     if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && window.innerWidth <= 550) {
                        url = 'fb-messenger://user-thread/149397918580307'
                    } 
                    mesa.setAttribute('href', url);
                };
               
            </script>
        </div>
    </div>

    <style>
    #show_popup {
        position: fixed;
        z-index: 1200;
        bottom: 32px;
        left: 32px;
   }
    .custom-div {
        padding: 15px 20px;
        background: rgb(234, 234, 234);
        max-height: 0;
        opacity: 0;
        font-size: 13px;
        border-radius: 8px;
        transition: max-height 1s ease, opacity 1s ease;
        line-height: 1.6em;
    }
     .custom-div.active {
        max-height: 500px;
        opacity: 1;
        transition: max-height 1s ease, opacity 1s ease;
    }

    .custom-div .place {
        color: rgb(0, 97, 193);
        font-weight: 500;
    }

    .custom-div .image-container {
        margin-top: 16px;
        display: flex;
        align-items: flex-start;
    }

    .custom-div .image-container img {
        width: 70px;
        margin-right: 8px;
    }

    .custom-div .info-container {
        display: flex;
        flex-direction: column;
    }

    .custom-div .info-container p {
        color: rgb(0, 97, 193);
    }

    p {
        margin: 0;
    }
</style>
<div id="show_popup"></div>
<script>
    function generateRandomTime() {
        const randomMinutesAgo = Math.floor(Math.random() * 26) + 5; // Random time between 5 and 30 minutes
        return `${randomMinutesAgo} phút trước`;
    }

    const card = document.getElementById('custom-card');
    const urldefault = "/cms/static/site/ghephang/template/default/images";
    const imageUrls = [
        urldefault + '/truck.png',
        urldefault + '/truck2.png',
        urldefault + '/truck3.png',
        urldefault + '/truck4.png',
        urldefault + '/truck.png',
        urldefault + '/truck2.png',
        urldefault + '/truck.png',
        urldefault + '/truck2.png',
        urldefault + '/truck3.png',
        urldefault + '/truck4.png',
        urldefault + '/truck.png',
        urldefault + '/truck.png',
        urldefault + '/truck2.png',
        urldefault + '/truck.png',

    ];
    let imageIndex = 0;
    let dataIndex = 0;

    function formatPhoneNumber(phone) {
        return phone.slice(0, phone.length / 2) + 'x'.repeat(phone.length - phone.length / 2);
    }

    function formatCurrency(value) {
        return value.toLocaleString('vi-VN', { style: 'currency', currency: 'VND' });
    }

    function renderhtml(item, img){
        console.log(item);
        let data = `
            <div class="custom-div active" id="custom-card">
                <span style="color: red; font-weight: bold;">ĐƠN HÀNG MỚI NHẤT</span>
                <p>Khách: <span id="customerName">${item.customer_send.name}</span></p>
                <p id="phoneNumber">SĐT: <span id="phoneText">${formatPhoneNumber(item.customer_send.phone) }</span> - Cước: <span id="transportFee">${item.transport_fee}</span></p>
                <p> - <span id="locations">${generateRandomTime()}</span></p>
                <div class="image-container">
                    <img src="${img}" alt="" id="truckImage">
                    <div>
                        <p>Nhận đơn thành công</p>
                        <p id="truckInfo">Lái xe: ${item.trucks.name??'Đang cập nhật'}</p>
                        <p id="truckRoute">Tuyến: ${item.trucks?.router?.name??'Đang cập nhật'}</p>
                    </div>
                </div>
            </div>
        `;
        document.getElementById('show_popup').innerHTML = data;
    }

    function remmeveActive(){
        $('.custom-div').removeClass('active');
    }   

    function fetchDataAndDisplayFromAPI() {
        fetch('https://quanly.ghephang.com/gh/api_v1/getListNotice.json')
            .then(response => response.json())
            .then(data => {
                const record = data.list[dataIndex];

                let index = 0;
                setInterval(function () {
                    index = (index + 1) % data.list.length;
                    img = imageUrls[index];
                    item = data.list[index];
                    renderhtml(item, img);
                    setTimeout(remmeveActive, 7000); // 2000ms (2 giây)
                }, 14000); 
            })
            .catch(error => {
                console.error('Error fetching data from API:', error);
            });
    }

    document.addEventListener('DOMContentLoaded', fetchDataAndDisplayFromAPI);

</script>
    <!-- End Footer Bottom Area -->

    <!-- Start Go Top Area -->
    <div class="go-top">
        <i class='bx bx-chevrons-up bx-fade-up'></i>
        <i class='bx bx-chevrons-up bx-fade-up'></i>
    </div>
    <!-- End Go Top Area -->



    <!-- Jquery Min JS -->
    <script src="/cms/static/site/ghephang/template/default/js/jquery.min.js"></script>
    <!-- Bootstrap Bundle Min JS -->
    <script src="/cms/static/site/ghephang/template/default/js/bootstrap.bundle.min.js"></script>
    <!-- Meanmenu Min JS -->
    <script>
        "use strict"; function on() { $(".floating-action-menu").hasClass("active") ? ($(".floating-action-menu").toggleClass("active"), document.getElementById("overlay").style.display = "none") : ($(".floating-action-menu").toggleClass("active"), document.getElementById("overlay").style.display = "block") } function off() { $(".floating-action-menu").toggleClass("active"), document.getElementById("overlay").style.display = "none" }
    </script>
    <script src="/cms/static/site/ghephang/template/default/js/meanmenu.min.js"></script>
    <!-- Wow Min JS -->
    <script src="/cms/static/site/ghephang/template/default/js/wow.min.js"></script>
    <!-- Owl Carousel Min JS -->
    <script src="/cms/static/site/ghephang/template/default/js/owl.carousel.min.js"></script>
    <!-- Owl Magnific Min JS -->
    <script src="/cms/static/site/ghephang/template/default/js/magnific-popup.min.js"></script>
    <!-- Nice Select Min JS -->
    <!-- <script src="/cms/static/site/ghephang/template/default/js/nice-select.min.js"></script> -->
    <!-- Appear JS -->
    <script src="/cms/static/site/ghephang/template/default/js/appear.min.js"></script>
    <!-- Odometer JS -->
    <script src="/cms/static/site/ghephang/template/default/js/odometer.min.js"></script>
    <!-- jarallax Min JS -->
    <script src="/cms/static/site/ghephang/template/default/js/jarallax.min.js"></script>
    <!-- Form Ajaxchimp Min JS -->
    <script src="/cms/static/site/ghephang/template/default/js/ajaxchimp.min.js"></script>
    <!-- Form Validator Min JS -->
    <script src="/cms/static/site/ghephang/template/default/js/form-validator.min.js"></script>
    <!-- Contact JS -->
    <script src="/cms/static/site/ghephang/template/default/js/contact-form-script.js"></script>
    <!-- Custom JS -->
    <script src="/cms/static/site/ghephang/template/default/js/custom.js"></script>

    
    
</body>

</html>