Website Design Johor Bahru | Google Ranking | SEO

<!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 id="ctl00_Head1"> <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 | Google Ranking | SEO | Web Design JB </title><meta name="ahrefs-site-verification" content="74247c5b1d0a3b4df7879ef98f27f075bcfa3a61050d0e99bdf084e51139d9b5" /> <link type="text/css" href="/css/public.css?v=1.0" 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/animate.css" rel="Stylesheet" /> <link type="text/css" href="/css/glow.css" rel="Stylesheet" /> <link type="text/css" href="/css/dots.css" rel="Stylesheet" /> <link type="text/css" href="/css/common.css?v=1.0" rel="Stylesheet" /> <link type="text/css" href="/css/supersized.css?v=1.0" rel="Stylesheet" /> <link type="text/css" href="/css/supersized.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|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/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/swfobject.js" type="text/javascript"></script> <script src="/js/thickbox.min.js" type="text/javascript"></script> <script src="/js/thickbox_init.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/orangebox.min.js" type="text/javascript"></script> <script src="/js/common.js?v=1.0" 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 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 toggleNav() { if ($('body').hasClass('open')) { $('body').removeClass('open'); } else { $('body').addClass('open'); } } function goBottom() { var intWindowHeight = $(window).height(); $('html,body').animate({ scrollTop: (intWindowHeight - 80) }, 1000, 'easeInOutExpo'); } var resizeWindow = function () { var intHeight = jQuery(window).height(); $('#ctl00_pnlTopMastheadContainer').height(intHeight); }; var init = false; $(function () { 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(); if (!init) { init = true; resizeWindow(); } $(window).resize(resizeWindow); }); $(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"); } }); $(document).ready(function () { $('.divTopMastheadContainer').hover(function () { api.playToggle(); }); }); </script> <meta name="viewport" content="width=1024, maximum-scale=1.0"/> <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 href='/css/portfolio2.css' type='text/css' rel='Stylesheet' /><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='Website Design Johor Bahru (JB). Search Engine Optimization SEO Google Search Result Top SME Business Digitalisation Grant RM5000 Website Company. Web Design Johor Bahru (JB)' /><link href='/css/loading.css' rel='Stylesheet' type='text/css' /></head> <body class="bodyPage"> <form name="aspnetForm" method="post" action="/" 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/oWCRQRQNViAy5nC4NssCcPe0V0zXjJ3NXvHUXXOWO5AflUrEkND9sF6l5Sf3sQKJ+jZt56XwMcbRMh6xcM" /> </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="2e26461a-fa68-48bd-b47f-3e6c978ecd98" /> <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="topTopMenuItem" 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"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl06_hypMenu" title="Career" class="divTopMenuItem" 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_pnlTopMastheadContainer" class="divTopMastheadContainer"> <div id="ctl00_pnlMastheadContainer" class="divMastheadContainer"> <div id="ctl00_pnlTopMainContainerOuter" class="divTopMainContainerOuter"> </div> <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/1535343299_masthead-home1.png', description: '<style type="text/css">a.btnRdMore:link, a.btnRdMore:visited{ font-size:16px; color:#ffffff; height:40px; width:150px; padding: 6px 0px; margin:auto; background:transparent; text-align:center; display:block; border:1px solid #fff; border-radius:20px; box-sizing:border-box; } a.btnRdMore:hover, a.btnRdMore:active { color:#497bd8; text-decoration:none; background:#fff; } .hm1background { background: url("/data/cms/images/img-home-masthead1-stellar.png")no-repeat center 30px; height:auto 100%; position:relative; } .circle img{ /*background: url("/data/cms/images/testing.png")no-repeat center 4px; padding-top: 10px;*/ animation: rotate 100s linear infinite; -webkit-animation: rotate 100s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } to { transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes rotate { from { transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } to { transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } to { transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .tooltip { position: relative; display: inline-block; bottom:100px; } .tooltip span { width: 120px; color: #fff; text-align: center; padding: 0px 0; /* Position the tooltip */ position: absolute; z-index: 1; top: -90px; right: -150px; width: 290px; height: 0px; opacity: 0; transition: .4s; transform: translateY(0px); } .tooltip:hover span { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }</style><div class="circle" style=" width: 660px; margin: auto;"><img alt="" src="/data/cms/images/testing.png" style="width: 656px; height: 656px;position:absolute; top:105px;" /></div><table border="0" cellpadding="0" cellspacing="0" class="hm1background" style="width:100%; text-align:center; padding: 270px 0px 100px 0px;"> <tbody> <tr> <td> <div class="tooltip"><span>#1 Exposure Rate With Google Ranking</span> <div class="glow"> </div> </div> <div class="particles"> <div class="rotate"> <div class="angle"> <div class="size"> <div class="position"> <div class="pulse"> <div class="particle"> </div> </div> </div> </div> </div> <div class="angle"> <div class="size"> <div class="position"> <div class="pulse"> <div class="particle"> </div> </div> </div> </div> </div> <div class="angle"> <div class="size"> <div class="position"> <div class="pulse"> <div class="particle"> </div> </div> </div> </div> </div> </div> </div> </td> </tr> <tr> <td class="mstTagline2"><br /> We need our company website to be ranked at</td> </tr> <tr> <td class="mstTagline" style=" padding: 5px 0px 20px;">Google Page #1</td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="text-align: right; padding-right:10px;"><img alt="Google Search | Website Design Johor Bahru JB" src="/data/cms/images/logo-home-masthead1-google.png" style="width: 74px; height: 24px;" title="Google Search | Website Design Johor Bahru JB" /></td> <td style="width:130px; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; "><img alt="Yahoo Search | Website Design Johor Bahru JB" src="/data/cms/images/logo-home-masthead1-yahoo.png" style="width: 90px; height: 24px;" title="Yahoo Search | Website Design Johor Bahru JB" /></td> <td style="text-align: left; padding-left:20px;"><img alt="Bing Search | Website Design Johor Bahru JB" src="/data/cms/images/logo-home-masthead1-bing.png" style="width: 60px; height: 24px;" title="Bing Search | Website Design Johor Bahru JB" /></td> </tr> </tbody> </table> </td> </tr> <tr> <td class="mstTagline2" style="line-height:1.5; padding:20px 250px;">At Webteq, our main job is to help websites to improve their ranking in Google, which will indirectly help to bring in more sales enquiries, In short, we need not just a website, but an <b>Effective Website</b><br /> at Google Page #1.</td> </tr> <tr> <td><a alt="Read More about Google Page#1 | Website Design Johor Bahru JB" class="btnRdMore" href="/seo" title="Read More about Google Page#1 | Website Design Johor Bahru JB">Read More</a></td> </tr> </tbody></table>'}, // Slideshow Images ], // Theme Options progress_bar: 1, // Timer for each slide mouse_scrub: 1 }); } })(); </script> <div id="ctl00_ImgScrollID" class="divImgScrollCtn"> <a id="ctl00_hypScrollDown" class="hypScrollDown bounce" onclick="goBottom();"></a> </div> </div> </div> <div class="story-section"> <div id="ctl00_pnlMiddleContainerOuter" class="divMiddleContainerOuter"> <div id="ctl00_pnlMiddleContainer" class="divMiddleContainer 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"> <script> //fade in and out var offSet = 0; function fade() { $('.fade-Out').each(function (i) { var bottom_of_object = $(this).offset().top + offSet; var bottom_of_window = $(window).scrollTop() + $(window).height(); if (bottom_of_window > bottom_of_object) { $(this).addClass('fade-In'); } else { $(this).removeClass('fade-In'); } }); } offSet = offSet + 200; //onload check fade(); //when scrolling window.addEventListener('scroll', function (event) { fade(); }); //End fade in and out </script> <style type="text/css">ul#slide-list { bottom: 4% !important; } @media only screen and (max-width: 1800px){ ul#slide-list { margin-left: 17% !important; } } @media only screen and (max-width: 1600px){ ul#slide-list { margin-left: 13% !important; } } @media only screen and (max-width: 1400px){ ul#slide-list { margin-left: 8% !important; } } @media only screen and (max-width: 1300px){ ul#slide-list { margin-left: 5% !important; } } .desktopBG { background: url("/data/cms/images/1535446898_img-home-services.png") no-repeat center 0px; background-size:100%; height:760px; width:100%; padding-bottom: 475px; box-sizing: border-box; } .portfolioBG { background: url("/data/cms/images/1535448070_bg-home-portfolio.jpg") no-repeat center 80px; height:750px; width:100%; box-sizing: border-box; background-size: 2345px; background-position: top center; } .bluesplitter{ width: 60px; height: 3px; background-color: #57a2ff; } .star { display: block; width: 5px; height: 5px; border-radius: 50%; background: #FFF; top: 100px; left: 400px; position: relative; transform-origin: 100% 0; animation: star-ani 6s infinite ease-out; box-shadow: 0 0 5px 5px rgba(255, 255, 255, .3); opacity: 0; z-index: 2; } .star:after { content: ''; display: block; top: 0px; left: 4px; border: 0px solid #fff; border-width: 0px 90px 2px 90px; border-color: transparent transparent transparent rgba(255, 255, 255, .3); transform: rotate(200deg) translate3d(8px, 27px, 0); box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1); transform-origin: 0% 100%; } .pink { top: 30px; right: 395px; background: #ff5a99; animation-delay: 5s; } .pink:after { border-color: transparent transparent transparent #ff5a99; animation-delay: 5s; } .blue { top: 35px; left: 432px; background: cyan; animation-delay: 7s; } .blue:after { border-color: transpareanimation-delay: 12s; animation-delay: 7s; } .yellow { top: 50px; left: 600px; background: #ffcd5c; animation-delay: 5.8s; } .yellow:after { border-color: transparent transparent transparent #ffcd5c; animation-delay: 5.8s; } .green { top: 50px; left: 700px; background: #009872; animation-delay: 6s; } .green:after { border-color: transparent transparent transparent #009872; animation-delay: 6s; } @keyframes star-ani { 0% { opacity: 0; transform: scale(0) rotate(0) translate3d(0, 0, 0); } 50% { opacity: 1; transform: scale(1) rotate(0) translate3d(100px, 50px, 0); } 100% { opacity: 0; transform: scale(1) rotate(0) translate3d(200px, 100px, 0); } } .circle-spin { position: absolute; top: 0; right: 20%; } .circle-spin img { position: absolute; } .circle-spin img:nth-child(2) { animation-name: spin; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: linear; } .circle-spin img:last-child { animation-name: reverse-spin; animation-duration: 8s; animation-iteration-count: infinite; animation-timing-function: linear; } .circle-spin circle { stroke-width: 5; stroke-dasharray: 120, 20; fill: none; } @keyframes spin { 100% { transform: rotate(360deg); } } @keyframes reverse-spin { 100% { transform: rotate(-360deg); } } .container { max-width: 1440px; margin: 25px auto; } .row { margin-bottom: 4%; } .row { *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .row .col { width: 47%; margin-right: 3%; float: left; } .row .col:last-child { margin-right: 0; } .fade-Out { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); width: 100%; transition: all 1.5s; } .fade-In { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } @keyframes glowyellow { 0% { box-shadow: 0 0 -28px 3px #FFD464; } 40% { box-shadow: 0 0 32px 15px #FFD464; } 60% { box-shadow: 0 0 32px 15px #FFD464; } 100% { box-shadow: 0 0 -28px 3px #FFD464; } } .yellow-left { border-radius: 50%; display: block; margin: 0 auto; animation: glowyellow 5s infinite; animation-delay: 1s; position: relative; top: 24px; right: 114px; height: 2px; width: 2px; } @keyframes glowblue { 0% { box-shadow: 0 0 -28px 3px #4086F3; } 40% { box-shadow: 0 0 32px 15px #4086F3; } 60% { box-shadow: 0 0 32px 15px #4086F3; } 100% { box-shadow: 0 0 -28px 3px #4086F3; } } .blue-left { border-radius: 50%; display: block; margin: 0 auto; animation: glowblue 5s infinite; animation-delay: 2s; position: relative; top: 10px; right: 375px; height: 2px; width: 2px; } @keyframes glowyellowbottom { 0% { box-shadow: 0 0 -28px 3px #FFD464; } 40% { box-shadow: 0 0 32px 15px #FFD464; } 60% { box-shadow: 0 0 32px 15px #FFD464; } 100% { box-shadow: 0 0 -28px 3px #FFD464; } } .yellow-left-bottom { border-radius: 50%; display: block; margin: 0 auto; animation: glowyellowbottom 5s infinite; animation-delay: 3s; position: relative; top: 327px; right: 90px; height: 2px; width: 2px; } @keyframes glowyellowright { 0% { box-shadow: 0 0 -28px 3px #FFD464; } 40% { box-shadow: 0 0 32px 15px #FFD464; } 60% { box-shadow: 0 0 32px 15px #FFD464; } 100% { box-shadow: 0 0 -28px 3px #FFD464; } } .yellow-right { border-radius: 50%; display: block; margin: 0 auto; animation: glowyellowright 5s infinite; animation-delay: 1s; position: relative; top: 60px; height: 15px; width: 15px; left: 1057px; } @keyframes glowpinkright { 0% { box-shadow: 0 0 -28px 3px #F4837D; } 40% { box-shadow: 0 0 32px 15px #F4837D; } 60% { box-shadow: 0 0 32px 15px #F4837D; } 100% { box-shadow: 0 0 -28px 3px #F4837D; } } .pink-right { border-radius: 50%; display: block; margin: 0 auto; animation: glowpinkright 5s infinite; animation-delay: 2s; position: relative; top: 244px; height: 1px; width: 1px; left: 1112px; } @keyframes glowgreenright { 0% { box-shadow: 0 0 -28px 3px #3EBCA4; } 40% { box-shadow: 0 0 32px 15px #3EBCA4; } 60% { box-shadow: 0 0 32px 15px #3EBCA4; } 100% { box-shadow: 0 0 -28px 3px #3EBCA4; } } .green-right { border-radius: 50%; display: block; margin: 0 auto; animation: glowgreenright 5s infinite; animation-delay: 3s; position: relative; top: 285px; height: 1px; width: 1px; left: 1317px; } .cls-1 { fill: #ffd464; position: absolute; top: 0; left: 0; } .cls-1, .cls-2, .cls-3 { fill-rule: evenodd; } .cls-2 { fill: #f4837d; } .cls-3 { fill: #4086f3; } .cls-4 { fill: #3ebca4; } .cls-5 { fill: #f4837d; } .home-btn{ padding-top: 8px !important; } .star-left { left: 5%; } .star-right { right: 5%; } @media only screen and (max-width: 1366px){ .circle-spin { right: 12%; } .green-right, .pink-right, .yellow-right, .yellow-left-bottom, .blue-left, .yellow-left { display: none; } .star-left { left: -15%; } .star-right { right: -10%; } } </style> <div style="position:relative;"> <table border="0" cellpadding="0" cellspacing="0" class="desktopBG" style="width:960px; margin:auto; margin-bottom: 35px;"> <tbody> <tr> <td style="text-align: center; padding-top:180px;"> <h1>What Type of Website is Suitable for My Business?</h1> </td> </tr> <tr> <td style="text-align:center;"><strong>Website Design Johor Bahru (JB)</strong></td> </tr> <tr> <td style="height:20px;"> </td> </tr> <tr> <td style="text-align: center;">Different business nature requires different <a alt="Types of Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" href="/our-services" title="Types of Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">types of websites</a>.<br /> By choosing the suitable type of website, we can help to attract more potential customers through website.<br /> And, we are able to gain Top Google Ranking using <a alt="SEO Service | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" href="/seo" title="SEO Service | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">SEO (Search Engine Optimization).</a><br /> <br /> Webteq is a <strong>website design company</strong> in <strong>Johor Bahru (JB), Kuala Lumpur (KL)</strong>, Malaysia.<br /> We help on <strong>web design services</strong> since 2007. We have 32 Web Designers & Programmers.</td> </tr> <tr> <td><img alt="Website Design Johor Bahru (JB)" src="/data/cms/images/trans.gif" style="width: 10px; height: 10px;" title="Website Design Johor Bahru (JB)" /></td> </tr> <tr> <td style="text-align: center;"><a alt="Types of website | Website Design Johor Bahru JB" class="button1 home-btn" href="/our-services" style="margin:auto;" title="Types of website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq">Types of website</a>     <a alt="Types of website | Website Design Johor Bahru JB" class="button1 home-btn" href="/contact/contact-us" style="margin:auto;" title="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq">Contact Webteq</a></td> </tr> <tr> <td style="text-align: center;"> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div class="yellow-left"> </div> <div><svg alt="Webteq" class="star-left" style="width: 302px; height: 334px; position: absolute;" title="Webteq"> <path class="cls-1" d="M364.078,1122.16s0.978,6.2,4.362,9.58c3.817,3.83,10.091,4.89,10.091,4.89s-6.088.89-9.635,4.44c-3.678,3.68-4.818,10.04-4.818,10.04s-1.457-6.68-5.274-10.5c-3.383-3.39-9.179-3.98-9.179-3.98s6.393-1.18,10.091-4.89C363.24,1128.22,364.078,1122.16,364.078,1122.16Z" transform="translate(-93.969 -1114.13)"> </path> </svg></div> </td> </tr> <tr> <td> <div class="blue-left"> </div> <div><svg alt="Webteq" class="star-left" style="width: 302px; height: 334px; position: absolute;" title="Webteq"> <path class="cls-3" d="M109.288,1114.14s-2.762,3.8-2.762,7.4c0,4.05,2.762,7.95,2.762,7.95s-3.695-2.77-7.457-2.77c-3.9,0-7.873,2.77-7.873,2.77s2.762-4.31,2.762-8.37c0-3.59-2.762-6.98-2.762-6.98s4.019,2.76,7.942,2.76C105.638,1116.9,109.288,1114.14,109.288,1114.14Z" data-name="Rectangle 2 copy 6" id="Rectangle_2_copy_6" transform="translate(-93.969 -1114.13)" xmlns="http://www.w3.org/2000/svg"> </path> </svg></div> </td> </tr> <tr> <td> <div><svg alt="Webteq" class="star-left" style="width: 302px; height: 334px; position: absolute;" title="Webteq"> <path class="cls-1" d="M223,1212s-2.161,2.97-2.161,5.78a12.465,12.465,0,0,0,2.161,6.21,11.465,11.465,0,0,0-5.834-2.16,12.753,12.753,0,0,0-6.158,2.16s2.16-3.37,2.16-6.53A10.121,10.121,0,0,0,211,1212a12.981,12.981,0,0,0,6.212,2.16A11.264,11.264,0,0,0,223,1212Z" data-name="Rectangle 2 copy 7" id="Rectangle_2_copy_7" transform="translate(-93.969 -1114.13)" xmlns="http://www.w3.org/2000/svg"> </path> </svg></div> </td> </tr> <tr> <td> <div><svg alt="Webteq" class="star-left" style="width: 302px; height: 334px; position: absolute;" title="Webteq"> <path class="cls-2" d="M333.1,1273.64a7.209,7.209,0,0,0,1.558,3.42,7.57,7.57,0,0,0,3.6,1.75,6.939,6.939,0,0,0-3.441,1.58,7.812,7.812,0,0,0-1.721,3.59,8.768,8.768,0,0,0-1.883-3.75,6.146,6.146,0,0,0-3.278-1.42,7.829,7.829,0,0,0,3.6-1.75A6.861,6.861,0,0,0,333.1,1273.64Z" data-name="Rectangle 2 copy 2" id="Rectangle_2_copy_2" transform="translate(-93.969 -1114.13)" xmlns="http://www.w3.org/2000/svg"> </path> </svg></div> </td> </tr> <tr> <td> <div class="yellow-left-bottom"> </div> <div><svg alt="Webteq" class="star-left" style="width: 302px; height: 334px; position: absolute;" title="Webteq"> <path class="cls-1" d="M387.428,1431.84s0.535,3.39,2.388,5.24a11.593,11.593,0,0,0,5.526,2.68,10.653,10.653,0,0,0-5.276,2.43,11.939,11.939,0,0,0-2.638,5.5,13.474,13.474,0,0,0-2.888-5.75,9.4,9.4,0,0,0-5.027-2.18,12.1,12.1,0,0,0,5.526-2.68A10.51,10.51,0,0,0,387.428,1431.84Z" data-name="Rectangle 2 copy" id="Rectangle_2_copy" transform="translate(-93.969 -1114.13)" xmlns="http://www.w3.org/2000/svg"> </path> </svg></div> </td> </tr> <tr> <td> <div class="yellow-right"> </div> <div><svg alt="Webteq" class="star-right" style="width: 304px; height: 275px; position: absolute; margin-top: 20px;" title="Webteq"> <path class="cls-1" d="M1550.98,1150.98s2.09,13.27,9.34,20.53c8.18,8.19,21.63,10.48,21.63,10.48s-13.05,1.89-20.65,9.5c-7.88,7.89-10.32,21.52-10.32,21.52s-3.13-14.31-11.3-22.5c-7.26-7.26-19.68-8.52-19.68-8.52s13.7-2.54,21.63-10.48C1549.18,1163.95,1550.98,1150.98,1550.98,1150.98Zm-5.98,30.93,5.94,6.09,6.06-6.06-6-5.94Z" transform="translate(-1520 -1150.97)" xmlns="http://www.w3.org/2000/svg"> </path> </svg></div> </td> </tr> <tr> <td> <div class="pink-right"> </div> <div><svg alt="Webteq" class="star-right" style="width: 304px; height: 275px; position: absolute; margin-top: 20px;" title="Webteq"> <path class="cls-5" d="M1606,1362s0.75,4.71,3.32,7.28c2.91,2.91,7.69,3.72,7.69,3.72s-4.64.67-7.34,3.37c-2.8,2.79-3.67,7.62-3.67,7.62s-1.11-5.07-4.01-7.97c-2.58-2.58-6.99-3.02-6.99-3.02s4.87-.9,7.68-3.72C1605.37,1366.6,1606,1362,1606,1362Z" data-name="Rectangle 2 copy 5" id="Rectangle_2_copy_5" transform="translate(-1520 -1150.97)" xmlns="http://www.w3.org/2000/svg"> </path> </svg></div> </td> </tr> <tr> <td> <div><svg alt="Webteq" class="star-right" style="width: 304px; height: 275px; position: absolute; margin-top: 20px;" title="Webteq"> <path class="cls-1" d="M1733.98,1240.98a9.571,9.571,0,0,0-4.57,2.08,10.234,10.234,0,0,0-2.33,4.83,9.383,9.383,0,0,0-2.11-4.61,10.307,10.307,0,0,0-4.79-2.3,11.775,11.775,0,0,0,5.01-2.52,8.271,8.271,0,0,0,1.89-4.39,10.641,10.641,0,0,0,2.33,4.82A9.16,9.16,0,0,0,1733.98,1240.98Z" data-name="Rectangle 2 copy 8" id="Rectangle_2_copy_8" transform="translate(-1520 -1150.97)" xmlns="http://www.w3.org/2000/svg"> </path> </svg></div> </td> </tr> <tr> <td> <div class="green-right"> </div> <div><svg alt="Webteq" class="star-right" style="width: 304px; height: 275px; position: absolute; margin-top: 20px;" title="Webteq"> <path class="cls-4" d="M1811.56,1402s0.8,5.09,3.58,7.87c3.13,3.14,8.29,4.02,8.29,4.02s-5,.72-7.92,3.64c-3.02,3.03-3.95,8.25-3.95,8.25s-1.2-5.48-4.34-8.62c-2.77-2.79-7.54-3.27-7.54-3.27s5.26-.97,8.29-4.02C1810.87,1406.97,1811.56,1402,1811.56,1402Z" data-name="Rectangle 2 copy 4" id="Rectangle_2_copy_4" transform="translate(-1520 -1150.97)" xmlns="http://www.w3.org/2000/svg"> </path> </svg></div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <div class="stars"> <div class="star"> </div> <div class="star pink"> </div> <div class="star blue"> </div> <div class="star yellow"> </div> <div class="star green"> </div> </div> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width: 960px; margin: auto;"> <tbody> <tr> <td class="fade-Out" style="width: 210px; position: relative; bottom: 60px;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; text-align: center;"> <tbody> <tr> <td><span class="timerCount" data-decimals="1" data-from="0.0" data-speed="1000" data-to="92.7" style="font-size: 60px; color: #57a2ff; font-weight:bold;">92.7</span><span style="font-size: 20px; color: #57a2ff;">%</span></td> </tr> <tr> <td> </td> </tr> <tr> <td>of online surfing & website browsing begin with search engines (Google).</td> </tr> <tr> <td> </td> </tr> <tr> <td style="display: flex; align-items: center; justify-content: center;"> <div class="bluesplitter"> </div> </td> </tr> </tbody> </table> </td> <td style="width: 40px;"> </td> <td class="fade-Out" style="width: 210px;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; text-align: center;"> <tbody> <tr> <td><span class="timerCount" data-decimals="1" data-from="0.0" data-speed="1000" data-to="97.3" style="font-size: 60px; color: #57a2ff; font-weight:bold;">97.3</span><span style="font-size: 20px; color: #57a2ff;">%</span></td> </tr> <tr> <td> </td> </tr> <tr> <td>of Malaysia customers use search engines (Google) to search for Malaysia services/ products.</td> </tr> <tr> <td> </td> </tr> <tr> <td style="display: flex; align-items: center; justify-content: center;"> <div class="bluesplitter"> </div> </td> </tr> </tbody> </table> </td> <td style="width: 40px;"> </td> <td class="fade-Out" style="width: 210px;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; text-align: center;"> <tbody> <tr> <td><span class="timerCount" data-decimals="1" data-from="0.0" data-speed="1000" data-to="75.5" style="font-size: 60px; color: #57a2ff; font-weight:bold;">75.5</span><span style="font-size: 20px; color: #57a2ff;">%</span></td> </tr> <tr> <td> </td> </tr> <tr> <td>of searches do not reach the 2nd page of the search engine (Google) results.</td> </tr> <tr> <td> </td> </tr> <tr> <td style="display: flex; align-items: center; justify-content: center;"> <div class="bluesplitter"> </div> </td> </tr> </tbody> </table> </td> <td style="width: 40px;"> </td> <td class="fade-Out" style="width: 210px; vertical-align: top; position: relative; bottom: 60px;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; text-align: center;"> <tbody> <tr> <td><span class="timerCount" data-decimals="1" data-from="0.0" data-speed="1000" data-to="70.3" style="font-size: 60px; color: #57a2ff; font-weight:bold;">70.3</span><span style="font-size: 20px; color: #57a2ff;">%</span></td> </tr> <tr> <td> </td> </tr> <tr> <td>of clicks come from the search engine (Google) organic results.</td> </tr> <tr> <td> </td> </tr> <tr> <td style="display: flex; align-items: center; justify-content: center;"> <div class="bluesplitter"> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height: 70px;"> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="portfolioBG" style="width:100%;"> <tbody> <tr> <td style="text-align: center; vertical-align: top;"> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto; margin-top: -40px;"> <tbody> <tr> <td style="width:300px;"> <div class="row" style="padding-bottom: 0px;"> <div class="col"> <div class="fade-Out"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Visit this website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/data/cms/images/1535448223_img-home-portfolio1.jpg" style="width: 300px; height: 168px;" title="Visit this website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></td> </tr> <tr> <td style="text-align: left; background:#fff; padding: 20px 20px 10px;"> <h3>Cataferry</h3> <span style="font-size:12px; line-height:2;">An Online Order Ferry Ticket Website.</span></td> </tr> <tr> <td style="height:30px;"> </td> </tr> </tbody> </table> </div> </div> </div> <div class="row" style="padding-bottom: 28px;"> <div class="col"> <div class="fade-Out"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Visit this website | Website Design Johor Bahru JB" src="/data/cms/images/1535448249_img-home-portfolio2.jpg" style="width: 300px; height: 168px;" title="Visit this website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></td> </tr> <tr> <td style="text-align: left; background:#fff; padding: 20px 20px 10px;"> <h3>Season</h3> <span style="font-size:12px; line-height:2;">A Journey for Food Lovers.</span></td> </tr> </tbody> </table> </div> </div> </div> </td> <td style="width:30px;"> </td> <td style="width:300px; "> <div class="row"> <div class="col"> <div class="fade-Out"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; margin-top: 110px;"> <tbody> <tr> <td><img alt="Visit this website | Website Design Johor Bahru JB" src="/data/cms/images/1535448319_img-home-portfolio3.jpg" style="width: 321px; height: 180px;" title="Visit this website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></td> </tr> <tr> <td style="text-align: left; background:#fff; padding: 20px 20px 10px;"> <h3>Daepac</h3> <span style="font-size:12px; line-height:2;">The Manufacturer Of Custom Metal Stamping.</span></td> </tr> <tr> <td style="height:30px;"> </td> </tr> </tbody> </table> </div> </div> </div> <div class="row"> <div class="col"> <div class="fade-Out"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Visit this website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/data/cms/images/1583111732_home-seamaster.png" style="width: 300px; height: 168px;" title="Visit this website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></td> </tr> <tr> <td style="text-align: left; background:#fff; padding: 20px 20px 10px;"> <h3>Seamaster Paint Malaysia</h3> <span style="font-size:12px; line-height:2;">Pioneer in commercial and industrial paint manufacturing. </span></td> </tr> </tbody> </table> </div> </div> </div> </td> <td style="width:30px;"> </td> <td style="width:300px;"> <div class="row"> <div class="col"> <div class="fade-Out"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Visit this website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/data/cms/images/1595588194_gcb.png" style="width: 300px; height: 168px;" title="Visit this website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></td> </tr> <tr> <td style="text-align: left; background:#fff; padding: 20px 20px 10px;"> <h3>GCB (Guan Chong Berhad)</h3> <span style="font-size:12px;">A leading manufacturer for cocoa ingredients.</span></td> </tr> <tr> <td style="height:30px;"> </td> </tr> </tbody> </table> </div> </div> </div> <div class="row"> <div class="col"> <div class="fade-Out"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Visit this website | Website Design Johor Bahru JB" src="/data/cms/images/1535448359_img-home-portfolio6.jpg" style="width: 300px; height: 168px;" title="Visit this website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></td> </tr> <tr> <td style="text-align: left; background:#fff; padding: 20px 20px 10px;"> <h3>BNX (Kinsahi | Arashi)</h3> <span style="font-size:12px; line-height:2;">Is a Diversified Food & Beverage Company. </span></td> </tr> </tbody> </table> </div> </div> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <div id="wave" style="margin-top:70px;"><span class="dot"> </span> <span class="dot"> </span> <span class="dot"> </span></div> <div style="text-align: center; margin-top: 15px;"><a alt="More websites | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" href="/portfolio" title="More websites | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><span style="font-size:12px;">More websites @Johor Bahru @Kuala Lumpur @Malaysia</span></a></div> </td> </tr> </tbody> </table> <div class="circle-spin"><img alt="Webteq" src="/data/cms/images/1545116146_img-home-services-moon.png" title="Webteq" /> <img alt="Webteq" src="/data/cms/images/1545118063_img-home-services-moon-inner-circle.png" title="Webteq" /> <img alt="Webteq" src="/data/cms/images/1545118083_img-home-services-moon-outer-circle.png" title="Webteq" /></div> </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/"; }); } 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> <div id="ctl00_pnlBannerContainerOuter" class="divBannerContainerOuter"> <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=Pangolin&display=swap" rel="stylesheet" /> <link href="/css/slick/slick.css" rel="Stylesheet" type="text/css" /> <link href="/css/slick/slick-theme.css" rel="Stylesheet" type="text/css" /> <script src="/js/slick/slick.min.js" type="text/javascript"> </script> <script type="text/javascript"> jQuery(function ($) { $.fn.countTo = function (options) { options = options || {}; return $(this).each(function () { // set options for current element var settings = $.extend({}, $.fn.countTo.defaults, { from: $(this).data('from'), to: $(this).data('to'), speed: $(this).data('speed'), refreshInterval: $(this).data('refresh-interval'), decimals: $(this).data('decimals') }, options); // how many times to update the value, and how much to increment the value on each update var loops = Math.ceil(settings.speed / settings.refreshInterval), increment = (settings.to - settings.from) / loops; // references & variables that will change with each update var self = this, $self = $(this), loopCount = 0, value = settings.from, data = $self.data('countTo') || {}; $self.data('countTo', data); // if an existing interval can be found, clear it first if (data.interval) { clearInterval(data.interval); } data.interval = setInterval(updateTimer, settings.refreshInterval); // initialize the element with the starting value render(value); function updateTimer() { value += increment; loopCount++; render(value); if (typeof (settings.onUpdate) == 'function') { settings.onUpdate.call(self, value); } if (loopCount >= loops) { // remove the interval $self.removeData('countTo'); clearInterval(data.interval); value = settings.to; if (typeof (settings.onComplete) == 'function') { settings.onComplete.call(self, value); } } } function render(value) { var formattedValue = settings.formatter.call(self, value, settings); $self.text(formattedValue); } }); }; $.fn.countTo.defaults = { from: 0, // the number the element should start at to: 0, // the number the element should end at speed: 1000, // how long it should take to count between the target numbers refreshInterval: 50, // how often the element should be updated decimals: 0, // the number of decimal places to show formatter: formatter, // handler for formatting the value before rendering onUpdate: null, // callback method for every time the element is updated onComplete: function(){// callback method for when the element finishes updating $(this).css({ "transition":"all .10s ease", "transform":"scale(1.1)", }); } }; /*function formatter(value, settings) { return value.toFixed(settings.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ','); }*/ // start all the timers $('.timerCount').each(count); function count(options) { var $this = $(this); options = $.extend({}, options || {}, $this.data('countToOptions') || {}); $this.countTo(options); } function elementInView(elem) { var elementTop = $(elem).offset().top; var elementBottom = elementTop + $(elem).outerHeight(); var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).height(); var height = $(window).height(); var trueFalse = false; switch (trueFalse) { case (trueFalse == height < 650): return ((viewportTop < 400 && viewportBottom < 1400) && (viewportTop > 300 && viewportBottom > 700)); break; case (trueFalse == height < 850): return ((viewportTop < 400 && viewportBottom < 1400) && (viewportTop > 300 && viewportBottom > 900)); break; case (trueFalse == height< 1920): return ((viewportTop < 400 && viewportBottom < 1400) && (viewportTop > 300 && viewportBottom > 1200)); break; } }; var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: "#tblEffect", triggerHook: 'onEnter' }) .addTo(controller) .on("enter", function (e) { $('.timerCount').each(count); }); }); </script> <script type="text/javascript"> $(function(){ $('.features').slick({ slidesToShow: 3, slidesToScroll: 3, arrows: false, dots: true, dotsClass: 'customs', customPaging: function (slider, i) { return '<a class="dotfeatures" role="button"></a>'; } }); $('.flex-container').slick({ fade: true }); }); //Ink Drop var offSet = 0; function inkdrop() { $('.inkdrop-Out').each(function (i) { var bottom_of_object = $(this).offset().top + offSet; var bottom_of_window = $(window).scrollTop() + $(window).height(); if (bottom_of_window > bottom_of_object) { $(this).addClass('inkdrop-In'); } else { $(this).removeClass('inkdrop-In'); } }); } offSet = offSet + 200; //onload check inkdrop(); //when scrolling window.addEventListener('scroll', function (event) { inkdrop(); }); //End Ink Drop </script> <style type="text/css">a.btnService:link, a.btnService:visited{ font-size:12px; color:#678cc6; height:25px; width:110px; font-family:Pangolin; padding-top:5px; background:#fff; display:inline-flex; align-items: center; justify-content: center; margin: 0px 5px; border:1px solid #678cc6; border-radius:12px; box-sizing:border-box; } a.btnService:hover, a.btnService:active { background-color: #678cc6; color: #fff; text-decoration: none; } .homebnnBG_10years { background: url("/data/admcms/images/bg-home-10-years-old.jpg")no-repeat center top 22px; background-size:2080px; height:auto 100%; margin-top:-175px; width:100%; background-position: top center; } .flex-container { width: 960px; } .flex-container .slick-list, .flex-container .slick-slide, .flex-container .slick-track { margin: 0; } .flex-container .slick-track { left: 0; } .flex-container .slick-prev, .flex-container .slick-next { display:block; width: 180px; height:75px; box-sizing:border-box; } .flex-container .slick-prev:before, .flex-container .slick-next:before { content:none; } .flex-container .slick-prev { background:url("/data/admcms/images/btn-home-our-clients-left.png")no-repeat 2px 0px; } .flex-container .slick-prev:hover, .flex-container .slick-prev:active { background-position:top -124px right; } .flex-container .slick-next { background:url("/data/admcms/images/btn-home-our-clients-right.png")no-repeat 0px 0px; } .flex-container .slick-next:hover, .flex-container .slick-next:active { background-position:top -124px left; } a.btn10y:link, a.btn10y:visited{ color:#fff; height:40px; width:150px; background:transparent; display:inline-flex; justify-content: center; align-items: center; border:1px solid #fff; border-radius:20px; box-sizing:border-box; text-decoration:none; } a.btn10y:hover, a.btn10y:active { color:#497bd8; background:#fff; text-decoration:none; } .companyimg{ height: 50px; background: #fff; border-radius: 25px; text-align: center; display: flex; justify-content: center; align-items: center; } .img-circle-spin { position: relative; display: inline-block; } .img-circle-spin.big { width: 300px; height: 300px; left: 20%; } .img-circle-spin.medium { width: 250px; height: 250px; left: 45%; vertical-align: top; } .img-circle-spin.small { width: 200px; height: 200px; left: 45%; vertical-align: bottom; } .img-circle-spin svg { width: 100%; height: 100%; animation: reverse-spin 10s linear infinite; } .img-circle-spin.medium svg { animation: spin 10s linear infinite; } .img-circle-spin circle { stroke-width: 5px; stroke-dasharray: 150, 20, 0, 560; stroke-linecap: round; fill: none; stroke: white; } .img-circle-spin.big circle { stroke-width: 10px; } a.contactwebteq, a.contactwebteq:link, a.contactwebteq:visited{ color: #fff; } a.contactwebteq:hover, a.contactwebteq:active{ color: #fff; text-decoration: underline; } @keyframes spin { 100% { transform: rotate(360deg); } } @keyframes reverse-spin { 100% { transform: rotate(-360deg); } } .row { *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .inkdrop-Out { transition-duration: 600ms, 0ms; transition-timing-function: cubic-bezier(0, 0.01, 0, 1), linear; visibility: visible; transition: transform 500ms ease-in-out, visibility 0ms linear 600ms, -webkit-transform 1000ms ease-in-out; transition-delay: 500ms, 1000ms; transform: translateY(-200%) scale(0.5, 1.5); } .inkdrop-In { transform: translateY(0) scale(1, 1); transition-duration: 600ms, 0ms; transition-timing-function: cubic-bezier(0, 0.01, 0, 1), linear; visibility: visible; transition: transform 500ms ease-in-out, visibility 0ms linear 600ms, -webkit-transform 900ms ease-in-out; transition-delay: 0.6s, 1000ms; } @media (min-width: 800px) { .box { flex-basis: 30%; } } .alignmiddle{ padding-top:8px !important; } .customs li { margin: 0 0 0 0; display: inline-block; list-style: none; } .customs{ display:inline-block; position:absolute; bottom:-45px; left:50%; transform:translateX(-50%); z-index:5; } .dotfeatures, .dotfeatures:before { display:block; width:8px; height:8px; text-decoration: none; background:url(/data/cms/images/1549955474_pagination-home-our-clients.png) no-repeat center top; background-size:100%; margin-right:5px; margin-left:5px; cursor: pointer; } .slick-active .dotfeatures { background:url(/data/cms/images/1549955474_pagination-home-our-clients.png) no-repeat center bottom; } .features .slick-slide { display: flex; justify-content: center; } @media only screen and (max-width:1366px){ .img-circle-spin.small{ left: 39%; } .img-circle-spin.big { left: 11%; } .img-circle-spin.medium { left: 38%; } .homebnnBG_10years{ background-size: 1980px !important; } } @media only screen and (max-width:980px){ .img-circle-spin.small{ left: 30%; } .img-circle-spin.big { left: 5%; } .img-circle-spin.medium { left: 25%; } .img-circle-spin { transform: scale(.75); } } </style> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto;"> <tbody> <tr> <td style="text-align: center;"> <h3>Website Design Services | Google Search Engine Optimization (SEO) </h3> </td> </tr> <tr> <td style="text-align: center;"> <h1>Webteq | Website Design Johor Bahru (JB) </h1> </td> </tr> <tr> <td> <div> <canvas id="waves" style="position: absolute; z-index: -1;"> </canvas> <table border="0" cellpadding="0" cellspacing="0" id="tblEffect" style="width:100%; margin-bottom: 60px; padding-top: 30px;"> <tbody> <tr> <td style="width: 300px; text-align: center; height:130px;"> <div class="row"> <div> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="32 Team Members | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" class="inkdrop-Out" src="/data/cms/images/icon-home-team-members(1).png" style="width: 124px; height: 130px;" title="32 Team Members | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </td> </tr> </tbody> </table> </div> </div> </td> <td style="width:30px;">  </td> <td style="width: 300px; text-align: center;"> <div class="row"> <div> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="98.7% Website Launching Rate | Website Design Johor Bahru JB" class="inkdrop-Out" src="/data/cms/images/icon-home-launching-rate.png" style="width: 124px; height: 130px;" title="99.4% Website Launching Rate | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </td> </tr> </tbody> </table> </div> </div> </td> <td style="width:30px;">  </td> <td style="width: 300px; text-align: center;"> <div class="row"> <div> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="More Than 1,500 Websites Done | Website Design Johor Bahru JB" class="inkdrop-Out" src="/data/cms/images/icon-home-website-launched(1).png" style="width: 124px; height: 130px;" title="More Than 1,500 Completed Websites | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </td> </tr> </tbody> </table> </div> </div> </td> </tr> <tr> <td style="text-align: center;"><strong><span class="timerCount" data-from="0" data-speed="1000" data-to="29" style="font-size:50px;">32</span></strong> </td> <td>  </td> <td style="text-align: center;"><strong><span class="timerCount" data-decimals="1" data-from="0" data-speed="1000" data-to="98.7" style="font-size:50px;">99.4</span><span style="font-size:50px;">%</span></strong> </td> <td>  </td> <td style="text-align: center;"><strong><span style="font-size:50px;">> </span><span class="timerCount" data-from="0" data-speed="1000" data-to="1500" style="font-size:50px;">1,500</span></strong> </td> </tr> <tr> <td style="height:8px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </td> </tr> <tr> <td style="text-align: center;">Designers + Programmers + Webmaster </td> <td>  </td> <td style="text-align: center;">Website Launching Rate </td> <td>  </td> <td style="text-align: center;">Completed Websites </td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td style="height:70px; position:relative;"> <div style="text-align: center; width: 190px; position:absolute; top:0; bottom:0; left:0; right:0; margin: auto; background: #fff; z-index:2;"><a alt="View our website portfolio | Website Design Johor Bahru JB" class="button1 alignmiddle" href="/portfolio" style="margin: auto;" title="View our website portfolio | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Website Portfolio</a> </div> <div style="width:100%; position:absolute; top:20px; bottom:0; border-top:solid 1px #ddd; z-index:1;">  </div> </td> </tr> </tbody> </table> <div class="features" style="width:960px; margin:auto;"> <div><img alt="Season" src="/data/cms/images/1536130888_logo-home-season.gif" style="width: 140px; height: 41px;" title="Season | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> <div><img alt="ATA IMS Berhad" src="/data/cms/images/1571498741_723205162559422240763660212140967464009728n.jpg" style="width: 140px; height: 41px;" title="ATA IMS Berhad | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> <div><img alt="Miroad Rubber" src="/data/cms/images/1536130934_logo-home-miroad-rubber.gif" style="width: 140px; height: 41px;" title="Miroad Rubber | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> <div><img alt="Sutera Mall" src="/data/cms/images/sutera-logo.jpg" style="width: 160px; height: 47px;" title="Sutera Mall | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> <div><img alt="Hwa Thai Supemart" src="/data/cms/images/1571498671_7229949924694598166606227084490869046247424n.jpg" style="width: 140px; height: 41px;" title="Hwa Thai Supemart | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> <div><img alt="Kim Loong Resources" src="/data/cms/images/1571498824_72777699386657458937898541248510171807744n.jpg" style="width: 140px; height: 41px;" title="Kim Loong Resources | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> </div> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto;"> <tbody> <tr> <td style="height:80px;">  </td> </tr> <tr> <td> <div class="flex-container"> <div> <table border="0" cellpadding="0" cellspacing="0" style="background:#f4f4f4; border-radius:10px; height:250px; position:relative; box-shadow: rgba(63, 115, 173, 0.6) 0px 25px 40px;"> <tbody> <tr> <td style="padding: 15px 30px 0px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width: 150px;"> <div class="companyimg"><img alt="PMJ Heaters Manufacturing Sdn. Bhd." src="/data/cms/images/1596528712_home-pmj.jpg" style="width: 90px; height: 34px;" title="PMJ Heaters Manufacturing Sdn. Bhd. | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> </td> <td style="width: 10px;">  </td> <td><span style="font-size:20px; font-family:Pangolin; font-weight:400;"><span style="color:#678cc6; ">Mr. Andrian Chow</span> <br /> PMJ Heaters Manufacturing Sdn. Bhd.</span> </td> <td style="text-align: right; width: 200px;">  </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding:25px 30px;"><span style="font-size:16px; font-family:Pangolin; font-weight:400;">This is my first time approaching website design company and Webteq never failed me once during the whole website setup and design process. They have met all of my expectations and achieved more than what I requested. <a href="/testimonial" title="More | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><span style="color:#678cc6; font-family:Pangolin;">More »»</span></a></span> </td> </tr> <tr> <td style="padding-left: 30px; vertical-align: text-top; padding-bottom: 30px;"><span style="font-size:12px; font-family:Pangolin; font-weight:400;">Webteq Provided : <a alt="Effective Website" class="btnService" href="/our-services" style="margin-left: 15px;" title="Effective Website">Effective Website</a> <a alt="SEO" class="btnService" href="/seo" title="SEO">SEO</a> <a alt="Email Hosting" class="btnService" href="/our-services" title="Email Hosting">Email Hosting</a></span> </td> </tr> </tbody> </table> </div> <div> <table border="0" cellpadding="0" cellspacing="0" style="background:#f4f4f4; border-radius:10px; height:250px; position:relative; box-shadow: rgba(63, 115, 173, 0.6) 0px 25px 40px;"> <tbody> <tr> <td style="padding: 15px 30px 0px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width: 150px;"> <div class="companyimg"><img alt="I One Water Trading Sdn. Bhd." src="/data/cms/images/1596528740_home-ione.gif" style="width: 90px; height: 34px;" title="I One Water Trading Sdn. Bhd. | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> </td> <td style="width: 10px;">  </td> <td><span style="font-size:20px; font-family:Pangolin; font-weight:400;"><span style="color:#678cc6; ">Ms. Pauline Tan</span> <br /> I One Water Trading Sdn. Bhd.</span> </td> <td style="width: 185px; text-align: right;">  </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding:25px 30px;"><span style="font-size:16px; font-family:Pangolin; font-weight:400;">I knew Webteq few years ago, and my company's website was designed by them. They have a very professional and highly efficient team, even during MCO, they will still helping us to solve some technique problems. <a href="/testimonial" title="More | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><span style="color:#678cc6; font-family:Pangolin;">More »»</span></a></span> </td> </tr> <tr> <td style="padding-left: 30px; vertical-align: text-top; padding-bottom: 30px;"><span style="font-size:12px; font-family:Pangolin; font-weight:400;">Webteq Provided : <a class="btnService" href="/our-services" style="margin-left: 15px;" title="Effective Website">Effective Website</a> <a class="btnService" href="/seo" title="SEO">SEO</a> <a class="btnService" href="/our-services" title="Email Hosting">Email Hosting</a></span> </td> </tr> </tbody> </table> </div> <div> <table border="0" cellpadding="0" cellspacing="0" style="background:#f4f4f4; border-radius:10px; height:250px; position:relative; box-shadow: rgba(63, 115, 173, 0.6) 0px 25px 40px;"> <tbody> <tr> <td style="padding: 15px 30px 0px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width: 150px;"> <div class="companyimg"><img alt="Kejuruteraan Letrik Etara (M) Sdn. Bhd." src="/data/cms/images/1596528750_home-etara.jpg" style="width: 90px; height: 34px;" title="Kejuruteraan Letrik Etara (M) Sdn. Bhd. | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> </td> <td style="width: 10px;">  </td> <td><span style="font-size:20px; font-family:Pangolin; font-weight:400;"><span style="color:#678cc6; ">Ms. Chong</span> <br /> Kejuruteraan Letrik Etara (M) Sdn. Bhd.</span> </td> <td style="width: 180px; text-align: right;">  </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding:25px 30px;"><span style="font-size:16px; font-family:Pangolin; font-weight:400;">The team provided professional and satisfying services . Wallace is very patient and understanding when designing the website. The team continue to follow up <a href="/testimonial" title="More | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><span style="color:#678cc6; font-family:Pangolin;">More »»</span></a></span> </td> </tr> <tr> <td style="padding-left: 30px; vertical-align: text-top; padding-bottom: 30px;"><span style="font-size:12px; font-family:Pangolin; font-weight:400;">Webteq Provided : <a alt="Effective Website" class="btnService" href="/our-services" style="margin-left: 15px;" title="Effective Website">Effective Website</a> <a alt="SEO" class="btnService" href="/seo" title="SEO">SEO</a> <a alt="Email Hosting" class="btnService" href="/our-services" title="Email Hosting">Email Hosting</a></span> </td> </tr> </tbody> </table> </div> <div> <table border="0" cellpadding="0" cellspacing="0" style="background:#f4f4f4; border-radius:10px; height:250px; position:relative; box-shadow: rgba(63, 115, 173, 0.6) 0px 25px 40px;"> <tbody> <tr> <td style="padding: 15px 30px 0px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width: 150px;"> <div class="companyimg"><img alt="Season Confectionary and Bakery" src="/data/cms/images/1596528759_home-season.jpg" style="width: 90px; height: 40px;" title="Season Confectionary and Bakery | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> </td> <td style="width: 10px;">  </td> <td><span style="font-size:20px; font-family:Pangolin; font-weight:400;"><span style="color:#678cc6; ">Ms. Ruby Chai</span> <br /> Season Confectionary and Bakery</span> </td> <td style="width: 225px;">  </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding:25px 30px;"><span style="font-size:16px; font-family:Pangolin; font-weight:400;">The service given very good. follow up with us regarding what to promote for every festival/ cake promotion and any new item. staff public relation very good. easy to work and communication with. <a href="/testimonial" title="More | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><span style="color:#678cc6; font-family:Pangolin;">More »»</span></a></span> </td> </tr> <tr> <td style="padding-left: 30px; vertical-align: text-top; padding-bottom: 30px;"><span style="font-size:12px; font-family:Pangolin; font-weight:400;">Webteq Provided : <a class="btnService" href="/our-services" style="margin-left: 15px;" title="Effective Website">Effective Website</a> <a class="btnService" href="/seo" title="SEO">SEO</a> <a class="btnService" href="/our-services" title="Email Hosting">Email Hosting</a></span> </td> </tr> </tbody> </table> </div> <div> <table border="0" cellpadding="0" cellspacing="0" style="background:#f4f4f4; border-radius:10px; height:250px; position:relative; box-shadow: rgba(63, 115, 173, 0.6) 0px 25px 40px;"> <tbody> <tr> <td style="padding: 15px 30px 0px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width: 150px;"> <div class="companyimg"><img alt="New Town Sdn. Bhd." src="/data/cms/images/1596528771_home-newtown.jpg" style="width: 90px; height: 34px;" title="New Town Sdn. Bhd. | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> </td> <td style="width: 10px;">  </td> <td><span style="font-size:20px; font-family:Pangolin; font-weight:400;"><span style="color:#678cc6; ">Ms. Chin Goh</span> <br /> New Town Sdn. Bhd.</span> </td> <td style="width: 225px; text-align: right;">  </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding:25px 30px;"><span style="font-size:16px; font-family:Pangolin; font-weight:400;">My company website just finished updated by Webteq. The first significant result is my google ranking, it appears in the first & top of the page. Secondly, my updated website starts generate more sales that wasn't happened much in our previous website. <a href="/testimonial" title="More | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><span style="color:#678cc6; font-family:Pangolin;">More »»</span></a></span> </td> </tr> <tr> <td style="padding-left: 30px; vertical-align: text-top; padding-bottom: 30px;"><span style="font-size:12px; font-family:Pangolin; font-weight:400;">Webteq Provided : <a alt="Effective Website" class="btnService" href="/our-services" style="margin-left: 15px;" title="Effective Website">Effective Website</a> <a alt="SEO" class="btnService" href="/seo" title="SEO">SEO</a> <a alt="Email Hosting" class="btnService" href="/our-services" title="Email Hosting">Email Hosting</a></span> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="homebnnBG_10years" style="width:100%;"> <tbody> <tr> <td style="text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; padding-top: 20px; "> <tbody> <tr> <td style="width:959px; height:185px">  </td> </tr> </tbody> </table> <div style="text-align: right;">  </div> </td> </tr> <tr> <td style="text-align: center; padding-bottom:10px;"> <h1><span style="color:#ffffff;">Website Design JB (Johor Bahru) since 2007</span> </h1> </td> </tr> <tr> <td style="text-align: center; padding-bottom: 5px;"><span style="font-size:24px; color:#ffffff; font-family:Catamaran; font-weight:300;">We ensure that we provide <strong>website design services & SEO (Search Engine Optimization)</strong> that fits your business needs.</span> </td> </tr> <tr> <td style="text-align: center;"><span style="color:#ffffff;">Webteq is based in <strong>Johor Bahru & Kuala Lumpur</strong>, Malaysia. We're a <strong>Web Designing Company</strong> that provides effective <br /> website design, SEO (Digital Marketing), and web-based application. We help on Google Search Result (SEO). </span> </td> </tr> <tr> <td style="height: 5px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; color: #fff;"> <tbody> <tr> <td style="width: 49%; text-align: right;">Web Design JB <a alt="Contact Webteq | Website Design Johor Bahru JB" href="https://api.whatsapp.com/send?phone=60167704437&text=Enquiry%20from%20Webteq%20Solution" onclick="return gtag_report_conversion('tel:60167704437');" style="text-decoration:underline; color:#fff;" target="_blank" title="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">+6016-770 4437</a> (Mr Tey) </td> <td style="width: 2%;">  </td> <td style="width: 49%; text-align: left;">Web Design KL <a alt="Contact Webteq | Website Design Johor Bahru JB" href="https://api.whatsapp.com/send?phone=60167704437&text=Enquiry%20from%20Webteq%20Solution" onclick="return gtag_report_conversion('tel:60167704437');" style="text-decoration:underline; color:#fff;" target="_blank" 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: 20px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </td> </tr> <tr> <td style="text-align: center;"><a alt="Read more about Webteq | Website Design Johor Bahru JB" class="btn10y" href="/about-us" title="Read more about Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Read more</a> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td> <div class="img-circle-spin big"> <svg> <circle cx="50%" cy="50%" r="140px"> </circle> </svg> <img alt="Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/data/cms/images/1538536624_img-home-10-years-old-1.png" style="position: absolute; left: 0;right: 0;top: -35px;bottom: 0;margin: auto;" title="Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> <div class="img-circle-spin small"> <svg> <circle cx="50%" cy="50%" r="80px"> </circle> </svg> <img alt="Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/data/cms/images/1538536640_img-home-10-years-old-3.png" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;" title="Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> <div class="img-circle-spin medium"> <svg> <circle cx="50%" cy="50%" r="115px"> </circle> </svg> <img alt="Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/data/cms/images/1538536653_img-home-10-years-old-2.png" style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;" title="Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> <div style="position:relative; top:-70px;z-index: 1;"><img alt="10 Years | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/data/cms/images/1538536673_img-home-10-years-old-t-shirt.png" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;" title="10 Years | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </div> </td> </tr> <tr> <td style="height:130px;">  </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="curvebackground" style="width:100%; margin: -106px 0 0;"> <tbody> <tr> <td><img src="/data/admcms/images/img-btm-panel-top-shadow.png" style="width: 100%;" /> </td> </tr> </tbody> </table> <script >/** * Generates multiple customizable animated sines waves * using a canvas element. Supports retina displays and * limited mobile support * * I've created a seperate library based on this pen. * Check it out at https://github.com/isuttell/sine-waves */ function SineWaveGenerator(options) { $.extend(this, options || {}); if (!this.el) {throw "No Canvas Selected";} this.ctx = this.el.getContext('2d'); if (!this.waves.length) {throw "No waves specified";} // Internal this._resizeWidth(); window.addEventListener('resize', this._resizeWidth.bind(this)); // User this.resizeEvent(); window.addEventListener('resize', this.resizeEvent.bind(this)); if (typeof this.initialize === 'function') { this.initialize.call(this); } // Start the magic this.loop(); } // Defaults SineWaveGenerator.prototype.speed = 10; SineWaveGenerator.prototype.amplitude = 50; SineWaveGenerator.prototype.wavelength = 50; SineWaveGenerator.prototype.segmentLength = 10; SineWaveGenerator.prototype.lineWidth = 2; SineWaveGenerator.prototype.strokeStyle = 'rgba(255, 255, 255, 0.2)'; SineWaveGenerator.prototype.resizeEvent = function () {}; // fill the screen SineWaveGenerator.prototype._resizeWidth = function () { this.dpr = window.devicePixelRatio || 1; this.width = this.el.width = window.innerWidth * this.dpr; this.height = this.el.height = window.innerHeight * this.dpr; this.el.style.width = '960px'; this.el.style.height = '200px'; this.waveWidth = this.width * 0.95; this.waveLeft = this.width * 0.025; }; SineWaveGenerator.prototype.clear = function () { this.ctx.clearRect(0, 0, this.width, this.height); }; SineWaveGenerator.prototype.time = 0; SineWaveGenerator.prototype.update = function (time) { this.time = this.time - 0.007; if (typeof time === 'undefined') { time = this.time; } var index = -1; var length = this.waves.length; while (++index < length) { var timeModifier = this.waves[index].timeModifier || 1; this.drawSine(time * timeModifier, this.waves[index]); } index = void 0; length = void 0; }; // Constants var PI2 = Math.PI * 2; var HALFPI = Math.PI / 2; SineWaveGenerator.prototype.ease = function (percent, amplitude) { return amplitude * (Math.sin(percent * PI2 - HALFPI) + 1) * 0.5; }; SineWaveGenerator.prototype.drawSine = function (time, options) { options = options || {}; amplitude = options.amplitude || this.amplitude; wavelength = options.wavelength || this.wavelength; lineWidth = options.lineWidth || this.lineWidth; strokeStyle = options.strokeStyle || this.strokeStyle; segmentLength = options.segmentLength || this.segmentLength; var x = time; var y = 0; var amp = this.amplitude; // Center the waves var yAxis = this.height / 2; // Styles this.ctx.lineWidth = lineWidth * this.dpr; this.ctx.strokeStyle = strokeStyle; this.ctx.lineCap = 'round'; this.ctx.lineJoin = 'round'; this.ctx.beginPath(); // Starting Line this.ctx.moveTo(0, yAxis); this.ctx.lineTo(this.waveLeft, yAxis); for (var i = 0; i < this.waveWidth; i += segmentLength) { x = time * this.speed + (-yAxis + i) / wavelength; y = Math.sin(x); // Easing amp = this.ease(i / this.waveWidth, amplitude); this.ctx.lineTo(i + this.waveLeft, amp * y + yAxis); amp = void 0; } // Ending Line this.ctx.lineTo(this.width, yAxis); // Stroke it this.ctx.stroke(); // Clean up options = void 0; amplitude = void 0; wavelength = void 0; lineWidth = void 0; strokeStyle = void 0; segmentLength = void 0; x = void 0; y = void 0; }; SineWaveGenerator.prototype.loop = function () { this.clear(); this.update(); window.requestAnimationFrame(this.loop.bind(this)); }; new SineWaveGenerator({ el: document.getElementById('waves'), speed: 8, waves: [ { timeModifier: 1, lineWidth: 3, amplitude: 150, wavelength: 200, segmentLength: 20, //strokeStyle: 'rgba(234, 67, 51, 0.5)' }, { timeModifier: 1, lineWidth: 2, amplitude: 150, wavelength: 100, //strokeStyle: 'rgba( 64, 135, 243, 0.5)' }, { timeModifier: 1, lineWidth: 1, amplitude: -150, wavelength: 50, segmentLength: 10, //strokeStyle: 'rgba( 50, 170, 81, 0.5)' }], initialize: function () { }, resizeEvent: function () { var gradient = this.ctx.createLinearGradient(0, 0, this.width, 0); gradient.addColorStop("0", "#ea4333"); gradient.addColorStop("0.5", "#4087f3"); gradient.addColorStop("1.0", "#32aa51"); var index = -1; var length = this.waves.length; while (++index < length) { this.waves[index].strokeStyle = gradient; } // Clean Up index = void 0; length = void 0; gradient = void 0; } }); </script></div> </div> </div> </div> </div> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl01_pnlCMSContent"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl01_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter2"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl01_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl01_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="divBottomContainerHm 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> <script type="text/javascript"> $(document).ready(function(){ $('.divQuickContact').hover(function() { $(this).attr('title', 'Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia'); }); }); </script> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><img alt="ePROFILE | Profiling Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><img alt="eCATALOG | Catalogue Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><img alt="eSHOP | Online Shopping Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><img alt="SEO | Search Engine Optimization | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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> <h3>What do you need for your company website? </h3> </td> </tr> <tr> <td style="height:20px;">  </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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Profiling Website</a> <br /> <a alt="Online Catalogue" class="menu" href="/eCatalog" title="Online Catalogue | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Online Catalogue</a> <br /> <a alt="Online Shopping" class="menu" href="/eShop" title="Online Shopping | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Online Shopping</a> <br /> <a alt="Mobile Website" class="menu" href="/mobile-friendly" title="Mobile Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Mobile Website</a> <br /> <a alt="Google Ranking" class="menu" href="/seo" title="Google Ranking | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Google Ranking</a> (SEO) </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? | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Who We Are?</a> <br /> <a class="menu" href="/our-services" title="Our Services | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Our Services</a> <br /> <a alt="What We Did?" class="menu" href="/event/portfolio" title="What We Did? | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">What We Did?</a> <br /> <a alt="What They Said?" class="menu" href="/testimonial" title="What They Said? | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">What They Said?</a> <br /> <a alt="FAQs" class="menu" href="/faqs" title="FAQs | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Policy</a> <br /> <a alt="Contact Us" class="menu" href="/contact/contact-us" title="Contact Us | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Contact Us</a> <br /> <a alt="Join Webteq" class="menu" href="/career" title="Join Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Website Company</b> </td> </tr> <tr> <td style="height:10px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </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="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </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="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </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 | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </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 | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> <img alt="" src="/data/cms/images/1595679272_golden-eagle.png" style="width: 50px; height: 36px;" title="Golden Eagle Award 2019 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </td> </tr> <tr> <td style="text-align: center; height: 100px;">  </td> </tr> </tbody> </table> </td> </tr> </tbody> </table></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 init"> <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> The Website Company Since 2007 </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 (true) { 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 .divBottomContainerHm", "fadeInUp") .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainer", triggerHook: "onEnter" }) .setClassToggle(".divMiddleContainer .animatedItem1", "fadeInUp") .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divHmContent", triggerHook: "onEnter" }) .setClassToggle(".divHmContent .animatedItem2", "fadeInLeft") .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divHmContent", triggerHook: "onEnter" }) .setClassToggle(".divHmContent .animatedItem3", "fadeInRight") .addTo(controller); var scene = new ScrollMagic.Scene({ triggerElement: ".divHmContent" }) .setClassToggle(".divHmContent .animatedItemInner", "fadeInLeft") .addTo(controller) .on("enter", function (e) { $('.divHmContent .animatedItemInner').each(function (i) { $(this).addClass("delay-item-2"); }); }); var scene = new ScrollMagic.Scene({ triggerElement: ".divHmContent" }) .setClassToggle(".divHmContent .animatedItemInner2", "fadeInUp") .addTo(controller) .on("enter", function (e) { $('.divHmContent .animatedItemInner2').each(function (i) { $(this).addClass("delay-item-2"); }); }); }); </script>

CINXE.COM

Website Design Johor Bahru | Google Ranking | SEO | Web Design JB