<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>South Telecommunication & Software JSC</title>
<meta name="description" content="SouthTelecom là nhà cung cấp dịch vụ số hàng đầu tại Việt Nam; sở hữu các sản phẩm công nghệ tiên tiến, tích hợp hiệu quả các ứng dụng của khách hàng, tạo ra các giải pháp thành công cho doanh nghiệp">
<!-- meta facebook -->
<meta property="fb:app_id" content="2269016853421828" />
<meta property="og:site_name" content="SouthTelecom.vn" />
<meta property="og:rich_attachment" content="true" />
<meta property="article:publisher" content="https://www.facebook.com/SouthTelecom.vn" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://southtelecom.vn//pictures/getfile/thumblink-home-min.jpg" />
<meta property="og:image:width" content="720" />
<meta property="og:image:height" content="480" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://southtelecom.vn/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://southtelecom.vn/css/fontawesome-all.min.css">
<link rel="stylesheet" type="text/css" href="https://southtelecom.vn/css/main.css">
<link rel="stylesheet" type="text/css" href="https://southtelecom.vn/css/southtelecom.css">
<link rel="stylesheet" type="text/css" href="https://southtelecom.vn/css/animate.min.css">
<!-- CSS -->
<link rel="stylesheet" href="https://southtelecom.vn/css/flickity.min.css?6">
<link rel="stylesheet" href="https://southtelecom.vn/css/plugins.css">
<link rel="stylesheet" href="https://southtelecom.vn/css/themes.css">
<link rel="shortcut icon" href="https://southtelecom.vn/images/favicon.png">
<link rel="apple-touch-icon" href="https://southtelecom.vn/images/icon57.png" sizes="57x57">
<link rel="apple-touch-icon" href="https://southtelecom.vn/images/icon72.png" sizes="72x72">
<link rel="apple-touch-icon" href="https://southtelecom.vn/images/icon76.png" sizes="76x76">
<link rel="apple-touch-icon" href="https://southtelecom.vn/images/icon114.png" sizes="114x114">
<link rel="apple-touch-icon" href="https://southtelecom.vn/images/icon120.png" sizes="120x120">
<link rel="apple-touch-icon" href="https://southtelecom.vn/images/icon144.png" sizes="144x144">
<link rel="apple-touch-icon" href="https://southtelecom.vn/images/icon152.png" sizes="152x152">
<link rel="apple-touch-icon" href="https://southtelecom.vn/images/icon180.png" sizes="180x180">
<script src="https://southtelecom.vn/js/vendor/modernizr-respond.min.js"></script>
</head>
<body>
<img class="bg-header" src=https://southtelecom.vn/images/bg-page.png ><img class="bg-footer" src=https://southtelecom.vn/images/bg-footer.png >
<script src="https://southtelecom.vn/js/vendor/jquery-1.11.3.min.js"></script>
<script src="https://southtelecom.vn/js/vendor/bootstrap.min.js"></script>
<script src="https://southtelecom.vn/js/jquery.mobile.min.js"></script>
<script src="https://southtelecom.vn/js/flickity.pkgd.js?2"></script>
<script src="https://southtelecom.vn/js/particles.min.js"></script>
<script src="https://southtelecom.vn/js/TweenMax.min.js"></script>
<script src="https://southtelecom.vn/js/three.min.js"></script>
<!-- <script src="js/animation2.js"></script> -->
<script src="https://southtelecom.vn/js/main.js"></script>
<script src="https://southtelecom.vn/js/plugins.js"></script>
<script src="https://southtelecom.vn/js/app.js"></script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async="" defer="">
</script>
<script src="https://worldchatbox.worldfone.vn/assets/js/widget.js"></script>
<script>
window.oscWidget.init({
token: "5cef3d9777098e541bd4ce6b",
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-175042836-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-175042836-1');
</script><!-- english -->
<!-- Page Container -->
<!-- In the PHP version you can set the following options from inc/config file -->
<!-- 'boxed' class for a boxed layout -->
<div id="page-container">
<div class="bg-header"></div>
<div class="bg-footer"></div>
<!-- Site Header -->
<header id="navbar">
<div class="container">
<!-- Site Logo -->
<a href="https://southtelecom.vn/" class="site-logo" id="site-logo">
<img src="https://southtelecom.vn/images/icons/logo.svg" height="44" style="position: fixed;top: 4%;left: 50%;transform: translate(-50%, -50%)">
</a>
<!-- Site Logo -->
<!-- Site Navigation -->
<!-- Menu Toggle -->
<!-- Toggles menu on small screens -->
<div class="menu-img visible-md visible-lg">
<img src="https://southtelecom.vn/images/Shape-menu.png" alt="Southtelecom" style="width:50%">
<a href="javascript:void(0)" class="site-menu-toggle" onclick="openNav()">
<img src="https://southtelecom.vn/images/icon-menu.png" width="50%">
</a>
<a href="javascript:void(0)" class="site-close-menu" onclick="closeNav()" style="display: none;">
<img src="https://southtelecom.vn/images/icon-close.png" width="50%">
</a>
</div>
<!-- END Menu Toggle -->
<!-- Main Menu -->
<div id="main-menu" class="visible-md visible-lg">
<div id="box">
<div id="menu-header">
<ul class="site-nav" id="nav-list">
<!-- Toggles menu on small screens -->
<!-- END Menu Toggle -->
<li class="visible-md visible-lg">
<a href="https://southtelecom.vn/" class="logo-white">
<img src="https://southtelecom.vn/images/logo-white.png" height="34" style="margin-top: 40px;">
</a>
</li>
<li class="menu-home" >
<a
href="https://southtelecom.vn/"
>
Home </a>
<!-- Site Logo -->
<!-- Site Logo -->
</li>
<li >
<a
href="https://southtelecom.vn/about"
>
Our story </a>
<!-- Site Logo -->
<!-- Site Logo -->
</li>
<li class="product" >
<a
class="site-nav-sub">
Product & Services <i class="fa fa-angle-down" style="margin-left: 45px;"></i>
</a>
<!-- Site Logo -->
<!-- Site Logo -->
<ul style="display: none" class="menu-child product" >
<li>
<a id="toggle_submenu" href="https://southtelecom.vn/communication-apis" class="" >Communication APIs</a>
</li>
<li>
<a id="toggle_submenu" href="https://southtelecom.vn/communication-collaboration" class="" >Communications & Collaboration</a>
</li>
<li>
<a id="toggle_submenu" href="https://southtelecom.vn/ict-services" class="" >ICT Services</a>
</li>
<li>
<a id="toggle_submenu" href="https://southtelecom.vn/software" class="" >Softwares</a>
</li>
</ul>
</li>
<li class="media-event" >
<a
class="site-nav-sub">
Media & Events <i class="fa fa-angle-down" style="margin-left: 45px;"></i>
</a>
<!-- Site Logo -->
<!-- Site Logo -->
<ul style="display: none" class="menu-child media-event" >
<li>
<a id="toggle_submenu" href="https://southtelecom.vn/news-events" class="" >News & Event</a>
</li>
<li>
<a id="toggle_submenu" href="https://southtelecom.vn/photos" class="" >Photos</a>
</li>
<li>
<a id="toggle_submenu" href="https://southtelecom.vn/recruitment" class="" >Recruitment</a>
</li>
</ul>
</li>
<li class="support" >
<a
class="site-nav-sub">
Support <i class="fa fa-angle-down" style="margin-left: 45px;"></i>
</a>
<!-- Site Logo -->
<!-- Site Logo -->
<ul style="display: none" class="menu-child support" >
<li>
<a id="toggle_submenu" href="https://southtelecom.vn/profile" class="" >Profile</a>
</li>
<li>
<a id="toggle_submenu" href="https://support.worldfone.vn/cau-hoi" class="" target="_blank">Q&A</a>
</li>
<li>
<a id="toggle_submenu" href="https://support.worldfone.vn/question-answer" class="" target="_blank">Documents</a>
</li>
</ul>
</li>
<li >
<a
href="https://southtelecom.vn/contact-us"
>
Contact us </a>
<!-- Site Logo -->
<!-- Site Logo -->
</li>
<hr class="new1" style="border-top: 1px solid white; width: 20em;margin-left: 14px;margin-right: 73px;">
<div class="row col-md-10">
<div id="lang-selector" class="col-md-3">
<span class="" onclick="switchLanguage('vietnamese')">VI</span> |
<span class=" active" onclick="switchLanguage('english')">EN</span>
</div>
<div class="social col-md-9">
<a href="javascript:window.open('https://www.facebook.com/SouthTelecom.vn/')" style="margin-right: -12px;">
<i class="fa fa-facebook" style="border: 1px solid;
border-radius: 20px;
width: 30px;
height: 30px;
padding: 7px;
padding-left: 8px;
color: #fff">
</i>
</a>
<a href="javascript:void(0)" class="social-phone" title="1900 54 54 63" style="margin-right: -12px;">
<i class="fa fa-phone" style="border: 1px solid;
border-radius: 20px;
width: 30px;
height: 30px;
padding: 7px;
padding-left: 8px;
color: #fff">
</i>
</a>
<a href="javascript:window.open('https://www.youtube.com/channel/UC9qiUEdaAvtsDJlnDZ6h0pQ')" style="margin-right: -12px;">
<i class="fa fa-youtube" style="border: 1px solid;
border-radius: 20px;
width: 30px;
height: 30px;
padding: 7px;
padding-left: 8px;
color: #fff">
</i>
</a>
<a href="javascript:window.open('https://page-photo-qr.zdn.vn/1601363278/b369e4a9dfec36b26ffd.jpg')">
<img src="https://worldmeeting.vn/pictures/getfile/icon-zalo.png" style="
padding-bottom: -28px;
border: 1px solid #fff;
border-radius: 32px;
padding: 3px;
height: 30px;
width: 30px;
margin-bottom: 5px;">
</a>
</div>
</div>
</ul>
</div>
</div>
<div class="footer-menu">
<img src="images/alert.png" height="30">
<small style="font-size: 53%;">Copyright © 2020 Southtelecom. All rights reserved</small>
</div>
</div>
<!-- END Main Menu -->
<a href="javascript:void(0)" class="site-menu-toggle" onclick="openNavMobile()">
<img src="https://southtelecom.vn/images/icons/menu-mobile.png" width="40%">
</a>
<!-- Menu mobile -->
<ul class="site-nav hidden-lg hidden-md" id="nav-list-mobile">
<!-- Toggles menu on small screens -->
<li class="hidden-lg hidden-md">
<a href="javascript:void(0)" class="site-close-menu" onclick="closeNavMobile()" style="display: none;">
<img src="https://southtelecom.vn/images/icon-close.png" width="50%">
</a>
</li>
<!-- END Menu Toggle -->
<li>
<a
href="https://southtelecom.vn/" >Home</a>
</li>
<li>
<a
href="https://southtelecom.vn/about" >Our story</a>
</li>
<li>
<a
><!-- <i class="fa fa-angle-down site-nav-arrow"></i> -->Product & Services</a>
<ul >
<li>
<a href="https://southtelecom.vn/communication-apis">
<p>
Communication APIs
</p>
</a>
</li>
<li>
<a href="https://southtelecom.vn/communication-collaboration">
<p>
Communications & Collaboration
</p>
</a>
</li>
<li>
<a href="https://southtelecom.vn/ict-services">
<p>
ICT Services
</p>
</a>
</li>
<li>
<a href="https://southtelecom.vn/software">
<p>
Softwares
</p>
</a>
</li>
</ul>
</li>
<li>
<a
><!-- <i class="fa fa-angle-down site-nav-arrow"></i> -->Media & Events</a>
<ul >
<li>
<a href="https://southtelecom.vn/news-events">
<p>
News & Event
</p>
</a>
</li>
<li>
<a href="https://southtelecom.vn/photos">
<p>
Photos
</p>
</a>
</li>
<li>
<a href="https://southtelecom.vn/recruitment">
<p>
Recruitment
</p>
</a>
</li>
</ul>
</li>
<li>
<a
><!-- <i class="fa fa-angle-down site-nav-arrow"></i> -->Support</a>
<ul >
<li>
<a href="https://southtelecom.vn/profile">
<p>
Profile
</p>
</a>
</li>
<li>
<a href="https://support.worldfone.vn/cau-hoi">
<p>
Q&A
</p>
</a>
</li>
<li>
<a href="https://support.worldfone.vn/question-answer">
<p>
Documents
</p>
</a>
</li>
</ul>
</li>
<li>
<a
href="https://southtelecom.vn/contact-us" >Contact us</a>
</li>
<hr class="new1" style="border-top: 1px solid white; width: 20em;margin-left: 14px;margin-right: 73px;">
<div class="row col-md-10">
<div id="lang-selector" class="col-md-3">
<span class="" onclick="switchLanguage('vietnamese')">VI</span> |
<span class=" active" onclick="switchLanguage('english')">EN</span>
</div>
<div class="social col-md-9">
<a href="javascript:window.open('https://www.facebook.com/SouthTelecom.vn/')" style="margin-right: -12px;">
<i class="fa fa-facebook" style="border: 1px solid;
border-radius: 20px;
width: 30px;
height: 30px;
padding: 7px;
padding-left: 8px;
color: #fff">
</i>
</a>
<a href="javascript:void(0)" class="social-phone" title="1900 54 54 63" style="margin-right: -12px;">
<i class="fa fa-phone" style="border: 1px solid;
border-radius: 20px;
width: 30px;
height: 30px;
padding: 7px;
padding-left: 8px;
color: #fff">
</i>
</a>
<a href="javascript:window.open('https://www.youtube.com/channel/UC9qiUEdaAvtsDJlnDZ6h0pQ')" style="margin-right: -12px;">
<i class="fa fa-youtube" style="border: 1px solid;
border-radius: 20px;
width: 30px;
height: 30px;
padding: 7px;
padding-left: 8px;
color: #fff">
</i>
</a>
<a href="javascript:window.open('https://page-photo-qr.zdn.vn/1601363278/b369e4a9dfec36b26ffd.jpg')">
<img src="https://worldmeeting.vn/pictures/getfile/icon-zalo.png" style="
padding-bottom: -28px;
border: 1px solid #fff;
border-radius: 32px;
padding: 3px;
height: 30px;
width: 30px;
margin-bottom: 5px;">
</a>
</div>
</div>
</ul>
<!-- End Menu mobile -->
<!-- END Site Navigation -->
</div>
</header>
<!-- END Site Header -->
<script>
$(function () {
$("#nav-list li a").click(function() { // only recognize the click on headlines in lists
$(this).next().toggle(); // get the ul and toggle
if($('li ul:visible').length > 3 || $('li ul:visible').length == 3) { // reset all if there is more than one opened
$('li ul:visible').hide(); // hide all
$(this).next().show(); // now show only the list you want
}
});
});
$('.nav-link.active').on('click', function(){
//This targets only li elements having active class
$(this).toggleClass('active');
$('#' + this.hash.substr(1).toLowerCase()).toggleClass('active');
return false;
});
jQuery.fn.mouseIsOver = function () {
if($(this[0]).is(":hover"))
{
return true;
}
return false;
};
setInterval(function(){
var $sample = $(".product");
var $media = $(".media-event");
var $support = $(".support");
if($sample.mouseIsOver()) {
$(".menu-child.product").css("display", "block");
}
else {
$(".menu-child.product").css("display", "none");
}
if($media.mouseIsOver()) {
$(".menu-child.media-event").css("display", "block");
}
else {
$(".menu-child.media-event").css("display", "none");
}
if($support.mouseIsOver()) {
$(".menu-child.support").css("display", "block");
}
else {
$(".menu-child.support").css("display", "none");
}
}, 300);
</script>
<script>
function openNav() {
document.getElementById("nav-list").style.width = "50%";
document.getElementById("nav-list").style.height = "100%";
document.getElementById("box").style.width = "44%";
document.getElementById("main-menu").style.width = "45%";
document.getElementById("menu-header").style.width = "60%";
$(".site-close-menu").show();
$(".site-menu-toggle").hide();
}
function openNavMobile() {
document.getElementById("nav-list-mobile").style.width = "100%";
document.getElementById("nav-list-mobile").style.height = "100%";
$(".site-close-menu").show();
$(".site-menu-toggle").hide();
}
function closeNav() {
$(".site-close-menu").hide();
$(".site-menu-toggle").show();
document.getElementById("box").style.width = "0";
document.getElementById("main-menu").style.width = "0";
document.getElementById("nav-list").style.width = "0";
document.getElementById("menu-header").style.width = "0";
}
function closeNavMobile() {
$(".site-close-menu").hide();
$(".site-menu-toggle").show();
document.getElementById("nav-list-mobile").style.width = "0";
}
const $menu = $('.site-menu-toggle');
$(document).mouseup(e => {
if (!$menu.is(e.target) // if the target of the click isn't the container...
&& $menu.has(e.target).length === 0) // ... nor a descendant of the container
{
$(".site-close-menu").hide();
$(".site-menu-toggle").show();
document.getElementById("box").style.width = "0";
document.getElementById("main-menu").style.width = "0";
document.getElementById("nav-list").style.width = "0";
document.getElementById("menu-header").style.width = "0";
}
});
</script> <link rel="stylesheet" type="text/css" href="https://southtelecom.vn/css/southtelecom.css">
<link rel="stylesheet" type="text/css" href="https://southtelecom.vn/css/web-south.css">
<style type="text/css">
.bg-header{
display: none;
}
.bg-footer{
display: none;
}
a.site-logo {
display: none;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 50px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
box-shadow: 0px 0px 0px 0px rgb(23, 110, 159);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 25px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
.connecting-dots {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: -1
}
</style>
<div id="space-js" class="form-body no-side">
<canvas class='connecting-dots'></canvas>
<div class="home-bg-header" id="home-bg-header"></div>
<div class="hidden-sm hidden-xs" id="particles-header"></div>
<div class="home-bg-footer"></div>
<div class="hidden-sm hidden-xs" id="particles-footer"></div>
<canvas id="pagebg" resize></canvas>
<div class="row">
<div class="menu-item">
<div class="menu-communication-apis animate__animated animate__fadeIn" onclick="window.open('https://southtelecom.vn/communication-apis', '_self')">
<div class="menu-title">Communication<br>APIs</div>
<div class="menu-icon icon-email" style="bottom: 21%;left: 2%;">
<img src="https://southtelecom.vn/images/icons/email.png" data-hover="animate__bounceIn" height="26">
</div>
<div class="menu-icon icon-facebook" style="top: 14%;right: 16%;">
<img src="https://southtelecom.vn/images/icons/facebook.png" data-hover="animate__bounceIn" height="28">
</div>
<div class="menu-icon icon-google" style="bottom: 19%;left: 50%;">
<img src="https://southtelecom.vn/images/icons/google-plus.png" data-hover="animate__bounceIn" height="28">
</div>
<div class="menu-icon icon-instagram" style="bottom: 3%;left: 27%;">
<img src="https://southtelecom.vn/images/icons/instagram.png" data-hover="animate__bounceIn" height="26">
</div>
<div class="menu-icon icon-internet" style="top: -2%;right: 34%;">
<img src="https://southtelecom.vn/images/icons/internet.png" data-hover="animate__bounceIn" height="26">
</div>
<div class="menu-icon icon-livechat" style="top: 16%;left: 22%;">
<img src="https://southtelecom.vn/images/icons/livechat.png" data-hover="animate__bounceIn" height="26">
</div>
<div class="menu-icon icon-location" style="top: -3%;left: 16%;">
<img src="https://southtelecom.vn/images/icons/location.png" data-hover="animate__bounceIn" height="26">
</div>
<div class="menu-icon icon-message" style="top: 30%;left: -8%;">
<img src="https://southtelecom.vn/images/icons/message.png" data-hover="animate__bounceIn" height="26">
</div>
<div class="menu-icon icon-messenger" style="bottom: 5%;right: 10%;">
<img src="https://southtelecom.vn/images/icons/messenger.png" data-hover="animate__bounceIn" height="26">
</div>
<div class="menu-icon icon-zalo" style="top: 10%;right: -5%;">
<img src="https://southtelecom.vn/images/icons/zalo.png" data-hover="animate__bounceIn" height="26">
</div>
<div class="menu-icon icon-email" style="bottom: 33%;right: -2%;">
<img src="https://southtelecom.vn/images/icons/email.png" data-hover="animate__bounceIn" height="26">
</div>
</div>
<div class="menu-ict-services animate__animated animate__fadeIn">
<div class="menu-title">
<a href="https://southtelecom.vn/ict-services" class="text-title">ICT Services</a>
</div>
<div class="menu-subtitle" id="ict-it" onclick="window.open('https://southtelecom.vn/ict-services#ictproductsforbusiness', '_self')">
<div class="menu-substile-content" style="text-align: right;">
<span class="tool" data-tip="
ICT products for Businesses →" tabindex="1">
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="ict-data" onclick="window.open('https://southtelecom.vn/ict-services#ictintegration', '_self')">
<div class="menu-substile-content" style="text-align: right;">
<span class="tool" data-tip="
ICT Integration Services →" tabindex="2">
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="ict-main" onclick="window.open('https://southtelecom.vn/ict-services#maintenance', '_self')">
<div class="menu-substile-content">
<span class="tool" data-tip="
Maintenance & Technical support service →" tabindex="3">
<div class="star">+</div>
</span>
</div>
</div>
</div>
<div class="menu-software animate__animated animate__fadeIn">
<div class="menu-title">
<a href="https://southtelecom.vn/software" class="text-title">Softwares</a>
</div>
<div class="menu-subtitle" id="software-bpm" onclick="window.open('https://southtelecom.vn/software#omniapis', '_self')">
<div class="menu-substile-content" >
<span class="tool" data-tip="
BPM →" tabindex="5">
<!-- <img src="https://southtelecom.vn/images/home/circle-01.svg" style="width: 26px"> -->
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="software-crm" onclick="window.open('https://southtelecom.vn/software#voiceapis', '_self')">
<div class="menu-substile-content">
<span class="tool" data-tip="
CRM →" tabindex="6">
<!-- <img src="https://southtelecom.vn/images/home/circle-01.svg" style="width: 26px"> -->
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="software-iDBS" onclick="window.open('https://southtelecom.vn/software#topup', '_self')">
<div class="menu-substile-content">
<span class="tool" data-tip="
iDBS Digital Banking Software →" tabindex="7">
<!-- <img src="https://southtelecom.vn/images/home/circle-01.svg" style="width: 26px"> -->
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="software-mobile" onclick="window.open('https://southtelecom.vn/software#smsapis', '_self')">
<div class="menu-substile-content">
<span class="tool" data-tip="
Mobile Suite →" tabindex="7">
<div class="star">+</div>
</span>
</div>
</div>
</div>
<div class="menu-communication-collaborations ">
<div class="menu-title">
<a href="https://southtelecom.vn/communication-collaboration" class="text-title">Communication<br/>& Collaboration</a>
</div>
<div class="menu-subtitle" id="communication-worldsms">
<div id="link-worldsms" class="menu-substile-content" style="text-align: right; " onclick="window.open('https://southtelecom.vn/service#worldfoneSMS', '_self')">
<span class="tool" data-tip="
Omnichannel Messaging Services WorldSMS →" tabindex="1">
<!-- <img src="https://southtelecom.vn/images/home/circle-01.svg" style="width: 28px"> -->
<div class="star-flare small-flare flare--45deg flare--horizontal"></div>
<div class="star-flare small-flare flare--45deg flare--vertical"></div>
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="communication-pbx">
<div id="link-worldfonepbx" class="menu-substile-content" style="text-align: right;" onclick="window.open('https://southtelecom.vn/service#worldfonePbx', '_self')">
<span class="tool" data-tip="Cloud PBX Hosted PBX Service WorldfonePBX →" tabindex="1">
<!-- <img src="https://southtelecom.vn/images/home/circle-01.svg" style="width: 28px"> -->
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="communication-acs">
<div id="link-worldfoneacs" class="menu-substile-content" onclick="window.open('https://southtelecom.vn/service#worldfoneAcs', '_self')" >
<span class="tool" data-tip="Voice Broadcasting
Voice Blaster WorldfoneACS →" tabindex="1">
<!-- <img src="https://southtelecom.vn/images/home/circle-01.svg" style="width: 28px"> -->
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="communication-seft">
<div id="link-worldsms" class="menu-substile-content" style="text-align: right;" onclick="window.open('https://southtelecom.vn/service#worldfoneSeft', '_self')" >
<span class="tool" data-tip="
WorldfoneSelf-Service
Bot Omnichannel Self-Service →" tabindex="1">
<!-- <img src="https://southtelecom.vn/images/home/circle-01.svg" style="width: 28px"> -->
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="communication-4x" style="">
<div id="link-worldfone4x" class="menu-substile-content" onclick="window.open('https://southtelecom.vn/service#worldfone4x', '_self')" >
<span class="tool" data-tip="Omnichannel Contact
Center Service Worldfone4X → " tabindex="1">
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="communication-gate">
<div id="link-worldsms" class="menu-substile-content" style="text-align: right; " onclick="window.open('https://southtelecom.vn/service#worldfoneGate', '_self')">
<span class="tool" data-tip="
WorldfoneGate SIP Trunking Routing/SBC Service →" tabindex="1">
<div class="star">+</div>
</span>
</div>
</div>
<div class="menu-subtitle" id="communication-meeting">
<div id="link-worldsms" class="menu-substile-content" style="text-align: right; " onclick="window.open('https://southtelecom.vn/service#worldfoneMeeting', '_self')">
<span class="tool" data-tip="
Worldmeeting Digital Conference Service →" tabindex="1">
<div class="star">+</div>
</span>
</div>
</div>
</div>
</div>
<div class="form-holder">
<div class="form-content">
<div class="main-items col-md-12 row" id="main-items">
<div class="col-md-3 left-hand animate__animated animate__fadeInRight">
<img src="https://southtelecom.vn/images/lefthand-01.svg">
</div>
<div class="col-md-6 main-content">
<div class="website-logo-inside">
<a href="https://southtelecom.vn/">
<div class="logo animate__animated animate__fadeInDown">
<img class="logo-size" src="https://southtelecom.vn/images/logo-bb.png" >
</div>
</a>
</div>
<p class="animate__animated animate__fadeInUp">South Telecom is a Digital Service Provider - DSP owns advanced technology products, effective integration of customer applications, created successful solutions for business.</p>
</div>
<div class="col-md-3 right-hand animate__animated animate__fadeInLeft">
<img src="https://southtelecom.vn/images/righthand-01.svg">
</div>
<div class="main-subtitle" id="about-ourstory-strength" onclick="window.open('https://southtelecom.vn/about#position', '_self')">
<div class="menu-substile-content">
<span class="tool" data-tip="
About Passion →" tabindex="1">
<div class="star">+</div>
</span>
</div>
</div>
<div class="main-subtitle" id="about-ourstory-photo" onclick="window.open('https://southtelecom.vn/about#member', '_self')">
<div class="menu-substile-content">
<span class="tool" data-tip="
Member Companies →" tabindex="2">
<div class="star">+</div>
</span>
</div>
</div>
<div class="main-subtitle" id="about-ourstory-passion"onclick="window.open('https://southtelecom.vn/about#strength', '_self')">
<div class="menu-substile-content"
>
<span class="tool" data-tip="
Our Strength →" tabindex="3">
<div class="star">+</div>
</span>
</div>
</div>
<div class="main-subtitle" id="about-ourstory-member" onclick="window.open('https://southtelecom.vn/about#award', '_self')">
<div class="menu-substile-content">
<span class="tool" data-tip="
Award & Certificate →" tabindex="4">
<div class="star">+</div>
</span>
</div>
</div>
<div class="main-subtitle" id="about-ourstory-award" onclick="window.open('https://southtelecom.vn/about#customers', '_self')">
<div class="menu-substile-content">
<span class="tool" data-tip="
Customers →" tabindex="5">
<div class="star">+</div>
</span>
</div>
</div>
<div class="main-subtitle" id="about-ourstory-customer" onclick="window.open('https://southtelecom.vn/about#photos', '_self')">
<div class="menu-substile-content">
<span class="tool" data-tip="
Photos →" tabindex="6">
<div class="star">+</div>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- mobile -->
<div class="form-holder-mobile row">
<div class="col-md-4 logo-main">
<div class="mobile-main-content">
<div class="website-logo-inside">
<a href="https://southtelecom.vn/">
<div class="logo animate__animated animate__fadeInDown">
<img class="logo-size" src="https://southtelecom.vn/images/logo-bb.png" alt="" height=66>
</div>
</a>
</div>
<p class="animate__animated animate__fadeInUp">South Telecom is a Digital Service Provider - DSP owns advanced technology products, effective integration of customer applications, created successful solutions for business.</p>
</div>
</div>
</div>
<div class="container col-md-12 list-menu-mobile" style="margin-bottom: 50px;">
<div id="link-mobile-communication-apis" class="menu-item-mobile col-md-3" onclick="window.open('https://southtelecom.vn/communication-apis', '_self')">
<h4>Communication APIs <img src="https://southtelecom.vn/images/icons/chevron.png" width="6%"; style="filter: brightness(0) invert(1);"></h4>
</div>
<div class="menu-item-mobile col-md-3" onclick="window.open('https://southtelecom.vn/communication-collaboration', '_self')">
<h4>Communication & Collaboration <img src="https://southtelecom.vn/images/icons/chevron.png" width="6%"; style="filter: brightness(0) invert(1);"></h4>
</div>
<div class="menu-item-mobile col-md-6" onclick="window.open('https://southtelecom.vn/ict-services', '_self')">
<h4>ICT Services <img src="https://southtelecom.vn/images/icons/chevron.png" width="6%"; style="filter: brightness(0) invert(1);"></h4>
</div>
<div class="menu-item-mobile col-md-6" onclick="window.open('https://southtelecom.vn/software', '_self')">
<h4>Softwares <img src="https://southtelecom.vn/images/icons/chevron.png" width="6%"; style="filter: brightness(0) invert(1);"></h4>
</div>
</div>
<div style="clear: both;"></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
$(".menu-item > div").on("mouseover", function() {
$(this).addClass("animate__animated animate__pulse");
$.each($(this).find(".menu-icon img"), function(idx, ele) {
$(ele).addClass("animate__animated" + " " + $(ele).data("hover"));
});
$.each($(this).find(".menu-substile-content"), function(idx, ele) {
$(ele).addClass("animate__animated" + " " + $(ele).data("hover"));
});
});
$(".menu-item > div").on("mouseleave", function() {
$(this).removeClass("animate__animated animate__pulse");
$(this).find(".menu-substile-content").addClass("animate__fadeOut");
$.each($(this).find(".menu-icon img"), function(idx, ele) {
$(ele).removeClass("animate__animated" + " " + $(ele).data("hover") + " animate__fadeOut");
});
$.each($(this).find(".menu-substile-content"), function(idx, ele) {
$(ele).removeClass("animate__animated" + " " + $(ele).data("hover") + " animate__fadeOut");
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30591792-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
/*
We can use [body] or the element class/id that wraps the elements with tooltip/popover.
Include the data-[] attribute in each element that needs it.
*/
//loading page
$('.loadingbar').delay(1500).animate({left: '0'}, 3000);
$('.loadingBox').delay(500).animate({opacity: '99'}, 1000);
$('.splashScreen').delay(4500).fadeOut("slow").animate({opacity: '0'}, 1200);
$('.loadingCircle').delay(4500).animate({opacity: '0'}, 500);
$('body').delay(5000).queue(function(){
// $('.splashScreen').addClass("fade-in");
});
$(".loadingSkip").on('click', function(event){
console.log('aaaaa');
$('.splashScreen').css('display','none');
$('body').delay(5000).queue(function(){
// $('.splashScreen').addClass("fade-in");
});
});
</script>
<script type="text/javascript">
//(codepen.io/HarshHS/)
var canvasDots = function() {
var canvas = document.querySelector('canvas'),
ctx = canvas.getContext('2d'),
colorDot = '#CECECE',
color = '#CECECE';
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
canvas.style.display = 'block';
ctx.fillStyle = colorDot;
ctx.lineWidth = .1;
ctx.strokeStyle = color;
var mousePosition = {
x: 30 * canvas.width / 100,
y: 30 * canvas.height / 100
};
var dots = {
nb: 120,
distance: 80,
d_radius: 100,
array: []
};
function Dot(){
this.x = Math.random() * canvas.width;
this.y = Math.random() * canvas.height;
this.vx = -.5 + Math.random();
this.vy = -.5 + Math.random();
this.radius = Math.random();
}
Dot.prototype = {
create: function(){
ctx.beginPath();
ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
ctx.fill();
},
animate: function(){
for(i = 0; i < dots.nb; i++){
var dot = dots.array[i];
if(dot.y < 0 || dot.y > canvas.height){
dot.vx = dot.vx;
dot.vy = - dot.vy;
}
else if(dot.x < 0 || dot.x > canvas.width){
dot.vx = - dot.vx;
dot.vy = dot.vy;
}
dot.x += dot.vx;
dot.y += dot.vy;
}
},
line: function(){
for(i = 0; i < dots.nb; i++){
for(j = 0; j < dots.nb; j++){
i_dot = dots.array[i];
j_dot = dots.array[j];
if((i_dot.x - j_dot.x) < dots.distance && (i_dot.y - j_dot.y) < dots.distance && (i_dot.x - j_dot.x) > - dots.distance && (i_dot.y - j_dot.y) > - dots.distance){
if((i_dot.x - mousePosition.x) < dots.d_radius && (i_dot.y - mousePosition.y) < dots.d_radius && (i_dot.x - mousePosition.x) > - dots.d_radius && (i_dot.y - mousePosition.y) > - dots.d_radius){
ctx.beginPath();
ctx.moveTo(i_dot.x, i_dot.y);
ctx.lineTo(j_dot.x, j_dot.y);
ctx.stroke();
ctx.closePath();
}
}
}
}
}
};
function createDots(){
ctx.clearRect(0, 0, canvas.width, canvas.height);
for(i = 0; i < dots.nb; i++){
dots.array.push(new Dot());
dot = dots.array[i];
dot.create();
}
dot.line();
dot.animate();
}
window.onmousemove = function(parameter) {
mousePosition.x = parameter.pageX;
mousePosition.y = parameter.pageY;
}
mousePosition.x = window.innerWidth / 2;
mousePosition.y = window.innerHeight / 2;
setInterval(createDots, 1000/30);
};
window.onload = function() {
canvasDots();
};
//codepen.io/HarshHS
</script></body>
</html>