Sunucu yanıtını kontrol edin
Sunucu yanıtı
NS kayıtları
Whois alanı
301 Moved Permanently - vcago.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 24 May 2025 08:14:08 GMT
Server: Apache
Location: https://vcago.com/
Content-Length: 226
Content-Type: text/html; charset=iso-8859-1
HTTP Kodu 301 Kalıcı Olarak Taşındı
301 http kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Kod 301 ne zaman kullanılır?
- Bir web sitesi alan adını değiştirirken
- URL yapılarını değiştirirken
- SEO için yönlendirmeleri ayarlarken
Kod 301 kullanıcı için ne anlama geliyor?
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
200 OK - https://vcago.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 24 May 2025 08:14:09 GMT
Server: Apache
X-Powered-By: PHP/5.5.9-1ubuntu4.29
Set-Cookie: ci_session=a%3A5%3A%7Bs%3A10%3A%22session_id%22%3Bs%3A32%3A%2263eef4512e84628bb698d1567c0108e7%22%3Bs%3A10%3A%22ip_address%22%3Bs%3A13%3A%2265.109.71.216%22%3Bs%3A10%3A%22user_agent%22%3Bs%3A103%3A%22Mozilla%2F5.0+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%3B+compatible%3B+ClaudeBot%2F1.0%3B+%2Bclaudebot%40anthropic.com%29%22%3Bs%3A13%3A%22last_activity%22%3Bi%3A1748074449%3Bs%3A9%3A%22user_data%22%3Bs%3A0%3A%22%22%3B%7D480d3aaa1228b972ee0253dbbd8028fb51c9416a; expires=Mon, 24-May-2027 08:14:09 GMT; Max-Age=63072000; path=/
Set-Cookie: ci_session=a%3A5%3A%7Bs%3A10%3A%22session_id%22%3Bs%3A32%3A%2288336335b173569ae2232df0ea7281ff%22%3Bs%3A10%3A%22ip_address%22%3Bs%3A13%3A%2265.109.71.216%22%3Bs%3A10%3A%22user_agent%22%3Bs%3A103%3A%22Mozilla%2F5.0+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%3B+compatible%3B+ClaudeBot%2F1.0%3B+%2Bclaudebot%40anthropic.com%29%22%3Bs%3A13%3A%22last_activity%22%3Bi%3A1748074449%3Bs%3A9%3A%22user_data%22%3Bs%3A0%3A%22%22%3B%7Dbd103e1b0118106d107e11fd96862a9579d45e39; expires=Mon, 24-May-2027 08:14:09 GMT; Max-Age=63072000; path=/
Vary: Accept-Encoding
Transfer-Encoding: chunked
Content-Type: text/html
HTTP Kodu 200 OK
200 http kodu, standart bir başarılı HTTP sunucu yanıtıdır. Bu, istemcinin isteğinin (örneğin, bir tarayıcıdan) başarıyla işlendiği ve sunucunun istenen verileri ilettiği anlamına gelir.
Kod 200 ne zaman kullanılır?
- Bir web sayfası yüklenirken
- Bir API yanıtı başarıyla alındığında
- Bir form veya başka bir HTTP isteği işlenirken
Kod 200 kullanıcı için ne anlama gelir?
Kullanıcı içeriği hatasız alır ve sayfa veya uygulama düzgün çalışır. Kod 200'e veri eşlik ediyorsa, tarayıcı veya program bunu işler ve kullanıcıya görüntüler.
GET / HTTP/1.1 Host: vcago.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html xmlns:fb='http://ogp.me/ns/fb#' xmlns:og='http://ogp.me/ns#' xmlns:fb='https://www.facebook.com/2008/fbml' >
<head>
<meta charset='utf-8'>
<title>โปรแกรมรถขนส่ง โปรแกรม ขนส่ง Logistics ราคาถูก</title>
<meta name='viewport' content='initial-scale=1, minimum-scale=1, width=device-width'>
<meta name='Keywords' content='โปรแกรมรถขนส่ง ฟรี, Vcago, โปรแกรม Logistics, โปรแกรมโลจิสติกส์, โปรแกรมรถขนส่ง, ระบบติดตามรถส่งของ, ระบบติดตามรถขนส่งสินค้า, โปรแกรมขนส่งสินค้า, โปรแกรมขนส่ง, ระบบติดตามคนขับรถ'>
<meta name='Description' content='Vcago โปรแกรม Logistics โปรแกรมรถขนส่ง โปรแกรมขนส่ง รถส่งของ รถขนส่งสินค้า โปรแกรมขนส่งสินค้า ระบบติดตามคนขับรถ ราคาถูก'>
<meta property='fb:app_id' content='862694763875662' />
<meta property='og:type' content='website' />
<meta property='og:title' content='Vcago โปรแกรมรถขนส่ง โปรแกรม ขนส่ง Logistics'>
<meta property='og:image' content='https://vcago.com/content/469b922d7a0dab8c11ace00c5f4fdec8.png' />
<meta property='og:site_name' content='https://vcago.com/'>
<link rel='alternate' href='https://vcago.com/' />
<!--pageMeta-->
<!--Main Menu File-->
<link rel="stylesheet" type="text/css" media="all" href="/elements/css/color-theme.css?v=1.0">
<link rel="stylesheet" type="text/css" media="all" href="/elements/css/webslidemenu.css?v=1.1.1">
<!--Main Menu File-->
<link rel="stylesheet" type="text/css" media="all" href="/elements/css/menu-extra.css?v=1.0.5">
<!--pageMeta-->
<link href="/elements/css/style-extra.css?v=1.0.1" rel="stylesheet">
<link href="/elements/css/style-extra-custom.css?v=1.2" rel="stylesheet">
<!-- Loading Bootstrap -->
<link href="/bootstrap/css/bootstrap.css?v=1.0" rel="stylesheet">
<!-- Loading Flat UI -->
<link href="/elements/css/flat-ui.css?v=1.0" rel="stylesheet">
<link href="/elements/css/magnific-popup.css?v=1.0" rel="stylesheet">
<link href="/elements/vendor/fancybox/jquery.fancybox.css?v=1.0.1" rel="stylesheet">
<link href="/elements/vendor/fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.1" rel="stylesheet">
<link href="/elements/vendor/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.1" rel="stylesheet">
<link href="/elements/css/style.css?v=1.0.2" rel="stylesheet">
<link href="/elements/css/style-contact.css?v=1.0" rel="stylesheet">
<link href="/elements/css/style-content.css?v=1.0.3" rel="stylesheet">
<link href="/elements/css/style-footers.css?v=1.0" rel="stylesheet">
<link href="/elements/css/style-headers.css?v=1.0" rel="stylesheet">
<link href="/elements/css/style-portfolios.css?v=1.0" rel="stylesheet">
<link href="/elements/css/style-pricing.css?v=1.0" rel="stylesheet">
<link href="/elements/css/style-team.css?v=1.0" rel="stylesheet">
<link href="/elements/css/style-dividers.css?v=1.0" rel="stylesheet">
<link href="/elements/css/style-product.css?v=1.1.1" rel="stylesheet">
<link href="/elements/css/style-blog.css?v=1.1" rel="stylesheet">
<link href="/elements/css/style-social.css?v=1.2" rel="stylesheet">
<link href="/elements/css/font.css?v=1.21" rel="stylesheet">
<!-- Font Awesome -->
<link href="/elements/css/font-awesome.css?v=1.0" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!--headerIncludes-->
<link href='https://vcago.com/bootstrap/css/bs_modal_transition.css' rel='stylesheet' type='text/css'><link href='https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/css/bootstrap-datetimepicker.min.css' rel='stylesheet' type='text/css'>
<!-- 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-TX7KV6Z');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6Q46ZVC95R"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-6Q46ZVC95R');
</script>
<script type="text/javascript">
function nocontext(e) {
var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
if (clickedTag == "IMG")
return false;
}
document.oncontextmenu = nocontext;
</script>
</head>
<body style='display:none;' >
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TX7KV6Z"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id='page' class='page'>
<header class="" id="onlyheader31" style=" "> <div class="wsmenucontainer clearfix" style="/* padding: 34px 0; */padding-top: 0px;/* padding-bottom: 20px; */-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;margin-bottom: 0px;"> <div class="overlapblackbg"></div> <div class="wsmobileheader clearfix"> <a id="wsnavtoggle" class="animated-arrow"><span></span></a> <a class="smallogo"><img src="images/icons/logo6.png" alt="" style="position: relative;"></a> <a class="callusicon" href="tel:0943952888" target="_blank"><span class="fa fa-phone" style="position: relative; user-select: none;" unselectable="on"></span></a></div> <div class="headerH1" id="header31" style=" background: #ffffff; border: none; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.42); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.42); min-height: 53px; "> <div class="wrapperH1 clearfix bigmegamenu"> <div class="logoH1 clearfix"><a href="home" title="Responsive Slide Menus"><img src="https://www.websmy.com/public/media/d4bf40d7c991900613e5f1e2e5851d50.png" alt="" style="position: relative; user-select: none; max-width: 184px; max-height: 52px;" unselectable="on"></a></div> <!--Main Menu HTML Code--> <nav class="wsmenu clearfix" style=" color: rgb(153, 153, 153); font-family: csprakasfd; font-size: 14px; font-weight: bold; padding-top: 2px; "> <ul class="mobile-sub wsmenu-list menubar" style="position: relative; user-select: none;" unselectable="on"><li style=""><a style="color: rgb(56, 56, 56);" href="home">Home</a></li><li style=""><a style="color: rgb(56, 56, 56);" href="about">About</a></li><li style=""><a style="color: rgb(56, 56, 56);" href="price">Price</a></li><li style=""><a style="color: rgb(56, 56, 56);" href="promotion">Promotion</a></li><li class="active" style=""><a style="color: rgb(102, 102, 102);" href="contact">Contact</a></li></ul> </nav> <!--Menu HTML Code--> </div> </div> </div> </header><!-- /.item -->
<header class="item header margin-top-0 padding-bottom-0 wrapper image image1 bg bg1" style="height: 580px;background-image: url("https://www.websmy.com/public/media/2ed2166d2288451b7ef4c73a57f4a72f.jpg");background-position: 50% 42%;/* background-attachment: fixed; */" id="home2c">
<div class="container-fluid">
<div class="row banner2">
<div class="col-md-6 col-md-offset-3" style="text-align: center;">
<h1 unselectable="on" style="position: relative; user-select: none; margin-top: 0px; margin-bottom: 9px;"><span style="font-size: 65px;"><br></span><span style="font-family: se-ed-ml-uerng-rj;"><span><span style="font-family: mitr;"><span style="font-size: 65px;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);">โปรแกรมรถขนส่ง</span></span></span></span><strong></strong><strong></strong><strong></strong><strong></strong><strong></strong><strong></strong></h1>
<p unselectable="on" style="position: relative; user-select: none; line-height: 34.4444px;"><span style="font-size: 30px;"><span style="font-family: kanit;"><span style="font-size: 1.33333em;"><span style="font-family: raleway;"><span style="font-size: 0.777778em;"><span></span></span></span></span></span></span><span style="font-family: kanit;"><span style="font-size: 23px;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);">ติดตามด้วย GPS แบบ real time พร้อมระบบ Proof-of-Delivery</span></span><span style="font-size: 30px;"><span style="font-family: kanit;"></span></span><a class="" href="https://www.skyfrog.net/home/products/proof-of-delivery/"><br></a></p>
<div>
<a href="https://line.me/ti/p/~dadvance" class="btn btn-primary btn-hg btn-wide" unselectable="on" style="user-select: none; background-color: rgb(0, 149, 235); color: white; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; padding: 0px 30px; line-height: 45px; display: inline-block; position: relative; border-radius: 20px; background-image: linear-gradient(rgb(3, 169, 244) 45%, rgb(0, 149, 235) 55%); box-shadow: rgb(136, 136, 136) 0px 2px 2px; transition: color 0.3s ease 0s, background-image 0.5s ease 0s, all 0s ease-in-out 0s; margin-top: 12px;" target="_blank"><span "=""><span><span style="font-family: mitr;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);"><span style="font-size: 19px;"> <i class="fa fa-phone-square"> </i> สอบถามข้อมูล</span></span></span></span></a>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</header><!-- /.item --><header class="item header margin-top-0 padding-bottom-0" id="home3" style="">
<div class="wrapper">
<div class="container">
<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
<div id="myCarousel" class="carousel carousel1 slide margin-bottom-0 lazy" data-interval="false">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active text-center" style="
margin-bottom: 0px;
">
<h1 style="position: relative; user-select: none;" unselectable="on"><span style="font-family: raleway;"><span style="color: rgb(25, 174, 216);"><span style="font-size: 1.11111em;"><strong><span style="font-family: prompt;"><span style="font-size: 32px;"><span style="color: rgb(68, 68, 68);">โปรแกรมขนส่ง </span>ธุรกิจขนส่ง</span></span><span style="font-family: prompt;"></span></strong></span></span></span><span style="font-size: 1.11111em;"><span style="font-size: 1.33333em;"></span></span></h1>
<p class="lead" style="position: relative; user-select: none; line-height: 32.2143px;" unselectable="on"><span></span><span><span><span><span style="font-family: raleway;"><span style="font-size: 0.777778em;"><span style="color: rgb(153, 153, 153);"><span style="color: rgb(98, 98, 98);"><span style="color: rgb(68, 68, 68);"><span><span style="font-size: 19px; color: rgb(153, 153, 153); font-weight: 300;"><span style="font-family: prompt;"><span style="color: rgb(98, 98, 98);"><span style="font-size: 18px;">โปรแกรมรถขนส่ง เป็นโปรแกรมเพื่อติดตามรถขนส่ง โดยมีระบบจัดการงานขนส่งเพื่อติดตามรถขนส่ง รถบรรทุก หรือ พนักงานคนขับรถ ด้วยระบบจีพีเอส (GPS tracking/GPS tracker) และยังใช้ได้กับการติดตามทุกยานพาหนะ ซึ่งต่อจากนี้จะไม่ทำให้พลาดทุกการติดตามงานขนส่ง เมื่อมี Cago ช่วยบริหารงานจัดส่งสินค้าอย่างมืออาชีพ ที่พร้อมสนับสนุนธุรกิจการขนส่งในยุคออนไลน์ ที่สามารถ ใช้งานได้บน โทรศัพท์มือถือ แท็บเล็ต หรือ PC โดยสามารถตรวจพิกัด หรือ ตำแหน่งรถ ได้ตลอดเวลาแบบ Realtime โดยระบบจะบันทึกข้อมูลบน Cloud Server ที่มีความรวดเร็วและปลอดภัยสูง ที่จะช่วยให้องค์กรมีการบริหารจัดการงานขนส่งให้มีประสิทธิภาพและเชื่อถือได้ <br></span></span></span></span></span></span></span></span></span></span></span></span></span><del></del></p>
<div class="text-center">
<a href="about" class="btn btn-default btn-embossed btn-wide" style="position: relative; user-select: none; background-color: rgb(0, 149, 235);" unselectable="on"><span class="fa fa-arrow-right" style="position: relative;"></span> <span style="font-family: raleway;"><strong><span style="font-size: 1em;">About</span></strong></span><strong></strong><strong></strong></a>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.container -->
</div><!-- /.wrapper -->
</header><!-- /.item --><div class="block" id="content70">
<div class="container">
<div class="row">
<div class="col-sm-6" style="
padding-top: 20px;
/* padding-bottom: 45px; */
margin-top: 50px;
">
<div class="service-container">
<!-- Sevrice preview -->
<div class="row">
<div class="one-column col-xs-12 col-sm-12 service service--large-present service--reflow">
<a class="service__link" href="#">
<h3 class="service__heading " style="position: relative; user-select: none;" unselectable="on"><span style="color: #0095eb;"><span><span style="font-family: kanit;"><span style="font-weight: 600;"><span style="font-size: 21px;">Cago เพิ่ม...ความสะดวกรวดเร็วในการจัดการ</span></span></span><br></span></span></h3>
</a>
<p class="" style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="color: #626262;"><span style="font-family: prompt;"><span style="font-size: 16px;">ตรวจสอบสถานะการขนส่งแบบ Real time พร้อมบอกระยะทางและเวลาที่จะถึงที่หมาย เพื่อการวิเคราะห์ และ วางแผน</span></span></span></p>
</div>
</div>
<!-- end sevrice preview -->
<!-- Sevrice preview -->
<div class="row">
<div class="one-column col-xs-12 col-sm-12 service service--large-present service--reflow">
<a class="service__link" href="#">
<h3 class="service__heading " style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(0, 149, 235);"><span><span style="font-family: kanit;"><span style="font-weight: 600; font-family: kanit;"><span style="font-size: 21px;">Cago เพิ่ม...ความมั่นใจให้กับลูกค้าของลูกค้า</span></span></span></span></span></h3>
</a>
<p class="" style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="color: rgb(98, 98, 98);"><span style="font-family: prompt;"><span style="font-size: 16px;">ลูกค้า (ผู้ว่าจ้าง) สามารถเช็คสถานะขนส่งได้ตลอดเวลา พร้อมระบบ proof of delivery ในการยืนยันจากรูปภาพ และ ลายเซ็นการรับสินคั้า</span></span></span></p>
</div>
</div>
<!-- end sevrice preview -->
<!-- Sevrice preview -->
<div class="row">
<div class="one-column col-xs-12 col-sm-12 service service--large-present service--reflow service--large-present-last">
<a class="service__link" href="#">
<h3 class="service__heading " style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(0, 149, 235);"><span style="font-family: prompt;"><span style="font-size: 21px;"><span style="font-family: kanit;"><span style="font-weight: 600;"><span style="font-size: 21px;">Cago เพิ่ม...ประสิทธิภาพการขนส่ง</span></span></span></span></span></span></h3>
</a>
<p class="" style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="color: rgb(98, 98, 98);"><span style="font-size: 16px;"><span style="font-family: prompt;">สามารถตรวจสอบพฤติกรรมการขับรถและการจัดส่งของพนักงานขนส่ง พร้อมรายงานที่ครบคลุม เพื่อการปรับปรุงประสิทธิภาพการขนส่งที่ดีขึ้น</span></span></span></p>
<div style="text-align: center;">
<a href="https://line.me/ti/p/~dadvance" class="btn btn-primary btn-hg btn-wide" unselectable="on" style="user-select: none; background-color: rgb(0, 149, 235); color: white; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; padding: 0px 30px; line-height: 45px; display: inline-block; position: relative; border-radius: 20px; background-image: linear-gradient(rgb(3, 169, 244) 45%, rgb(0, 149, 235) 55%); box-shadow: rgb(136, 136, 136) 0px 2px 2px; transition: color 0.3s ease 0s, background-image 0.5s ease 0s, all 0s ease-in-out 0s; margin-top: 12px;" target="_blank"><span "=""><span><span style="font-family: mitr;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);"><span style="font-size: 19px;"> <i class="fa fa-phone-square"> </i> สอบถามข้อมูล</span></span></span></span></a>
</div>
</div>
</div>
</div>
<!-- end sevrice preview -->
</div>
<div class="col-sm-6" style="/* float: right; */padding-top: 30px;">
<!-- Sevrice preview -->
<div class="image-holder--info devider--bottom-thin" style="padding-top: 0px;margin-bottom: 0px;">
<a href="#0"><img src="https://www.websmy.com/public/media/4df99aac7246b61dafeb079f439285fb.png" alt="" unselectable="on" style="position: relative; user-select: none;"></a>
</div>
<!-- end sevrice preview -->
</div><!-- end col -->
<!-- end col -->
</div><!-- end row -->
</div>
</div><header class="item margin-top-0" id="content_section31_1" style="background-image: url("https://www.websmy.com/public/media/cd83cfa84467e0800c7d7bc6ed64b714.png");">
<div class="wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6 text-right sp1">
<h3 style="position: relative; user-select: none;" unselectable="on"><span style="font-family: Helvetica;"><strong><span><span style="color: rgb(224, 225, 227);"><span style="font-size: 5vw;">Track & Trace</span></span></span></strong></span><br><span style="font-family: prompt;"><span style="font-size: 35px;"><span style="color: rgb(13, 18, 45);"><strong><span style="font-family: kanit;">ติดตามสถานะจัดส่ง</span></strong></span></span></span><br></h3>
<p style="position: relative; line-height: 25.8333px; user-select: none;" unselectable="on"><span style="color: rgb(15, 132, 231);"><span><span><span><span><span><span><span><span><span style="font-family: prompt;"><span style="font-size: 16px;">Cago มีบริการติดตามสถานะการจัดส่งที่ช่วยให้สามารถเช็คการส่งสินค้าได้อย่างรวดเร็วและแม่นยำ โดยแชร์ตำแหน่งรถให้ลูกค้าทราบแบบ Real Time ทำให้มั่นใจได้ว่าสินค้าจะถึงปลายทางอย่างปลอดภัยและทันเวลา เพียงกรอกหมายเลขการจัดส่งตามที่ระบุไว้ในใบงาน</span></span></span></span></span></span></span></span></span></span></span></p>
<!-- /.editContent -->
<div style="text-align: center;">
<a href="https://line.me/ti/p/~dadvance" class="btn btn-primary btn-hg btn-wide" unselectable="on" style="user-select: none; background-color: rgb(0, 149, 235); color: white; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; padding: 0px 30px; line-height: 45px; display: inline-block; position: relative; border-radius: 20px; background-image: linear-gradient(rgb(3, 169, 244) 45%, rgb(0, 149, 235) 55%); box-shadow: rgb(136, 136, 136) 0px 2px 2px; transition: color 0.3s ease 0s, background-image 0.5s ease 0s, all 0s ease-in-out 0s; margin-top: 12px;" target="_blank"><span "=""><span><span style="font-family: mitr;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);"><span style="font-size: 19px;"> <i class="fa fa-phone-square"> </i> สอบถามข้อมูล</span></span></span></span></a>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-6" style="/* float: right; */padding-right: 0px;">
<div id="myCarous_1" class="carousel slide lazy" data-interval="false" style="
position: absolute;
z-index: 2;
">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" style="/* max-height: 550px; *//* width: 313px; */">
<div class="item active">
<a href="#0"><img src="https://www.websmy.com/public/media/77e0aead9d1e9d5656578a3e4dfccbaa.png" alt="" style="position: relative; user-select: none;" unselectable="on" data-wow-duration="1s" data-wow-iteration="1" class="wow slideInRight animated" data-wow-delay="1s"></a>
</div>
</div>
<!-- Controls -->
</div><div id="myCarous_2" class="carousel slide lazy" data-interval="false" style="
position: relative;
padding-left: 30px;
">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" style="">
<div class="item active">
<a href="#"><img src="https://www.websmy.com/public/media/00933d2ed0ec7d841bd0cdb5f3edde2f.png" alt="" style="position: relative; user-select: none;" unselectable="on" data-wow-duration="1s" data-wow-iteration="1" class="wow slideInRight animated"></a>
</div>
</div>
<!-- Controls -->
</div>
</div>
<!-- /.col-md-4 col -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.wrapper -->
</header><div class="container" id="divider6" style="background-color: #ffffff; width: 100%;">
<div class="col-md-12" style="height: 60px;">
</div><!-- /.col -->
</div><!-- /.container --><header class="item margin-top-0" id="content_section32_6">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-sm-4 col-sm-offset-1 col-xs-12" style="text-align: -webkit-center;/* float: right; */padding-bottom: 30px;margin-right: 30px;">
<div id="myCarousel" class="carousel slide lazy" data-interval="false">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class=""></li>
<li data-target="#myCarousel" data-slide-to="1" class=""></li>
<li data-target="#myCarousel" data-slide-to="2" class="active"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item">
<a href="#"><img src="https://www.websmy.com/public/media/4a1cb0df72ee357196641c30fd9751b0.png" alt="" unselectable="on" style="position: relative; user-select: none;" data-src="https://www.websmy.com/public/media/4a1cb0df72ee357196641c30fd9751b0.png"></a>
</div>
<div class="item">
<a href="#"><img src="https://www.websmy.com/public/media/236c97f364dbccf81f6be3d010078d84.png" alt="" data-src="https://www.websmy.com/public/media/236c97f364dbccf81f6be3d010078d84.png" style="position: relative; user-select: none;" unselectable="on"></a>
</div>
<div class="item active">
<a href="#0"><img src="https://www.websmy.com/public/media/778ccfa9a379f08bbabeb4c263507862.png" alt="" data-src="https://www.websmy.com/public/media/778ccfa9a379f08bbabeb4c263507862.png" unselectable="on" style="position: relative; user-select: none;"></a>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control fui-arrow-left" href="#myCarousel" data-slide="prev"></a>
<a class="right carousel-control fui-arrow-right" href="#myCarousel" data-slide="next"></a>
</div>
</div>
<div class="col-md-6 col-md-offset-1" style="
/* padding-top: 37px; */
padding-left: 58px;
margin: 25px;
padding-right: 19px;
margin-right: 6px;
padding-left: 30px;
margin-top: 20px;
margin-left: 30px;
">
<div class="row margin-bottom-0 pricing_table3p1" style="
margin-top: 0px;
">
<div class="col-md-6" style="
padding-top: 25px;
">
<div class="">
<span class="fa fa-paw pIcon" unselectable="on" style="position: relative; user-select: none; color: rgb(0, 149, 235);"></span>
</div>
<h5 unselectable="on" style="position: relative; user-select: none;"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><span style="font-family: prompt;"><strong>Real Time Tracking</strong></span></span></span></h5>
<p style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="color: #626262;"><span><span><span><span><span style="font-family: prompt;"><span style="font-size: 16px;">ติดตามงานขนส่งแบบ Real Time แจ้งพิกัด แสดงตำแหน่งรถปัจจุบัน สถานะ ความเร็ว ของรถส่งของ</span></span></span></span></span></span></span></span></p>
<!-- /.editContent -->
</div><!-- /.col-md-6 -->
<div class="col-md-6" style="
padding-top: 25px;
">
<div class="">
<span class="fa fa-sitemap pIcon" unselectable="on" style="position: relative; user-select: none; color: rgb(0, 149, 235);"></span>
</div>
<h5 unselectable="on" style="position: relative; user-select: none;"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><strong><span style="font-family: prompt;">Group Monitoring</span></strong></span></span></h5>
<p style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><span><span><span style="font-family: prompt;"><span style="font-size: 16px;">ดูรถขนส่งเคลื่อนที่บนแผนที่แบบ Real Time ได้ทั้งกลุ่ม หรือ ต้องการติดตารถเฉพาะคันที่ต้องการ</span></span></span></span></span></span></p>
<!-- /.editContent -->
</div><!-- /.col-md-6 -->
</div><!-- /.row -->
<div class="row margin-bottom-0 pricing_table3p1">
<div class="col-md-6" style="
padding-top: 30px;
">
<div class="">
<span class="fa fa-calculator pIcon" unselectable="on" style="position: relative; user-select: none; color: rgb(0, 149, 235);"></span>
</div>
<h5 unselectable="on" style="position: relative; user-select: none;"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><span style="font-family: prompt;"><strong>Real Time Calculating</strong></span></span></span></h5>
<p style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><span style="font-family: prompt;"><span style="font-size: 16px;">คำนวณระยะทาง และ เวลา จากตำแหน่งปัจจุบันถึงปลายทาง พร้อม ความเร็วสูงสุดที่พนักงานขับรถขับ</span></span></span></span></p>
<!-- /.editContent -->
</div><!-- /.col-md-6 -->
<div class="col-md-6" style="
padding-top: 30px;
">
<div class="">
<span class="fa fa-paperclip pIcon" unselectable="on" style="position: relative; user-select: none; color: rgb(0, 149, 235);"></span>
</div>
<h5 style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><strong><span style="font-family: prompt;">Everywhere use</span></strong></span></span></h5>
<p style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><span style="font-family: prompt;"><span style="font-size: 16px;">Admin ผู้ควบคุมระบบ สามารถตรวจสอบติดตามรถทุกคัน ทุกเวลา ผ่านมือถือ แม้ว่าจะอยู่นอกบริษัท </span></span></span></span></p>
<!-- ./editContent -->
</div><!-- /.col-md-6 -->
</div><div class="row margin-bottom-40 pricing_table3p1">
<div class="col-md-6" style="
padding-top: 30px;
">
<div class="">
<span class="fa fa-edit pIcon" unselectable="on" style="position: relative; user-select: none; color: rgb(0, 149, 235);"></span>
</div>
<h5 unselectable="on" style="position: relative; user-select: none;"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><span style="font-family: prompt;"><strong>Proof of Delivery</strong></span></span></span></h5>
<p style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><span style="font-family: prompt;"><span style="font-size: 16px;">สามารถถ่ายภาพ สถานที่จัดส่ง การส่งมอบสินค้า และ ผู้รับสินค้า พร้อม บันทึกชื่อผู้รับ เพื่อเก็บเป็นหลักฐาน</span></span></span></span></p>
<!-- /.editContent -->
</div><!-- /.col-md-6 -->
<div class="col-md-6" style="
padding-top: 30px;
">
<div class="">
<span class="fa fa-cloud-download pIcon" unselectable="on" style="position: relative; user-select: none; color: rgb(0, 149, 235);"></span>
</div>
<h5 style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><strong><span style="font-family: prompt;">System on Cloud</span></strong></span></span></h5>
<p style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(98, 98, 98);"><span style="font-family: prompt;"><span style="font-size: 16px;">ไม่ต้องลงโปรแกรม ไม่ต้องเตรียม server ใช้งานได้ทุกที่ ทั้ง PC Tablet มือถือ ใช้งานได้หลายเครื่องพร้อมกัน</span></span></span></span></p>
<!-- ./editContent -->
</div><!-- /.col-md-6 -->
</div><!-- /.row -->
</div>
<div style="text-align: center;">
<a href="https://line.me/ti/p/~dadvance" class="btn btn-primary btn-hg btn-wide" unselectable="on" style="user-select: none; background-color: rgb(0, 149, 235); color: white; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; padding: 0px 30px; line-height: 45px; display: inline-block; position: relative; border-radius: 20px; background-image: linear-gradient(rgb(3, 169, 244) 45%, rgb(0, 149, 235) 55%); box-shadow: rgb(136, 136, 136) 0px 2px 2px; transition: color 0.3s ease 0s, background-image 0.5s ease 0s, all 0s ease-in-out 0s; margin-top: 12px;" target="_blank"><span "=""><span><span style="font-family: mitr;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);"><span style="font-size: 19px;"> <i class="fa fa-phone-square"> </i> สอบถามข้อมูล</span></span></span></span></a>
</div><!-- /.col-md-4 col -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.wrapper -->
</header><!-- /.item --><div class="container" id="divider8" style="background-color: #ffffff; width: 100%;">
<div class="col-md-12" style="height: 30px;">
</div><!-- /.col -->
</div><!-- /.container --><header class="item header margin-top-0 padding-bottom-0" id="home3" style="background-color: rgb(0, 149, 235); background-image: url("https://www.websmy.com/public/media/cfdc13540af6f7613c682d5a344afcef.png"); background-size: cover; background-repeat: no-repeat; background-position: 50% 67%;">
<div class="wrapper">
<div class="container">
<div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12">
<div id="myCarousel" class="carousel carousel1 slide margin-bottom-0 lazy" data-interval="false">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active text-center" style="
margin-bottom: 20px;
">
<h1 unselectable="on" style="position: relative; user-select: none; border-bottom: medium none; margin-top: 32px; font-size: 30px; font-weight: 200; text-transform: none;"><span style="color: rgb(243, 243, 243);"><span style="font-family: mitr;"><span style="font-size: 32px;">ระบบติดตามงานขนส่ง ที่เหมาะสำหรับทุกประเภทงานขนส่ง</span></span></span></h1>
<div class="text-center">
</div>
</div>
</div>
</div>
</div>
</div><!-- /.container -->
</div><!-- /.wrapper -->
</header><!-- /.item --><header class="item margin-top-0" id="content_section36">
<div class="wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-xs-12">
<div id="carousel_content_section36" class="carousel slide" data-interval="false">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" style="max-height: 550px;">
<div class="item active">
<a href="#"><img src="https://www.websmy.com/public/media/470dea04b19eebaa69adaace2502b28d.png" alt="" style="position: relative; user-select: none;" unselectable="on"></a>
</div>
</div>
<!-- Controls -->
</div>
</div>
<div class="col-sm-3 col-xs-12">
<div id="carousel_content_section36_i2" class="carousel slide" data-interval="false">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" style="max-height: 550px;">
<div class="item active">
<a href="#"><img src="https://www.websmy.com/public/media/1861156e9193fcb516f6c536c764ac1d.png" alt="" style="position: relative; user-select: none;" unselectable="on"></a>
</div>
</div>
<!-- Controls -->
</div>
</div>
<div class="col-sm-3 col-xs-12">
<div id="carousel_content_section36_i3" class="carousel slide" data-interval="false">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" style="max-height: 550px;">
<div class="item active">
<a href="#"><img src="https://www.websmy.com/public/media/c502ffea91e61fd76183740f9f601769.png" alt="" style="position: relative; user-select: none;" unselectable="on"></a>
</div>
</div>
<!-- Controls -->
</div>
</div>
<div class="col-sm-3 col-xs-12">
<div id="carousel_content_section36_i4" class="carousel slide" data-interval="false">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" style="max-height: 550px;">
<div class="item active">
<a href="#0"><img src="https://www.websmy.com/public/media/7010159c3a6b0762a46dcd047452d964.png" alt="" style="position: relative; user-select: none;" unselectable="on"></a>
</div>
</div>
<!-- Controls -->
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.wrapper -->
</header><!-- /.item --><div class="container" id="divider6" style="background-color: rgb(252, 252, 252); width: 100%;">
<div class="col-md-12" style="height: 60px;">
</div><!-- /.col -->
</div><!-- /.container --><div class="item portfolio2" id="portfolio2" style="padding-bottom: 0px;background-color: #fcfcfc;">
<div class="container">
<div class="row margin-bottom-0">
<div class="col-md-12">
<p class="lead text-center" style="position: relative; user-select: none; line-height: 43.9374px;" unselectable="on"><span style="color: rgb(68, 68, 68);"><span><span style="font-family: kanit;"><span style="font-size: 32px;">จุดเด่นของระบบ</span> <span style="font-size: 42px;">Cago</span></span></span></span></p>
</div><!-- /.col-md-12 -->
</div><!-- /.row -->
<!-- /.row -->
</div><!-- /.container -->
</div><!-- /.item --><div class="item content" id="content_section61_2" style="background-color: rgb(252, 252, 252);">
<div class="container">
<div class="row" style="padding-top: 25px;">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-bottom: 25px;">
<div class="testimonial" style="
padding-bottom: 0px;
">
<a href="#0"><img alt="" src="https://www.websmy.com/public/media/57137504ef523e485e71121db2f664a6.jpg" class="img-square" style="width: 100%; position: relative; user-select: none;" unselectable="on"></a>
<h3 unselectable="on" style="position: relative; user-select: none;"><span style="color: #0095eb;"><span style="font-family: prompt;"><span style="font-size: 19px;font-weight: 300;">แสดงสถานะ Real time</span></span></span></h3>
<p class="p2" style="position: relative; user-select: none; line-height: 26px; padding-right: 20px; padding-left: 10px;" unselectable="on"><span style="font-family: mitr;font-weight: 300;padding-left: 10px;padding-right: 10px;font-style: normal;letter-spacing: 1px;">สามารถตรวจสอบตำแหน่งรถขนส่งได้แบบ Real time รวมถึง ระยะทาง และ เวลาที่จะถึงที่หมาย</span></p>
<!-- /.editContent -->
<!-- <div>
<a href="#" class="btn btn-default btn-embossed">Learn more</a>
</div> -->
</div>
</div><!-- /.col-md-4 col -->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-bottom: 25px;">
<div class="testimonial" style="
padding-bottom: 0px;
">
<a href="#0"><img alt="" src="https://www.websmy.com/public/media/a31fdf7b55864e979acbd1b3d16d3793.jpg" class="img-square" style="width: 100%; position: relative; user-select: none;" unselectable="on"></a>
<h3 style="position: relative; user-select: none; color: rgb(0, 149, 235);" unselectable="on"><span style="font-family: prompt;"><span style="font-size: 19px;font-weight: 300;">Proof of Delivery</span></span></h3>
<p class="p2" style="position: relative; font-family: mitr; font-weight: 300; padding-left: 17px; padding-right: 20px; font-style: normal; letter-spacing: 1px; user-select: none;" unselectable="on">สามารถตรวจสอบการจัดส่ง ด้วยหลักฐานภาพถ่าย และลายเซ็นลูกค้า</p>
<!-- /.editContent -->
<!-- <div>
<a href="#" class="btn btn-default btn-embossed">Learn more</a>
</div> -->
</div>
</div><!-- /.col-md-4 col -->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-bottom: 25px;">
<div class="testimonial" style="
padding-bottom: 0px;
">
<a href="#0"><img alt="" src="https://www.websmy.com/public/media/aa16d2cdd2435e9363d518707789beb6.jpg" class="img-square" style="width: 100%; position: relative; user-select: none;" unselectable="on"></a>
<h3 style="position: relative; color: rgb(0, 149, 235); user-select: none;" unselectable="on"><span style="font-size: 19px;font-weight: 300;"><span style="font-family: prompt;">System on Cloud</span></span></h3>
<p class="p2" style="position: relative; font-family: mitr; font-weight: 300; padding-left: 17px; padding-right: 20px; font-style: normal; letter-spacing: 1px; user-select: none; line-height: 26px;" unselectable="on">เป็นโปรแกรมบน Cloud ซึ่งลูกค้าไม่จำเป็นต้องลงทุนเรื่อง Server และผู้ดูแลระบบ</p>
<!-- /.editContent -->
<!-- <div>
<a href="#" class="btn btn-default btn-embossed">Learn more</a>
</div> -->
</div>
</div><!-- /.col-md-4 col -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.item --><div class="item content" id="content_section61_2" style="background-color: rgb(252, 252, 252);">
<div class="container">
<div class="row" style="padding-top: 25px;">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-bottom: 25px;">
<div class="testimonial" style="
padding-bottom: 0px;
">
<a href="#0"><img alt="" src="https://www.websmy.com/public/media/476b8cdb4750926695febaec6685510e.jpg" class="img-square" style="width: 100%; position: relative; user-select: none;" unselectable="on"></a>
<h3 unselectable="on" style="position: relative; user-select: none;"><span style="color: #0095eb;"><span style="font-family: prompt;"><span style="font-size: 19px;font-weight: 300;">ระบบแจ้งเตือนความเร็ว</span></span></span></h3>
<p class="p2" style="position: relative; user-select: none; line-height: 26px; padding-right: 20px; padding-left: 10px;" unselectable="on"><span style="font-family: mitr;font-weight: 300;padding-left: 10px;padding-right: 10px;font-style: normal;letter-spacing: 1px;">สามารถตรวจสอบพิกัดและความเร็วในระหว่างขับขี่ และแจ้งเตือนเมื่อความเร็วเกินกำหนด</span></p>
<!-- /.editContent -->
<!-- <div>
<a href="#" class="btn btn-default btn-embossed">Learn more</a>
</div> -->
</div>
</div><!-- /.col-md-4 col -->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-bottom: 25px;">
<div class="testimonial" style="
padding-bottom: 0px;
">
<a href="#0"><img alt="" src="https://www.websmy.com/public/media/61fe756873175bfe5329628bb2e762ed.jpg" class="img-square" style="width: 100%; position: relative; user-select: none;" unselectable="on"></a>
<h3 style="position: relative; user-select: none; color: rgb(0, 149, 235);" unselectable="on"><span style="font-family: prompt;"><span style="font-size: 19px;font-weight: 300;">รายงานสรุปทุกมิติ พร้อม กราฟ</span></span></h3>
<p class="p2" style="position: relative; font-family: mitr; font-weight: 300; padding-left: 17px; padding-right: 20px; font-style: normal; letter-spacing: 1px; user-select: none; line-height: 26px;" unselectable="on">รายงานสรุปสถานะงาน สภาพการเดินรถ พฤติกรรมพนักงานขนส่ง และรายงานอื่นๆ </p>
<!-- /.editContent -->
<!-- <div>
<a href="#" class="btn btn-default btn-embossed">Learn more</a>
</div> -->
</div>
</div><!-- /.col-md-4 col -->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-bottom: 25px;">
<div class="testimonial" style="
padding-bottom: 0px;
">
<a href="#0"><img alt="" src="https://www.websmy.com/public/media/9cf80c3ff3f71dfafaea27c629556e09.jpg" class="img-square" style="width: 100%; position: relative; user-select: none;" unselectable="on"></a>
<h3 style="position: relative; color: rgb(0, 149, 235); user-select: none;" unselectable="on"><span style="font-family: prompt;"><span style="font-size: 19px;font-weight: 300;">ระบบตรวจสอบสถานะขนส่ง</span></span></h3>
<p class="p2" style="position: relative; font-family: mitr; font-weight: 300; padding-left: 17px; padding-right: 20px; font-style: normal; letter-spacing: 1px; user-select: none; line-height: 26px;" unselectable="on">ลูกค้า (ผู้ว่าจ้าง) สามารถตรวจสอบ สถานะ งานจัดส่ง ได้ตลอดเวลา แบบ Real-time</p>
<!-- /.editContent -->
<!-- <div>
<a href="#" class="btn btn-default btn-embossed">Learn more</a>
</div> -->
</div>
</div><!-- /.col-md-4 col -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.item --><div class="item content" id="content_section61_2" style="background-color: #fcfcfc;">
<div class="container">
<div class="row" style="padding-top: 25px;">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-bottom: 25px;">
<div class="testimonial" style="
padding-bottom: 0px;
">
<a href="#0"><img alt="" src="https://www.websmy.com/public/media/a05bd7cbb3c7c32cbe516615a831420e.jpg" class="img-square" style="width: 100%; position: relative; user-select: none;" unselectable="on"></a>
<h3 unselectable="on" style="position: relative; user-select: none;"><span style="color: #0095eb;"><span style="font-family: prompt;"><span style="font-size: 19px;font-weight: 300;">มอบหมายงานผ่านมือถือ</span></span></span></h3>
<p class="p2" style="position: relative; user-select: none; line-height: 26px; padding-right: 20px; padding-left: 10px;" unselectable="on"><span style="font-family: mitr;font-weight: 300;padding-left: 10px;padding-right: 10px;font-style: normal;letter-spacing: 1px;">Admin สามารถมอบหมายงานจัดส่งให้พนักงานขับรถผ่านทางมือถือได้ทันที (Real-Time)</span></p>
<!-- /.editContent -->
<!-- <div>
<a href="#" class="btn btn-default btn-embossed">Learn more</a>
</div> -->
</div>
</div><!-- /.col-md-4 col -->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-bottom: 25px;">
<div class="testimonial" style="
padding-bottom: 0px;
">
<a href="#0"><img alt="" src="https://www.websmy.com/public/media/624c37c3882bb822917ec9653aa06306.jpg" class="img-square" style="width: 100%; position: relative; user-select: none;" unselectable="on"></a>
<h3 style="position: relative; user-select: none; color: rgb(0, 149, 235);" unselectable="on"><span style="font-family: prompt;"><span style="font-size: 19px;font-weight: 300;">ระบบประเมินพนักงานขนส่ง</span></span></h3>
<p class="p2" style="position: relative; font-family: mitr; font-weight: 300; padding-left: 17px; padding-right: 20px; font-style: normal; letter-spacing: 1px; user-select: none; line-height: 26px;" unselectable="on">ลูกค้าสามารถทำการประเมินการให้บริการของพนักงานขนส่ง เพื่อเก็บเป็นข้อมูลและการปรับปรุง<br></p>
<!-- /.editContent -->
<!-- <div>
<a href="#" class="btn btn-default btn-embossed">Learn more</a>
</div> -->
</div>
</div><!-- /.col-md-4 col -->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center" style="padding-bottom: 25px;">
<div class="testimonial" style="
padding-bottom: 0px;
">
<a href="#0"><img alt="" src="https://www.websmy.com/public/media/b08e418fc8a69e64d08c7e138e131ae3.jpg" class="img-square" style="width: 100%; position: relative; user-select: none;" unselectable="on"></a>
<h3 style="position: relative; color: rgb(0, 149, 235); user-select: none;" unselectable="on"><span style="font-family: prompt;"><span style="font-size: 19px;font-weight: 300;">ค่าบริการที่เป็นมิตรกับทุกองค์กร</span></span></h3>
<p class="p2" style="position: relative; font-family: mitr; font-weight: 300; padding-left: 17px; padding-right: 20px; font-style: normal; letter-spacing: 1px; user-select: none; line-height: 26px;" unselectable="on">ค่าใช้จ่ายในการใช้งานเพียงเดือนละ 259 บาท/เดือน/คัน พร้อมฟังก์ชั่นการใช้งานที่ครบครัน</p>
<!-- /.editContent -->
<!-- <div>
<a href="#" class="btn btn-default btn-embossed">Learn more</a>
</div> -->
</div>
</div><!-- /.col-md-4 col -->
</div><!-- /.row -->
</div><!-- /.container -->
</div>
<div style="text-align: center;">
<a href="https://line.me/ti/p/~dadvance" class="btn btn-primary btn-hg btn-wide" unselectable="on" style="user-select: none; background-color: rgb(0, 149, 235); color: white; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; padding: 0px 30px; line-height: 45px; display: inline-block; position: relative; border-radius: 20px; background-image: linear-gradient(rgb(3, 169, 244) 45%, rgb(0, 149, 235) 55%); box-shadow: rgb(136, 136, 136) 0px 2px 2px; transition: color 0.3s ease 0s, background-image 0.5s ease 0s, all 0s ease-in-out 0s; margin-top: 12px;" target="_blank"><span "=""><span><span style="font-family: mitr;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);"><span style="font-size: 19px;"> <i class="fa fa-phone-square"> </i> สอบถามข้อมูล</span></span></span></span></a>
</div><!-- /.item --><div class="container" id="divider8" style="background-color: rgb(252, 252, 252); width: 100%;">
<div class="col-md-12" style="height: 30px;">
</div><!-- /.col -->
</div><!-- /.container --><div class="container" id="divider8" style="background-color: #ffffff; width: 100%;">
<div class="col-md-12" style="height: 30px;">
</div><!-- /.col -->
</div><!-- /.container --><div class="item content padding-top-0 padding-bottom-0" id="content_section3">
<div class="wrapper ">
<div class="container">
<div class="row margin-bottom-0">
<div class="col-md-12">
<h3 style="position: relative; user-select: none;" unselectable="on"><span style="font-family: cschatthaiui;"><span style="color: rgb(5, 33, 84);"><span><span style="font-family: kanit;">ขั้นตอนการใช้งาน แค่ 4 ขั้นตอน <br><span style="font-size: 23px;"><span style="color: rgb(0, 0, 255);"><span style="color: rgb(2, 147, 230);">ง่าย สะดวก และมีประสิทธิภาพ</span></span></span></span></span><br><br></span></span></h3>
<!-- /.editContent -->
</div>
</div><!-- /.row -->
<!-- /.row -->
</div><!-- /.container -->
</div><!-- /.wrapper -->
</div><!-- /.item --><header class="item headerh4 margin-top-0" id="home5p" style="background-image: none;">
<div class="wrapper">
<div class="container" style="">
<div class="row">
<div class="col-md-12" id="home5pp1">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<a href="#0"><img src="https://www.websmy.com/public/media/29795eb1d679ab7ff1aa7b09196dc4a5.png" alt="" style="user-select: none; position: relative;" unselectable="on"></a>
</div>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.wrapper -->
</header><!-- /.item --><div class="container" id="divider6" style="background-color: #ffffff; width: 100%;">
<div class="col-md-12" style="height: 60px;">
</div><!-- /.col -->
</div><!-- /.container --><div class="item content5 bg bg1" id="content_section1_annouce" style="background-color: rgb(237, 238, 240); background-image: none;">
<div class="container">
<div class="row">
<div class="col-md-10" style="text-align: center;">
<h3 unselectable="on" style="position: relative; user-select: none;"><span style="color: rgb(0, 0, 0);"><span style="color: rgb(22, 25, 34);"><span style="color: rgb(22, 25, 34);"><span style="font-family: mitr;font-weight: 300;">สำหรับระบบการติดตามงานขนส่งอย่างมีประสิทธฺิภาพ ถูกต้อง แม่นยำ และเชื่อถือได้</span></span></span></span></h3>
</div><!-- ./col-md-8 -->
<div class="col-md-2" style="padding-top: 0px;">
<div>
<a href="tel:0943952888" class="btn btn-primary btn-embossed btn-block" unselectable="on" style="position: relative; user-select: none; background-color: rgb(0, 141, 223); font-family: kanit;" target="_blank">ติดต่อเรา</a>
</div>
</div><!-- /.col-md-4 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.item --><header class="item margin-top-0" id="content_section33" style="background-image: url("https://www.websmy.com/public/media/1f2298772477c719c5bd8f6d1d6d133a.jpg");/* background-attachment: fixed; */background-size: cover;background-repeat: no-repeat;background-position: 21% 0%;">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-sm-7 col-xs-12 text-left sp1">
<h3 style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(0, 149, 235);"><span style="font-family: kanit;"><span style="color: rgb(243, 243, 243);"><span style="font-size: 42px;">โปรโมชั่น แนะนำคนรู้จัก</span></span></span></span></h3>
<p style="position: relative; user-select: none; line-height: 25.8333px;" unselectable="on"><span style="font-family: prompt;"><span style="color: rgb(243, 243, 243);"><br><span style="font-size: 19px;">ใช้ระบบ <span style="color: rgb(255, 0, 255);"><span style="font-size: 23px;">ฟรี 1 ปี</span></span> (1 คัน) สำหรับผู้แนะนำ</span><br><span style="font-size: 19px;">ใช้ระบบ <span style="color: rgb(255, 0, 255);"><span style="font-size: 23px;">ฟรี 6 เดือน</span></span> (1 คัน) สำหรับคนรู้จัก</span></span></span></p>
<!-- /.editContent -->
<div>
</div>
<div>
<a href="promotion" class="btn btn-default btn-embossed" style="margin-top: 20px; margin-bottom: 10px; position: relative; user-select: none; background: rgb(237, 33, 124);" unselectable="on"><span style="font-family: kanit;">ดูรายละเอียด</span></a>
</div>
</div><!-- /.col-md-4 col -->
<div class="col-sm-5 col-xs-12" style="text-align: -webkit-center;">
<!-- Wrapper for slides -->
<div style="/*max-height: 550px;*/">
<div>
<a href="#"><img src="https://www.websmy.com/elements//images/temp/8b93cccdc3941bc010b0ccf13df53369.jpg" alt="" class="img-circle width-100 wow fadeInUp animated" style="max-width: 380px; position: relative; user-select: none;" unselectable="on" data-wow-duration="1s" data-wow-iteration="1"></a>
</div>
</div>
<!-- Controls -->
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.wrapper -->
</header><!-- /.item --><div class="item content5 bg bg1" id="content_section1_annouce" style="background: rgb(37, 39, 46);">
<div class="container">
<div class="row">
<div class="col-md-12" style="text-align: center;">
<h3 style="position: relative; user-select: none;" unselectable="on"><span><span style="font-family: kanit;"><span style="letter-spacing: 2px;">เรากล้ารับประกันความพึงพอใจ ภายใน 30 วัน ถ้า<span style="color: rgb(3, 169, 244);">ไม่พอใจ</span>ยินดีคืนเงิน</span></span><span style="font-family: kanit;"></span></span></h3>
</div><!-- ./col-md-8 -->
<!-- /.col-md-4 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.item --><div class="container" id="divider8" style="background-color: rgb(41, 43, 51); width: 100%; background-image: none; background-position: 0% 0%; background-size: cover; background-repeat: no-repeat;">
<div class="col-md-12" style="height: 18px;">
</div><!-- /.col -->
</div><!-- /.container -->
<div class="block-bottom" id="footer33">
<!-- Footer section -->
<div class="footer footer--media bg-color" style="background-color: rgb(41, 43, 51); padding-top: 0px; background-image: none; background-size: cover; background-repeat: no-repeat; background-position: 0% 7%;">
<div class="container" style="
">
<div class="row">
<!-- Latest post -->
<div class="col-sm-4" style="
background: #25272e;
padding-top: 21px;
padding-left: 40px;
border-radius: 50px;
/* border-radius: 15px 72px 30px; */
">
<h3 class="heading-info " style="margin-top: 0px; position: relative; user-select: none; margin-bottom: 22px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span><span style="font-family: kanit;"><span style="font-size: 26px;">Cago</span></span></span></span></h3>
<address class="contact-info contact-info--list" style="
margin-bottom: 4px;
">
<div class="row" style="
padding-right: 22px;
">
<div class="col-md-6 col-xs-6" style="
color: #f3f3f3;
">
<p style="margin-bottom: 0px; font-size: 12px; position: relative; user-select: none;" unselectable="on">Menu</p>
<span class="contact-info__item editContent" data-selector="Footers" style="position: relative; user-select: none; padding-left: 9px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><i class="fa fa-home" style="color: #03A9F4;"></i>
</span><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);padding-left: 20px;"><a href="home" style="position: relative;"><span style="color: rgb(204, 204, 204);">Home</span></a></span></span></span>
</div>
<div class="col-md-6 col-xs-6 price" style="
color: #f3f3f3;
padding-left: 32px;
">
<p style="margin-bottom: 0px; font-size: 12px; position: relative; user-select: none;" unselectable="on">Special Price:</p>
<h5 style="margin-top: 0px; position: relative; user-select: none; margin-bottom: 10px;" unselectable="on"><span style="color: rgb(204, 204, 204);"><span style="font-family: prompt;"><span style="color: rgb(3, 169, 244);">100 - 199</span> <br><span style="font-size: 12px;">บาท/คัน/เดือน</span><span style="font-size: 13px;"><br></span></span></span></h5>
</div>
<div class="col-xs-6 col-sm-12 one-column" style="
">
<span class="contact-info__item editContent" data-selector="Footers" style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(243, 243, 243);"><i class="fa fa-location-arrow" style="color: #03A9F4;"></i>
</span><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);"><a href="about" style="position: relative;"><span style="color: rgb(204, 204, 204);">About</span></a></span></span></span>
<span class="contact-info__item editContent" data-selector="Footers" style="position: relative; user-select: none; padding-left: 6px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><i class="fa fa-money" style=" color: #03A9F4; "></i>
</span><span style="color: rgb(243, 243, 243);padding-left: 21px;"><span style="color: rgb(204, 204, 204);"><a href="price" style="position: relative;"><span style="color: rgb(204, 204, 204);">Price</span></a></span></span></span>
</div>
<div class="col-xs-6 col-sm-12 one-column" style="/* margin-bottom: 16px; *//* border-bottom: 1px solid rgb(85, 133, 183); *//* padding-bottom: 16px; */">
<span class="contact-info__item editContent" data-selector="Footers" style="padding-left: 8px; position: relative; user-select: none;" unselectable="on"><span style="color: rgb(243, 243, 243);"><i class="fa fa-bullhorn" style=" color: #03A9F4; "></i>
</span><span style="color: rgb(243, 243, 243);padding-left: 20px;"><span style="color: #cccccc;"><a href="promotion"><span style="color: rgb(204, 204, 204);">Promotion</span></a></span></span></span>
<span class="contact-info__item editContent" data-selector="Footers" style="position: relative; user-select: none; padding-left: 9px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><i class="fa fa-phone" style=" color: #03A9F4; "></i>
</span><span style="color: rgb(243, 243, 243);padding-left: 21px;"><span style="color: rgb(204, 204, 204);"><a href="tel:0943952888" target="_blank" style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(238, 238, 238);"><span style="color: rgb(204, 204, 204);">Contact</span></span></span></a></span></span></span>
</div>
<div class="col-md-6 col-xs-6" style="
color: #f3f3f3;
border-top: 1px solid rgb(85, 133, 183);
">
<h5 style="margin-top: 18px; position: relative; user-select: none;" unselectable="on"><strong><span style="font-size: 15px;">FOLLOW US</span></strong></h5>
</div>
<div class="col-md-6 col-xs-6 price" style="
color: #f3f3f3;
/* margin-bottom: 16px; */
border-top: 1px solid rgb(85, 133, 183);
/* padding-bottom: 16px; */
padding-left: 32px;
">
<h5 style="margin-top: 18px; position: relative; user-select: none; text-align: center;" unselectable="on"> <i class="fa fa-facebook-official"> </i>
<i class="fa fa-twitter"> </i>
<i class="fa fa-instagram"> </i>
</h5>
</div>
</div>
</address>
</div>
<!-- end latest post -->
<!-- Contact info about company -->
<div class="col-sm-4" style="padding-top: 26px;padding-left: 28px;">
<h3 class="heading-info heading-info--mobile " style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(243, 243, 243);">Contact info:</span></h3>
<!-- Contact information about company -->
<address class="contact-info contact-info--list">
<div class="row">
<div class="col-xs-6 col-sm-12 one-column">
<span class="contact-info__item editContent" data-selector="Footers" style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="font-family: kanit;"><span style="font-size: 14px;"><i class="fa fa-location-arrow" style=" padding-top: 2px; color: #03A9F4; "></i>
</span></span></span><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);"><span style="font-family: kanit;"><span style="font-size: 14px;"><span style="color: rgb(204, 204, 204);">บริษัท ดีแอดวานซ์ จำกัด <br>390/15 ถ.เทพารักษ์ ต.เทพารักษ์ อ.เมือง จ.สมุทรปราการ 10270</span></span></span></span></span></span></span></span></span>
<span class="contact-info__item editContent" data-selector="Footers" style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="font-family: kanit;"><span style="font-size: 14px;"><i class="fa fa-mobile"></i>
</span></span></span><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);"><span style="font-family: kanit;"><span style="font-size: 14px;"><a href="tel:0851115000" target="_blank" style="position: relative;"><span style="color: rgb(204, 204, 204);">094 395 2888</span></a>, <a href="tel:0943952888" target="_blank"><span style="color: rgb(204, 204, 204);">061 424 5496</span></a><a href="tel:0614245496" target="_blank"></a></span></span></span></span></span></span></span></span>
</div>
<div class="col-xs-6 col-sm-12 one-column">
<span class="contact-info__item editContent" data-selector="Footers" unselectable="on" style="position: relative; user-select: none;"><span style="font-family: kanit;"><span style="color: rgb(204, 204, 204);"><span style="font-size: 16px;"><span style="color: rgb(204, 204, 204);"><span style="color: rgb(3, 169, 244);"><i class="fa fa-envelope" style=" color: #03A9F4; "> </i></span><a href="mailto:[email protected]" style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(204, 204, 204);">[email protected]</span></a></span></span></span></span></span><span class="contact-info__item editContent" data-selector="Footers" unselectable="on" style="position: relative; user-select: none; padding-left: 0px;"><span style="color: rgb(243, 243, 243);"><span style="font-family: kanit;"><span><span style="font-size: 16px;"><i class="fa fa-comment" style="padding-top: 4px;padding-left: 6px;color: #03A9F4;"></i>
</span></span></span></span><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);"><span><span style="font-family: kanit;"><span style="padding-left: 16px;"><span style="font-size: 16px;">LINE ID: <a href="https://line.me/ti/p/~dadvance" target="_blank" style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(204, 204, 204);">Dadvance</span></a></span></span></span></span></span></span></span>
</div>
</div>
</address>
<!-- end contact information -->
</div>
<!-- end contact info -->
<!-- Contact info 2 about company -->
<div class="col-sm-4" style="
padding-top: 26px;
padding-left: 20px;
">
<h3 class="heading-info heading-info--mobile " style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(243, 243, 243);">Follow us:</span></h3>
<!-- Contact information about company -->
<address class="contact-info contact-info--list">
<div class="row">
<div class="col-xs-6 col-sm-12 one-column" style="display:none">
<span class="contact-info__item editContent" data-selector="Footers" style="position: relative; user-select: none; padding-left: 8px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="font-family: kanit;"><span style="font-size: 16px;"><i class="fa fa-facebook-official" style=" padding-top: 1px; color: #03A9F4; "></i>
</span></span></span><span style="color: rgb(243, 243, 243);padding-left: 17px;"><span style="color: rgb(204, 204, 204);"><span style="font-family: kanit;"><span style="font-size: 16px;">Facebook: <a href="https://www.facebook.com/ThaiCago" target="_blank" style="position: relative; user-select: none;" unselectable="on"><span style="color: rgb(204, 204, 204);">ThaiCago</span></a></span></span></span></span></span>
<span class="contact-info__item editContent" data-selector="Footers" style="position: relative; user-select: none; padding-left: 7px;" unselectable="on"><span style="color: rgb(243, 243, 243);"><span style="font-family: kanit;"><span style="font-size: 16px;"><i class="fa fa-twitter" style=" padding-top: 2px; color: #03A9F4; "></i>
</span></span></span><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);"><span style="font-family: kanit;"><span style="font-size: 16px;padding-left: 16px;">Twitter: <a href="https://twitter.com/thaicago" target="_blank" style="position: relative;"><span style="color: rgb(204, 204, 204);">ThaiCago</span></a></span></span></span></span></span></span></span></span>
</div>
<div class="col-xs-6 col-sm-12 one-column">
<span class="contact-info__item editContent" data-selector="Footers" unselectable="on" style="display:none"><span style="color: rgb(243, 243, 243);"><span style="font-family: kanit;"><span style="font-family: kanit;"><span style="font-size: 16px;"><i class="fa fa-instagram" style=" padding-top: 6px; color: #03A9F4; "></i>
</span></span></span></span><span style="color: rgb(243, 243, 243);"><span><span style="font-family: kanit;"><span style="font-size: 16px;">
</span></span></span><span style="color: rgb(204, 204, 204);"><span><span style="font-family: kanit;"><span style="font-size: 16px;padding-left: 17px;">Instagram: <a href="https://www.instagram.com/thaicago" target="_blank" style="position: relative;"><span style="color: rgb(204, 204, 204);">ThaiCago</span></a></span></span></span></span></span></span><span class="contact-info__item editContent" data-selector="Footers" unselectable="on" style="position: relative; user-select: none; padding-left: 0px;"><span style="color: rgb(243, 243, 243);padding-left: 7px;"><span style="font-family: kanit;"><span><span style="font-size: 16px;"><i class="fa fa-comment" style="color: #03A9F4;"></i>
</span></span></span></span><span style="color: rgb(243, 243, 243);"><span style="color: rgb(204, 204, 204);"><span><span style="font-family: kanit;"><span style="padding-left: 16px;"><span style="font-size: 16px;">LINE Official: Cago</span></span></span></span></span></span></span>
</div>
</div>
</address>
<!-- end contact information -->
</div>
<!-- end contact info -->
<!-- end social links -->
</div><!-- end row -->
<div class="copy text" style="margin-top: 14px;border-top-color: rgba(255,255,255,0.1);">
<span class="editContent" data-selector="Footers" style="position: relative; user-select: none;" unselectable="on"><span style="font-size: 14px;"><span style="font-family: kanit;"><a href="cago.co" unselectable="on" target="_blank" style="position: relative; user-select: none;"><span style="color: rgb(68, 68, 68);"><span style="color: rgb(117, 133, 148);"><span style="font-size: 12px;">Copyright © 2019</span> <span style="color: rgb(3, 169, 244);">Vcago.com</span><strong> </strong><em>By </em></span></span></a><em><a href="//dadvance.com" target="_blank" unselectable="on" style="position: relative; user-select: none;">D-Advance Co., Ltd.</a></em></span></span><span style="color: rgb(68, 68, 68);"><a href="#"></a>.</span></span><span style="font-size: 14px;"><span style="font-family: kanit;"></span></span>
</div>
</div><!-- end container -->
</div>
</div>
</div>
<!-- Load JS here for greater good =============================-->
<script src="/elements/js/jquery-1.11.1.min.js?v=1.0"></script>
<script src="/elements/js/jquery-migrate.min.js?v=1.0"></script>
<script src="/elements/js/jquery-ui.min.js?v=1.0"></script>
<script src="/elements/js/jquery.ui.touch-punch.min.js?v=1.0"></script>
<script src="/bootstrap/js/bootstrap.min.js?v=1.0"></script>
<script src="/elements/js/bootstrap-select.js?v=1.0"></script>
<script src="/elements/js/bootstrap-switch.js?v=1.0"></script>
<script src="/elements/js/bootstrap-modal.js?v=1.0"></script>
<script src="/elements/js/bootstrap-modalmanager.js?v=1.0"></script>
<script src="/elements/js/flatui-checkbox.js?v=1.0"></script>
<script src="/elements/js/flatui-radio.js?v=1.0"></script>
<script src="/elements/js/jquery.tagsinput.js?v=1.1"></script>
<script src="/elements/js/jquery.placeholder.js?v=1.0"></script>
<script src="/elements/js/jquery.nivo.slider.pack.js?v=1.0"></script>
<script src="/elements/js/jquery.lazyload.min.js?v=1.0"></script>
<script src="/elements/js/application.js?v=1.0"></script>
<script src="/elements/js/video.js?v=1.0"></script>
<script src="/elements/js/over.js?v=1.0"></script>
<script src="/elements/js/jquery.magnific-popup.min.js?v=1.0"></script>
<script src="/elements/js/imagesloaded.3.1.8.min.js?v=1.0"></script>
<script src="/elements/js/jquery.masonry.3.2.1.min.js?v=1.0"></script>
<script src="/elements/vendor/fancybox/jquery.fancybox.js?v=1.0"></script>
<script src="/elements/vendor/fancybox/helpers/jquery.fancybox-buttons.js?v=1.0"></script>
<script src="/elements/vendor/fancybox/helpers/jquery.fancybox-media.js?v=1.0"></script>
<script src="/elements/vendor/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0"></script>
<script type="text/javascript" src="/elements/js/webslidemenu.js?v=1.0.2"></script>
<script type="text/javascript">
$(document).ready(function() {
//console.log($container.html());
if (typeof $('.masonry-container').html() !== 'undefined') {
var $container = $('.masonry-container');
$container.imagesLoaded( function (e) {
$container.masonry({
columnWidth: '.item',
itemSelector: '.item'
});
});
//Reinitialize masonry inside each panel after the relative tab link is clicked -
$('a[data-toggle=tab]').each(function () {
var $this = $(this);
$this.on('shown.bs.tab', function () {
$container.imagesLoaded( function () {
$container.masonry({
columnWidth: '.item',
itemSelector: '.item'
});
});
}); //end shown
}); //end each
}
if (typeof $('.image-popup-vertical-fit').html() !== 'undefined') {
$('.image-popup-vertical-fit').magnificPopup({
type: 'image',
closeOnContentClick: true,
mainClass: 'mfp-img-mobile',
image: {
verticalFit: true
}
});
}
if (typeof $('.image-popup-fit-width').html() !== 'undefined') {
$('.image-popup-fit-width').magnificPopup({
type: 'image',
closeOnContentClick: true,
image: {
verticalFit: false
}
});
}
if (typeof $('.image-popup-no-margins').html() !== 'undefined') {
$('.image-popup-no-margins').magnificPopup({
type: 'image',
closeOnContentClick: true,
closeBtnInside: false,
fixedContentPos: true,
mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
image: {
verticalFit: true
},
zoom: {
enabled: true,
duration: 300 // don't foget to change the duration also in CSS
}
});
}
if (typeof $('.popup-gallery').html() !== 'undefined') {
$('.popup-gallery').each(function() {
$(this).magnificPopup({
delegate: 'a',
type: 'image',
tLoading: 'Loading image #%curr%...',
mainClass: 'mfp-img-mobile',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
markup: '<div class="mfp-figure">'+
'<div class="mfp-close"></div>'+
'<div class="mfp-img" style="height:400px;"></div>'+
'<div class="mfp-bottom-bar">'+
'<div class="mfp-title"></div>'+
'<div class="mfp-counter"></div>'+
'</div>'+
'</div>', // Popup HTML markup. `.mfp-img` div will be replaced with img tag, `.mfp-close` by close button
cursor: 'mfp-zoom-out-cur', // Class that adds zoom cursor, will be added to body. Set to null to disable zoom out cursor.
verticalFit: true,
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
titleSrc: function(item) {
return item.el.attr('title') + '<small>' + item.el.attr('description') +'</small>';
}
},
callbacks: {
beforeOpen: function() {
// console.log('Start of popup initialization');
},
elementParse: function(item) {
// Function will fire for each target element
// "item.el" is a target DOM element (if present)
// "item.src" is a source that you may modify
// console.log('Parsing content. Item object that is being parsed:', item);
},
change: function() {
// console.log('Content changed');
// console.log(this.content); // Direct reference to your popup element
},
resize: function() {
//console.log('Popup resized');
// resize event triggers only when height is changed or layout forced
},
open: function() {
//console.log('Popup is opened');
},
beforeClose: function() {
// Callback available since v0.9.0
//console.log('Popup close has been initiated');
},
close: function() {
// console.log('Popup removal initiated (after removalDelay timer finished)');
},
afterClose: function() {
//console.log('Popup is completely closed');
},
lazyLoad: function(item) {
//console.log(item); // Magnific Popup data object that should be loaded
}
}
});
});
}
if (typeof $('.fancybox-thumbs').html() !== 'undefined') {
$('.fancybox-thumbs').fancybox({
padding:0,
prevEffect : 'none',
nextEffect : 'none',
/* closeBtn : false,
arrows : false,*/
nextClick : true,
onUpdate: function() {
$(".fancybox-wrap.fancybox-opened").css({'overflow':'visible'});
},
nextClick : true,
helpers : {
thumbs : {
width : 50,
height : 50
},title : {
type : 'outside'
},
}
});
}
});
</script>
<script src="https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/js/moment-with-locales.js"></script><script src="https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/js/bootstrap-datetimepicker.min.js"></script><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/en_US/sdk.js#xfbml=1&version=v2.6&appId=862694763875662";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script src="https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/js/validator.min.js"></script>
<script src="https://vcago.com/assets/ae928fafew3ei2ffewo/js/wow.min.js"></script>
<script src="https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/vendor/cooltext/TweenMax.min.js"></script>
<script src="https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/vendor/cooltext/cooltext.animations.js"></script>
<script src="https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/vendor/cooltext/cooltext.min.js"></script>
<script src="https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/vendor/cooltext/starfield1.js"></script>
<script>
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
loadjscssfile("https://vcago.com/assets/ae928fafew3ei2ffewo/css/animate.min.css", "css") ////dynamically load and add this .css file
//loadjscssfile("https://vcago.com/assets/ae928fafew3ei2ffewo/js/wow.min.js", "js") ////dynamically load and add this .css file
loadjscssfile("https://vcago.com/elements/css/video.css", "css")
$.fn.extend({
animateCss: function (animationName) {
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
this.addClass('animated ' + animationName).one(animationEnd, function() {
$(this).removeClass('animated ' + animationName);
});
}
});
$(document).ready(function() {
// Instantiate the Bootstrap carousel
$('.multi-item-carousel').carousel({
interval: 2500
});
// for every slide in carousel, copy the next slide's item in the slide.
// Do the same for the next, next item.
$('.multi-item-carousel .item').each(function(){
var next = $(this).next();
if (!next.length) {
next = $(this).siblings(':first');
}
next.children(':first-child').clone().appendTo($(this));
if (next.next().length>0) {
next.next().children(':first-child').clone().appendTo($(this));
} else {
$(this).siblings(':first').children(':first-child').clone().appendTo($(this));
}
});
$.each($(".videoWrapper"), function( index, value ) {
if ($(this).data("autoplay") == true){
src = $(this).find("iframe").attr('src');
console.log(src);
$(this).find("iframe").attr('src', src.replace("&","&") + '&autoplay=1&muted=1&loop=1&rel=0&controls=false');
$(this).find("iframe").show();
}
});
$("*").css("outline","");
var isMobile = false; //initiate as false
// device detection
if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)
|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) isMobile = true;
if(isMobile == true)
{
// $(".carousel.carousel-video").css("max-height","210px");
$(".carousel.carousel-video video").hide();
$(".carousel.carousel-video img").show();
// console.log('mobile');
}
else
{
$.each($(".carousel.carousel-video .carousel-indicators li"), function( index, value ) {
if (index >1) {
$(this).remove();
}
});
$.each($(".carousel.carousel-video .carousel-inner div.item"), function( index, value ) {
if (index >1) {
$(this).remove();
}
});
$(".carousel.carousel-video .carousel-inner").css("max-height","500px");
$(".carousel.carousel-video img").hide();
$(".carousel.carousel-video video").show();
$(".carousel.carousel-video video").css("width","100%");
$(".carousel.carousel-video").carousel({
interval: 15000
});
$(".carousel.carousel-video video").attr("autoplay","");
//console.log('not mobile');
}
var wow = new WOW(
{
boxClass: 'wow', // animated element css class (default is wow)
animateClass: 'animated', // animation css class (default is animated)
offset: 0, // distance to the element when triggering the animation (default is 0)
mobile: true, // trigger animations on mobile devices (default is true)
live: true, // act on asynchronously loaded content (default is true)
callback: function(box) {
// the callback is fired every time an animation is started
// the argument that is passed in is the DOM node being animated
},
scrollContainer: null, // optional scroll container selector, otherwise use window,
resetAnimation: true, // reset animation on end (default is true)
}
);
wow.init();
$("#point-round-4").css("display","none");
$("#onlyheader31 .smallogo img").attr("src",$("#onlyheader31 .logoH1 img").attr("src"));
/*
$(".navbar-toggle").append("<span class='sbg' style='color:#fff;'>Menu</span>");
$("button.navbar-toggle").css("background-color",$("nav.navbar").css("background-color"));
setTimeout(function(){
$(".navbar-toggle .sbg").css("color",$("ul.menubar li:not(.active):first > a").css("color"));
$("button.navbar-toggle").css("border-color",$("ul.menubar li:not(.active):first > a").css("color"));
$("button.navbar-toggle").css("color",$("ul.menubar li:not(.active):first > a").css("color"));
}, 500);
*/
$("form[name=formMjReservations] .r_mealpreference").css("display","none");
$("form[name=formMjReservations] input[name=assettype]").click(function() {
$("form[name=formMjReservations] .r_groundhandling").css("display","none");
$("form[name=formMjReservations] .r_mealpreference").css("display","none");
if ($(this).val() == 'ground_handling'){
$("form[name=formMjReservations] .r_groundhandling").css("display","block");
}else if ($(this).val() == 'charter'){
$("form[name=formMjReservations] .r_mealpreference").css("display","block");
}
});
$("label[for=filecv]").html('Upload your CV (only file .jpg, gif, .png .pdf) maximum size 10 MB');
$("form[name=formMjReservations] #assettype2").attr('checked', 'checked');
$("label[for=filecoverletter]").html('Upload your Cover Letter (only file .jpg, gif, .png .pdf) maximum size 10 MB');
$('#dtp_depart_date_time').datetimepicker({
//useCurrent: true,
useCurrent: false,
minDate: moment(new Date()),
// defaultDate:null, //moment(new Date()),
// showTodayButton: true,
format: 'YYYY-MM-DD HH:mm'
});
$('#dtp_return_date_time').datetimepicker({
useCurrent: false,
// useCurrent: true,
// showTodayButton: true,
//minDate: moment(new Date()),
format: 'YYYY-MM-DD HH:mm'
});
$("#dtp_return_date_time").click(function() {
$(this).find(".bootstrap-datetimepicker-widget.dropdown-menu").css("opacity","1");
$(this).find(".bootstrap-datetimepicker-widget.dropdown-menu").css("visibility","visible");
});
$("#dtp_depart_date_time").click(function() {
$(this).find(".bootstrap-datetimepicker-widget.dropdown-menu").css("opacity","1");
$(this).find(".bootstrap-datetimepicker-widget.dropdown-menu").css("visibility","visible");
});
$("#dtp_depart_date_time").on("dp.change", function (e) {
$('#dtp_return_date_time').data("DateTimePicker").minDate(e.date);
});
$("#dtp_return_date_time").on("dp.change", function (e) {
$('#dtp_depart_date_time').data("DateTimePicker").maxDate(e.date);
});
});
//$(".banner2").animateCss('bounce');
$('body').prepend('<a class="w-toplink" href="#"><i class="fa fa-chevron-up"></i></a>');
$(window).scroll(function() {
var scrollDownLink = $('.w-toplink');
if ($(window).scrollTop() < 5) {
scrollDownLink.removeClass('active');
} else {
scrollDownLink.addClass('active');
}
});
$('a.w-toplink').click(function() {
$('html, body').animate({
scrollTop: 0
}, 700);
return false;
});
$(function(){
var pUrl = 'https://vcago.com/';
var newUrl = '';
if (typeof $(document).find(".likeFbWrapper").html() != 'undefined') {
newUrl = setParameterByName($(document).find(".likeFbWrapper").find("iframe").attr("src"),'href',pUrl);
$(document).find(".likeFbWrapper").find("iframe").attr("src",newUrl);
}
if (typeof $(document).find(".shareFbWrapper").html() != 'undefined') {
newUrl = setParameterByName($(document).find(".shareFbWrapper").find("iframe").attr("src"),'href',pUrl);
$(document).find(".shareFbWrapper").find("iframe").attr("src",newUrl);
}
if (typeof $(document).find(".likeWithShareFbWrapper").html() != 'undefined') {
newUrl = setParameterByName($(document).find(".likeWithShareFbWrapper").find("iframe").attr("src"),'href',pUrl);
$(document).find(".likeWithShareFbWrapper").find("iframe").attr("src",newUrl);
}
if (typeof $(document).find(".commentsFbWrapper").html() != 'undefined') {
newUrl = setParameterByName($(document).find(".commentsFbWrapper").find("iframe").attr("src"),'href',pUrl);
$(document).find(".commentsFbWrapper").find(".fb-comments").attr("data-href",pUrl);
$(document).find(".commentsFbWrapper").find("iframe").attr("src",newUrl);
$(document).find(".commentsFbWrapper").css("width","100%");
}
if (typeof $(document).find(".masonry-container").html() != 'undefined') {
// $(document).find(".masonry-container li").css("transition","");
// $(document).find(".masonry-container li").css("transform","");
}
$("*").css("-webkit-user-select","");
$("ul.wsmenu-list.menubar").css("position","");
$.each($(".bloggalleryCover"), function( index, value ) {
showArticles($(this));
});
$.each($(".galleryCover"), function( index, value ) {
$container = $(this).find('.masonry-container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.item',
// fitWidth: true
});
});
});
$('img').imagesLoaded()
.always( function( instance ) {
// console.log('all images loaded');
})
.done( function( instance ) {
// console.log('all images successfully loaded');
})
.fail( function() {
// console.log('all images loaded, at least one is broken');
})
.progress( function( instance, image ) {
var result = image.isLoaded ? 'loaded' : 'broken';
//console.log( 'image is ' + result + ' for ' + image.img.src );
});
$('.galleryCover').imagesLoaded()
.always( function( instance ) {
// console.log('all images loaded');
})
.done( function( instance ) {
// console.log('all images successfully loaded');
})
.fail( function() {
// console.log('all images loaded, at least one is broken');
})
.progress( function( instance, image ) {
var result = image.isLoaded ? 'loaded' : 'broken';
//console.log( 'image is ' + result + ' for ' + image.img.src );
});
$(".contactCover form[name=formMjReservations]").validator().on('submit', function (e) {
if (e.isDefaultPrevented()) {
// handle the invalid form...
} else {
// everything looks good!
var isSend = true;
var data = $( this ).serialize();
var self = $(this);
var ret = "";
if (isSend == false) {
return fase;
}
$.ajax({
url: 'https://vcago.com/send_mjets_reservations',
data: data,
type: 'post',
dataType: 'json',
beforeSend: function() {
isSend =false;
if (typeof self.find(".data-result").html() == 'undefined') {
ret = self.append("<div style='text-center' class='data-result'></div>");
}else{
ret = self;
}
ret.find(".data-result").html("sending...");
},
success: function(data){
if (data != null) {
if (data.result == 'ok') {
ret.find(".data-result").html("<span class='text-success'>"+data.message+"</span>");
$( self).each(function(){
this.reset();
});
$(".various_inline").trigger('click');
}else{
ret.find(".data-result").html("<span class='text-danger'>"+data.message+"</span>");
}
}else{
ret.find(".data-result").html("<span class='text-danger'>send data error!!!</span>");
}
isSend = true;
}
});
return false;
}
});
$(".contactCover form[name=formMjCareers]").validator().on('submit', function (e) {
if (e.isDefaultPrevented()) {
// handle the invalid form...
} else {
// everything looks good!
var isSend = true;
var data = new FormData(this); //$( this ).serialize();
var self = $(this);
var ret = "";
if (isSend == false) {
return fase;
}
$.ajax({
url: 'https://vcago.com/send_mjets_careers',
data: data,
type: 'post',
dataType: 'json',
cache: false,
contentType: false,
processData: false,
beforeSend: function() {
isSend =false;
if (typeof self.find(".data-result").html() == 'undefined') {
ret = self.append("<div style='text-center' class='data-result'></div>");
}else{
ret = self;
}
ret.find(".data-result").html("sending...");
},
success: function(data){
if (data != null) {
if (data.result == 'ok') {
ret.find(".data-result").html("<span class='text-success'>"+data.message+"</span>");
$( self).each(function(){
this.reset();
});
}else{
ret.find(".data-result").html("<span class='text-danger'>"+data.message+"</span>");
}
}else{
ret.find(".data-result").html("<span class='text-danger'>send data error!!!</span>");
}
isSend = true;
}
});
return false;
}
});
$(".contactCover form[name=formLwsQuotation]").validator().on('submit', function (e) {
if (e.isDefaultPrevented()) {
// handle the invalid form...
} else {
// everything looks good!
var isSend = true;
var data = $( this ).serialize();
var self = $(this);
var ret = "";
if (isSend == false) {
return fase;
}
$.ajax({
url: 'https://vcago.com/send_cws_quotation',
data: data,
type: 'post',
dataType: 'json',
beforeSend: function() {
isSend =false;
if (typeof self.find(".data-result").html() == 'undefined') {
ret = self.append("<div style='text-center' class='data-result'></div>");
}else{
ret = self;
}
ret.find(".data-result").html("sending...");
},
success: function(data){
if (data != null) {
if (data.result == 'ok') {
ret.find(".data-result").html("<span class='text-success'>"+data.message+"</span>");
$( self).each(function(){
this.reset();
});
}else{
ret.find(".data-result").html("<span class='text-danger'>"+data.message+"</span>");
}
}else{
ret.find(".data-result").html("<span class='text-danger'>send data error!!!</span>");
}
isSend = true;
}
});
return false;
}
});
$(".contactCover form[name=formContact1]").validator().on('submit', function (e) {
if (e.isDefaultPrevented()) {
// handle the invalid form...
} else {
// everything looks good!
var isSend = true;
var data = $( this ).serialize();
var self = $(this);
var ret = "";
if (isSend == false) {
return fase;
}
$.ajax({
url: 'https://vcago.com/send_contact/formContact1',
data: data,
type: 'post',
dataType: 'json',
beforeSend: function() {
isSend =false;
if (typeof self.find(".data-result").html() == 'undefined') {
ret = self.append("<div style='text-center' class='data-result'></div>");
}else{
ret = self;
}
ret.find(".data-result").html("sending...");
},
success: function(data){
if (data != null) {
if (data.result == 'ok') {
ret.find(".data-result").html("<span class='text-success'>"+data.message+"</span>");
$( self).each(function(){
this.reset();
});
}else{
ret.find(".data-result").html("<span class='text-danger'>"+data.message+"</span>");
}
}else{
ret.find(".data-result").html("<span class='text-danger'>send data error!!!</span>");
}
isSend = true;
}
});
return false;
}
});
$(".contactCover form[name=formContact2]").validator().on('submit', function (e) {
if (e.isDefaultPrevented()) {
// handle the invalid form...
} else {
// everything looks good!
var isSend = true;
var data = $( this ).serialize();
var self = $(this);
var ret = "";
if (isSend == false) {
return fase;
}
$.ajax({
url: 'https://vcago.com/send_contact/formContact2',
data: data,
type: 'post',
dataType: 'json',
beforeSend: function() {
isSend =false;
if (typeof self.find(".data-result").html() == 'undefined') {
ret = self.append("<div style='text-center' class='data-result'></div>");
}else{
ret = self;
}
ret.find(".data-result").html("sending...");
},
success: function(data){
if (data != null) {
if (data.result == 'ok') {
ret.find(".data-result").html("<span class='text-success'>"+data.message+"</span>");
$( self).each(function(){
this.reset();
});
}else{
ret.find(".data-result").html("<span class='text-danger'>"+data.message+"</span>");
}
}else{
ret.find(".data-result").html("<span class='text-danger'>send data error!!!</span>");
}
isSend = true;
}
});
return false;
}
});
$(".contactCover form[name=formContact3]").validator().on('submit', function (e) {
if (e.isDefaultPrevented()) {
// handle the invalid form...
} else {
// everything looks good!
var isSend = true;
var data = $( this ).serialize();
var self = $(this);
var ret = "";
if (isSend == false) {
return fase;
}
$.ajax({
url: 'https://vcago.com/send_contact/formContact3',
data: data,
type: 'post',
dataType: 'json',
beforeSend: function() {
isSend =false;
if (typeof self.find(".data-result").html() == 'undefined') {
ret = self.append("<div style='text-center' class='data-result'></div>");
}else{
ret = self;
}
ret.find(".data-result").html("sending...");
},
success: function(data){
if (data != null) {
if (data.result == 'ok') {
ret.find(".data-result").html("<span class='text-success'>"+data.message+"</span>");
$( self).each(function(){
this.reset();
});
}else{
ret.find(".data-result").html("<span class='text-danger'>"+data.message+"</span>");
}
}else{
ret.find(".data-result").html("<span class='text-danger'>send data error!!!</span>");
}
isSend = true;
}
});
return false;
}
});
$(".contactCover form[name=formContact5]").validator().on('submit', function (e) {
if (e.isDefaultPrevented()) {
// handle the invalid form...
} else {
// everything looks good!
var isSend = true;
var data = $( this ).serialize();
var self = $(this);
var ret = "";
if (isSend == false) {
return fase;
}
$.ajax({
url: 'https://vcago.com/send_contact/formContact5',
data: data,
type: 'post',
dataType: 'json',
beforeSend: function() {
isSend =false;
if (typeof self.find(".data-result").html() == 'undefined') {
ret = self.append("<div style='text-center' class='data-result'></div>");
}else{
ret = self;
}
ret.find(".data-result").html("sending...");
},
success: function(data){
if (data != null) {
if (data.result == 'ok') {
ret.find(".data-result").html("<span class='text-success'>"+data.message+"</span>");
$( self).each(function(){
this.reset();
});
}else{
ret.find(".data-result").html("<span class='text-danger'>"+data.message+"</span>");
}
}else{
ret.find(".data-result").html("<span class='text-danger'>send data error!!!</span>");
}
isSend = true;
}
});
return false;
}
});
$(".contactCover form[name=formContact6]").validator().on('submit', function (e) {
if (e.isDefaultPrevented()) {
// handle the invalid form...
} else {
// everything looks good!
var isSend = true;
var data = $( this ).serialize();
var self = $(this);
var ret = "";
if (isSend == false) {
return fase;
}
$.ajax({
url: 'https://vcago.com/send_contact/formContact6',
data: data,
type: 'post',
dataType: 'json',
beforeSend: function() {
isSend =false;
if (typeof self.find(".data-result").html() == 'undefined') {
ret = self.append("<div style='text-center' class='data-result'></div>");
}else{
ret = self;
}
ret.find(".data-result").html("sending...");
},
success: function(data){
if (data != null) {
if (data.result == 'ok') {
ret.find(".data-result").html("<span class='text-success'>"+data.message+"</span>");
$( self).each(function(){
this.reset();
});
}else{
ret.find(".data-result").html("<span class='text-danger'>"+data.message+"</span>");
}
}else{
ret.find(".data-result").html("<span class='text-danger'>send data error!!!</span>");
}
isSend = true;
}
});
return false;
}
});
var mlength = 1;
if ($('ul.menubar li').length == mlength) {
if ($(window).width() < 768){
$("button.navbar-toggle").css("display","none");
}
}
$(window).resize(function(){
if ($('ul.menubar li').length == mlength) {
if ($(window).width() < 768){
$("button.navbar-toggle").css("display","none");
}
}
});
$(window).bind('scroll', function(e) {
var navHeight = $("#page > *").eq(0).height();
if ($(window).scrollTop() > navHeight) {
if ($('ul.menubar li').length != mlength) {
$("#page > *").eq(0).find("nav.navbar").addClass("navbar-fixed-top");
}
//$(".cart-tab").css("top",$("ul.menubar").height()+20);
//$(".menu-tab").css("top",$("ul.menubar").height()+100);
}else{
$("#page > *").eq(0).find("nav.navbar.navbar-fixed-top").removeClass("navbar-fixed-top");
//$(".cart-tab").css("top",$("ul.menubar").offset().top + $("ul.menubar").height()+2);
//$(".menu-tab").css("top",$("ul.menubar").offset().top + $("ul.menubar").height()+82);
}
});
$.each( $("a"), function() {
if (($(this).attr("href") && $(this).attr("href").substring(0,1) != '#') && $(this).attr("href").indexOf(".") == -1 && $(this).attr("href").indexOf("tel:") == -1 && $(this).attr("href").indexOf("mailto:") == -1) {
$(this).attr("href","https://vcago.com/"+ $(this).attr("href"));
}
});
$.each( $("img"), function() {
if (typeof $(this).attr("src") != 'undefined') {
if ( $(this).attr("src").substring(0,6) == 'images' ) {
$(this).attr("src","/"+$(this).attr("src"));
}
}
});
});
function setParameterByName(url, param, paramVal){
var TheAnchor = null;
var newAdditionalURL = "";
var tempArray = url.split("?");
var baseURL = tempArray[0];
var additionalURL = tempArray[1];
var temp = "";
if (additionalURL)
{
var tmpAnchor = additionalURL.split("#");
var TheParams = tmpAnchor[0];
TheAnchor = tmpAnchor[1];
if(TheAnchor)
additionalURL = TheParams;
tempArray = additionalURL.split("&");
for (i=0; i<tempArray.length; i++)
{
if(tempArray[i].split('=')[0] != param)
{
newAdditionalURL += temp + tempArray[i];
temp = "&";
}
}
}
else
{
var tmpAnchor = baseURL.split("#");
var TheParams = tmpAnchor[0];
TheAnchor = tmpAnchor[1];
if(TheParams)
baseURL = TheParams;
}
if(TheAnchor)
paramVal += "#" + TheAnchor;
var rows_txt = temp + "" + param + "=" + paramVal;
return baseURL + "?" + newAdditionalURL + rows_txt;
}
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
function showArticles(content) {
var data = {
};
$.ajax({
url: 'https://vcago.com/get_articles',
data: data,
type: 'post',
dataType: 'html',
beforeSend: function() {
// $(content).find("div.container:first").hide();
},
success: function(data){
$("#blog_gallery > div:first").css("padding","");
$(".bloggalleryCover > div > div.row .col-sm-6").css("padding-left","");
$(".bloggalleryCover > div > div.row .col-sm-6").css("padding-right","");
$("#blog_gallery > div > div.row .col-sm-6").css("padding-left","");
$("#blog_gallery > div > div.row .col-sm-6").css("padding-right","");
$(content).find("div:first").html(data);
//$(content).find("div.container:first").fadeIn(500);
//Initiate maosnry
$container = $(content).find('.blog-items');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.blog-item',
// fitWidth: true
});
});
}
});
}
function initblogsMasonry(){
var $container = $('.blog-items');
$container.imagesLoaded(function() {
$container.masonry('reload');
$container.masonry({
isInitLayout : true,
itemSelector: '.blog-items'
});
});
}
</script>
<script src="https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/vendor/sticky-sidebar/jquery.sticky-sidebar.js"></script>
<script src="https://vcago.com/assets/b3a6b53c7b4f79cf5d42c9029524f752/vendor/zoom/jquery.zoom.js"></script>
<script>
function chkPorductVariant() {
var vid = "";
$.each($(".product_option .product_variant"), $.proxy(function(index, data) {
if ($(data).hasClass("optiondroplist")) {
if (typeof $(data).val() == 'undefined') {
return false;
}
vid += $(data).val() + "-";
} else {
if (typeof $(data).find("li.active a").data("value") == 'undefined') {
return false;
}
vid += $(data).find("li.active a").data("value") + "-";
}
}, this))
if (vid.length > 1) {
vid = vid.substring(0, vid.length - 1)
var pid = $('.product-detail ').attr("id");
$.ajax({
url: 'https://vcago.com/product/product_option_variant_image',
type: "post",
data: {
pid: pid,
vid: vid
},
dataType: "json",
beforeSend: function() {
}
}).done(function(data) {
if (typeof data == 'object') {
if (data.error != true) {
$(".product-images ").html('');
$.each(data, $.proxy(function(i, d) {
$(".product-images ").append("<div class='row img-zoom'><img src='https://vcago.com/public/products/images/" + d.file_name + "' style='width:100%;'></img></div>");
//$(".product-images ").append("<img src='https://vcago.com/public/products/images/" + d.file_name+ "' style='width:100%;'></img>");
}, this));
} else {
$(".product-images ").html("<div class='row'><img src='https://vcago.com/images/no-image2.png' style='width:100%;'></img></div>");
}
}
$(".product-images .img-zoom").zoom();
}).fail(function(jqXHR, textStatus, errorThrown) {
console.log('error');
$(".product-images ").html("<div class='row' ><img src='https://vcago.com/images/no-image2.png' style='width:100%;'></img></div>");
});
}
}
$(function() {
$('.product-images').imagesLoaded()
.always(function(instance) {
// console.log('all images loaded');
})
.done(function(instance) {
// console.log('all images successfully loaded');
$(".product-images .img-zoom").zoom();
})
.fail(function() {
// console.log('all images loaded, at least one is broken');
})
.progress(function(instance, image) {
var result = image.isLoaded ? 'loaded' : 'broken';
// console.log( 'image is ' + result + ' for ' + image.img.src );
});
$(".product_variant a").off("click").on("click", function() {
$(this).closest(".product_variant").find("li.active").removeClass("active");
$(this).closest("li").addClass("active");
$(this).closest(".form-group").find(".variant_name_select").html(" : " + $(this).data('name'));
var self = $(this).closest(".product_variant");
$.each($(".product_variant"), $.proxy(function(index, data) {
if (self.attr("id") != $(data).attr("id")) {
if (typeof $(data).find("li.active a").data("value") == 'undefined') {
$(data).find("li:eq(0)").addClass("active");
}
}
}, this));
chkPorductVariant();
});
$(".clear_option").off("click").on("click", function() {
var pid = $('.product-detail ').attr("id");
$.ajax({
url: 'https://vcago.com/product/product_image',
type: "post",
data: {
pid: pid,
},
dataType: "json",
beforeSend: function() {
}
}).done(function(data) {
if (typeof data == 'object') {
if (data.error != true) {
$(".product-images ").html('');
$.each(data, $.proxy(function(i, d) {
$(".product-images ").append("<div class='row img-zoom'><img src='https://vcago.com/public/media/" + d + "' style='width:100%;'></img></div>");
//$(".product-images ").append("<img src='https://vcago.com/public/media/" + d+ "' style='width:100%;'></img>");
}, this));
} else {
$(".product-images ").html("<div class='row><img src='https://vcago.com/images/no-image2.png' style='width:100%;'></img></div>");
}
}
$(".product-images .img-zoom").zoom();
}).fail(function(jqXHR, textStatus, errorThrown) {
console.log('error');
$(".product-images ").html("<div class='row'><img src='https://vcago.com/images/no-image2.png' style='width:100%;'></img></div>");
});
});
$(window).scroll(function() {
var winHeight = $(window).height();
var scrollTop = $(window).scrollTop();
var imgSet = $(".product-images");
var footerSet = $(".footerWrapper");
var sticky = $(".sticky.product-description").offset();
if (typeof sticky != 'undefined') {
if (scrollTop >= sticky.top) {
if ((imgSet.height() + imgSet.offset().top) - scrollTop > 350 && scrollTop > imgSet.offset().top) {
$(".sticky.product-description").css("position", "fixed");
$(".sticky.product-description").css("top", "0");
} else {
$(".sticky.product-description").css("position", "relative");
$(".sticky.product-description").css("top", "initial");
}
} else {
$(".sticky.product-description").css("position", "relative");
$(".sticky.product-description").css("top", "initial");
}
}
});
//$("#page").hi{de();
$("body").fadeIn(500);
//$('img').imgPreload()
//$(".cart-tab").css("top",$("ul.menubar").offset().top + $("ul.menubar").height()+20);
//$(".menu-tab").css("top",$("ul.menubar").offset().top + $("ul.menubar").height()+100);
var $images = $('img');
$('header').each(function() {
var el = $(this),
sources, image;
if (sources = el.css('background-image')) {
$.each(sources.split(','), function(i, source) {
if (image = source.match(/url\((['"])?(.*?)\1\)/)) {
$images = $images.add($('<img>').attr('src', image.pop()));
}
});
}
});
$('div').each(function() {
var el = $(this),
sources, image;
if (sources = el.css('background-image')) {
$.each(sources.split(','), function(i, source) {
if (image = source.match(/url\((['"])?(.*?)\1\)/)) {
$images = $images.add($('<img>').attr('src', image.pop()));
}
});
}
});
$images.imagesLoaded().progress(function(instance, image) {
var result = image.isLoaded ? 'loaded' : 'broken';
//console.log('Image:', result, image.img.src);
//$(image.img).fadeIn(1000);
});
$fotorama = $('.product-detail .fotorama');
$fotorama.on('fotorama:fullscreenenter', function(e, fotorama, extra) {
fotorama.setOptions({
fit: 'contain'
});
});
$fotorama.on('fotorama:fullscreenexit', function(e, fotorama, extra) {
fotorama.setOptions({
fit: 'contain'
});
});
$(".productsgalleryCover .container.product-gallery").removeClass("container").addClass("container-fluid");
$(".productsgalleryCover").closest("#products_gallery").find("div.container-fluid:first").css("padding", "");
$(".addtocart2").off("click").on("click", function() {
// console.log($(this).closest('.product-detail').attr("id"));
$("#cartModal").modal('show');
});
$('#datetimepicker1').datetimepicker({
useCurrent: true,
format: 'HH:mm'
});
$("#datetimepicker1").click(function() {
$(this).find(".bootstrap-datetimepicker-widget.dropdown-menu").css("opacity", "1");
$(this).find(".bootstrap-datetimepicker-widget.dropdown-menu").css("visibility", "visible");
});
$('#datetimepicker2').datetimepicker({
locale: 'th',
format: 'YYYY-MM-DD'
});
$("#datetimepicker2").click(function() {
$(this).find(".bootstrap-datetimepicker-widget.dropdown-menu").css("opacity", "1");
$(this).find(".bootstrap-datetimepicker-widget.dropdown-menu").css("visibility", "visible");
});
$(".mPayment_temp").off("click").on("click", function() {
$("#paymentNoticeModal").modal();
$('#datetimepicker1').datetimepicker({
useCurrent: true,
format: 'HH:mm'
});
$('#datetimepicker2').datetimepicker({
locale: 'th',
format: 'YYYY-MM-DD'
});
});
});
/*
$('.tree-toggle').click(function () { $(this).parent().children('ul.tree').toggle(200);
});
$(function(){
$('.tree-toggle').parent().children('ul.tree').toggle(200);
})
*/
$(document).on("click", ".m_expande", function(e) {
//if ($(this).data("target"))
var tid = $(this).data("target");
var self = $(this);
/*
console.log($(tid).hasClass("collapse"));
console.log(tid);
console.log($(tid + ".collapsing").hasClass("in"));
return false;
*/
$(tid).on('shown.bs.collapse hidden.bs.collapse', function(e) {
if (e.type == 'shown') {
// console.log('ok');
$(self).html("<i class='fa fa-minus'> </i>");
//$(this).closest('.panel').css('background-color', 'pink')
return false;
} else if (e.type == 'hidden') {
//console.log('no');
$(self).html("<i class='fa fa-plus'> </i>");
//$(this).closest('.panel').css('background-color', '#fff')
return false;
}
})
});
$(document).on("click", ".acategory", function() {
var id = $(this).data("id");
var stateObj = {
cid: id
};
var stateTitle = "";
if (parseInt(id) > 0) {
history.pushState(stateObj, stateTitle, "https://vcago.com/" + "?cid=" + id);
// window.location.href ="https://vcago.com/" + "?cid="+id;
} else {
history.pushState(stateObj, stateTitle, "https://vcago.com/");
// window.location.href ="";
}
show_product(id, $(this));
return false;
});
function show_product(cat_id, el) {
var c_align = $(el).closest(".productsgalleryCover").attr('data-align');
var p_name_v = $(el).closest(".productsgalleryCover").attr('data-namevisible');
var p_price_v = $(el).closest(".productsgalleryCover").attr('data-pricevisible');
var p_detail_v = $(el).closest(".productsgalleryCover").attr('data-detailvisible');
var p_addtocart_v = $(el).closest(".productsgalleryCover").attr('data-addtocartvisible');
var p_rows = $(el).closest(".productsgalleryCover").attr('data-rows');
var p_cols = $(el).closest(".productsgalleryCover").attr('data-cols');
var p_padding = $(el).closest(".productsgalleryCover").attr('data-padding');
var p_margin = $(el).closest(".productsgalleryCover").attr('data-margin');
var hasCat = $(el).closest(".productsgalleryCover").find(".categorys_column").html();
var p_img_style = $(el).closest(".productsgalleryCover").attr('data-imagestyle');
if (typeof c_align == 'undefined') {
c_align = 'left';
}
if (typeof p_name_v == 'undefined') {
p_name_v = '1';
}
if (typeof p_price_v == 'undefined') {
p_price_v = '1';
}
if (typeof p_detail_v == 'undefined') {
p_detail_v = '1';
}
if (typeof p_addtocart_v == 'undefined') {
p_addtocart_v = '0';
}
if (typeof p_rows == 'undefined') {
p_rows = '5';
}
if (typeof p_cols == 'undefined') {
if (typeof hasCat == 'undefined') {
p_cols = '4';
} else {
p_cols = '3';
}
}
if (typeof p_padding == 'undefined') {
p_padding = '1';
}
if (typeof p_margin == 'undefined') {
p_margin = '1';
}
if (typeof p_img_style == 'undefined') {
p_img_style = 'horizontal';
}
var data = {
cat_id: cat_id,
c_align: c_align,
p_name_v: p_name_v,
p_price_v: p_price_v,
p_detail_v: p_detail_v,
p_addtocart_v: p_addtocart_v,
p_rows: p_rows,
p_cols: p_cols,
p_padding: p_padding,
p_margin: p_margin,
hasCat: hasCat,
p_img_style: p_img_style
};
$.ajax({
url: 'https://vcago.com/get_products',
type: "post",
data: data,
dataType: "json",
beforeSend: function() {
$(el).closest(".productsgalleryCover").find(".category_name_title").hide();;
$(el).closest(".productsgalleryCover").find(".product-gallery").hide();
}
}).done(function(data) {
// console.log(data);
$(el).closest(".productsgalleryCover").find(".category_name_title").html(' ' + data.category_name).fadeIn(500);
$(el).closest(".productsgalleryCover").find(".product-gallery").html(data.html).fadeIn(500);
$('html, body').animate({
scrollTop: $(el).closest(".productsgalleryCover").find(".product-gallery").offset().top - 120 //#DIV_ID is an example. Use the id of your destination on the page
}, 'slow');
initCustomization($('.product-detail'));
}).fail(function(jqXHR, textStatus, errorThrown) {
console.log('error');
});
}
$(document).on("click", ".product-detail .caption .name", function() {
var pro_id = $(this).closest('.product-detail ').attr("id");
var name = $(this).closest('.product-detail').find(".name").text();
window.location.href = 'https://vcago.com/product/' + pro_id.replace("pro_id_", "");
});
$(document).on("click", ".cart-items .product-detail .name", function() {
var pro_id = $(this).closest('.product-detail ').attr("id");
var name = $(this).closest('.product-detail').find(".name").text();
window.location.href = 'https://vcago.com/product/' + pro_id.replace("pro_id_", "");
});
$('.addtocart00').on('click', function() {
var cart = $('.shopping-cart');
var imgtodrag = $(this).closest('.product-detail ').find("img").eq(0);
if (imgtodrag) {
var imgclone = imgtodrag.clone()
.offset({
top: imgtodrag.offset().top,
left: imgtodrag.offset().left
})
.css({
'opacity': '0.5',
'position': 'absolute',
'height': '150px',
'width': '150px',
'z-index': '100'
})
.appendTo($('body'))
.animate({
'top': cart.offset().top + 10,
'left': cart.offset().left + 10,
'width': 75,
'height': 75
}, 1000, 'easeInOutExpo');
cart.addClass('items-added')
updateCart();
setTimeout(function() {
cart.effect("shake", {
times: 2
}, 200);
}, 1500);
imgclone.animate({
'width': 0,
'height': 0
}, function() {
$(this).detach()
});
}
return false;
});
var productCustomization = $('.product-detail'),
cart = $('.shopping-cart'),
//cart = $('.cart-tab .contents'),
animating = false;
jQuery(document).ready(function() {
//$(".productsgalleryCover .product-gallery").hide();
initCustomization(productCustomization);
$(".cart-tab").on({
mouseenter: function() {
//stuff to do on mouse enter
// console.log('mouseenter');
//$("body").css("overflow","hidden");
},
mouseleave: function() {
//stuff to do on mouse leave
// console.log('mouseleave');
// $("body").css("overflow","");
$(".cart .cart-items")
}
});
$.each($(".productsgalleryCover"), function(key, value) {
//console.log( key + ": " + value );
$(this).hide();
var self = $(this);
var cat_id = getParameterByName('cid');
if (typeof cat_id == 'undefined') {
if (typeof $(this).data("catagory") == 'undefined') {
cat_id = 0;
} else {
cat_id = $(this).data("catagory");
}
}
if (typeof cat_id == 'undefined') {
cat_id = 0;
}
var c_category = $(this).attr('data-catagory');
var c_align = $(this).attr('data-align');
var p_name_v = $(this).attr('data-namevisible');
var p_price_v = $(this).attr('data-pricevisible');
var p_detail_v = $(this).attr('data-detailvisible');
var p_addtocart_v = $(this).attr('data-addtocartvisible');
var p_rows = $(this).attr('data-rows');
var p_cols = $(this).attr('data-cols');
var p_padding = $(this).attr('data-padding');
var p_margin = $(this).attr('data-margin');
var hasCat = $(this).find(".categorys_column").html();
var p_img_style = $(this).attr('data-imagestyle');
if (typeof $(this).find(".categorys_column").html() != 'undefined') {
$.ajax({
url: 'https://vcago.com/get_categorys',
type: "post",
data: {
cat_id: cat_id
},
dataType: "html",
beforeSend: function() {
$(".productsgalleryCover .categorys_column").html("")
}
}).done(function(data) {
// console.log(data);
$(".productsgalleryCover .categorys_column").html(data).fadeIn(500);
$(".productsgalleryCover .categorys_column").addClass("col-xs-12");
$(".productsgalleryCover .col-md-9").addClass("product_column").addClass("col-xs-12");
$("#btn_find_product").on("click", function() {
var var_text = $("input[name=txtq]").val();
if (typeof c_align == 'undefined') {
c_align = 'left';
}
if (typeof p_name_v == 'undefined') {
p_name_v = '1';
}
if (typeof p_price_v == 'undefined') {
p_price_v = '1';
}
if (typeof p_detail_v == 'undefined') {
p_detail_v = '1';
}
if (typeof p_addtocart_v == 'undefined') {
p_addtocart_v = '0';
}
if (typeof p_rows == 'undefined') {
p_rows = '5';
}
if (typeof p_cols == 'undefined') {
if (typeof hasCat == 'undefined') {
p_cols = '4';
} else {
p_cols = '3';
}
}
if (typeof p_padding == 'undefined') {
p_padding = '1';
}
if (typeof p_margin == 'undefined') {
p_margin = '1';
}
if (typeof c_category != 'undefined') {
cat_id = c_category;
}
if (typeof p_img_style == 'undefined') {
p_img_style = 'horizontal';
}
var data = {
cat_id: cat_id,
c_align: c_align,
p_name_v: p_name_v,
p_price_v: p_price_v,
p_detail_v: p_detail_v,
p_addtocart_v: p_addtocart_v,
p_rows: p_rows,
p_cols: p_cols,
p_padding: p_padding,
p_margin: p_margin,
hasCat: hasCat,
p_img_style: p_img_style,
keyword: var_text
};
$.ajax({
url: 'https://vcago.com/get_products',
type: "post",
data: data,
dataType: "json",
beforeSend: function() {
self.find(".product-gallery").html("")
}
}).done(function(data) {
// console.log(data);
self.find(".category_name_title").html(' ' + data.category_name).fadeIn(500);
self.find(".product-gallery").html(data.html).fadeIn(500);
self.css("display", "block");
var productCustomization = $('.product-detail');
initCustomization(productCustomization);
//$(".productsgalleryCover").fadeIn(500);
}).fail(function(jqXHR, textStatus, errorThrown) {
console.log('error');
});
});
self.fadeIn(500);
}).fail(function(jqXHR, textStatus, errorThrown) {
console.log('error');
});
}
if (typeof c_align == 'undefined') {
c_align = 'left';
}
if (typeof p_name_v == 'undefined') {
p_name_v = '1';
}
if (typeof p_price_v == 'undefined') {
p_price_v = '1';
}
if (typeof p_detail_v == 'undefined') {
p_detail_v = '1';
}
if (typeof p_addtocart_v == 'undefined') {
p_addtocart_v = '0';
}
if (typeof p_rows == 'undefined') {
p_rows = '5';
}
if (typeof p_cols == 'undefined') {
if (typeof hasCat == 'undefined') {
p_cols = '4';
} else {
p_cols = '3';
}
}
if (typeof p_padding == 'undefined') {
p_padding = '1';
}
if (typeof p_margin == 'undefined') {
p_margin = '1';
}
if (typeof c_category != 'undefined') {
cat_id = c_category;
}
if (typeof p_img_style == 'undefined') {
p_img_style = 'horizontal';
}
var data = {
cat_id: cat_id,
c_align: c_align,
p_name_v: p_name_v,
p_price_v: p_price_v,
p_detail_v: p_detail_v,
p_addtocart_v: p_addtocart_v,
p_rows: p_rows,
p_cols: p_cols,
p_padding: p_padding,
p_margin: p_margin,
hasCat: hasCat,
p_img_style: p_img_style
};
$.ajax({
url: 'https://vcago.com/get_products',
type: "post",
data: data,
dataType: "json",
beforeSend: function() {
self.find(".product-gallery").html("")
}
}).done(function(data) {
// console.log(data);
self.find(".category_name_title").html(' ' + data.category_name).fadeIn(500);
self.find(".product-gallery").html(data.html).fadeIn(500);
self.css("display", "block");
var productCustomization = $('.product-detail');
initCustomization(productCustomization);
//$(".productsgalleryCover").fadeIn(500);
}).fail(function(jqXHR, textStatus, errorThrown) {
console.log('error');
});
});
$('body').on('click', function(event) {
//if user clicks outside the .cd-gallery list items - remove the .hover class and close the open ul.size/ul.color list elements
if ($(event.target).is('body') || $(event.target).is('.cd-gallery')) {
deactivateCustomization();
}
});
cart.on('click', function() {
$(".shoppingCartModal").modal("show");
var pro_id = $(this).closest('.product-detail ').attr("id");
$.ajax({
url: 'https://vcago.com/get_cart',
type: "post",
data: {
id: pro_id
},
dataType: "json"
}).done(function(data) {
// console.log(data);
$(".shoppingCartModal .modal-body").html(data.list);
}).fail(function(jqXHR, textStatus, errorThrown) {
console.log('error');
});
$(".shoppingCartModal").on("shown.bs.modal", function() {
console.log('shown');
$(".shoppingCartModal .itemDelete").off("click").on("click", function() {
var id = $(this).attr("id");
var self = $(this);
$.ajax({
url: 'https://vcago.com/removecart',
type: "post",
data: {
id: id
},
dataType: "json"
}).done(function(data) {
//console.log('data');
if (data.msg == 'ok') {
$("#r_" + id).remove();
$("a.shopping-cart > span").html("0");
// self.closest("tr").reomove();
}
// console.log(data);
}).fail(function(jqXHR, textStatus, errorThrown) {
console.log('error');
});
});
});
$(".shoppingCartModal").on("hide.bs.modal", function() {
console.log('hidden');
});
});
});
function initCustomization(items) {
items.each(function() {
var actual = $(this),
selectOptions = actual.find('[data-type="select"]'),
addToCartBtn = actual.find('.addtocart'),
touchSettings = actual.next('.cd-customization-trigger');
//detect click on ul.size/ul.color list elements
selectOptions.on('click', function(event) {
var selected = $(this);
//open/close options list
selected.toggleClass('is-open');
resetCustomization(selected);
if ($(event.target).is('li')) {
// update selected option
var activeItem = $(event.target),
index = activeItem.index() + 1;
activeItem.addClass('active').siblings().removeClass('active');
selected.removeClass('selected-1 selected-2 selected-3').addClass('selected-' + index);
// if color has been changed, update the visible product image
selected.hasClass('color') && updateSlider(selected, index - 1);
}
});
//detect click on the add-to-cart button
addToCartBtn.on('click', function() {
//$(document).on("click",addToCartBtn,function(){
var imgtodrag = $(this).closest('.product-detail').find(".fotorama__stage__frame.fotorama__active img").eq(0);
var imgtodragoffset = $(this).closest('.product-detail').find(".fotorama__stage__frame.fotorama__active").eq(0);
var pro_id = $(this).closest('.product-detail').attr("id");
var imgTmp = $('<img id="theImg">'); //Equivalent: $(document.createElement('img'))
imgTmp.attr('src', imgtodrag.attr("src"));
imgTmp.appendTo('body');
if (typeof imgtodrag.offset() == 'undefined') {
imgtodrag = $(this).closest('.product-detail').find(".quick-item-link").eq(0);
imgtodragoffset = $(this).closest('.product-detail').find(".quick-item-link").eq(0);
var bg = $(this).closest('.product-detail').find("img").eq(0).css('background-image');
bg = bg.replace('url(', '').replace(')', '').replace(/\"/gi, "");
imgTmp.attr("src", bg);
}
if (imgtodrag) {
var imgclone = imgTmp.clone()
.offset({
top: imgtodragoffset.offset().top,
left: imgtodragoffset.offset().left //+ ((imgtodrag.width()-imgtodragoffset.width())/2)
})
.css({
'opacity': '0.5',
'position': 'absolute',
// 'height': '150px',
//'width': '150px',
'height': imgtodragoffset.height(),
'width': imgtodragoffset.width(),
'z-index': '100'
})
.appendTo($('body'))
.animate({
'top': cart.offset().top + 10,
'left': cart.offset().left + 10,
'width': 75,
'height': 75
}, 1000, 'easeInOutExpo');
setTimeout(function() {
cart.effect("shake", {
times: 2
}, 200);
}, 1500);
imgclone.animate({
'width': 0,
'height': 0
}, function() {
$(this).detach();
imgTmp.remove();
});
}
if (!animating) {
//animate if not already animating
animating = true;
resetCustomization(addToCartBtn);
addToCartBtn.addClass('is-added').eq(0).animate({
//draw the check icon
'stroke-dashoffset': 0
}, 300, function() {
setTimeout(function() {
updateCart(pro_id, 'add', 1);
// addToCartBtn.removeClass('is-added').find('em').on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
//wait for the end of the transition to reset the check icon
// addToCartBtn.eq(0).css('stroke-dashoffset', '19.79');
animating = false;
// });
if ($('.no-csstransitions').length > 0) {
// check if browser doesn't support css transitions
addToCartBtn.eq(0).css('stroke-dashoffset', '19.79');
animating = false;
// console.log('b');
}
}, 600);
});
}
return false;
});
//detect click on the settings icon - touch devices only
touchSettings.on('click', function(event) {
event.preventDefault();
resetCustomization(addToCartBtn);
});
});
}
function updateSlider(actual, index) {
var slider = actual.parent('.cd-customization').prev('a').children('.cd-slider-wrapper'),
slides = slider.children('li');
slides.eq(index).removeClass('move-left').addClass('selected').prevAll().removeClass('selected').addClass('move-left').end().nextAll().removeClass('selected move-left');
}
function resetCustomization(selectOptions) {
//close ul.clor/ul.size if they were left open and user is not interacting with them anymore
//remove the .hover class from items if user is interacting with a different one
selectOptions.siblings('[data-type="select"]').removeClass('is-open').end().parents('.cd-single-item').addClass('hover').parent('li').siblings('li').find('.cd-single-item').removeClass('hover').end().find('[data-type="select"]').removeClass('is-open');
}
function deactivateCustomization() {
productCustomization.parent('.cd-single-item').removeClass('hover').end().find('[data-type="select"]').removeClass('is-open');
}
function updateCart(id, type, amount) {
//show counter if this is the first item added to the cart
(!cart.hasClass('items-added')) && cart.addClass('items-added');
var cartItems = cart.find('span'),
text = parseInt(cartItems.text()) + 1;
cartItems.text(text);
$.ajax({
url: 'https://vcago.com/add_to_cart',
type: "post",
data: {
id: id
},
dataType: "json"
}).done(function(data) {
// console.log(data);
$(".cart-tab .cart-link .amount .item_total").html(data.item_sub_total);
$(".cart-tab .cart-link .item_num").html(data.item_num);
$(".cart-tab .cart-link .item_quantity").html(data.item_quantity);
$(".cart-tab .cart .cart-items ul").html(data.produt_content);
}).fail(function(jqXHR, textStatus, errorThrown) {
console.log('error');
});
}
function flyToElement(flyer, flyingTo) {
var $func = $(this);
var divider = 3;
var flyerClone = $(flyer).clone();
$(flyerClone).css({
position: 'absolute',
top: $(flyer).offset().top + "px",
left: $(flyer).offset().left + "px",
opacity: 1,
'z-index': 1000
});
$('body').append($(flyerClone));
var gotoX = $(flyingTo).offset().left + ($(flyingTo).width() / 2) - ($(flyer).width() / divider) / 2;
var gotoY = $(flyingTo).offset().top + ($(flyingTo).height() / 2) - ($(flyer).height() / divider) / 2;
$(flyerClone).animate({
opacity: 0.4,
left: gotoX,
top: gotoY,
width: $(flyer).width() / divider,
height: $(flyer).height() / divider
}, 700,
function() {
$(flyingTo).fadeOut('fast', function() {
$(flyingTo).fadeIn('fast', function() {
$(flyerClone).fadeOut('fast', function() {
$(flyerClone).remove();
});
});
});
});
}
</script>
<script type="text/javascript"> $(document).ready(function() { $(".carousel").carousel({ interval: 5000 }); $(".menubar li.active" ).removeClass( "active" ); $( ".menubar li" ).each(function() { if ($(this).find("a").attr("href") === "https://vcago.com/0" ) { $( this ).addClass( "active" ); }}); $(".navbar-toggle").append("<span class=sbg style=color:#fff;>Menu</span>"); }); </script> <script type='text/javascript'>$(document).ready(function() { $('.menubar > li:not(.active) > a').css('color','rgb(56, 56, 56)','important').hover(function(){$(this).css('color','#cccccc','important');},function(){$(this).css('color','rgb(56, 56, 56)','important');});$('.menubar > li.active > a').css('color','#666666','important');menuBarTextColor = 'rgb(56, 56, 56)';menuBarTextHoverColor = '#cccccc';menuBarTextActiveColor = '#666666';});</script></body>
</html>
Alan adının whois bilgisi
Domain Name: VCAGO.COM
Registry Domain ID: 2494844570_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2025-02-21T15:08:08Z
Creation Date: 2020-02-20T18:52:51Z
Registry Expiry Date: 2026-02-20T18:52:51Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: NS75.DOMAINCONTROL.COM
Name Server: NS76.DOMAINCONTROL.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-24T09:32:28Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass