Website Design Johor Bahru | Career Webteq Web Designer Developer Webmaster

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html class="" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="//ogp.me/ns#" xmlns:fb="//www.facebook.com/2008/fbml"> <head> <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-1018719952/fiQECNjTu94BENDd4eUD', 'event_callback': callback }); return false; } </script>  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2427688,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script>  <script type="application/ld+json"> { "@context" : "http://schema.org", "@id" : "https://www.webteq.com.my/", "@type" : "LocalBusiness", "name" : "Webteq Solution Sdn. Bhd. | Web Design Johor Bahru (JB)", "image" : "https://www.webteq.com.my/data/cms/images/square_logo_blue.png", "priceRange" : "Based on selected packages & requirements", "telephone" : "+6016-770 4437", "email" : "info@webteq.com.my", "address" : [ { "@type" : "PostalAddress", "streetAddress" : "No. G36, 34-01 & 34-02, Jalan Austin Perdana 2/23, Taman Austin Perdana", "addressLocality" : "Johor Bahru", "addressRegion" : "Johor", "addressCountry" : "Malaysia", "postalCode" : "81100" }, { "@type" : "PostalAddress", "streetAddress" : "Unit D-2F-12 Sunway Nexis, No. 1 Jalan PJU 5/1, Kota Damansara", "addressLocality" : "Petaling Jaya", "addressRegion" : "Selangor", "addressCountry" : "Malaysia", "postalCode" : "47810" } ], "url" : "https://www.webteq.com.my/", "aggregateRating" : { "@type" : "AggregateRating", "ratingValue" : "5/5", "ratingCount" : "56709" } } </script><title> Website Design Johor Bahru | Career Webteq Web Designer Developer Webmaster </title> <link type="text/css" href="/css/public.css?v=20191202" rel="Stylesheet" /> <link type="text/css" href="/css/thickbox.css" rel="Stylesheet" /> <link type="text/css" href="/css/orangebox.css" rel="Stylesheet" /> <link type="text/css" href="/css/mobile/sidebar/jquery.sidr.light.css" rel="Stylesheet" /> <link type="text/css" href="/css/animate.css" rel="Stylesheet" /> <link type="text/css" href="/css/common.css" rel="Stylesheet" /> <link type="text/css" href="/css/supersizedsub.css" rel="Stylesheet" /> <link type="text/css" href="/css/supersizedsub.shutter.css" rel="Stylesheet" /> <link type="text/css" href="/css/slick/slick.css" rel="Stylesheet" /> <link type="text/css" href="/css/slick/slick-theme.css" rel="Stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Catamaran:300,400,700|Mukta+Mahee:200,300,400,700|Pangolin|Material+Icons" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <script src="/js/swfobject.js" type="text/javascript"></script> <script src="/js/config.js" type="text/javascript"></script> <script src="/js/jquery.cycle.all.min.js" type="text/javascript"></script> <script src="/js/jquery.cookie.min.js" type="text/javascript"></script> <script src="/js/thickbox.min.js" type="text/javascript"></script> <script src="/js/orangebox.min.js" type="text/javascript"></script> <script src="/js/WaterMark.min.js" type="text/javascript"></script> <script src="/js/jquery.sidr.min.js" type="text/javascript"></script> <script src="/js/common.js" type="text/javascript"></script> <script src="/js/supersized.3.2.6.min.js" type="text/javascript"></script> <script src="/js/supersized-shuttle.js" type="text/javascript"></script> <script src="/js/ScrollMagic/ScrollMagic.min.js" type="text/javascript"></script> <script src="/js/ScrollMagic/plugins/debug.addIndicators.min.js" type="text/javascript"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBybrdqHxE-faUD0gf1oCa9_yUBQuRfzy0"></script> <script src="/js/gomap-1.3.2.min.js" type="text/javascript"></script> <script src="/js/particles.min.js" type="text/javascript"></script> <script src="/js/slick/slick.min.js" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> <script type="text/javascript"> function pagerFactory(idx, slide) { //var s = idx > 2 ? ' style="display:none"' : ''; return '<a href="#"><img src="../img/cmn/trans.gif" alt="" width="10" height="10" class="imgPage' + idx + '" border="0" /></a>'; }; function toggleNav() { if ($('body').hasClass('open')) { $('body').removeClass('open'); } else { $('body').addClass('open'); } } $(function () { var contactMapBtn = '#divContactMapBtn'; $(contactMapBtn).on("click", function () { $('.divContactInfoDetails').fadeToggle("slow"); $(contactMapBtn).toggleClass("active"); if ($(contactMapBtn).hasClass('active')) { $(contactMapBtn).text('View Contact'); } else { $(contactMapBtn).text('View Map'); } }); if ($.cookie('webteq_click')) { if ($.cookie('webteq_click') == "1") { $(".divStartHere").hide(); } } //side menu $('#ctl00_hypTopMenu').on("click", function () { $.cookie('webteq_click', '1', { expires: 30 }); $(".divStartHere").hide(); $(this).toggleClass('open'); toggleNav(); return false; }); //end side menu // Search Site openCSE($("#ctl00_hypSearchSite"), $('#ctl00_pnlSearchSiteContainer')); // End Search Site redirectDone(); }); $('.divSlideShow').cycle({ fx: 'fade', speed: 700, timeout: 0, pager: '.divSlidePagination', pagerAnchorBuilder: pagerFactory, prev: '#homeSSPrev', next: '#homeSSNext' }); $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#ctl00_pnlTopMainWhiteContainer').addClass("activeScroll"); //.toggleClass("divTopMainWhiteContainer divTopMainWhiteContainerOnScroll"); $('#ctl00_pnlTopRightContainer').addClass("activeScroll"); } else { $('#ctl00_pnlTopMainWhiteContainer').removeClass("activeScroll"); //.toggleClass("divTopMainWhiteContainerOnScroll divTopMainWhiteContainer"); $('#ctl00_pnlTopRightContainer').removeClass("activeScroll"); } }); </script> <meta name="viewport" content="width=1024, maximum-scale=1.0"/> <link href='https://www.webteq.com.my/career' rel='canonical'/><link id="ctl00_Icon" href="/data/admctrlpnl/1566269302_favicon-webteq.ico" rel="shortcut icon" /><link href='/css/logo.css?v=1.0' rel='Stylesheet' type='text/css' /><link href='/css/topmenu.css' rel='Stylesheet' type='text/css' /><link href='/css/nav.css' rel='Stylesheet' type='text/css' /><link href='/css/quicklinks.css?v=20191031' rel='Stylesheet' type='text/css' /><meta property="og:title" content="Webteq Solution" /><meta property="og:type" content="Website" /><meta property="og:url" content="https://www.webteq.com.my/" /><meta property="og:image" content="https://www.webteq.com.my/data/cms/images/webteqfb_logo.jpg" /><meta property="og:site_name" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><meta property="og:description" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><link href='/css/facebook.css' rel='Stylesheet' type='text/css' /><link href='/css/topmenu.css' rel='Stylesheet' type='text/css' /><link href='/css/nav.css' rel='Stylesheet' type='text/css' /><link href='/css/sitesearch.css' rel='Stylesheet' type='text/css' /><link href='/css/background.css' rel='Stylesheet' type='text/css' /><link id="ctl00_Masthead" href="/css/masthead.css" rel="stylesheet" type="text/css" /><link href='/css/btmmenu.css' rel='Stylesheet' type='text/css' /><link href='/css/copy.css' type='text/css' rel='Stylesheet' /><link href='/css/quicklinks.css?v=20191031' rel='Stylesheet' type='text/css' /><meta property="og:title" content="Webteq Solution" /><meta property="og:type" content="Website" /><meta property="og:url" content="https://www.webteq.com.my/" /><meta property="og:image" content="https://www.webteq.com.my/data/cms/images/webteqfb_logo.jpg" /><meta property="og:site_name" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><meta property="og:description" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><link href='/css/facebook.css' rel='Stylesheet' type='text/css' /><meta name='keywords' content='Webteq Solution, Webteq Johor Bahru, Webteq Johor, Webteq Malaysia, Web Design Johor Bahru, Web Design Johor, Web Design JB, Web Design Malaysia, 网页设计JB，新山网页设计，网页设计新山, Website Design Johor, Website Design JB, Website Design Johor Bahru, Website Design Malaysia, Web Application Johor, Web Application JB, Web Application Malaysia, SEO Johor Bahru, SEO JB, SEO Malaysia, Google SEO JB, Google SEO Malaysia, Google SEO Johor, Google Website Johor Bahru, Search Engine Marketing Johor Malaysia, e-Commerce Johor, e-Commerce JB, e-Commerce Johor Bahru, e-Commerce Malaysia, Online Store Malaysia, Online Store Johor, Online Store Johor Bahru, Web Application Johor, Web Application Johor Bahru, Web Application JB, Web Application Malaysia, eCommerce Johor, eCommerce Johor Bahru, eCommerce JB, eCommerce Malaysia, Website Maintenance Johor Bahru, Website Company Johor Bahru, Website Company JB, Website Company Johor, Website Company Malaysia, Web Design Kuala Lumpur, Web Design KL, 网页设计KL，吉隆坡网页设计' /><meta name='description' content='Career @Webteq Web Design SEO Johor Bahru Mt Austin Kuala Lumpur Kota Damansara Malaysia. 32 designer developer webmaster. 1 of the largest web design company' /><link href='/css/loading.css' rel='Stylesheet' type='text/css' /></head> <body id="ctl00_BodyID" class="bodySubpage"> <form name="aspnetForm" method="post" action="/career" id="aspnetForm"> <div> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/WebForms.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ window.WebForm_PostBackOptions||document.write('<script type="text/javascript" src="/WebResource.axd?d=LZYdTMOoGSLuUL6tM4ZZvinjc-P1pcRjEhtheBoC8yjOWtUKb5I3L4cA3BO4IK3gQWxS8vUud4n0sqqgSQUgsvi81pRoHimXkRQKZnL8LWY1&t=638460112569584809"><\/script>');//]]> </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-17988653-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-17988653-1'); gtag('config', 'AW-1018719952'); </script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '235005593692623'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=235005593692623&ev=PageView &noscript=1"/></noscript>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '3149475338473178'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=3149475338473178&ev=PageView &noscript=1"/></noscript>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '488090159037549'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=488090159037549&ev=PageView&noscript=1" /></noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-7Z62G4HZXD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7Z62G4HZXD'); </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjax.debug.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys._Application && Sys.Observer)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=xEucleASRLKN_LQ-ZSQ-LRelD28Re60dROoiy8gFRnBv7uv5sUH2-pjfyAtnZFTCXUt7noabmRMqpB7KNENBVDDBZQ6hOwfVBBiGYjHtcUPbVT3gZgdd17LApwKFPRdEI9HMSShS9P3hkugmer5XdlssuMCIE2neH4VU12rC6wd2vEZma3Wd15WtdfDgSJ140&t=74258c30"><\/script>');//]]> </script> <script type="text/javascript"> //<![CDATA[ if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.'); //]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjaxWebForms.debug.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys.WebForms)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=tSfncuLKVdlUb_ejMH8V8UkL-uMk0-inSbNp6cQRYrGyu7gWPpT0Uez8WI0h97sYHvCQIUXoWIUBwbQliOGoDJai1el2ld9v0N-vFwP_GN8uZnohcO_IlAPFpKjfvmJ9EzfVZmnSEBJOFjIrBtQkovco8I75gqZDHxHsAHdBGpui8-KdEBjdGl0IZU5pILaT0&t=74258c30"><\/script>');//]]> </script> <div> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAWvVXD1oYELeveMr0vHCmYPMXCviTIf3l/WUwneuF6D1HxCLTP638hNrQou14COvFnCc/oWCRQRQNViAy5nC4NssCcPe0V0zXjJ3NXvHUXXOfgwOflw9PwsgM6sNLqkbmzbfIrFiQydrLYrbS4CEEKR" /> </div> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$scriptmanager1', 'aspnetForm', ['tctl00$UsrSiteSearch$upnlProdGroup',''], [], [], 90, 'ctl00'); //]]> </script> <input type="hidden" name="ctl00$hfVSFileName" id="ctl00_hfVSFileName" value="814d1563-f2fe-4f8b-955e-9eb03330016e" /> <div id="site-wrapper"> <div id="site-topmenu"> <div id="ctl00_pnlTopMainWhiteContainer" class="divTopMainWhiteContainer"> <div id="ctl00_pnlTopMainContainer" class="divTopMainContainer"> <div id="ctl00_pnlTopMainContainerInner" class="divTopMainContainerInner"> <div id="ctl00_pnlTopLeft" class="divTopLeft"> <div id="ctl00_pnlTopLeftContainer" class="divTopLeftContainer"> <a id="ctl00_ucUsrLogo_hypLogo" title="Webteq | Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO" href="/"><img id="ctl00_ucUsrLogo_imgLogo" title="Webteq | Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO" class="imgLogo" src="/data/admctrlpnl/1566816203_logo-top-panel-webteq.png" alt="Webteq | Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO" style="border-width:0px;" /></a> </div> </div> <div id="ctl00_pnlTopRightContainer" class="divTopRightContainer"> <div id="ctl00_pnlTopRightContainerInner" class="divTopRightContainerInner"> <table border="0" cellpadding="0" cellspacing="0" style="float: right;"> <tr> <td style="float: right;"> <div id="ctl00_pnlTopTopMenuContainer" class="divTopTopMenuContainer"> <div> <div id="ctl00_ucUsrTopTopMenu_pnlTopMenuContainer" class="divTopMenuInnerContainer"> <ul class="nav-nav-one nav"> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl00_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl00_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl00_hypMenu" title="About Us" class="topTopMenuItem" onclick="redirectLoading();" href="/about-us">About Us</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl00_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl01_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl01_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl01_hypMenu" title="Articles" class="topTopMenuItem" onclick="redirectLoading();" href="/articles">Articles</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl01_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl02_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl02_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl02_hypMenu" title="FAQs" class="topTopMenuItem" onclick="redirectLoading();" href="/faqs">FAQs</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl02_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl03_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl03_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl03_hypMenu" title="Career" class="topTopMenuItemSel" onclick="redirectLoading();" href="/career">Career</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl03_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl04_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl04_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl04_hypMenu" title="Happenings" class="topTopMenuItem" onclick="redirectLoading();" href="/event/happenings">Happenings</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl04_pnlSubMenu" class="divTopMenuSub"> </div> </li> </ul> </div> </div> </div> <div id="ctl00_pnlQuickInfoContainer" class="divQuickInfoContainer fixed_element"> <div id="ctl00_ucUsrQuickLinks_pnlQuickLinksInner" class="divQuickLinksInner"> <div id="ctl00_ucUsrQuickLinks_pnlWhatsApp" class="divWhatsApp"> <table cellpadding="0" cellspacing="0"> <tr> <td></td> <td class="tdSpace"></td> <td> <a id="ctl00_ucUsrQuickLinks_hypWhatsApp" title="Whatsapp Me" class="hypWhatsApp" alt="Whatsapp Me" href="//api.whatsapp.com/send?phone=60167704437" target="_blank" style="width:25px; height:25px; position: absolute; margin-left: -11px; margin-top: -3px;"><img id="ctl00_ucUsrQuickLinks_imgWhatsApp" alt="Whatsapp Me" src="/img/cmn/trans.gif" style="border-width:0px;" /></a> </td> </tr> </table> </div> <div id="ctl00_ucUsrQuickLinks_pnlQuickEmail" class="divQuickEmail"> <table cellpadding="0" cellspacing="0"> <tr> <td></td> <td class="tdSpace"></td> <td> <a id="ctl00_ucUsrQuickLinks_hypQuickEmail" title="info@webteq.com.my" class="hypQuickEmail" href="mailto:info@webteq.com.my" style="width:25px; height:25px; position: absolute; margin-left: -11px; margin-top: -3px;"> </a> </td> </tr> </table> </div> <div id="ctl00_ucUsrQuickLinks_pnlQuickContactNo" class="divQuickContactNo"> <table cellpadding="0" cellspacing="0"> <tr> <td></td> <td class="tdSpace"></td> <td class="divQuickContact"><i class="material-icons" style="font-size:14px; margin-right:5px;">phone</i>+6016-770 4437</td> </tr> </table> </div> <div id="ctl00_ucUsrQuickLinks_pnlFbPageContainer" class="divFbPageContainer"> <div class="divFacebookWebsitePage"><a id="ctl00_ucUsrQuickLinks_hypFbPage" title="https://www.facebook.com/WebteqSince2007/" class="hypFbPage" href="https://www.facebook.com/WebteqSince2007/" target="_blank"></a></div> <div class="divFacebookLikePage"><div id="ctl00_ucUsrQuickLinks_ucUsrFacebook_pnlFacebookScript" class="divFacebookScript"> <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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); } (document, 'script', 'facebook-jssdk')); </script> </div> <div id="ctl00_ucUsrQuickLinks_ucUsrFacebook_pnlFacebook" class="divFacebook"> <div id="fb-root"></div> <div id="ctl00_ucUsrQuickLinks_ucUsrFacebook_pnlFacebookLike" class="divFacebookLike"> <div class="fb-like" data-href="https://www.webteq.com.my/" data-send="false" data-width="80" data-show-faces="true" data-layout="button_count"></div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { $(".divFbPageContainer").hide(); }); </script> </div> </div> <div id="ctl00_pnlSearchLinkContainer" class="divSearchLinkContainer"> <a id="ctl00_hypSearchSite" title="Search" class="hypSearchSite">Search</a> </div> </td> </tr> <tr> <td style="float: right;"> <div id="ctl00_pnlTopMenuOuter" class="divTopMenuContainer"> <div id="ctl00_pnlTopMenu" class="divTopMenu"> <div> <div id="ctl00_ucUsrTopMenu_pnlTopMenuContainer" class="divTopMenuInnerContainer"> <ul class="nav-nav-one nav"> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl00_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_hypMenu" title="Website Design" class="topMenuItem" onclick="redirectLoading();" href="/website-design">Website Design</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl00_pnlSubMenu" class="divTopMenuSub"> <ul class="nav-nav-two nav"> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl01_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl01_hypSubMenu" title="ePROFILE" onclick="redirectLoading();" href="/eProfile">ePROFILE</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl02_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl02_hypSubMenu" title="eCATALOG" onclick="redirectLoading();" href="/eCatalog">eCATALOG</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl03_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl03_hypSubMenu" title="eSHOP" onclick="redirectLoading();" href="/eShop">eSHOP</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl04_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl04_hypSubMenu" title="SEO" onclick="redirectLoading();" href="/seo">SEO</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl05_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl05_hypSubMenu" title="Customized" onclick="redirectLoading();" href="/customized">Customized</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl06_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl06_hypSubMenu" title="eMOBILE" onclick="redirectLoading();" href="/mobile-friendly">eMOBILE</a> </li> </ul> </div> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl01_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl01_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl01_hypMenu" title="Portfolio" class="topMenuItem" onclick="redirectLoading();" href="/event/portfolio">Portfolio</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl01_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl02_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl02_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl02_hypMenu" title="Testimonial" class="topMenuItem" onclick="redirectLoading();" href="/testimonial">Testimonial</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl02_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl03_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl03_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl03_hypMenu" title="Sharing" class="topMenuItem" onclick="redirectLoading();" style="cursor:default;">Sharing</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl03_pnlSubMenu" class="divTopMenuSub"> <ul class="nav-nav-two nav"> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl03_rptSubMenu_ctl01_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl03_rptSubMenu_ctl01_hypSubMenu" title="Email Step by Step" onclick="redirectLoading();" href="/email">Email Step by Step</a> </li> </ul> </div> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl04_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl04_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl04_hypMenu" title="Contact Us" class="topMenuItem" onclick="redirectLoading();" href="/contact/contact-us">Contact Us</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl04_pnlSubMenu" class="divTopMenuSub"> </div> </li> </ul> </div> </div> </div> </div> </td> </tr> </table> </div> <div id="ctl00_pnlSideMenu" class="divSideMenu"> <div class="header"> <div id="ctl00_UsrSideMenu_pnlHeaderRow" class="header-row"> <a class="nav-mobile-toggle" title="Menu"> <span></span> <span></span> <span></span> </a> </div> <div class="header-row menu"> <div class="nav-menu"> <div> <div id="ctl00_UsrSideMenu_pnlTopMenuContainer" class="divTopMenuInnerContainer"> <ul class="nav-one"> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_hypMenu" title="Website Design" class="menuLevel" href="/website-design"><span class='content'>Website Design</span></a> <ul class="nav-two side-sub"> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl01_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl01_hypSubMenu" title="ePROFILE" href="/eProfile">ePROFILE</a> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl03_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl03_hypSubMenu" title="eCATALOG" href="/eCatalog">eCATALOG</a> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl05_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl05_hypSubMenu" title="eSHOP" class="SubMenuParent" href="/eShop">eSHOP</a> <ul class="nav-three side-sub"> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl05_rptSubMenuLv2_ctl01_liSubMenuLv2"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl05_rptSubMenuLv2_ctl01_hypSubMenuLv2" title="Apply for Paypal" class="hypTopSubMenuLv2" href="/apply-for-PayPal">Apply for Paypal</a> </li> </ul> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl07_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl07_hypSubMenu" title="SEO" href="/seo">SEO</a> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl09_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl09_hypSubMenu" title="Customized" href="/customized">Customized</a> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl11_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl11_hypSubMenu" title="eMOBILE" href="/mobile-friendly">eMOBILE</a> </li> </ul> </li> <li class="nav-splitter"></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl02_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl02_hypMenu" title="Portfolio" class="divTopMenuItem" href="/event/portfolio"><span class='content'>Portfolio</span></a> </li> <li class="nav-splitter"></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl04_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl04_hypMenu" title="Testimonial" class="divTopMenuItem" href="/testimonial"><span class='content'>Testimonial</span></a> </li> <li class="nav-splitter"></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl06_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl06_hypMenu" title="Sharing" class="menuLevel" style="cursor:default;"><span class='content'>Sharing</span></a> <ul class="nav-two side-sub"> <li id="ctl00_UsrSideMenu_rptMenu_ctl06_rptSubMenu_ctl01_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl06_rptSubMenu_ctl01_hypSubMenu" title="Email Step by Step" href="/email">Email Step by Step</a> </li> </ul> </li> <li class="nav-splitter"></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl08_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl08_hypMenu" title="Contact Us" class="divTopMenuItem" href="/contact/contact-us"><span class='content'>Contact Us</span></a> </li> </ul> <ul class="nav nav-one-bottom"> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl00_liMenu"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl00_hypMenu" title="About Us" class="divTopMenuItem" href="/about-us"><span class='content'>About Us</span></a> </li> <li class="nav-splitter">/</li> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl02_liMenu"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl02_hypMenu" title="Articles" class="divTopMenuItem" href="/articles"><span class='content'>Articles</span></a> </li> <li class="nav-splitter">/</li> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl04_liMenu"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl04_hypMenu" title="FAQs" class="divTopMenuItem" href="/faqs"><span class='content'>FAQs</span></a> </li> <li class="nav-splitter">/</li> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl06_liMenu" class="sel"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl06_hypMenu" title="Career" class=" sel" href="/career"><span class='content'>Career</span></a> </li> <li class="nav-splitter">/</li> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl08_liMenu"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl08_hypMenu" title="Happenings" class="divTopMenuItem" href="/event/happenings"><span class='content'>Happenings</span></a> </li> </ul> </div> </div> </div> </div> <script> $(".nav-mobile-toggle").on("click", function () { $(".header").toggleClass("open"); if ($('.header').hasClass('open')) { $('.nav-mobile-toggle span').css('background', '#fff'); $('body').css('overflow', 'hidden'); } else { $('.nav-mobile-toggle span').css('background', ''); $('body').css('overflow', 'auto'); } }); $(".nav-one > li > a > i").on("click", function () { $parent = $(this).parent().parent(); if ($parent.hasClass("sel")) { $parent.find(".nav-two").slideUp("slow", function () { $parent.toggleClass("sel"); }); } else { $parent.find(".nav-two").slideDown("slow", function () { $parent.toggleClass("sel"); }); } return false; }); </script> </div> </div> </div> </div> </div> </div> </div> <div id="site-menu"> </div> <div id="site-canvas"> <div class="divSearchSiteOverlay"></div> <div id="ctl00_pnlSearchSiteContainer" class="divSearchSiteContainer"> <div class="divSearchSiteContainerInner"> <div id="ctl00_UsrSiteSearch_upnlProdGroup"> <div id="ctl00_UsrSiteSearch_uprgProdGroup" style="display:none;"> <div id="ctl00_UsrSiteSearch_ucUsrLoading_pnlLoading" class="divLoading"> <div class="rectangle-bounce selected"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div> </div> </div> </div> <script type="text/javascript" language="javascript"> $(document).ready(function () { var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_endRequest(function () { $("#ctl00_UsrSiteSearch_pnlSearchResult").click(function (e) { e.stopPropagation(); }); }); }) </script> <div id="ctl00_UsrSiteSearch_pnlSearch"> <div id="ctl00_UsrSiteSearch_pnlSearchResult" class="divSearchResult" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_UsrSiteSearch_lnkbtnSearch')"> <div class="divSearchText"> <table width="100%"> <tr> <td> <input name="ctl00$UsrSiteSearch$txtboxSearch" type="text" id="ctl00_UsrSiteSearch_txtboxSearch" class="text_enquiry" PlaceHolder="Search in Webteq Solution" /></td> <td width="60px" align="center"> <a id="ctl00_UsrSiteSearch_lnkbtnSearch" title="Search" href="javascript:__doPostBack('ctl00$UsrSiteSearch$lnkbtnSearch','')"> <svg width="40" height="40" viewBox="0 0 24 24"><path fill="#497cd9" d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> </a></td> </tr> </table> </div> </div> </div> </div> <script> $("#ctl00_UsrSiteSearch_pnlSearchResult").on("click", function (e) { e.stopPropagation(); }); </script> </div> </div> <div id="ctl00_pnlMainContainer" class="divMainContainer"> <div id="ctl00_ucUsrBackground_pnlMastheadBackgroundContainer" class="divMastheadBackgroundContainer"> <div id="ctl00_ucUsrBackground_divSlideBgTagline" class="divSlideBgTagline minTaglineHeight"> <div id="slidedescription"></div> </div> </div> <script> (function () { $.runMasthead = function () { $.supersized({ // Functionality slideshow: 1, // Slideshow on/off autoplay: 1, // Slideshow starts playing automatically start_slide: 1, // Start slide (0 is random) stop_loop: 0, // Pauses slideshow on last slide random: 0, // Randomize slide order (Ignores start slide) slide_interval: 5000, // Length between transitions transition: 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed: 1000, // Speed of transition new_window: 1, // Image links open in new window/tab pause_hover: 1, // Pause slideshow on hover keyboard_nav: 1, // Keyboard navigation on/off performance: 2, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) image_protect: 1, // Disables image dragging and right click with Javascript // Size & Position min_width: 0, // Min width allowed (in pixels) min_height: 0, // Min height allowed (in pixels) vertical_center: 0, // Vertically center background horizontal_center: 1, // Horizontally center background fit_always: 0, // Image will never exceed browser width or height (Ignores min. dimensions) fit_portrait: 1, // Portrait images will not exceed browser height fit_landscape: 0, // Landscape images will not exceed browser width // Components slide_links: 'blank', // Individual links for each slide (Options: false, 'number', 'name', 'blank') thumb_links: 1, // Individual thumb links for each slide thumbnail_navigation: 0, // Thumbnail navigation slides: [ {image: '/data/masthead/1538981437_masthead-career.jpg', description: ''}, // Slideshow Images ], // Theme Options progress_bar: 1, // Timer for each slide mouse_scrub: 1 }); } })(); </script> <div id="ctl00_pnlMiddleContainerOuter" class="divMiddleContainerOuterSub "> <div id="ctl00_pnlMiddleContainerSub" class="divMiddleContainerSub animated"> <div id="ctl00_cphContent_ucUsrCMS_pnlCMS" class="divCMS"> <div id="ctl00_cphContent_ucUsrCMS_pnlContentSection" class="divCMSContentSection"> <div id="ctl00_cphContent_ucUsrCMS_pnlContent" class="divCMSContent"> <style type="text/css">.blueshirtBG { background-image: url("/data/cms/images/1538734794_img-career.jpg"); background-repeat: no-repeat; height: 950px; background-size:100%; margin-top: -110px; width:100%; } .button11, .button11:link, .button11:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 7px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #bd372b , #ea4333, #ea4333, #bd372b); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button11:hover, .button11:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .button2, .button2:link, .button2:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 7px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #148551 , #34a853, #34a853, #148551); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button2:hover, .button2:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .button13, .button13:link, .button13:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 7px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #d89429 , #fbbe07, #fbbe07, #d89429); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button13:hover, .button13:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .button14, .button14:link, .button14:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 7px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #6d00d3 , #9f2b98, #9f2b98, #6d00d3); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button14:hover, .button14:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .borderdeveloper { height: 5px; width:260px; background: linear-gradient(to right, #1c67dc, #5698ff); border-radius: 3px; } .borderdesigner { height: 5px; width:260px; background: linear-gradient(to right, #bd372b, #ea4333); border-radius: 3px; } .bordersales { height: 5px; width:260px; background: linear-gradient(to right, #148551, #34a853); border-radius: 3px; } .borderintern { height: 5px; width:260px; background: linear-gradient(to right, #d89429, #fbbe07); border-radius: 3px; } .bordercontact { height: 5px; width:260px; background: linear-gradient(to right, #6d00d3, #9f2b98); border-radius: 3px; } </style> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto; position: relative; "> <tbody> <tr> <td style="text-align: center;"> <h1>Work with Us </h1> </td> </tr> <tr> <td style="text-align: center;">Work with us and you will love where you work. We`re looking who want to be part of the core team and grow together with us. We need people who believe that what they do will change tomorrow. Interested applicants are invited to email with a detailed resume stating qualifications, experience, current/expected salary and enclose a recent passport-sized photograph to <a alt="Email us at admin@webteq.com.my" href="mailto:admin@webteq.com.my" title="Email us at admin@webteq.com.my">admin@webteq.com.my</a> </td> </tr> <tr> <td style="height:80px;">  </td> </tr> </tbody> </table> <div style="text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="position:relative;"><img alt="Career" src="/data/cms/images/1538734794_img-career.jpg" style="width: 100%;" /> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; margin: -60px 0 0;"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto;"> <tbody> <tr> <td style="width:300px; height:300px; padding: 0px 20px; box-sizing: border-box; background:#fff; border:1px solid #ddd;position:relative; vertical-align:top;"> <div class="borderdeveloper" style="position:absolute; top:-3px;">  </div> <img alt="Web Developer" src="/data/cms/images/1538983931_icon-career-web-developer.png" style="width: 90px; height: 90px; margin: 50px 0px 30px;" title="Web Developer" /><img alt="Web Developer" src="/data/cms/images/1538989113_icon-career-clip.png" style="width: 46px; height: 62px; margin: 50px 0px 20px;position:absolute; top: -33%; right: 41.5%;" title="Web Developer" /> <h3>Web Developer </h3> <a class="button1" href="/web-developer" style="margin: auto; margin-top: 15px;" title="View Details">View Details</a> </td> <td style="width:30px;">  </td> <td style="width:300px; height:300px; padding: 0px 20px; box-sizing: border-box; background:#fff; border:1px solid #ddd;position:relative; vertical-align:top;"> <div class="borderdesigner" style="position:absolute; top:-3px;">  </div> <img alt="Web Designer" src="/data/cms/images/1538983940_icon-career-web-designer.png" style="width: 90px; height: 90px; margin: 50px 0px 30px;" title="Web Designer" /><img alt="Web Designer" src="/data/cms/images/1538989113_icon-career-clip.png" style="width: 46px; height: 62px; margin: 50px 0px 20px;position:absolute; top: -33%; right: 41.5%;" title="Web Designer" /> <h3>Web Designer </h3> <a class="button11" href="/web-designer" style="margin: auto; margin-top: 15px;" title="View Details">View Details</a> </td> <td style="width:30px;">  </td> <td style="width:300px; height:300px; padding: 0px 20px; box-sizing: border-box; background:#fff; border:1px solid #ddd;position:relative; vertical-align:top;"> <div class="bordersales" style="position:absolute; top:-3px;">  </div> <img alt="Sales Executive" src="/data/cms/images/1548918083_icon-career-sales-executive.png" style="width: 90px; height: 90px; margin: 50px 0px 30px;" title="Sales Executive" /><img alt="Sales Executive" src="/data/cms/images/1538989113_icon-career-clip.png" style="width: 46px; height: 62px; margin: 50px 0px 20px;position:absolute; top: -33%; right: 41.5%;" title="Sales Executive" /> <h3>Sales Executive </h3> <a class="button2" href="/sales-executive" style="margin: auto; margin-top: 15px;" title="View Details">View Details</a> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto;"> <tbody> <tr> <td style="height:90px;">  </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto;"> <tbody> <tr> <td style="width:300px; height:300px; padding: 0px 20px; box-sizing: border-box; background:#fff; border:1px solid #ddd;position:relative; vertical-align:top;"> <div class="borderintern" style="position:absolute; top:-3px;">  </div> <img alt="Internship for Computer/ IT Programming Students" src="/data/cms/images/1548918111_icon-career-internship-it-programming-students.png" style="width: 90px; height: 90px; margin: 40px 0px 30px;" title="Internship for Computer/ IT Programming Students" /><img alt="Internship for Computer/ IT Programming Students" src="/data/cms/images/1538989113_icon-career-clip.png" style="width: 46px; height: 62px; margin: 50px 0px 20px;position:absolute; top: -31%; right: 41.5%;" title="Internship for Computer/ IT Programming Students" /> <h3>Internship for Computer/ IT Programming Students </h3> <a class="button13" href="/internship-it" style="margin: auto; margin-top: 15px;" title="View Details">View Details</a> </td> <td style="width:30px;">  </td> <td style="width:300px; height:300px; padding: 0px 20px; box-sizing: border-box; background:#fff; border:1px solid #ddd;position:relative; vertical-align:top;"> <div class="borderintern" style="position:absolute; top:-3px;">  </div> <img alt="Internship for Media/ Art/ Graphic/ Design Students" src="/data/cms/images/1548918137_icon-career-internship-web-designer.png" style="width: 90px; height: 90px; margin: 40px 0px 30px;" title="Internship for Media/ Art/ Graphic/ Design Students" /><img alt="Internship for Media/ Art/ Graphic/ Design Students" src="/data/cms/images/1538989113_icon-career-clip.png" style="width: 46px; height: 62px; margin: 50px 0px 20px;position:absolute; top: -31%; right: 41.5%;" title="Internship for Media/ Art/ Graphic/ Design Students" /> <h3>Internship for Media/ Art/ Graphic/ Design Students </h3> <a class="button13" href="/internship-art" style="margin: auto; margin-top: 15px;" title="View Details">View Details</a> </td> <td style="width:30px;">  </td> <td style="width:300px; height:300px; padding: 0px 20px; box-sizing: border-box; background:#fff; border:1px solid #ddd;position:relative; vertical-align:top;"> <div class="bordercontact" style="position:absolute; top:-3px;">  </div> <img alt="Contact Us For More Information" src="/data/cms/images/1538983992_icon-career-contact-us.png" style="width: 90px; height: 90px; margin: 40px 0px 30px;" title="Contact Us For More Information" /><img alt="Contact Us For More Information" src="/data/cms/images/1538989113_icon-career-clip.png" style="width: 46px; height: 62px; margin: 50px 0px 20px;position:absolute; top: -31%; right: 41.5%;" title="Contact Us For More Information" /> <h3>Contact Us <br /> For More Information </h3> <a class="button14" href="/contact/contact-us" style="margin: auto; margin-top: 15px;" title="View Details">View Details</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <input type="hidden" name="ctl00$cphContent$ucUsrCMS$hdnContent" id="ctl00_cphContent_ucUsrCMS_hdnContent" /> <script src="/js/strings.js" type="text/javascript"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> <style type="text/css"> #divMDEC{background:linear-gradient(180deg,rgba(235,237,248,1)0%,rgba(255,255,255,1)100%);padding:80px 0px 0px;} .divWidth_50{width:50%;} .divWidth_100{width:100%;} .divMDECRbl{background-color:#fff;border:1px solid #ccc;border-radius:10px;position:relative;} .divHeight40{height:40px;display:flex;align-items:center;} .divRBLHdr{font-family:'Mukta Mahee', Arial, Sans-Serif;font-weight:700;} .rblMDEC label{line-height:40px;} #dvCaptcha div{margin:auto;} .divMDECAck{text-align:center;} .divMDECContentHdr{text-align:center;} .divMDECContentHdr h2 { line-height: 50px;} .divMDECContentHdr h3 { line-height: 35px; } input[type="radio"]:checked+label,input[type="checkbox"]:checked+label{ font-weight: bold; } .divEnquiryRowResponsive{position:relative;} .recaptcha{display:flex; align-items:center; justify-content:center;display: inline-block;position: relative;} .errmsg{background-color:#fff;padding:5px;position:absolute;top:-40px;right:0px;border:1px solid red;border-radius:5px;opacity:0.9;} .errmsg:before { position: absolute; bottom: -6px; right: 36px; display: block; content: ""; width: 12px; height: 12px; background-color: #fff; box-shadow: 1px 1px 0px 0px red; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (min-width:960px) { #divMDECContent { width: 100%; max-width: 1200px; margin: auto; } .divLineBreak { display: block; } .divMDECContentHdr { padding: 0px 0px 30px; } .divEnquiryRowResponsive { width: 48%; display: inline-block; padding: 0px 0px 20px; vertical-align: top; } .divEnquiryRowResponsiveSplit { width: 2%; display: inline-block; } .divMDECRbl { width: 372px; margin: 10px 30px 30px 0px; display: inline-block; box-sizing: border-box; padding: 20px; vertical-align: top; min-height:244px; } .divMDECRbl:last-child { margin: 10px 0px; } } @media only screen and (max-width:500px) { .divEnquiryRowResponsive{width:100%;margin-bottom:10px;} .divEnquiryRowResponsiveSplit{display:none;} .divMDECRbl{margin:0px 0px 10px;padding:20px;} #divMDEC{padding:60px 20px 20px;} .text_enquiry,.ddl_enquiry{border:1px solid #ccc;border-radius:5px;padding:5px 10px;} .rblMDEC label{font-size:14px;} .errmsg{font-size:12px;} } .divRenewalRow { display: flex; align-items: center; font-size: 100%; } .divRenewalLabel{ width:45%; } .divRenewalContent { width: 69%; } .divRenewalRow input, .divRenewalRow select { background-color: #fcfcfc; font-size: 100%; font-family: Assistant, Arial; color: #666; } .divRenewalRow input[type=checkbox]{ transform:scale(1.3); } .divRenewalHdr{background-color:#fcfcfc;font-size:100%;padding:10px 20px;border:1px solid #ddd;border-left:none;border-right:none;margin-bottom:20px;} .divCheckBoxLabel{cursor:pointer;} .lnkbtnSubmit{width:304px;} .divSpacer{height:10px;width:100%;} .divSpacer20 { height: 20px; width: 100%; } .divMotor, .divCar { padding-bottom: 20px; } .divRenewalOK { width: 20%; } #divLoader { border: 16px solid #fff; border-radius: 50%; border-top: 16px solid #08093c; width: 20px; height: 20px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; position: relative; margin: auto; box-sizing: unset; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media only screen and (max-width:480px) { .divRenewalRow { display: block; font-size: 120%; } .divRenewalRow input, .divRenewalRow select { background-color: #f5f5f5; font-size: 120%; } .divRenewalHdr{font-size:120%;padding:5px 10px;} .divRenewalLabel, .divRenewalContent { width: 100%; } .ddlVehicleType { width: 100%; border: 1px solid #dddddd; } .divRenewalOK,.lnkbtnSubmit{width:100%;} } </style> <script type="text/javascript"> function rearrangePosition() { if ($(window).width() <= 800) { $(".divName").insertBefore(".divCont"); $(".divComName").insertBefore(".divEmail"); } } $(document).ready(function () { rearrangePosition(); }); $(window).resize(function () { rearrangePosition(); }); var intMDEC = parseInt("0"); if (intMDEC == 1) { $(".divMiddleContainerSub").css("margin-bottom", "0px"); //Recaptcha var onloadCallback = function () { grecaptcha.render('dvCaptcha', { 'sitekey': '', 'callback': function (response) { $.ajax({ type: "POST", url: wsBase + "recaptcha.asmx/VerifyCaptcha", data: "{response: '" + response + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (r) { var captchaResponse = jQuery.parseJSON(r.d); console.log("captchaResponse:" + captchaResponse.success); if (captchaResponse.success) { $("[id*=txtCaptcha]").val(captchaResponse.success); $("[id*=rfvCaptcha]").hide(); } else { $("[id*=txtCaptcha]").val(""); $("[id*=rfvCaptcha]").show(); var error = captchaResponse["error-codes"][0]; $("[id*=rfvCaptcha]").html("RECaptcha error. " + error); } } }); } }); }; function cvApplyGrant_client(source, args) { var chkEProfile = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEProfile").is(":checked"); var chkECatalog = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkECatalog").is(":checked"); var chkEShop = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEShop").is(":checked"); var chkSEO = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkSEO").is(":checked"); if (!chkEProfile && !chkECatalog && !chkEShop && !chkSEO) { args.IsValid = false; source.errormessage = "<div>Apply Grant required.</div>"; source.innerHTML = "<div>Apply Grant required.</div>"; } else { args.IsValid = true;} return args.IsValid; } $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").hide(); $("#divSubmit").off("click").on("click", function () { if (Page_ClientValidate("vgMDEC")) { var ddlSalutation = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_ddlSalutation").val() ? $("#ctl00_cphContent_ucUsrCMS_ucMDEC_ddlSalutation").val() : 0; var txtContact = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtContact").val(); var txtName = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtName").val(); var txtEmail = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtEmail").val(); var txtCompanyName = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtCompanyName").val(); var txtYearInBusiness = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtYearInBusiness").val(); var rblAnuualSales = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_rblAnuualSales input:checked").val(); var rblBudget = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_rblBudget input:checked").val() var chkEProfile = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEProfile").is(":checked"); var chkECatalog = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkECatalog").is(":checked"); var chkEShop = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEShop").is(":checked"); var chkSEO = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkSEO").is(":checked"); var applyGrant = ""; if (chkEProfile) { applyGrant += "Website Design, "; } if (chkECatalog) { applyGrant += "Website Design with Product Catalogue, "; } if (chkEShop) { applyGrant += "Website Design with Online Shopping, "; } if (chkSEO) { applyGrant += "Google Ranking (SEO/Google Ads), "; } applyGrant = applyGrant.substring(0, applyGrant.length - 2); $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").show(); $("#divMDECContent").hide(); var items = { "ddlSalutationText": $("#ctl00_cphContent_ucUsrCMS_ucMDEC_ddlSalutation option:selected").text(), "ddlSalutation": ddlSalutation, "txtContact": txtContact, "txtName": txtName, "txtEmail": txtEmail, "txtCompanyName": txtCompanyName, "txtYearInBusiness": txtYearInBusiness, "rblAnuualSales": rblAnuualSales, "rblBudget": rblBudget, "rblApplyGrant": applyGrant, "strCurURL": window.location.href, }; $.ajax({ type: "POST", url: wsBase + "wsAjax.asmx/sendMDEC", data: JSON.stringify(items), contentType: "application/json; charset=utf-8", dataType: "json", }).done(function (data) { var status = $.parseJSON(data.d); if (status.success == "1") { console.log("success"); $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").hide(); //var firstPartContent = submissionText+ submissionContent1; //var vehicleTypeContent = (ddlVehicleType == "1") ? submissionContent2 : submissionContent3; //var lastPartContent = submissionContent4; //var successContent = firstPartContent + vehicleTypeContent + lastPartContent //$(".divRenewalAck").html("<h3>Renew Online - Car & Motorbike Insurance - Successful</h3>" + successContent); $(".divMDECAck").html("<h3>MDEC Grant Submission Successful</h3><div class='button1 height_45 divRenewalOK' style='cursor:pointer;margin-top:10px;' title='OK'>OK</div>").css("padding", "50px 0px"); $(".divRenewalOK").on("click", function () { window.location.href = "https://www.webteq.com.my/career"; }); } else if (status.error == "1") { alert(status.error_msg); $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").hide(); $(".divMDECAck").html(status.error_msg).css("padding", "50px 0px"); } }); } else { //$(".errmsg:visible").siblings("input").css("border-color", "red"); //$(".errmsg:visible").siblings("select").css("border-color", "red"); //$(".divMDECRbl .errmsg").each(function () { // if ($(this).css("display") == "inline") { // $(this).parents(".divMDECRbl").css("border-color", "red").addClass("divFocus"); // } //}); $("html, body").animate({ scrollTop: ($(".errmsg:visible:first").offset().top) - 200 }, 1000); //if ($(".errmsg:visible").length > 0) { // $("html, body").animate({ scrollTop: ($(".errmsg:visible:first").offset().top) - 200 }, 1000); //} //else { // $("html, body").animate({ scrollTop: ($(".divFocus:first").offset().top) - 200 }, 1000); //} } }); $(".divCheckBoxLabel").each(function () { $(this).on("click", function () { $(this).siblings("input").click(); }); }); function validationEffect() { $("input").each(function () { $(this).on("blur", function () { switch ($(this).attr("type")) { case "text": if ($(this).siblings(".errmsg").is(":visible")) { $(this).css("border-color", "red"); } else { $(this).css("border-color", "#ccc"); } break; default: break; } }); $(this).off("click").on("click", delay(function () { switch ($(this).attr("type")) { case "radio": if ($(this).parents(".divMDECRbl").find(".errmsg").is(":visible")) { $(this).parents(".divMDECRbl").css("border-color", "red"); } else { $(this).parents(".divMDECRbl").css("border-color", "#ccc").removeClass("divFocus"); } break; default: break; } }, 100)) }); $(".ddl").each(function () { $(this).change(delay(function () { if ($(this).siblings(".errmsg").is(":visible")) { $(this).css("border-color", "red"); } else { $(this).css("border-color", "#ccc"); } }, 100)); }); } //delay function trigger function delay(callback, ms) { var timer = 0; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { callback.apply(context, args); }, ms || 0); }; } //validationEffect(); } </script> </div> </div> </div> </div> </div> <div id="ctl00_pnlBannerContainerSub" class="divBannerContainerSub"> <div id="ctl00_ucUsrCMSBannerContainer_pnlCMSContainer" class="divCMSContainerOuter"> <div id="ctl00_ucUsrCMSBannerContainer_pnlCMSContainerInner" class="divCMSContainerInner"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_pnlCMSContent"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter2"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentContent" class="divCMSContentContent"> <div><link href="https://fonts.googleapis.com/css?family=Quicksand:400,600,700|Material+Icons|Material+Icons+Outlined" rel="stylesheet" type="text/css" /> <link href="https://library.webteq.asia/font-awesome/font-awesome.min.css" rel="Stylesheet" type="text/css" /> <style type="text/css">.jMkHaA{ animation: pulse-animation1 2s infinite; animation-duration: 4s; } @keyframes pulse-animation1 { 0% { box-shadow: 0 0 0 0px rgba(0, 132, 255, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(0, 132, 255, 0); } } @keyframes pulse-animation2 { 0% { box-shadow: 0 0 0 0px rgba(77, 194, 71, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(77, 194, 71, 0); } } @keyframes pulse-animation3 { 0% { box-shadow: 0 0 0 0px rgba(238, 128, 31, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(238, 128, 31, 0); } } .kMshiB{ animation: pulse-animation1 2s infinite; } .dfBDQI{ display:none!important; } .whatsapp{ animation: pulse-animation2 2s infinite; animation-duration: 4s; } .cart{ animation: pulse-animation3 2s infinite; animation-duration: 4s; } </style> <style type="text/css">.floatcart{ position:fixed; width:50px; height:50px; bottom: 160px; right: 22px; background-color:#EE801F; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .float{ position:fixed; width:50px; height:50px; bottom:80px; right:22px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .my-float{ margin-top:10px; } </style> <script type="text/javascript"> (function () { var options = { facebook: "490692491734384", // Facebook page ID call_to_action: "", // Call to action position: "right", // Position may be 'right' or 'left' }; var proto = document.location.protocol, host = document.location.hostname, url = proto + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://library.webteq.asia/js/widget_bundle.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <table style="position:fixed;z-index:9;"> <tbody> <tr> <td><a alt="Contact Webteq | Website Design Johor Bahru JB" class="float whatsapp" href="https://api.whatsapp.com/send?phone=60167704437&text=Enquiry%20from%20Webteq%20Solution%20Website" rel="nofollow" target="_blank" title="Contact Webteq | Website Design Johor Bahru JB"><i class="fa fa-whatsapp my-float" style="color:#fff;"></i> </a> </td> </tr> </tbody> </table></div> </div> </div> </div> </div> </div> </div> </div> <div id="ctl00_pnlBottomContainerOuter" class="divBottomContainerOuter "> <div id="ctl00_pnlBottomContainer" class="divBottomContainer animated"> <div id="ctl00_ucUsrCMSBtmBannerContainer_pnlCMSContainer" class="divCMSContainerOuter"> <div id="ctl00_ucUsrCMSBtmBannerContainer_pnlCMSContainerInner" class="divCMSContainerInner"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_pnlCMSContent"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter3"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentContent" class="divCMSContentContent"> <div><style type="text/css">.btm_eProfile { background-image: url("/data/admcms/images/icon-btm-panel-eprofile.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_eCatalog { background-image: url("/data/admcms/images/icon-btm-panel-ecatalog.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_eShop { background-image: url("/data/admcms/images/icon-btm-panel-eshop.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_SEO { background-image: url("/data/admcms/images/icon-btm-panel-seo.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } a.btm_eProfile:hover, a.btm_eCatalog:hover, a.btm_eShop:hover, a.btm_SEO:hover{ text-decoration: none; } a.menu { font-size:16px; font-family:'Mukta Mahee'; outline:none; color:#333644; } a.menu:link, a.menu:visited{ color:#333644; text-decoration:none; } a.menu:hover, a.menu:active { color:#497bd8; text-decoration:none; } .btm_WhiteBG { background-image: url("/data/admcms/images/bg-btm-panel-contact-details.png"); background-repeat: no-repeat; height: 170px; } .btm_topshadow { background: url("/data/admcms/images/img-btm-panel-top-shadow.png")no-repeat center bottom; height: 96px; } .button1, .button1:link, .button1:visited { padding-top: 0px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; } .website{ font-size:12px; position: relative; bottom: 4px; } .dottedsplitter{ width: 410px; height: 1px; border-top: 1px dotted #ddd; } .contact-box{ width: 310px; height: 80px; border: 1px solid #edf1f9; background-color: #fff; padding: 10px; box-sizing: border-box; } </style> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td class="btm_topshadow" style="text-align: center; position: relative; z-index: -10;">  </td> </tr> <tr> <td style="height: 70px;">  </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto;"> <tbody> <tr> <td style="text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="position: relative;"><a alt="ePROFILE | Profiling Website | Website Design Johor Bahru JB" class="btm_eProfile" href="/eProfile" title="ePROFILE | Profiling Website | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="ePROFILE | Profiling Website | Website Design Johor Bahru JB" href="/eProfile" title="ePROFILE | Profiling Website | Website Design Johor Bahru JB">ePROFILE</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Profiling Website </td> </tr> </tbody> </table> </td> <td style="position: relative;"><a alt="eCATALOG | Catalogue Website | Website Design Johor Bahru JB" class="btm_eCatalog" href="/eCatalog" title="eCATALOG | Catalogue Website | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="eCATALOG | Catalogue Website | Website Design Johor Bahru JB" href="/eCatalog" title="eCATALOG | Catalogue Website | Website Design Johor Bahru JB">eCATALOG</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Catalogue Website </td> </tr> </tbody> </table> </td> <td style="position: relative;"><a alt="eSHOP | Online Shopping Website | Website Design Johor Bahru JB" class="btm_eShop" href="/eShop" title="eSHOP | Online Shopping Website | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="eSHOP | Online Shopping Website | Website Design Johor Bahru JB" href="/eShop" title="eSHOP | Online Shopping Website | Website Design Johor Bahru JB">eSHOP</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Online Shopping Website </td> </tr> </tbody> </table> </td> <td style="position: relative;"><a alt="SEO | Search Engine Optimization | Website Design Johor Bahru JB" class="btm_SEO" href="/seo" title="SEO | Search Engine Optimization | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="SEO | Search Engine Optimization | Website Design Johor Bahru JB" href="/seo" title="SEO | Search Engine Optimization Website | Website Design Johor Bahru JB">SEO</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Search Engine Optimization </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:40px;">  </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><strong>Professional Website Design Johor Bahru (JB)</strong> </td> </tr> <tr> <td style="height:3px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </td> </tr> <tr> <td> <h4>What do you need for your company website? </h4> </td> </tr> <tr> <td style="height:20px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </td> </tr> <tr> <td>At Webteq, we focus on <strong>Effective Website</strong> - Website that can help to enhance <nobr><b>Company Image</b> </nobr> & increase <b>Online Enquiry</b> through search engines (Google). Contact us and we will arrange our web consultants to understand your business nature and advise a suitable website for your business. <strong>Website Design Johor Bahru, Kuala Lumpur</strong>, Malaysia. </td> </tr> <tr> <td style="height:25px; border-bottom: 1px solid #ddd;">  </td> </tr> <tr> <td style="height:30px;">  </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:190px; padding-right:40px; box-sizing:border-box; line-height:2.3; vertical-align:text-top;"><a class="menu" href="/eProfile" title="Profiling Website">Profiling Website</a> <br /> <a alt="Online Catalogue" class="menu" href="/eCatalog" title="Online Catalogue">Online Catalogue</a> <br /> <a alt="Online Shopping" class="menu" href="/eShop" title="Online Shopping">Online Shopping</a> <br /> <a alt="Mobile Website" class="menu" href="/mobile-friendly" title="Mobile Website">Mobile Website</a> <br /> <a alt="Google Ranking" class="menu" href="/seo" title="Google Ranking">Google Ranking</a> </td> <td style="width:190px; padding-right:40px; box-sizing:border-box; line-height:2.3; vertical-align:text-top;"><a alt="Who We Are?" class="menu" href="/about-us" title="Who We Are?">Who We Are?</a> <br /> <a class="menu" href="/our-services" title="Our Services">Our Services</a> <br /> <a alt="What We Did?" class="menu" href="/event/portfolio" title="What We Did?">What We Did?</a> <br /> <a alt="What They Said?" class="menu" href="/testimonial" title="What They Said?">What They Said?</a> <br /> <a alt="FAQs" class="menu" href="/faqs" title="FAQs">FAQs</a> </td> <td style="width:150px; box-sizing:border-box; line-height:2.3; vertical-align:text-top;"><a alt="Policy" class="menu" href="/policy" title="Policy">Policy</a> <br /> <a alt="Contact Us" class="menu" href="/contact/contact-us" title="Contact Us">Contact Us</a> <br /> <a alt="Join Webteq" class="menu" href="/career" title="Join Webteq">Join Webteq</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td style="width: 50px;">  </td> <td style="vertical-align: top;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td><b>Contact Us</b> </td> </tr> <tr> <td style="height:10px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td class="contact-box"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 35px;"><img alt="Contact Webteq | Website Design Johor Bahru JB" src="/data/cms/images/1594196147_icon-btmpanel-phone.png" style="width: 35px; height: 35px;" title="Contact Webteq | Website Design Johor Bahru JB" /> </td> <td style="width: 15px;">  </td> <td><b>Web Design JB</b> <br /> <a alt="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" href="tel:60167704437" onclick="return gtag_report_conversion('tel:60167704437');" style="color: #333644;" title="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">+6016-770 4437</a> (Mr Tey) </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:2px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td class="contact-box"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 35px;"><img alt="Contact Webteq | Website Design Kuala Lumpur KL" src="/data/cms/images/1594196147_icon-btmpanel-phone.png" style="width: 35px; height: 35px;" title="Contact Webteq | Website Design Kuala Lumpur KL" /> </td> <td style="width: 15px;">  </td> <td><b>Web Design KL</b> <br /> <a alt="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" href="tel:60167704437" onclick="return gtag_report_conversion('tel:60167704437');" style="color: #333644;" title="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">+6016-770 4437</a> (Mr Tey) </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:2px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td class="contact-box"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 35px;"><img alt="Email us at info@webteq.com.my | Web Design Johor Bahru JB" src="/data/cms/images/1594196329_icon-btmpanel-mdec-email.png" style="width: 35px; height: 35px;" title="Email us at info@webteq.com.my | Web Design Johor Bahru JB" /> </td> <td style="width: 15px;">  </td> <td><b>Email Webteq for Web Design</b> <br /> <a alt="Email us at info@webteq.com.my | Web Design Johor Bahru JB" href="mailto:info@webteq.com.my" title="Email us at info@webteq.com.my | Web Design Johor Bahru JB">info@webteq.com.my</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height: 20px;">  </td> </tr> <tr> <td><a alt="Contact Us | Web Design Johor Bahru JB" class="button1" href="/contact-us" title="Contact Us | Web Design Johor Bahru JB">Contact Us Today!</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height: 40px;">  </td> </tr> <tr> <td style="text-align: right;"><span style="font-size:14px; float:left;">©2007-2023 Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO | Webteq</span><a alt="Email Us | Website Design Johor Bahru JB" href="mailto:info@webteq.com.my?subject=Enquiry From Webteq Solution" title="Email Us | Website Design Johor Bahru JB"><img alt="Email Us | Website Design Johor Bahru JB" src="/data/admcms/images/icon-btm-panel-email.png" style="width: 40px; height: 40px; margin:0px 10px;" title="Email Us | Website Design Johor Bahru JB" /></a><a alt="Whatsapp Us | Website Design Johor Bahru JB" href="https://api.whatsapp.com/send?phone=60167704437&text=Enquiry from Webteq Solution" target="_blank" title="Whatsapp Us | Website Design Johor Bahru JB"><img alt="Whatsapp Us | Website Design Johor Bahru JB" src="/data/admcms/images/icon-btm-panel-whatsapp.png" style="width: 40px; height: 40px;" title="Whatsapp Us | Website Design Johor Bahru JB" /></a><a href="https://www.facebook.com/WebteqSince2007/" target="_blank"><img alt="Find Us On Facebook | Website Design Johor Bahru JB" src="/data/admcms/images/icon-btm-panel-fb.png" style="width: 40px; height: 40px; margin:0px 10px;" title="Find Us On Facebook | Website Design Johor Bahru JB" /></a><img alt="Find Us On Facebook | Website Design Johor Bahru JB" src="/data/admcms/images/logo-btm-panel-google-partner.gif" style="width: 84px; height: 36px;" title="Find Us On Facebook | Website Design Johor Bahru JB" /> </td> </tr> <tr> <td style="text-align: center; height: 100px;">  </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "LocalBusiness", "name" : "Webteq Solution Sdn. Bhd.", "image" : "https://www.webteq.com.my/img/usr/logo-top-panel-webteq.png", "telephone" : "016 770 4437", "email" : "info@webteq.com.my", "address" : { "@type" : "PostalAddress", "streetAddress" : "No. 34-01 & 34-02, Jalan Austin Perdana 2/23, Taman Austin Perdana", "addressLocality" : "Johor Bahru", "postalCode" : "81100" }, "aggregateRating": {"@type": "AggregateRating", "ratingValue": "5/5", "reviewCount": "46" } } </script></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="footer"> <div id="ctl00_pnlMainFooterOutter" class="divMainFooterOutter"> <div id="ctl00_pnlMainFooter" class="divMainFooter "> <div id="ctl00_pnlFooterLeft" class="divFooterLeft"> <div id="ctl00_ucUsrCopy_pnlCopy" class="divCopyText"> ©2007-2023 Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO | Webteq </div> <script type="text/javascript"> $(document).ready(function () { $(".divCopyText").hide(); }); </script> </div> </div> </div> </div> <script type="text/javascript"> $(function () { //Back to top var topHeight = 200; var obj = $("#backToTop"); $(window).scroll(function () { var position = $(window).scrollTop(); if (position > topHeight) { obj.fadeIn(); } else { obj.fadeOut(); } }); obj.on("click", function () { $("html,body").animate({ scrollTop: 0 }, "slow"); }); }); </script> <style> #backToTop { width: 45px; height: 45px; display: none; position: fixed; bottom: 20px; left: 0; right: 0; margin: auto; text-decoration: none; z-index: 3; border: none; outline: none; background: url(../img/usr/btn-backtop.png) no-repeat; background-size: contain; } </style> <input type="button" id="backToTop" title="Back To Top" hidden /> <div id="ctl00_ucUsrLoadingScreen_pnlWrapper" class="loading-wrapper"> <div id="loading-screen__title"> <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 5000 5000"> <path class="cls-1" d="M485,335H2566.31a60,60,0,0,1,60,60V2476.02a60,60,0,0,1-60,60H485a60,60,0,0,1-60-60V395A60,60,0,0,1,485,335Z" /> <path id="Shape_1_copy" data-name="Shape 1 copy" class="cls-2" d="M4739,2868.09H2957.71l-18.59,16.76V4660a50,50,0,0,1-50,50H1000.22a50,50,0,0,1-50-50V2771.37a50,50,0,0,1,50-50H2778.07l22.02-19.85V929.469a50,50,0,0,1,50-50H4739a50,50,0,0,1,50,50V2818.09A50,50,0,0,1,4739,2868.09Z" /> <text id="f13" class="cls-3" transform="translate(661.885 2354.155) scale(3.862 3.861)">f13</text> </svg> <div> LOADING </div> </div> <div class="solar-system"> <div class="comet"></div> <div class="sun"></div> <div class="planet mercury"></div> <div class="planet venus"></div> <div class="planet earth"> <div class="moon"></div> </div> <div class="planet mars"></div> <div class="planet jupiter"></div> <div class="planet saturn"></div> <div class="planet uranus"></div> <div class="planet neptune"></div> <div class="planet pluto"></div> </div> </div> <style> .loading-wrapper { width: 100%; height: 100%; position: fixed; top: 0; display: flex; flex-direction: column; align-items: center; color: #fff; font-size: 18px; letter-spacing: 10px; text-align: center; overflow: hidden; z-index: 1000; background: #000322; visibility: hidden; opacity: 0; transition: .5s; } .loading-wrapper.init { visibility: visible; opacity: 1; } .loading-animated { -webkit-animation-duration: 3s; -webkit-animation-fill-mode: both; animation-duration: 3s; animation-fill-mode: both; } #loading-screen__title { display: flex; flex-direction: column; align-items: center; position: absolute; top: 15%; -webkit-animation: text-focus-in 4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: text-focus-in 4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } #loading-screen__title.loading { animation-duration: 1.5s; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: alternate; } #loading-screen__title svg { margin-bottom: 40px; } #loading-screen__title .cls-1 { fill: none; stroke: #fff; stroke-width: 30px; } #loading-screen__title .cls-1, #loading-screen__title .cls-2 { fill-rule: evenodd; } #loading-screen__title .cls-2, #loading-screen__title .cls-3 { fill: #fff; } #loading-screen__title .cls-3 { font-size: 183.333px; font-family: "Century Gothic", sans-serif; font-style: italic; } @-webkit-keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } .solar-system { position: absolute; bottom: 0; } .sun { width: 250px; height: 250px; background-image: linear-gradient(120deg, #f6d365 0%, #f1663d 100%); box-shadow: 0 0 calc(250px * .7) #f6d365; border-radius: 50%; position: absolute; top: calc(50% - calc(250px * .5)); left: calc(50% - calc(250px * .5)); animation-duration: 5s; animation-name: rotate; animation-iteration-count: infinite; animation-timing-function: linear; } .planet, .earth .moon { width: calc(250px * 2); height: calc(250px * 2); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; position: absolute; top: calc(50% - 250px); left: calc(50% - 250px); animation-duration: 3s; animation-name: rotate; animation-iteration-count: infinite; animation-timing-function: linear; } .planet::after, .earth .moon::after { content: ''; width: calc(250px * .2); height: calc(250px * .2); border-radius: 50%; background-color: #4285f4; position: absolute; top: calc(50% - calc(250px / 10)); left: calc(250px * -.1); } .venus { width: calc(250px * 3); height: calc(250px * 3); top: calc(50% - calc(250px * 1.5)); left: calc(50% - calc(250px * 1.5)); animation-duration: 6s; } .venus::after { background-color: #34a853; width: calc(250px * .3); height: calc(250px * .3); top: calc(50% - calc(250px * .15)); left: auto; right: calc(250px * -.15); } .earth { width: calc(250px * 4.5); height: calc(250px * 4.5); top: calc(50% - calc(250px * 2.25)); left: calc(50% - calc(250px * 2.25)); animation-duration: 7s; } .earth::after { background-color: #fbbc05; width: calc(250px * .36); height: calc(250px * .36); top: calc(50% - calc(250px * .18)); left: auto; right: calc(250px * -.18); } .earth .moon { width: calc(250px * .7); height: calc(250px * .7); top: calc(50% - calc(250px * .35)); left: auto; right: calc(250px * -.35); animation-duration: 2s; } .earth .moon::after { width: calc(250px * .1); height: calc(250px * .1); background-color: #ea4335; left: auto; right: calc(250px * -.05); } .comet { width: calc(250px * .35); height: calc(250px * .02); border-radius: 50%; background-color: red; background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%); } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> <script type="text/javascript"> var customs = { //'easing': 'linear', 'targetParent': "#ctl00_ucUsrLoadingScreen_pnlWrapper", 'target': "#loading-screen__title", }; if (false) { if (Cookies.get('load') == null) { customs.duration = 5000; } else { $('#ctl00_ucUsrLoadingScreen_pnlWrapper').removeClass('init'); } numberIncrementer(customs); } else { $(function () { $.runMasthead(); }); $(customs.target).addClass("loading"); } function numberIncrementer(options) { var defaults = { 'duration': 100, 'easing': 'swing', 'start': 0, 'end': 100, 'prefix': false, 'suffix': false, 'target': null, 'targetParent': null, 'completeTiming': 1000, 'animateDuration': 750 }; var settings = $.extend({}, defaults, options); var $this = $(settings.target), suffix = settings.suffix || '', prefix = settings.prefix || '', x = settings.duration > 100 ? settings.completeTiming : 0, y = settings.duration > 100 ? settings.animateDuration : 0; // Stop and clear animation queue $this.stop(true); $.setWrapper(); $("body").css("overflow", "hidden"); // Begin the number sequence animation $this.prop('counter', settings.start).animate({ counter: settings.end || $this.text(), }, { duration: settings.duration, easing: settings.easing, step: function (now) { }, complete: function () { setTimeout(function () { $(settings.targetParent).addClass("loading-animated fadeOut"); $(function () { $.runMasthead(); }) }, x += y); setTimeout(function () { $("body").css("overflow", "auto"); }, x += y); setTimeout(function () { $(settings.target).addClass("loading").find("div").text("LOADING"); $(settings.targetParent).hide(); }, x += y * 2); } } ); Cookies.set('load', 'visited', { expires: 30 }); } var isUnloadIgnored = false; $("a[href^=mailto], a[title~=Submit]").on("click", function() { isUnloadIgnored = true; }); window.onbeforeunload = function () { if (!isUnloadIgnored) { setTimeout(function () { $("body").css("overflow", "hidden"); $(".loading-wrapper").fadeIn().removeClass("fadeOut").addClass("init"); }, 3000); } isUnloadIgnored = false; }; particlesJS('ctl00_ucUsrLoadingScreen_pnlWrapper', { 'particles': { 'number': { 'value': 160, 'density': { 'enable': true, 'value_area': 1500 } }, 'color': { 'value': '#7f88e0' }, 'shape': { 'type': 'circle', 'stroke': { 'width': 0, 'color': '#000000' }, 'polygon': { 'nb_sides': 3 }, 'image': { 'src': 'img/github.svg', 'width': 100, 'height': 100 } }, 'opacity': { 'value': 1, 'random': true, 'anim': { 'enable': true, 'speed': 1.038961038961039, 'opacity_min': 0.23176823176823177, 'sync': true } }, 'size': { 'value': 5, 'random': true, 'anim': { 'enable': false, 'speed': 300, 'size_min': 20, 'sync': false } }, 'line_linked': { 'enable': true, 'distance': 60, 'color': '#7f88e0', 'opacity': 0.4, 'width': 1 }, 'move': { 'enable': true, 'speed': 0, 'direction': 'none', 'random': true, 'straight': true, 'out_mode': 'out', 'bounce': false, 'attract': { 'enable': false, 'rotateX': 600, 'rotateY': 600 } } }, 'interactivity': { 'detect_on': 'canvas', 'events': { 'onhover': { 'enable': false, 'mode': 'grab' }, 'onclick': { 'enable': false, 'mode': 'repulse' }, 'resize': true }, 'modes': { 'grab': { 'distance': 400, 'line_linked': { 'opacity': 1 } }, 'bubble': { 'distance': 250, 'size': 0, 'duration': 2, 'opacity': 0, 'speed': 3 }, 'repulse': { 'distance': 400, 'duration': 0.4 }, 'push': { 'particles_nb': 4 }, 'remove': { 'particles_nb': 2 } } }, 'retina_detect': true }); $('#ctl00_ucUsrLoadingScreen_pnlWrapper').find('canvas').css('position', 'absolute').css('top', 0).css('filter', 'blur(1px)').css('opacity', .4); </script> <script type="text/javascript"> //<![CDATA[ Sys.Application.add_init(function() { $create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":"ctl00_UsrSiteSearch_upnlProdGroup","displayAfter":10,"dynamicLayout":true}, null, null, $get("ctl00_UsrSiteSearch_uprgProdGroup")); }); //]]> </script> </form> </body> </html> <script type="text/javascript"> $(function () { var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divMainFooterOutter", triggerHook: "onEnter" }) .setClassToggle(".divMainFooterOutter .divMainFooter", "fadeInUp") .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divBottomContainerOuter", triggerHook: "onEnter" }) .setClassToggle(".divBottomContainerOuter .divBottomContainer", "fadeInUp") .addTo(controller); //var controller = new ScrollMagic.Controller(); //var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainerOuterSub", triggerHook: "onEnter" }) // .setClassToggle(".divMiddleContainerOuterSub .divMiddleContainerSub", "fadeInRight") // .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainerMiddleBottom", triggerHook: "onEnter" }) .setClassToggle(".divMiddleContainerMiddleBottom .animatedItem", "fadeInUp") .addTo(controller); var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainerMiddleBottom", triggerHook: "onEnter" }) .setClassToggle(".divMiddleContainerMiddleBottom .tblAnimated", "fadeInLeft") .addTo(controller) .on("enter", function (e) { var initCount = 1; $('.divMiddleContainerMiddleBottom .tblAnimated').each(function (i) { $(this).addClass("delay-item-" + (initCount++)); }); }); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divProdSpecial", triggerHook: "onEnter" }) .setClassToggle(".divProdSpecial .animatedItem2", "fadeInDown") .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".tdAnimated1", triggerHook: "onEnter" }) .setClassToggle(".tdAnimated1 .tblAnimated1", "fadeInLeft") .addTo(controller); }); resetZoom(); $(".hypApplyNow").off("click").on("click", function () { resetZoom(); }); $(window).resize(function () {resetZoom();}); function resetZoom() { var browserZoomLevel = Math.round(window.devicePixelRatio * 100); if (browserZoomLevel > 200 || browserZoomLevel <= 100) { $("body").css("zoom", "1"); } else if (browserZoomLevel > 100 && browserZoomLevel <= 125) { $("body").css("zoom", "0.8"); } else if (browserZoomLevel > 125 && browserZoomLevel <= 150) { $("body").css("zoom", "0.7"); } else if (browserZoomLevel > 150 && browserZoomLevel <= 175) { $("body").css("zoom", "0.6"); } else if (browserZoomLevel > 175 && browserZoomLevel <= 200) { $("body").css("zoom", "0.5"); } else { $("body").css("zoom", "1"); } } </script>

CINXE.COM

Website Design Johor Bahru | Career Webteq Web Designer Developer Webmaster