javascript
javascript
javascript
  • Lấy vị trí người dùng với javascript
  • [Problem] Lấy key đầu tiên tìm thấy chứa giá trị cần tìm (ok)
  • 🥸Đoạn mã JavaScript để thêm ký tự đặc biệt vào đầu mỗi dòng trong văn bản nhiều dòng (ok)
  • 😍Tạo ra font in đậm và copy đến website để sử dụng (ok)
  • Hiệu ứng mở sách cực đẹp
  • 🤩JS: Scroll Animation using Intersection Observer API 🤩 (ok)
  • 😅Draw svg on scroll Full (ok)
  • 😄Install Linguise on any domain dịch tự động (ok)
  • 😅Sử dụng ajax tạo popup cho các bài viết wordrpess mattervn.com (ok)
  • 😆PWA - beforeinstallprompt toplusgames.com (ok)
  • How to Use the HTML5 Full-Screen API (Again) (ok)
  • [ERROR GAME] fix lỗi không load iframe gamedistribution.com for toplusgames.com (ok)
  • 😅jQuery Plugin To Create Animated Placeholders - placeholderTypewriter (ok)
  • 😍Làm chức năng thông báo khách hàng đăng ký namkhoahanoi.vn (ok)
  • Tencent Captcha Demo (ok)
  • 😉Send Mail same javascript elasticemail (ok)
  • 🥳Các tool phong thuỷ (ok)
  • 😇Nice Select A lightweight Vanilla JavaScript plugin (ok)
  • Merge objects with the same id but sum values of the objects (ok)
  • 😅Page: DOMContentLoaded, load, beforeunload, unload phần 1 (ok)
  • 😍Scripts: async, defer phần 2(ok)
  • 😂Javascript Array chunkArrayInGroups(arr, size)
  • Sequentially Resolve Promises Works, Giải quyết tuần tự các lời hứa hoạt động (ok)
  • Using Async / Await with the Array Reduce Method API (ok)
  • Flatten an array of arrays,merge, làm phẳng một mảng các mảng (ok)
  • 😌Dependent Dropdown Full (ok)
  • 🥳Select Box Change Dependent Options dynamically (JavaScript Object)
  • 🤩Add elements dynamically full (ok)
  • 😅👌Multiple versions jquery (ok)
  • 😍Cách sử dụng jQuery trong sweetAlert2 là chúng ta phải sử dụng didOpen full (ok)
  • 😁😁 mdbgo.io, mdbootstrap.com full (ok)
  • 🤪Chú ý nếu lỗi cảnh báo từ khóa new nếu dùng trong js thường chúng ta sẽ sử dụng trong mudule (ok)
  • 😝reCAPTCHA javascript (ok)
  • Firework Simulator v2 Phao Hoa (ok)
  • Active scroll center (ok)
  • 🤪Sort array of objects by string property value (ok)
  • 😏findIndex, find index in Array object (ok)
  • 😂Sử dụng nhiều toán tử 3, multiple Ternary Operators (ok)
  • 😅A simple and easy to use library that creates fullscreen scrolling websites fullPage.js (ok)
  • Xây dựng ứng dụng CRUD sử dụng Vue.js trong Laravel (ok)
  • [Chart] Morris.js Line & Area Charts,Bar Charts, Donut Charts, graph (ok)
  • [Chart] Chart.js
  • Multi select checkbox table bootstrap (ok)
  • 😀jquery new, jquery old, jquery migrate (ok)
  • Popup slide up from the bottom overflowing other div blocks (ok)
  • ASYNC JavaScript (CALLBACK, PROMISES, ASYNC AWAIT) video (ok)
  • === START jQuery Mobile ===
  • Data Attributes full (ok)
  • Viết một ứng dụng Restaurant Picke sử dụng "back menu" (ok)
  • Viết một ứng dụng thời tiết, Weather sử dụng panel (ok)
  • jQuery Mobile Tutorial w3schools.com (ok)
  • jQuery Mobile
  • jQuery Mobile - Events (ok)
  • Back button in jquery mobile (ok)
  • === END jQuery Mobile ===
  • removeDuplicates, Remove duplicate values from JS array, remove all duplicates an array object (ok)
  • Sử dụng thư viện jquery.hoverdir.js để làm hiệu ứng hover tuyệt đẹp (ok)
  • Modernizr là gì ? Sử dụng nó cho những trình duyệt cũ ra sao? (ok)
  • Nhận biết tính năng CSS: Modernizr hay Feature Queries? (ok)
  • [SALESFORCE] Remote Action function in Visualforce Page (ok)
  • ScrollIt.js menu (ok)
  • Cách sử dụng scrollTo vanilla cực chất 😘 (ok)
  • Một bài toán xử lý bất đồng bộ trong kintone để lấy số requet quá giới hạn (OK)
  • hexagon thư viện tạo avatar Canvas (ok)
  • 😅Sử dụng Object.assign và để copy dữ liệu, edit, input, form (ok)
  • Một cách đặt và gán giá trị trong mảng, object cự ngắn gọn (ok)
  • [LAZY] jQuery.Lazy và tạo background-loading cực chất (ok)
  • Ví dụ Sử dụng sẵn thư viện masonry của wordpres (ok)
  • Ảnh base64 dùng làm src, placeholder (ok)
  • Kiểm tra hình ảnh đã được tải với thư viện imagesLoaded (ok)
  • Check if Function Exists before Calling? (ok)
  • Async/Await Javascript Full Example (ok)
  • Thenables in JavaScript phục vụ cho bài viết trên (ok)
  • Script distance, khoảng cách (ok)
  • Time, Date full (ok)
  • Function getAllDatesOfMonth (ok)
  • How do I make a placeholder for a 'select' box? (ok)
  • Library choise (ok)
  • jQuery - Redirect with post, Get data php (ok)
  • How to pass data from one page to another page html (ok)
  • how to send data onClick() to another php for processing using post or get?
  • draw grid, vẽ grid (ok)
  • Fullscreen Horizontal Page Slider with jQuery and CSS3 - HSlider scroll template html (ok)
  • _.template, UnderscoreJS Templates Full (ok)
  • Character limit on tag type input number (ok)
  • How to set maximum length in input type=number (ok)
  • ========= START JEST =======
  • Getting Started (ok)
  • Using Matchers (ok)
  • Testing Asynchronous Code
  • Setup and Teardown (ok)
  • Mock Functions
  • Jest Platform
  • Jest tutorial
  • Testing trong Javascript với Jest (Phần 1) (ok)
  • Testing trong Javascript với Jest (Phần 2)
  • Giới thiệu về Jest (Delightful JavaScript Testing)
  • Thử nghiệm phát triển theo hướng phản ứng với Jest và Enzyme
  • Cách kiểm tra các thành phần phản ứng với Jest và Enzyme, Phần 1
  • Cách kiểm tra thành phần phản ứng với Jest và Enzyme, Phần 2
  • Jest js mock jquey and lib
  • Unit testing Các thành phần React với Enzyme và Jest
  • Hướng dẫn viết unit test React với Jest và Enzyme (P1)
  • Tôi đã test các React component như thế nào? (phần 2)
  • Test component trong React với Jest
  • Test Component với Jest và Emzyme
  • Tổng quan về unit test cho dự án react redux saga với Jest Part 1
  • ========= END JEST =======
  • ======= START GULP TUTORIAL ======
  • [GULP] Tìm hiểu về Gulp.js
  • [GULP] Gulp Tutorial
  • [GULP] Gulp - Developing An Application (ok)
  • [GULP] Gulp - Combining Tasks (ok)
  • [GULP] Gulp - Watch (ok)
  • [GULP] Gulp - Live Reload
  • [GULP] Gulp - Optimizing CSS and JavaScript
  • [GULP] Gulp - Optimizing Images
  • [GULP] Gulp - Useful Plugins
  • [GULP] Gulp - Cleaning Unwanted Files
  • Đọc thêm những tài liệu trang khác
  • ======= END GULP TUTORIAL ======
  • Prevent form submission on Enter key press, keyCode (ok)
  • Lấy kích thước ảnh gốc image (ok)
  • 😆How to Center Carousel Slider (ok)
  • Putting Dots onto Owl Carousel Instead of below specialtouchgifts.com.au (ok)
  • Cách xây dựng một Full Screen Carousel với Owl.js
  • Lazy load với owl.carousel.js (ok)
  • Show half of the other item on Owl Carousel vinmec.com items: 1.5 (ok)
  • Show half of the other item on Owl Carousel vinmec.com stagePadding (ok)
  • ------------ Start Fetch -----------
  • Using Fetch Full
  • 😅Javascript Fetch JSON PHP Complete FormData phần 1(ok)
  • Một ví dụ quá đỉnh lấy dữ liệu của form submit trong js bằng đối tượng new FormData + php phần 2(ok)
  • Có một sự thật sử dụng async đồng nghĩa với trả về kết quả là PROMISE (ok)
  • 😅Promise.all full (ok)
  • All you need to know about Promise.all
  • [PROMISE] Promise.all()
  • [PROMISE] Tìm hiểu về promise trong ES6
  • [PROMISE] Introduction to Promises
  • jQuery off() Method (ok)
  • How to make HTTP requests with Axios
  • Axios vs Fetch - 2020 nên sử dụng thằng nào với những tính năng mới trong javascript
  • Get and Post method using Fetch API (ok)
  • Sử dụng JavaScript Fetch API với Async/Await (ok)
  • Xử lý lỗi cho fetch trong trường hợp không có kết nối hoặc kết nối lâu (ok)
  • ------------ End Fetch -----------
  • BigDataCloud Free Reverse Geocoding Javascript API Client (ok)
  • Vietmap API
  • 🥰Sử dụng API Giao hàng Nhanh để tính giá cước vận chuyển (ok)
  • photonsearch as you type with OpenStreetMap map (ok)
  • Leaflet - Một thư viện JS mã nguồn mở cho việc xây dụng ứng dụng bản đồ map (ok)
  • Xây dựng popup lấy vị trí map áp dụng pointfinder (ok)
  • Reverse Geocoding Convert Lat Long to Address map (ok)
  • Free Reverse Geocoding Javascript API map (ok)
  • [YAML] In Action Tutorial Series - General - Hướng dẫn sử dụng file YML YAML cơ bản
  • ----------------- Start Notification -----------------
  • Đối tượng caches object caches (ok)
  • Notification (ok)
  • Sử dụng indexedDB (ok)
  • Using the Notifications API (ok)
  • NotificationEvent (chưa có ví dụ :((
  • ServiceWorkerGlobalScope.onnotificationclick (ok)
  • ServiceWorkerRegistration.getNotifications(ok)
  • ServiceWorkerRegistration.showNotification(ok)
  • Giao tiếp giữa các cửa sổ với Window.postMessage API (ok)
  • Window open() Method (ok)
  • ----------------- End Notification -----------------
  • Example Cookie full (ok)
  • Thay đổi class active javascript bằng cách viết hàm (P1)
  • Thay đổi class active javascript bằng cách viết hàm (P2)
  • jQuery Mockjax Plugin (chưa học cách sử dụng)
  • jQuery Ajax X-editable bootstrap plugin (chưa học cách sử dụng)
  • Lọc theo điều kiện (filter) (ok)
  • Các ví dụ về filter
  • jQuery | grep() Method (ok)
  • Hai bài toán so sánh kinh điển trong javascript
  • Function random :)
  • Một cách sử dụng tab trong theme newspaper
  • Hiệu ứng scroll + animation + menu trượt mượt
  • Trigger a CSS animation on scroll xuongkhopbacninh.vn (ok)
  • App Css Loaded (scroll create link) (ok)
  • Hiệu tứng scroll cực chất (ok)
  • App Js Loaded (ok)
  • Sử dụng async và defer full (Oke)
  • Cách sử dụng Thuộc tính async và defer trong JavaScript hay
  • ReferenceError: Can't find variable: requestAnimationFrame
  • Đoạn code check lỗi PHP trong Ajax
  • [SELECT2] Sử dụng Select2 để thay thế select boxes
  • Một cách sử dụng lazyload khi addclass thật khó khăn...
  • Hiệu ứng croll chuột và % cực đẹp :_
  • Tạo chức năng tự động hoàn tất nhập liệu với thư viện jQuery UI Autocomplete (Phần 1)
  • Tạo chức năng tự động hoàn tất nhập liệu với thư viện jQuery UI Autocomplete (Phần 2)
  • JavaScript String split() Method (OK)
  • Sử dụng thư viện displace để làm menu kéo thả (ok):)))
  • Menu cực chất :)))
  • Sử dụng thư viện slick (ok)
  • vertical scroll, Vertical carousel (ok)
  • Google-like Thanos disintegration (ok)
  • Dùng thư viện jspdf
  • Công thức Toán học cho website
  • Fix lỗi tự động làm thay đổi độ cao :( vieclam123.vn :(
  • Sử dụng window.addEventListener để resize và responsive <3
  • Javascript create, read, and delete cookies (ok)
  • Tự động submit bằng javscript :))) (ok)
  • avoid form warning if user clicks refresh (ok)
  • Một cách truy cập phần tử bằng js thông qua id lạ :)))
  • Meta Refresh
  • Truyền dữ liệu từ javascript sang php
    • Sử dụng form để truyền sang php (ok)
    • Truyền giá trị theo file bằng đường dẫn (ok)
    • Dùng json để truyền sang php
  • auto-refresh page once only after first load – Using JavaScript / JQuery
    • auto-refresh page once only after first load – Using JavaScript / JQuery (ok)
  • Sticky Scroller
    • Sticky Scroller phần 1 (ok)
    • Sticky Scroller phần 2 (ok)
    • owl carousel with dotsContainer (Dots + Text) (ok)
    • Owl Carousel 2 Thumbnails plugin (ok)
  • easy_background Background Slideshow (ok) dev.vieclam123.vn
  • scroll cực chất timviec365.vn, vieclam123.vn (ok)
  • Thư viện lightslider-master gần giống với Owl Carousel
  • Thư viện lightGallery để làm những bộ Sưu tập Gallery
  • Tự viết click slide (ok)
  • Draggable & Touch-friendly Slider Carousel In Pure JS (ok)
  • Slider owl được viết dưới dạng Thumnail (0k)
  • jquery.js:5092 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' (ok)
  • Added non-passive event listener to a scroll-blocking 'touchstart' event (ok)
  • sticky-mobile-menu-burger-menu (ok)
  • How can I add class to the first and last item among the visible items of Owl Carousel 2? (ok)
  • Owl-carousel2 DEMO - items in 2 rows (oke)
  • How can I create a carousel slick with multiple rows? (ok)
  • Một cách sử dụng create <style> để thêm style (ok)
  • Two Rows Olw Carousel (ok) vieclam123.vn
  • Chức năng tự gọi Javascript (ok) tự động auto
  • Click Next Javascript Base (ok)
  • Slider owl được viết dưới dạng Thumnail viết trên jsfiddle (0k)
  • 😆Creating a Countdown Timer, dakhoathienhoa.com.vn (oK)
  • 🥸NumScroller, Counter From Zero To Value - Javascript Animation (ok)
  • Click Button background-hover white (ok)
  • CodePen HomeLazy Loading Images (Ok)
  • Custom Date Javasript (job247.vn)
  • Tooltip
  • button thay đổi thẻ tags button và span trong Owl Carousel thành thẻ khác :)) (ok)
  • Thêm class vào navigation Owl Carousel (ok)
  • Click lần đầu sử event.preventDefault(); lầu sau not event.preventDefault();
  • landscape && landscape (ok)
  • Landscape && Portrait (ok) job247.vn
  • Hammer thư viện JavaScript chạm cho màn hình cảm ứng
  • jQuery Plugin To Add CSS3 Scrolling Effects On Your Web Page - Smoove menu (ok)
  • 😃Auto Expanding Table Of Contents Plugin - Dynamic Content menu (ok)
  • Tornis - watch and respond
  • scroll-manager
  • Xem thêm
  • Hướng dẫn nấu món "Lazy loading image" theo chuẩn 5 sao Google
  • Welcome to jquery-confirm!
    • jQuery Message Box Plugin Demo Page
  • Magnific-Popup Popup img
  • Slider Swiper Slider-Swiper dùng viết slider giống app
  • Magnific Popup Documentation
  • filter search (ok)
  • Is it possible to convert a select menu to buttons? (ok)
  • Changing selected option on button click select (ok) homef.vn hoặc inop.vyanh.net
  • scrooll animation (job247.vn) (ok)
  • Select2 tutorial
    • Single select boxes (ok)
  • [SELECT2] Disabling a Select2 control (ok)
  • Disabling options (ok)
  • placeholder (ok)
  • Hiển thị nút xóa các giá trị đã chọn + allowClear (ok)
  • Đọc dữ liệu từ một mảng, Data sources (ok)
  • Sử dụng database + php (ok)
  • [SELECT2] Sử dụng form + select2 + ajax + get value (ok)
  • Đọc dữ liệu từ nguồn khác sử dụng AJAX (ok)
  • Thiết lập giá trị mặc định ban đầu trên HTML như bình thường (ok)
  • Sử dụng Ajax để tải dữ liệu từ một nguồn khác (ok)
  • change form
Powered by GitBook
On this page

Was this helpful?

Script distance, khoảng cách (ok)

https://taxifamilycar.com/?fbclid=IwAR3sEkJBJ4cJyoxVxZTi0D3ptOV--VvQOjzRSn48OQkD3bi-EQWF6iQOXzE

PreviousThenables in JavaScript phục vụ cho bài viết trên (ok)NextTime, Date full (ok)

Last updated 3 years ago

Was this helpful?


<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-WH52LJZ');</script>
    <!-- End Google Tag Manager -->
   
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>Taxi Family Car</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta charset="UTF-8">
    <meta name="keywords" content="taxi đường dài, taxi di tinh, taxi chieu ve, taxi đường dài giá rẻ, taxi sân bay, taxi san bay, taxi sân bay giá rẻ, TAXI FAMILY CAR, taxi tân sân nhất." />
    <meta name="author" content="Dua Don Noi Bai" />
    <meta name="description" content="Taxi Nội Bài giá rẻ chỉ từ 160.000đ, Taxi Sân Bay giá rẻ nhất. Ứng dụng đặt xe taxi đường dài giá rẻ chỉ 5000đ/km, Taxi Nội Bài giá rẻ nhất. Tổng đài 0345688359." />
    <link href="img/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
    <link rel="stylesheet" href="maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
    <script type="text/javascript" src="js/home/jquery.min.js"></script>    
    <script src="maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/home/banner.css"/>    
    <link rel="stylesheet" type="text/css" href="css/home/banner2.css"/>    
    <link rel="stylesheet" type="text/css" href="css/home/loadding.css"/>    
    <script type="text/javascript" src="js/home/jssor.min.js"></script>    
    <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css"/>    
    <script type="text/javascript" src="js/jquery.datetimepicker.js"></script>    
    <script type="text/javascript" src="js/bootstrap-toolkit.js"></script>    
    <script src="code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="css/home/init_autocomplete_service.css"/>     
    <script type="text/javascript" src="js/jquery.placepicker.js"></script>    
    <link rel="stylesheet" href="css/style_index.css">
    <link rel="stylesheet" href="css/slide_index.css">
    <link rel="stylesheet" type="text/css" href="css/home/assets2.css"/>    
    <link rel="stylesheet" type="text/css" href="css/home/font-awesome.min.css"/>    
    <link rel="stylesheet" type="text/css" href="css/home/swiper.min.css"/>    
    <link rel="stylesheet" type="text/css" href="css/home/swiper.css"/>    
    <link rel="stylesheet" type="text/css" href="css/home/index.css"/>    
    <link rel="stylesheet" type="text/css" href="css/home/index_set1.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDi-dB6ZoS8B9F_UogzuqqS13DdSzwzF1I&libraries=places&region=vn&language=vi"></script>
</head>
<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WH52LJZ"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) --><header>
   	<nav class="navbar" role="navigation">
   		<div class="container">
   			<div class="navbar-header nav-head">
   				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
   					<img src="images/icon-menu.png" id="icon-menu">
   				</button>
   				<a class="navbar-brand" href="index.php"><img id="logo" src="images/logo.png"></a>
   			</div>
   			<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
   				<ul class="nav navbar-nav">
   					<li><a href="index.php">Đặt xe sân bay</a></li>
   					<li ><a href="index.php">Đặt xe đường dài</a></li>
   					<li ><a href="index.php">Thuê xe Tour</a></li>
   					<li ><a href="index.php">Thuê liên tỉnh</a></li>
   					<li ><a href="index.php">Thuê cưới hỏi</a></li>
   					<li>
   						<img src="images/hotline.png" id="hotline-menu" style="min-width: 160px;">
   					</li>
   				</ul>
   			</div><!--/.nav-collapse -->
   		</div>
   	</nav>    
</header><section id="yt_slideshow" class="block" style="background: url('images/bg-banner.jpg');">
    <div class="container">
        <div class="row">
            <div class="banner" >
                                    <div class="col-md-6 col-xs-12 div_slogan" id="slogan-khauhieu">
                        <div class="slogan_taxigo">
                            <h2>Nền tảng đặt xe, Thuê xe Tour trực tuyến</h2>
                            <h4 style="font-style: italic;margin-top: 0;">Kết nối Bạn với hàng nghìn xe nhàn rỗi</h4>
                            <p style="margin-top: 20px;"><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span> An toàn, Sang trọng</p>
                            <p><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span> Gía trọn gói, không phát sinh</p>
                            <p><span><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span> Nền tảng thuê xe 4,7,16 chỗ lớn nhất Việt Nam</p>
                        </div>
                    </div>
                                <!-- form dat xe -->
                <div class="col-md-6 col-xs-12 div_slogan giadatxe" id="giaxeform">
                    <div class="col-md-6 col-xs-6 img-oto" style="text-align:center;">
                        <img src="images/7cho.jpg" class="img-circle" id="icon-datxe">
                        <span class="price-car" id="xemgia"></span>
                    </div>
                    <div class="col-md-6 col-xs-6 content-car">
                        <b class="name-car" id="datxe-loai_xe">Xe 4 Chỗ</b>
                        <div class="customer-rating">
                            <span class="fa fa-star" aria-hidden="true"></span>
                            <span class="fa fa-star" aria-hidden="true"></span>
                            <span class="fa fa-star" aria-hidden="true"></span>
                            <span class="fa fa-star" aria-hidden="true"></span>
                            <span class="fa fa-star" aria-hidden="true"></span>
                        </div>
                        <div class="order-oto">
                            <input type="submit" value="Đặt xe" id="datxecss" onclick="SendTour(this)">
                        </div>
                        
                    </div>
                    <div class="col-md-12 col-xs-12">
                        <form action="khachhang.php" method="POST" id="sendformdatxe">
                            <div class="form-group row">
                                <hr>
                                <b>Điền Thông Tin Người Đặt Xe</b>
                            </div>
                            <div class="form-group row">
                                <input type="text" class="form-control" name="FullName" value="" placeholder="Họ và tên Người Đặt Xe" id="txtFullName">
                            </div>
                            <div class="form-group row">
                                <input type="number" class="form-control" name="Phone" value="" placeholder="Số điện thoại Người Đặt Xe" required="" id="txtPhone">
                            </div>
                            <div class="form-group row">
                                <textarea class="form-control" rows="4" placeholder="Nội dung yêu cầu: VJ6868 - Mã chuyến bay (nếu có), Tài xế lịch sự, giao tiếp tiếng anh" name="Note"></textarea>
                            </div>
                            <input type="hidden" name="diem_don" id="diem_don">
                            <input type="hidden" name="diem_den" id="diem_den">
                            <input type="hidden" name="gio_don" id="gio_don">
                            <input type="hidden" name="loai_xe" id="loai_xe">
                            <input type="hidden" name="dich_vu" id="dich_vu">
                            <input type="hidden" name="gia_tien" id="gia_tien">
                            <input type="submit" id="submitformdatxe" style="display: none;">
                        </form>
                    </div>
                </div>
                <!-- form dat xe -->
                <style type="text/css">
                    .img-oto img {
                        max-width: 100%;
                    }
                    .giadatxe, .thongtinchuyenxe, .thongtinkhachhang {
                        border-radius: 15px;
                        background: #F9F9F9;
                        margin: 0px 0px 0px 0px;
                        border: 5px solid #00AD57;
                        padding: 10px;
                        margin-top: 20px;
                    }
                    .order-oto input {
                        border-radius: 5px 5px 5px 5px;
                        color: #fff;
                        padding: 10px 20px;
                        text-transform: uppercase;
                        font-weight: bold;
                        background: #009355;
                        border: 1px solid #009355;
                    }
                    #giaxeform{
                        display: none;
                    }
                    #size_id {
                        height: 38px;
                    }
                </style>

                <!-- thong tin chuyen xe -->
                           <!-- thong tin chuyen xe -->

           <div class="col-md-6 col-xs-12">
            <div id="content-booking">
                <div id="booking-car" style="border: 5px solid #00AD57;">
                    <ul class="nav nav-tabs" id="label-booking">
                        <li class="nav-item active">
                            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">ĐẶT XE</a>
                        </li>
                        <div class="tab-content" id="myTabContentCar">
                            <div class="tab-pane fade in active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                <form action="" method="POST" id="distance_form">
                                    <input type="hidden" value="" id="km_input" name="km">
                                    <div class="form-group col-md-12 ">
                                        <label>Điểm đón</label>
                                        <div class="input-group append_pick_address_here pick_start" >
                                            <span class="input-group-addon"><i class="fa fa-map-marker mpick" aria-hidden="true"></i></span>
                                            <span class="custom-combobox" id="dat-xe-ngay">
                                                <input value="" id="from_places"  title="Điểm đón" class="custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left ui-autocomplete-input ui-autocomplete-loading" autocomplete="off" data-original-title="" placeholder="Nhập điểm đón"   name="PlaceStart" class="el-input"  autocomplete="off" required>
                                                <span class="pick-icon-start" onclick="clearInputStart()"><i class="fa fa-times" aria-hidden="true"></i></span>
                                                <input id="origin" name="origin" required="" type="hidden" />
                                                <input type="hidden" value="" id="lat_start" name="LatStart" />
                                                <input type="hidden" value="" id="long_start" name="LongStart" />
                                            </span>
                                        </div>
                                    </div>

                                    <div class="form-group col-md-12">
                                        <label>điểm đến</label>
                                        <div class="input-group append_drop_address_here pick_end">
                                            <span class="input-group-addon"><i class="fa fa-map-marker mdrop" aria-hidden="true"></i></span>
                                            <span class="custom-combobox">
                                                <input value="" id="to_places"  title="điểm đến" class="custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left ui-autocomplete-input" autocomplete="off" data-original-title="" placeholder="Nhập điểm đến" name="PlaceFinish" required>
                                                <span class="pick-icon-end" onclick="clearInputEnd()"><i class="fa fa-times" aria-hidden="true"></i></span>
                                                <input id="destination" name="destination" required="" type="hidden" />
                                                <input type="hidden" value="" id="lat_end" name="LatFinish" />
                                                <input type="hidden" value="" id="long_end" name="LongFinish" />
                                            </span>
                                            <span class="input-group-addon swap-address">
                                                <svg class="jss1 swap-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="presentation">
                                                    <path d="M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z"></path>
                                                    <path fill="none" d="M0 0h24v24H0z"></path>
                                                </svg>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label>Dịch vụ</label>
                                        <div class="input-group append_pick_address_here">
                                            <span class="input-group-addon"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></span>
                                            <span class="custom-combobox">
                                                <select name="service_id" class="form-control" id="service_id">
                                                    <option value="1">1 chiều</option>
                                                    <option value="3">2 chiều xe ở lại phục vụ</option>
                                                    <option value="2">2 chiều đưa đi đón về</option>
                                                </select>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Loại xe</label>

                                        <div class="input-group append_pick_address_here">
                                            <span class="input-group-addon"><i class="fa fa-car" ></i></span>
                                            <span class="custom-combobox">
                                                <select name="size_id" class="form-control" id="size_id">
                                                    <option value="1">Xe 4 chỗ</option>
                                                    <option value="2">Xe 7 chỗ</option>
                                                    <option value="3">Xe 16 chỗ</option>
                                                </select>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <label>Thời gian đón</label>
                                        <div class="input-group gender_datetimeinput_here">
                                            <span class="input-group-addon"><i class="fa fa-calendar" aria-hidden="true"></i></span>
                                            <div class="controls input-append date form_datetime">
                                                <input size="16" name="date_start"  id="date_start"  type="text" value="18/12/2021 16:03"  class="form-control flatpickr-input flatpickr-input" style="border: 1px solid #bbb;" readonly>
                                                <span class="add-on"><i class="icon-th"></i></span>
                                            </div>

                                            <!-- Modal -->
                                            <div class="modal fade datetimeModal" id="startTimeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <label>Chọn thời gian</label>
                                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="controls input-append date form_datetime" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                                                                <input size="16" name="date_start_tmp"  type="text" value="18/12/2021 16:03"  class="form-control flatpickr-input flatpickr-input" style="    border: 1px solid #bbb;">
                                                                <span class="add-on"><i class="icon-th"></i></span>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6" id="date_end_row">
                                        <label>Thời gian về</label>
                                        <div class="input-group gender_datetimeinput_here">
                                            <span class="input-group-addon"><i class="fa fa-calendar-o" aria-hidden="true"></i></span>
                                            <div class="controls input-append date form_datetime" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                                                <input size="16" name="date_end"  id="date_end"  type="text" value="18/12/2021 16:03"  class="form-control flatpickr-input flatpickr-input" style="    border: 1px solid #bbb;">
                                                <span class="add-on"><i class="icon-th"></i></span>
                                            </div>
                                            <div class="modal fade datetimeModal" id="endTimeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <label>Chọn thời gian</label>
                                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="controls input-append date form_datetime" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                                                                <input size="16" name="date_start_tmp"  type="text" value="18/12/2021 16:03"  class="form-control flatpickr-input flatpickr-input" style="    border: 1px solid #bbb;">
                                                                <span class="add-on"><i class="icon-th"></i></span>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group" id="send">
                                        <input class="btn btn-primary" type="submit" value="Xem Giá" style="width: 100%;margin-top: 10px;color: white;font-weight: bold;font-size: 20px;background: #009355;" />
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</section>
<script type="text/javascript">
    function clearInputStart() {
        $('#from_places').val('')
    }

    function clearInputEnd() {
        $('#to_places').val('')
    }
    jQuery(".swap-address").click(function(){
        let from_places = jQuery("#from_places").val();
        let lat_start = jQuery("#lat_start").val();
        let long_start = jQuery("#long_start").val();

        let to_places = jQuery("#to_places").val();
        let lat_end = jQuery("#lat_end").val();
        let long_end = jQuery("#long_end").val();

        jQuery("#from_places").val(to_places);
        jQuery("#to_places").val(from_places);

        jQuery("#lat_start").val(lat_end);
        jQuery("#lat_end").val(lat_start);

        jQuery("#long_start").val(long_end);
        jQuery("#long_end").val(long_start);
    });
</script>
<script type="text/javascript" src="js/timeinput.js"></script>

<script type="text/javascript">
    // script do khoang cach
    jQuery(function() {
        // add input listeners
        google.maps.event.addDomListener(window, 'load', function () {
            var from_places = new google.maps.places.Autocomplete(document.getElementById('from_places'));
            var to_places = new google.maps.places.Autocomplete(document.getElementById('to_places'));

            google.maps.event.addListener(from_places, 'place_changed', function () {
                var from_place = from_places.getPlace();
                var from_address = from_place.formatted_address;
                $('#origin').val(from_address);
            });

            google.maps.event.addListener(to_places, 'place_changed', function () {
                var to_place = to_places.getPlace();
                var to_address = to_place.formatted_address;
                $('#destination').val(to_address);
            });

        });
        // calculate distance
        function calculateDistance() {
            var origin = $('#origin').val();
            var destination = $('#destination').val();
            var service = new google.maps.DistanceMatrixService();
            service.getDistanceMatrix(
            {
                origins: [origin],
                destinations: [destination],
                travelMode: google.maps.TravelMode.DRIVING,
                    unitSystem: google.maps.UnitSystem.IMPERIAL, // miles and feet.
                    // unitSystem: google.maps.UnitSystem.metric, // kilometers and meters.
                    avoidHighways: false,
                    avoidTolls: false
                }, callback);
        }
        // get distance results
        function callback(response, status) {
            if (status != google.maps.DistanceMatrixStatus.OK) {
                $('#result').html(err);
            } else {
                var origin = response.originAddresses[0];
                var destination = response.destinationAddresses[0];
                if (response.rows[0].elements[0].status === "ZERO_RESULTS") {
                    $('#result').html("Better get on a plane. There are no roads between "  + origin + " and " + destination);
                } else {
                    var distance = response.rows[0].elements[0].distance;
                    var duration = response.rows[0].elements[0].duration;
                    var distance_in_kilo = distance.value / 1000; // the kilom


                    // ket qua tra ve
                    var service_id = document.getElementById("service_id").value; // var service_id = 1;

                    var price_service = 1;
                    if(service_id == 2) {
                       price_service = 1.5;
                   }  else if(service_id == 3) {
                       price_service = 1.75;
                   }  else if(service_id == 4) {
                       price_service = 2;
                   }
                   var size_car = document.getElementById("size_id").value;

                   var gia_default = 1;

                  
                 if(size_car == 1) {
                    if (distance_in_kilo < 10) {
                      gia_default = 0 * price_service;
                  } else if(distance_in_kilo >= 10 && distance_in_kilo < 30) {
                      gia_default = 0 * price_service;
                  } else {
                      gia_default = 13 * price_service;
                  }
              }  else if(size_car == 2) {
                 if (distance_in_kilo < 10) {
                    gia_default = 0 * price_service;
                } else if(distance_in_kilo >= 10 && distance_in_kilo < 30) {
                    gia_default = 0 * price_service;
                } else {
                    gia_default = 16 * price_service;
                }
            } else {
                if (distance_in_kilo < 10) {
                  gia_default = 0 * price_service;
              } else if(distance_in_kilo >= 10 && distance_in_kilo < 30) {
                  gia_default = 0 * price_service;
              } else {
                  gia_default = 18 * price_service;
              }
          }


                    // if (distance_in_kilo < 10) {
                    //  price_size_car = price_size_car * 1.364;
                    // } else if(distance_in_kilo >= 10 && distance_in_kilo < 30) {
                    //  price_size_car = price_size_car * 1.091;
                    // } else {
                    //  price_size_car = price_size_car * 0.94;
                    // }
                    var gia_tien = Math.round(distance_in_kilo * gia_default) * 1000;

                    Number.prototype.format = function(n, x, s, c) {
                      var re = '\\d(?=(\\d{' + (x || 3) + '})+' + (n > 0 ? '\\D' : '$') + ')',
                      num = this.toFixed(Math.max(0, ~~n));

                      return (c ? num.replace('.', c) : num).replace(new RegExp(re, 'g'), '$&' + (s || ','));
                  };
                  var string_gia_tien = gia_tien.format() + "đ";
                    // string_gia_tien = (gia_tien).toLocaleString('it-IT', {
                    //  style: 'currency',
                    //  currency: 'VND',
                    // });
                    if (document.getElementById('xemgia') !=null && distance_in_kilo > 30) {
                        document.getElementById("xemgia").innerHTML = string_gia_tien;
                    } else {
                        document.getElementById("xemgia").innerHTML = 'dưới 30km<br>Giá thảo thuận';
                    }
                    if (document.getElementById('slogan-khauhieu') !=null) {
                      document.getElementById("slogan-khauhieu").style.display = "none";
                  }
                  if (document.getElementById('thongtinchuyenxe') !=null) {
                    document.getElementById("thongtinchuyenxe").style.display = "none";
                }

                document.getElementById("giaxeform").style.display = "block";

                var string_loaixe = 'xe 4 chỗ';
                if (size_car == 2) {
                  document.getElementById('icon-datxe').src='images/7cho.jpg';
                  string_loaixe = 'xe 7 chỗ';
              } else if(size_car == 3){
                  document.getElementById('icon-datxe').src='images/16cho.png';
                  string_loaixe = 'xe 16 chỗ';
              } else {
                  document.getElementById('icon-datxe').src='images/4cho.jpg';
              }
              if (document.getElementById('datxe-loai_xe') !=null) {
                document.getElementById("datxe-loai_xe").innerHTML = string_loaixe;
            }
            document.getElementById("diem_den").value = document.getElementById("to_places").value;
            document.getElementById("diem_don").value = document.getElementById("from_places").value;
            document.getElementById("gio_don").value = document.getElementById("date_start").value;
            document.getElementById("dich_vu").value = document.getElementById("service_id").value;
            document.getElementById("loai_xe").value = document.getElementById("size_id").value;
            if (distance_in_kilo > 10) {
                document.getElementById("gia_tien").value = gia_tien/1000;
            } else {
               document.getElementById("gia_tien").value = 0;
           }
           

           document.body.scrollTop = 0;
           document.documentElement.scrollTop = 0;


                    // ket qua tra ve

                    // var distance_in_mile = distance.value / 1609.34; // the mile
                    // var duration_text = duration.text;
                    // var duration_value = duration.value;
                    // $('#in_mile').text(distance_in_mile.toFixed(2));
                    // $('#in_kilo').text(distance_in_kilo.toFixed(2));
                    // $('#duration_text').text(duration_text);
                    // $('#duration_value').text(duration_value);
                    // $('#from').text(origin);
                    // $('#to').text(destination);
                }
            }
        }
        // print results on submit the form
        $('#distance_form').submit(function(e){
            e.preventDefault();
            calculateDistance();
        });

    });
// script do khoang cach
</script>

<script type="text/javascript">
    function SendTour(e) {
        if($('#txtFullName').val().trim().length == 0) {
            alert("Quý khách vui lòng nhập tên");
        } else if($('#txtPhone').val().trim().length == 0) {
            alert("Quý khách vui lòng nhập số điện thoại");
        } else {
            $('.giadatxe').hide();
            $('.thongtinchuyenxe').show();
            $('#sendformdatxe').submit();
        }
    }
</script>



<div class="container">
    <div class="form-title">
        <h2 class="padding40">GIÁ TRỊ TAXI FAMILY CAR MANG LẠI</h2><span>&nbsp;</span>
    </div>

    <div class="row giatrimanglai">
        <div class="col-md-3">
            <img src="images/icon1.png" >
            <p class="title-sumenh">TIẾT KIỆM 50%</p>
            <p class="description-sumenh">Tiết kiệm được từ <span class="note-sumenh">30% đến 50%</span> chi phí</p>
        </div>
        <div class="col-md-3">
            <img src="images/icon2.png" >
            <p class="title-sumenh">TRỌN GÓI</p>
            <p class="description-sumenh">Khách hàng <span class="note-sumenh">luôn biết trước chi phí trọn gói</span>, không phát sinh cho mỗi chuyến đi</p>
        </div>
        <div class="col-md-3">
            <img src="images/icon3.png" >
            <p class="title-sumenh">CHẤT LƯỢNG</p>
            <p class="description-sumenh">Lái xe <span class="note-sumenh">an toàn và sang trọng</span> hơn.</p>
        </div>
        <div class="col-md-3">
            <img src="images/icon4.png" style="width: 112px;">
            <p class="title-sumenh">NHANH CHÓNG &  LINH HOẠT<p>
            <p class="description-sumenh">Gọi xe <span class="note-sumenh">nhanh chóng</span>, di chuyển <span class="note-sumenh">linh hoạt</span> hơn.</</p>
        </div>
    </div>

</div>
<div class="container ">
    <div class="row row-download-app">
        <div class="download-app">
            <div class="col-md-12 said">
                <p class="said-sm">"Sứ mệnh của chúng tôi là giải quyết đột phá các vấn đề về giá cả, chất lượng dịch vụ và sự tiện ích cho khách hàng. Giúp khách hàng tiết kiệm 20-50% giá trị chuyến đi so với thông thường."</p>
            </div>
        </div>
    </div>
</div><div class="container">
	<div class="form-title">
		<h2 class="padding40">ĐIỂM ĐI PHỔ BIẾN</h2><span>&nbsp;</span>
	</div>
	<div class="hot-place hot-place_domestic">
		<div class="grid">
			<figure class="effect-layla col-md-4 col-xs-6" >
				<img style="width: 100%;" src="images/3edb68c46e6f9731ce7e.png" alt="img06">
				<figcaption>
					<h2>Hồ Chí Minh - Bình Dương</h2>
					<p>Xe riêng, sang trọng, giá trên chưa bao gồm phí cao tốc</p>
				</figcaption>
			</figure>
			<figure class="effect-layla col-md-4 col-xs-6">
				<img style="width: 100%;" src="images/170fcffbc5503c0e6541.png" alt="img03">
				<figcaption>
					<h2>Hồ Chí Minh - Vũng Tàu</h2>
					<p>Xe riêng, sang trọng, giá trên chưa bao gồm phí cao tốc</p>
					<a href="index.php">View more</a>
				</figcaption>
			</figure>
			<figure class="effect-layla col-md-4 col-xs-6">
				<img style="width: 100%;" src="images/sapa.jpg" alt="img03">
				<figcaption>
					<h2>Sân Bay - Cần Thơ</h2>
					<p>Xe riêng, sang trọng, giá trên chưa bao gồm phí cao tốc</p>
				</figcaption>
			</figure>
			<figure class="effect-layla col-md-4 col-xs-6">
				<img style="width: 100%;" src="images/du-lich-tay-ninh.png" alt="img06">
				<figcaption>
					<h2>Hồ Chí Minh - Tây Ninh</h2>
					<p>Xe riêng, sang trọng, giá trên chưa bao gồm phí cao tốc</p>
				</figcaption>
			</figure>
			<figure class="effect-layla col-md-4 col-xs-6">
				<img style="width: 100%;" src="images/mui-ne.jpg" alt="img03">
				<figcaption>
					<h2>TP.Hồ Chí Minh - Mũi Né</h2>
					<p>Xe riêng, sang trọng, giá trên chưa bao gồm phí cao tốc</p>
				</figcaption>
			</figure>
			<figure class="effect-layla col-md-4 col-xs-6">
				<img style="width: 100%;" src="images/640c38f93252cb0c9243.png" alt="img03">
				<figcaption>
					<h2>Sài Gòn - VũngTàu</h2>
					<p>Xe riêng, sang trọng, giá trên chưa bao gồm phí cao tốc</p>
				</figcaption>
			</figure>
		</div>
	</div>

	<div class="form-title">
		<h2 class="padding40">BẠN CẦN THUÊ XE Ở ĐÂU</h2><span>&nbsp;</span>
	</div>
	<div class="hot-place2 ">
		<div class="grid2">
			<div class="col-md-8 col-xs-12 col-apolo-left">
				<figure class="effect-apollo effect-apollo1 col-md-12 col-xs-12">
					<img style="width: 100%;" src="images/hanoitaxigo.png" alt="img18">
					<figcaption>
						<h2>Hà Nội</h2>
					</figcaption>
				</figure>
				<figure class="effect-apollo effect-apollo2 col-md-6 col-xs-12">
					<img style="width: 100%;" src="images/du-lich-da-nang.png" alt="img18">
					<figcaption>
						<h2>Đà Nẵng</h2>
					</figcaption>
				</figure>
				<figure class="effect-apollo effect-apollo3 col-md-6 col-xs-12">
					<img style="width: 100%;" src="images/Vinpearl_Nhatrang_1.png" alt="img18">
					<figcaption>
						<h2>Nha Trang</h2>
					</figcaption>
				</figure>
			</div>
			<figure class="effect-apollo effect-apollo4 col-apolo-right col-md-4 col-xs-12" style="">
				<img style="width: 100%;" src="images/4729_1484731281-148473104557641-vietnam.png" alt="img22">
				<figcaption>
					<h2>TP. Hồ Chí Minh</h2>
				</figcaption>
			</figure>

		</div>
	</div>
	<div class="form-title">
		<h2 class="padding40">TRUYỀN THÔNG NÓI VỀ CHÚNG TÔI</h2><span>&nbsp;</span>
	</div>
	<div class="row doitac" >
		<div class="col-md-3 col-xs-6">
			<a href="index.php">
				<img src="images/doitac2.png" class="img-thumbnail">
			</a>
		</div>
		<div class="col-md-3 col-xs-6">
			<a href="index.php">
				<img src="images/doitac1.png" class="img-thumbnail">
			</a>
		</div>
		<div class="col-md-3 col-xs-6">
			<a href="index.php">
				<img src="images/doitac3.png" class="img-thumbnail">
			</a>
		</div>
		<div class="col-md-3 col-xs-6">
			<a href="index.php">
				<img src="images/logo_cj_solutions.jpg" class="img-thumbnail">
			</a>
		</div>
	</div>
</div><footer>
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-xs-12 introduce">
                <p>Taxi Tân Sân Nhất giá rẻ là dịch vụ sân bay trọn gói giá rẻ của công ty CP dịch vụ vận tải hành khách Liên Minh. Công ty cam kết dịch vụ Taxi Sân Bay, đi tỉnh đường dài, du lịch bằng dòng xe đầu từ mới 100%, dòng xe 4,7,16,29,25 chỗ sang trọng với chính sách giá cam kết rẻ nhất và chất lượng phục vụ tốt nhất.</p>
                <div class="col-lg-6 col-md-6 ">
                    <a href="index.php" target="_blank"><img src="images/bo-cong-thuong.png" alt="Taxi Nội Bài" width="200" /></a>
                </div>

                <div class="col-lg-6 col-md-6 ">
                    <ul>
                        <li>
                            <a class="logo-appstore" href="index.php"></a>
                        </li>
                        <li class="vntrip-app-right">
                            <a class="logo-googleplay" href="index.php"></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3 col-xs-6">
                <h3>Dịch vụ</h3>
                <ul>
                    <li>
                        <i class="glyphicon glyphicon-circle-arrow-right"></i> 
                        <a href="index.php">Taxi tiện chuyến</a>
                    </li>
                    <li>
                        <i class="glyphicon glyphicon-circle-arrow-right"></i> 
                        <a href="index.php">Thuê xe Tour</a>
                    </li>
                    <li>
                        <i class="glyphicon glyphicon-circle-arrow-right"></i> 
                        <a href="index.php">Taxi sân bay</a>
                    </li>
                    <li>
                        <i class="glyphicon glyphicon-circle-arrow-right"></i> 
                        <a href="index.php">Taxi cưới hỏi</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-3 col-xs-6">
                <h3>Đặt Xe</h3>
                <ul>
                    <li>
                        <i class="glyphicon glyphicon-circle-arrow-right"></i> 
                        <a href="index.php">Taxi đường dài giá rẻ</a>
                    </li>
                    <li>
                        <i class="glyphicon glyphicon-circle-arrow-right"></i> 
                        <a href="index.php">Taxi Tân Sân Nhất</a>
                    </li>
                    <li>
                        <i class="glyphicon glyphicon-circle-arrow-right"></i> 
                        <a href="index.php">Taxi Liên Tỉnh</a>
                    </li>
                    <li>
                        <i class="glyphicon glyphicon-circle-arrow-right"></i> 
                        <a href="index.php">Sài Gòn</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-xs-12" class="intro-li">
                <ul class="intro-ul" >
                    <li><i class="glyphicon glyphicon-circle-arrow-right"></i> Địa chỉ: 32 Trường Sơn, Phường 2, Tân Bình, Thành phố Hồ Chí Minh </li>
                </ul>

            </div>
            <div class="col-md-5">
                <p><i class="glyphicon glyphicon-circle-arrow-right"></i> Điện thoại : 03456.88.359</p>
                <p><i class="glyphicon glyphicon-circle-arrow-right"></i> Email : quanglinh19nd@gmail.com</p>
            </div>

            <div class="col-md-3"></div>
        </div>
    </div>

</footer>

<section class="block ck1" id="ck">
    <div class="container">
        <div class="head-camket">
            <h3>GIỮ LIÊN LẠC THƯỜNG XUYÊN NHÉ</h3>
        </div>
        <div class="content-lienlac">
            <img alt="Taxi Nội Bài" alt="Taxi Nội Bài"src="images/battay.png" id="bat-tay">
            <ul class="lienlac">
                <li><img alt="Taxi Nội Bài" alt="Taxi Nội Bài"src="images/face.png"></li>
                <li><img alt="Taxi Nội Bài" alt="Taxi Nội Bài"src="images/twiter.png"></li>
                <li><img alt="Taxi Nội Bài" alt="Taxi Nội Bài"src="images/insta.png"></li>
                <li><img alt="Taxi Nội Bài" alt="Taxi Nội Bài"src="images/youtube.png"></li>
                <li><img alt="Taxi Nội Bài" alt="Taxi Nội Bài"src="images/google.png"></li>
            </ul>
        </div>
    </div>
</section>
<a href="#" id="goTop" class="bd-circle t-center"><i class="glyphicon glyphicon-chevron-up"></i><br> Top</a>


</div>
<style>
    .mobile-hotline-left a:focus {
        text-decoration: none;
    }
</style>
<div class="lienhe_f text-right">
    <a href="http://zalo.me/0345688359" target="_blank">
        <img class="alo-ph-img-circle" src="img/icon-zalo-fix.png">
    </a><br>
      <a href="tel:0345688359" target="_blank" class="hotline-f">
        <span class="icon"><i class="fa fa-phone alo-ph-img-circle" aria-hidden="true"></i></span>
        <span>03456 88 359</span>
      </a>
</div>
<style type="text/css">
    .hotline-f {
        position: relative;
        border: 2px solid #ed1c24;
        padding: 5px 20px!important;
        font-size: 18px;
        font-weight: 600;
        background-color: #fff;
        color: #ed1c24;
        border-radius: 18px;
        padding-left: 50px;
        display: inline-block;
        margin-top: 10px;
    }
    .lienhe_f {
        position: fixed;
        left: 10px;
        bottom: 10px;
        text-align: left;
    }
    
    .zalo-f {
        border-color: #0069ad;
        color: #0069ad;
        font-size: 14px;
        padding-right: 35px;
    }
    .zalo-f .icon {
        background-color: #fff;
        border: 2px solid #0069ad;
        width: 30px;
        height: 30px;
        line-height: 24px;
    }
    .zalo-f .icon img {
        height: 15px;
    }
</style>
<a href="tel:0345688359"></a>
<script type="text/javascript">
    $(document).ready(function(){
        $(window).scroll(function(){
            if ($(this).scrollTop() > 100) {
                $('#goTop').fadeIn();
            } else {
                $('#goTop').fadeOut();
            }
        });
        $('#goTop').click(function(){
            $("html, body").animate({ scrollTop: 0 }, 600);
            return false;
        });
    });
</script>

</body>
</html>

https://maps.googleapis.com/maps-api-v3/api/js/47/3/intl/vi_ALL/controls.js
https://maps.googleapis.com/maps-api-v3/api/js/47/3/intl/vi_ALL/common.jsmaps.googleapis.com
https://maps.googleapis.com/maps-api-v3/api/js/47/3/intl/vi_ALL/util.jsmaps.googleapis.com
https://maps.googleapis.com/maps-api-v3/api/js/47/3/intl/vi_ALL/distance_matrix.jsmaps.googleapis.com
https://maps.googleapis.com/maps-api-v3/api/js/47/3/intl/vi_ALL/places_impl.jsmaps.googleapis.com