Website Design Johor Bahru | About Webteq Website Company JB KL SEO Google

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html class="" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="//ogp.me/ns#" xmlns:fb="//www.facebook.com/2008/fbml"> <head> <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-1018719952/fiQECNjTu94BENDd4eUD', 'event_callback': callback }); return false; } </script>  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2427688,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script>  <script type="application/ld+json"> { "@context" : "http://schema.org", "@id" : "https://www.webteq.com.my/", "@type" : "LocalBusiness", "name" : "Webteq Solution Sdn. Bhd. | Web Design Johor Bahru (JB)", "image" : "https://www.webteq.com.my/data/cms/images/square_logo_blue.png", "priceRange" : "Based on selected packages & requirements", "telephone" : "+6016-770 4437", "email" : "info@webteq.com.my", "address" : [ { "@type" : "PostalAddress", "streetAddress" : "No. G36, 34-01 & 34-02, Jalan Austin Perdana 2/23, Taman Austin Perdana", "addressLocality" : "Johor Bahru", "addressRegion" : "Johor", "addressCountry" : "Malaysia", "postalCode" : "81100" }, { "@type" : "PostalAddress", "streetAddress" : "Unit D-2F-12 Sunway Nexis, No. 1 Jalan PJU 5/1, Kota Damansara", "addressLocality" : "Petaling Jaya", "addressRegion" : "Selangor", "addressCountry" : "Malaysia", "postalCode" : "47810" } ], "url" : "https://www.webteq.com.my/", "aggregateRating" : { "@type" : "AggregateRating", "ratingValue" : "5/5", "ratingCount" : "56709" } } </script><title> Website Design Johor Bahru | About Webteq Website Company JB KL SEO Google </title> <link type="text/css" href="/css/public.css?v=20191202" rel="Stylesheet" /> <link type="text/css" href="/css/thickbox.css" rel="Stylesheet" /> <link type="text/css" href="/css/orangebox.css" rel="Stylesheet" /> <link type="text/css" href="/css/mobile/sidebar/jquery.sidr.light.css" rel="Stylesheet" /> <link type="text/css" href="/css/animate.css" rel="Stylesheet" /> <link type="text/css" href="/css/common.css" rel="Stylesheet" /> <link type="text/css" href="/css/supersizedsub.css" rel="Stylesheet" /> <link type="text/css" href="/css/supersizedsub.shutter.css" rel="Stylesheet" /> <link type="text/css" href="/css/slick/slick.css" rel="Stylesheet" /> <link type="text/css" href="/css/slick/slick-theme.css" rel="Stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Catamaran:300,400,700|Mukta+Mahee:200,300,400,700|Pangolin|Material+Icons" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <script src="/js/swfobject.js" type="text/javascript"></script> <script src="/js/config.js" type="text/javascript"></script> <script src="/js/jquery.cycle.all.min.js" type="text/javascript"></script> <script src="/js/jquery.cookie.min.js" type="text/javascript"></script> <script src="/js/thickbox.min.js" type="text/javascript"></script> <script src="/js/orangebox.min.js" type="text/javascript"></script> <script src="/js/WaterMark.min.js" type="text/javascript"></script> <script src="/js/jquery.sidr.min.js" type="text/javascript"></script> <script src="/js/common.js" type="text/javascript"></script> <script src="/js/supersized.3.2.6.min.js" type="text/javascript"></script> <script src="/js/supersized-shuttle.js" type="text/javascript"></script> <script src="/js/ScrollMagic/ScrollMagic.min.js" type="text/javascript"></script> <script src="/js/ScrollMagic/plugins/debug.addIndicators.min.js" type="text/javascript"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBybrdqHxE-faUD0gf1oCa9_yUBQuRfzy0"></script> <script src="/js/gomap-1.3.2.min.js" type="text/javascript"></script> <script src="/js/particles.min.js" type="text/javascript"></script> <script src="/js/slick/slick.min.js" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> <script type="text/javascript"> function pagerFactory(idx, slide) { //var s = idx > 2 ? ' style="display:none"' : ''; return '<a href="#"><img src="../img/cmn/trans.gif" alt="" width="10" height="10" class="imgPage' + idx + '" border="0" /></a>'; }; function toggleNav() { if ($('body').hasClass('open')) { $('body').removeClass('open'); } else { $('body').addClass('open'); } } $(function () { var contactMapBtn = '#divContactMapBtn'; $(contactMapBtn).on("click", function () { $('.divContactInfoDetails').fadeToggle("slow"); $(contactMapBtn).toggleClass("active"); if ($(contactMapBtn).hasClass('active')) { $(contactMapBtn).text('View Contact'); } else { $(contactMapBtn).text('View Map'); } }); if ($.cookie('webteq_click')) { if ($.cookie('webteq_click') == "1") { $(".divStartHere").hide(); } } //side menu $('#ctl00_hypTopMenu').on("click", function () { $.cookie('webteq_click', '1', { expires: 30 }); $(".divStartHere").hide(); $(this).toggleClass('open'); toggleNav(); return false; }); //end side menu // Search Site openCSE($("#ctl00_hypSearchSite"), $('#ctl00_pnlSearchSiteContainer')); // End Search Site redirectDone(); }); $('.divSlideShow').cycle({ fx: 'fade', speed: 700, timeout: 0, pager: '.divSlidePagination', pagerAnchorBuilder: pagerFactory, prev: '#homeSSPrev', next: '#homeSSNext' }); $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#ctl00_pnlTopMainWhiteContainer').addClass("activeScroll"); //.toggleClass("divTopMainWhiteContainer divTopMainWhiteContainerOnScroll"); $('#ctl00_pnlTopRightContainer').addClass("activeScroll"); } else { $('#ctl00_pnlTopMainWhiteContainer').removeClass("activeScroll"); //.toggleClass("divTopMainWhiteContainerOnScroll divTopMainWhiteContainer"); $('#ctl00_pnlTopRightContainer').removeClass("activeScroll"); } }); </script> <meta name="viewport" content="width=1024, maximum-scale=1.0"/> <link href='https://www.webteq.com.my/about-us' rel='canonical'/><link id="ctl00_Icon" href="/data/admctrlpnl/1566269302_favicon-webteq.ico" rel="shortcut icon" /><link href='/css/logo.css?v=1.0' rel='Stylesheet' type='text/css' /><link href='/css/topmenu.css' rel='Stylesheet' type='text/css' /><link href='/css/nav.css' rel='Stylesheet' type='text/css' /><link href='/css/quicklinks.css?v=20191031' rel='Stylesheet' type='text/css' /><meta property="og:title" content="Webteq Solution" /><meta property="og:type" content="Website" /><meta property="og:url" content="https://www.webteq.com.my/" /><meta property="og:image" content="https://www.webteq.com.my/data/cms/images/webteqfb_logo.jpg" /><meta property="og:site_name" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><meta property="og:description" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><link href='/css/facebook.css' rel='Stylesheet' type='text/css' /><link href='/css/topmenu.css' rel='Stylesheet' type='text/css' /><link href='/css/nav.css' rel='Stylesheet' type='text/css' /><link href='/css/sitesearch.css' rel='Stylesheet' type='text/css' /><link href='/css/background.css' rel='Stylesheet' type='text/css' /><link id="ctl00_Masthead" href="/css/masthead.css" rel="stylesheet" type="text/css" /><link href='/css/btmmenu.css' rel='Stylesheet' type='text/css' /><link href='/css/copy.css' type='text/css' rel='Stylesheet' /><link href='/css/quicklinks.css?v=20191031' rel='Stylesheet' type='text/css' /><meta property="og:title" content="Webteq Solution" /><meta property="og:type" content="Website" /><meta property="og:url" content="https://www.webteq.com.my/" /><meta property="og:image" content="https://www.webteq.com.my/data/cms/images/webteqfb_logo.jpg" /><meta property="og:site_name" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><meta property="og:description" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><link href='/css/facebook.css' rel='Stylesheet' type='text/css' /><meta name='keywords' content='Webteq Solution, Webteq Johor Bahru, Webteq Johor, Webteq Malaysia, Web Design Johor Bahru, Web Design Johor, Web Design JB, Web Design Malaysia, 网页设计JB，新山网页设计，网页设计新山, Website Design Johor, Website Design JB, Website Design Johor Bahru, Website Design Malaysia, Web Application Johor, Web Application JB, Web Application Malaysia, SEO Johor Bahru, SEO JB, SEO Malaysia, Google SEO JB, Google SEO Malaysia, Google SEO Johor, Google Website Johor Bahru, Search Engine Marketing Johor Malaysia, e-Commerce Johor, e-Commerce JB, e-Commerce Johor Bahru, e-Commerce Malaysia, Online Store Malaysia, Online Store Johor, Online Store Johor Bahru, Web Application Johor, Web Application Johor Bahru, Web Application JB, Web Application Malaysia, eCommerce Johor, eCommerce Johor Bahru, eCommerce JB, eCommerce Malaysia, Website Maintenance Johor Bahru, Website Company Johor Bahru, Website Company JB, Website Company Johor, Website Company Malaysia, Web Design Kuala Lumpur, Web Design KL, 网页设计KL，吉隆坡网页设计' /><meta name='description' content='About Webteq. Website Company Johor Bahru JB Kuala Lumpur KL Malaysia. 13 years 32 designer & programmer. Website design with Organic Google Search Result (SEO)' /><link href='/css/loading.css' rel='Stylesheet' type='text/css' /></head> <body id="ctl00_BodyID" class="bodySubpage"> <form name="aspnetForm" method="post" action="/about-us" 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.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=J_WfPKvhJPv0eoHrqgB2hDqT1_60S9i9plNAMBcr9LjGhdTBh_rxbV6MU0s3MRVU_kKvmH-dGrAyogwwI-Opuh7r9SXpbC9x19jIC93pk5hh0-VO4ssrnJalRUJtHtnzAQB3n4X997z8jenDwl1HtW6DJUDbPFix0DKfD93huYo1&t=74258c30"><\/script>');//]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjaxWebForms.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys.WebForms)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=YUOaXQI8_jNbRpiqrExmkqJve0-RFnKMIbyi0lrvdee_rUl7YY8ef9GHDCLKeL-u4Y4BpcsQxP8fgH9tOy9C2YyM360jj7jBEFcGLW4V3D0cST1oxXbgvDQOpTxX-hRIkIt79xb2loEMQJJwFSqgBn48iJGvEpsThJXRa0-CvTXyZSgMOFOJQnNHs_D0hCWA0&t=74258c30"><\/script>');//]]> </script> <div> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAWvVXD1oYELeveMr0vHCmYPMXCviTIf3l/WUwneuF6D1HxCLTP638hNrQou14COvFnCc/oWCRQRQNViAy5nC4NssCcPe0V0zXjJ3NXvHUXXOfgwOflw9PwsgM6sNLqkbmzbfIrFiQydrLYrbS4CEEKR" /> </div> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$scriptmanager1', 'aspnetForm', ['tctl00$UsrSiteSearch$upnlProdGroup',''], [], [], 90, 'ctl00'); //]]> </script> <input type="hidden" name="ctl00$hfVSFileName" id="ctl00_hfVSFileName" value="c60d035d-5c4f-4f41-8350-215fa81b28d8" /> <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="topTopMenuItemSel" 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" class="sel"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl00_hypMenu" title="About Us" class=" sel" 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_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/1536308622_masthead-about-us.png', description: ''}, // Slideshow Images ], // Theme Options progress_bar: 1, // Timer for each slide mouse_scrub: 1 }); } })(); </script> <div id="ctl00_pnlMiddleContainerOuter" class="divMiddleContainerOuterSub "> <div id="ctl00_pnlMiddleContainerSub" class="divMiddleContainerSub animated"> <div id="ctl00_cphContent_ucUsrCMS_pnlCMS" class="divCMS"> <div id="ctl00_cphContent_ucUsrCMS_pnlContentSection" class="divCMSContentSection"> <div id="ctl00_cphContent_ucUsrCMS_pnlContent" class="divCMSContent"> <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"> $(document).ready(function(){ $('.features').slick({ slidesToShow: 3, slidesToScroll: 3, arrows:false, autoplay: true, autoplaySpeed:2500, dots:true, dotsClass: 'customs', customPaging: function (slider, i) { return '<a class="dotfeatures" role="button" title=""></a>'; } }); }); </script> <style type="text/css">.blueshirtBG { background-image: url("/data/cms/images/1535618392_bg-about-us-who-we-are.jpg"); background-repeat: no-repeat; height: 950px; background-size:100%; margin-top: -110px; width:100%; } .topwaveBG { background: url("/data/cms/images/1535616718_img-about-us-title-background1.png")no-repeat center top, url("/data/cms/images/1535616688_img-about-us-title-background2.png")no-repeat center top 10px; height: 80px; } .blueBG { background-image: url("/data/cms/images/1535620826_bg-about-us-our-clients.png"); background-repeat: no-repeat; height: 815px; background-size: 110%; background-position:top center; } a.Morelink:link, a.Morelink:visited{ color:#ffffff; font-size: 18px; font-family: Pangolin; font-weight: 400; } a.Morelink:hover, a.Morelink:active { color:#b6cefc; text-decoration:none; } a.btnProvide:link, a.btnProvide:visited{ font-size: 18px; font-family: Pangolin; font-weight: 400; color:#ffffff; height:40px; width:160px; padding-top:9px; background:transparent; vertical-align:middle; margin: 0px 10px; text-align:center; display:inline-block; border:1px solid #fff; border-radius:20px; box-sizing:border-box; } a.btnProvide:hover, a.btnProvide:active { color:#fff; background-color: #497bd8; text-decoration: none; } a.MoreDetail{ font-size: 18px; font-family: Pangolin; font-weight: 400; color:#ffffff; text-decoration:none; } a.MoreDetail:hover, a.MoreDetail:active { color:#b6cefc; text-decoration: none; } @media only screen and (max-width: 1366px) { .button1{ margin-bottom: 35px !important; } } .button1, .button1:link, .button1:visited { padding-top: 0px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .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; } .customs li { margin: 0 0 0 0; display: inline-block; list-style: none; &:first-child { margin-left: 0; } } .customs{ display:inline-block; position:absolute; bottom:-45px; left:50%; transform:translateX(-50%); z-index:5; } .slick-active .dotfeatures { background:url('/data/cms/images/1549955474_pagination-home-our-clients.png') no-repeat center bottom; } .dotfeatures:hover, .slick-active .dotfeatures:hover, .slick-active .dotfeatures:before{ background:url('/data/cms/images/1549955474_pagination-home-our-clients.png') no-repeat center bottom; } .slick-slide img { display: inline; } .features .slick-slide { display: flex; justify-content: center; } .geachitext{ font-size: 24px; font-family: Adobe Heiti Std; font-weight: 400; background: linear-gradient(to right, #f4e892 0%, #cba10d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .geasplitter{ background-image: linear-gradient(to right, rgba(244,232,146), rgba(203,161,13)); width: 420px; height: 1px; } .geatext{ font-family: Catamaran; font-weight: 700; background: linear-gradient(to right, #f4e892 0%, #cba10d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media only screen and (max-width: 1800px) { .blueBG { background-size: 120% !important; } } @media only screen and (max-width: 1600px) { .blueBG { background-size: 138% !important; } } @media only screen and (max-width: 1400px) and (min-width: 1300px){ .testbtn{ top: 45px !important; } .blueBG { background-size: 156% !important; } .curvebackground{ margin: -62px 0 0 !important; } } @media only screen and (max-width: 1300px) and (min-width: 1200px){ .testbtn{ top: 55px !important; } .blueBG { background-size: 175% !important; } .curvebackground{ margin: -59px 0 0 !important; } } </style> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto; position: relative; "> <tbody> <tr> <td class="topwaveBG" style="text-align: center;"> <h3 style="color:#ffffff; padding:0;">Who We Are.</h3> </td> </tr> <tr> <td style="height: 10px;"> </td> </tr> <tr> <td style="text-align: center;"> <h1>Webteq Solution | Web Design JB & KL</h1> </td> </tr> <tr> <td style="text-align: center;"><strong>Webteq Solution Sdn Bhd</strong> was established back in year 2007, by a group of young enterprising web professionals who are passionate in developing effective websites and web applications customization. Our company is located at the center of <strong>Johor - Johor Bahru</strong>, the southernmost of Malaysia. As reflected by the company name "WEBTEQ". It is focusing on web and technology, provides the comprehensive <strong>website application consultation, creative web design and development</strong>.<br /> <br /> At Webteq Solution, QUALITY DOES MATTER. We strive to emphasize quality in every techniques and processes to ensure our web solution and services offered are of the highest quality. By delivering quality web solution and partnership experiences, it enable us to form a long term collaborative relationship with our clients to be the trusted partner of choice for their website provider. Our dedicated team comprises of passionate individuals who have successfully delivered multiple projects of various industries.</td> </tr> <tr> <td style="text-align: center;"><a class="button1" href="/portfolio" style="margin: auto; margin-top: 30px;" title="View Portfolio">View Portfolio</a></td> </tr> </tbody> </table> <div style="text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" class="blueshirtBG" style="width:100%;"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto; margin-top:-455px;"> <tbody> <tr> <td style="padding-bottom: 50px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:300px; height:300px; padding: 0px 20px 15px; box-sizing: border-box; background:#fff; border:1px solid #ddd; vertical-align:top;"><img src="/data/cms/images/1535618724_icon-about-us-quality.png" style="width: 68px; height: 76px; margin: 50px 0px 20px;" title="Quality" /> <h3>Quality</h3> Sets to deliver high quality web solution and innovative websites that helps our clients in business growth.</td> <td style="width:30px;"> </td> <td style="width:300px; height:300px; padding: 0px 20px 15px; box-sizing: border-box; background:#fff; border:1px solid #ddd; vertical-align:top;"><img src="/data/cms/images/1535618748_icon-about-us-functionality.png" style="width: 68px; height: 76px; margin: 50px 0px 20px;" title="Functionality" /> <h3>Functionality</h3> Continuously build and develop effective web solution to meet the needs of changing business environment.</td> <td style="width:30px;"> </td> <td style="width:300px; height:300px; padding: 0px 20px 15px; box-sizing: border-box; background:#fff; border:1px solid #ddd; vertical-align:top;"><img src="/data/cms/images/1535618758_icon-about-us-capability.png" style="width: 68px; height: 76px; margin: 50px 0px 20px;" title="Capability" /> <h3>Capability</h3> Aims to become a leading regional most trusted and established web solution provider and website specialist.</td> </tr> </tbody> </table> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; padding: 50px 0 60px; border-bottom: 1px solid #ddd;"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="position: relative;"><img alt="Golden Eagle Award 2019" src="/data/cms/images/1575971631_bnn-home-gea.jpg" style="width: 100%;" title="Golden Eagle Award 2019" /> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; position: absolute; top: -45%; left: 25%;"> <tbody> <tr> <td style="position: relative;"><img alt="Golden Eagle Award 2019" src="/data/cms/images/1575542784_img-home-gea-banner.png" style="width: 88px; height: auto;" title="Golden Eagle Award 2019" /> <table border="0" cellpadding="0" cellspacing="0" style="width: 420px; position: absolute; top: 37%; left: 6%; text-align: center;"> <tbody> <tr> <td class="geachitext">金鹰奖</td> </tr> <tr> <td style="height: 10px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></td> </tr> <tr> <td> <div class="geasplitter"> </div> </td> </tr> <tr> <td style="height: 10px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></td> </tr> <tr> <td class="geatext" style="font-size: 24px;">GOLDEN EAGLE AWARD 2019</td> </tr> <tr> <td class="geatext" style="font-size: 14px;">2019 WINNER OF EMERGING EAGLES</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="padding-top:50px;"> <h2>Our Clients</h2> </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: auto;" title="Season" /></div> <div><img alt="ATA IMS Berhad" src="/data/cms/images/1571498741_723205162559422240763660212140967464009728n.jpg" style="width: 140px; height: auto;" title="ATA IMS Berhad" /></div> <div><img alt="Miroad Rubber" src="/data/cms/images/1536130934_logo-home-miroad-rubber.gif" style="width: 140px; height: auto;" title="Miroad Rubber" /></div> <div><img alt="Sutera Mall" src="/data/cms/images/sutera-logo(1).jpg" style="width: 160px; height: 48px;" title="Sutera Mall" /></div> <div><img alt="Hwa Thai Supemart" src="/data/cms/images/1571498671_7229949924694598166606227084490869046247424n.jpg" style="width: 140px; height: auto;" title="Hwa Thai Supemart" /></div> <div><img alt="Kim Loong Resorces" src="/data/cms/images/1571498824_72777699386657458937898541248510171807744n.jpg" style="width: 140px; height: auto;" title="Kim Loong Resorces" /></div> </div> <table border="0" cellpadding="0" cellspacing="0" class="blueBG" style="width:100%;"> <tbody> <tr> <td style="height: 140px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:1200px; margin:auto; position: relative; "> <tbody> <tr> <td> <div style="width:150px; height:50px; margin:auto; border-radius:25px; background:#fff; box-shadow: 0px 0px 50px 10px rgba(191,230,255,0.5); display: flex; align-items: center; justify-content: center;"><img alt="Alpine Technology" src="/data/cms/images/1596533897_alpine-bnn.png" style="width: 90px; height: 34px;" title="Alpine Technology" /></div> </td> </tr> <tr> <td style="padding: 20px; text-align: center;"><span style="font-size:18px; color:#fff; font-family: Pangolin; font-weight: 400;">Mr. Josiah Teo<br /> Alpine Technology (M) Sdn. Bhd.</span></td> </tr> <tr> <td> <div style="text-align: center;"><br /> <span style="font-size:18px; color:#fff; font-family: Pangolin; font-weight: 400; line-height: 1.5;">Nowadays website with proper SEO is so important for businesses. I remember trying to build my own website when I first started my business but it end up nothing. I still remember engaging Alex (Webteq) to build our company website and it was LIVE after a couple of weeks. We are amaze by the team who are able to complete it within the promise date. Along the years, the website brings us good revenue and high rank in google and we recently upgraded to a mobile friendly page and sales lead continues to flow in. I highly recommend those businesses that do not have website to engage Alex Tey (Webteq) to build 1. Website is a MUST for all businesses. </span></div> <div style="text-align: center;"><a alt="More Details" class="MoreDetail" href="/testimonial" title="More Details">More Details »</a></div> <div style="width:100%; height:1px; margin-top: 20px; opacity: 0.4; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,100) 50%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);"> </div> </td> </tr> <tr> <td style="padding-top: 25px; padding-bottom: 20px; text-align: center;"><span style="font-size:18px; color:#fff; font-family: Pangolin; font-weight: 400;">Webteq Provided:</span></td> </tr> <tr> <td style="text-align: center;"><a class="btnProvide" href="/our-services" title="Effective Website">Effective Website</a> <a class="btnProvide" href="/seo" title="SEO">SEO</a> <a class="btnProvide" href="/our-services" title="Email Hosting">Email Hosting</a></td> </tr> <tr> <td style="height: 30px;"> </td> </tr> <tr> <td class="testbtn" style="text-align: center; position: relative; z-index: 10; top: 50px;"><a alt="View All Testimonial" class="Morelink" href="/testimonial" title="View All Testimonial">+<br /> View All Testimonial </a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="curvebackground" style="width:100%; margin: -88px 0 0;"> <tbody> <tr> <td><img src="/data/admcms/images/img-btm-panel-top-shadow.png" style="width: 100%;" /></td> </tr> </tbody> </table> </div> <input type="hidden" name="ctl00$cphContent$ucUsrCMS$hdnContent" id="ctl00_cphContent_ucUsrCMS_hdnContent" /> <script src="/js/strings.js" type="text/javascript"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> <style type="text/css"> #divMDEC{background:linear-gradient(180deg,rgba(235,237,248,1)0%,rgba(255,255,255,1)100%);padding:80px 0px 0px;} .divWidth_50{width:50%;} .divWidth_100{width:100%;} .divMDECRbl{background-color:#fff;border:1px solid #ccc;border-radius:10px;position:relative;} .divHeight40{height:40px;display:flex;align-items:center;} .divRBLHdr{font-family:'Mukta Mahee', Arial, Sans-Serif;font-weight:700;} .rblMDEC label{line-height:40px;} #dvCaptcha div{margin:auto;} .divMDECAck{text-align:center;} .divMDECContentHdr{text-align:center;} .divMDECContentHdr h2 { line-height: 50px;} .divMDECContentHdr h3 { line-height: 35px; } input[type="radio"]:checked+label,input[type="checkbox"]:checked+label{ font-weight: bold; } .divEnquiryRowResponsive{position:relative;} .recaptcha{display:flex; align-items:center; justify-content:center;display: inline-block;position: relative;} .errmsg{background-color:#fff;padding:5px;position:absolute;top:-40px;right:0px;border:1px solid red;border-radius:5px;opacity:0.9;} .errmsg:before { position: absolute; bottom: -6px; right: 36px; display: block; content: ""; width: 12px; height: 12px; background-color: #fff; box-shadow: 1px 1px 0px 0px red; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (min-width:960px) { #divMDECContent { width: 100%; max-width: 1200px; margin: auto; } .divLineBreak { display: block; } .divMDECContentHdr { padding: 0px 0px 30px; } .divEnquiryRowResponsive { width: 48%; display: inline-block; padding: 0px 0px 20px; vertical-align: top; } .divEnquiryRowResponsiveSplit { width: 2%; display: inline-block; } .divMDECRbl { width: 372px; margin: 10px 30px 30px 0px; display: inline-block; box-sizing: border-box; padding: 20px; vertical-align: top; min-height:244px; } .divMDECRbl:last-child { margin: 10px 0px; } } @media only screen and (max-width:500px) { .divEnquiryRowResponsive{width:100%;margin-bottom:10px;} .divEnquiryRowResponsiveSplit{display:none;} .divMDECRbl{margin:0px 0px 10px;padding:20px;} #divMDEC{padding:60px 20px 20px;} .text_enquiry,.ddl_enquiry{border:1px solid #ccc;border-radius:5px;padding:5px 10px;} .rblMDEC label{font-size:14px;} .errmsg{font-size:12px;} } .divRenewalRow { display: flex; align-items: center; font-size: 100%; } .divRenewalLabel{ width:45%; } .divRenewalContent { width: 69%; } .divRenewalRow input, .divRenewalRow select { background-color: #fcfcfc; font-size: 100%; font-family: Assistant, Arial; color: #666; } .divRenewalRow input[type=checkbox]{ transform:scale(1.3); } .divRenewalHdr{background-color:#fcfcfc;font-size:100%;padding:10px 20px;border:1px solid #ddd;border-left:none;border-right:none;margin-bottom:20px;} .divCheckBoxLabel{cursor:pointer;} .lnkbtnSubmit{width:304px;} .divSpacer{height:10px;width:100%;} .divSpacer20 { height: 20px; width: 100%; } .divMotor, .divCar { padding-bottom: 20px; } .divRenewalOK { width: 20%; } #divLoader { border: 16px solid #fff; border-radius: 50%; border-top: 16px solid #08093c; width: 20px; height: 20px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; position: relative; margin: auto; box-sizing: unset; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media only screen and (max-width:480px) { .divRenewalRow { display: block; font-size: 120%; } .divRenewalRow input, .divRenewalRow select { background-color: #f5f5f5; font-size: 120%; } .divRenewalHdr{font-size:120%;padding:5px 10px;} .divRenewalLabel, .divRenewalContent { width: 100%; } .ddlVehicleType { width: 100%; border: 1px solid #dddddd; } .divRenewalOK,.lnkbtnSubmit{width:100%;} } </style> <script type="text/javascript"> function rearrangePosition() { if ($(window).width() <= 800) { $(".divName").insertBefore(".divCont"); $(".divComName").insertBefore(".divEmail"); } } $(document).ready(function () { rearrangePosition(); }); $(window).resize(function () { rearrangePosition(); }); var intMDEC = parseInt("0"); if (intMDEC == 1) { $(".divMiddleContainerSub").css("margin-bottom", "0px"); //Recaptcha var onloadCallback = function () { grecaptcha.render('dvCaptcha', { 'sitekey': '', 'callback': function (response) { $.ajax({ type: "POST", url: wsBase + "recaptcha.asmx/VerifyCaptcha", data: "{response: '" + response + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (r) { var captchaResponse = jQuery.parseJSON(r.d); console.log("captchaResponse:" + captchaResponse.success); if (captchaResponse.success) { $("[id*=txtCaptcha]").val(captchaResponse.success); $("[id*=rfvCaptcha]").hide(); } else { $("[id*=txtCaptcha]").val(""); $("[id*=rfvCaptcha]").show(); var error = captchaResponse["error-codes"][0]; $("[id*=rfvCaptcha]").html("RECaptcha error. " + error); } } }); } }); }; function cvApplyGrant_client(source, args) { var chkEProfile = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEProfile").is(":checked"); var chkECatalog = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkECatalog").is(":checked"); var chkEShop = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEShop").is(":checked"); var chkSEO = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkSEO").is(":checked"); if (!chkEProfile && !chkECatalog && !chkEShop && !chkSEO) { args.IsValid = false; source.errormessage = "<div>Apply Grant required.</div>"; source.innerHTML = "<div>Apply Grant required.</div>"; } else { args.IsValid = true;} return args.IsValid; } $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").hide(); $("#divSubmit").off("click").on("click", function () { if (Page_ClientValidate("vgMDEC")) { var ddlSalutation = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_ddlSalutation").val() ? $("#ctl00_cphContent_ucUsrCMS_ucMDEC_ddlSalutation").val() : 0; var txtContact = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtContact").val(); var txtName = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtName").val(); var txtEmail = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtEmail").val(); var txtCompanyName = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtCompanyName").val(); var txtYearInBusiness = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtYearInBusiness").val(); var rblAnuualSales = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_rblAnuualSales input:checked").val(); var rblBudget = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_rblBudget input:checked").val() var chkEProfile = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEProfile").is(":checked"); var chkECatalog = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkECatalog").is(":checked"); var chkEShop = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEShop").is(":checked"); var chkSEO = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkSEO").is(":checked"); var applyGrant = ""; if (chkEProfile) { applyGrant += "Website Design, "; } if (chkECatalog) { applyGrant += "Website Design with Product Catalogue, "; } if (chkEShop) { applyGrant += "Website Design with Online Shopping, "; } if (chkSEO) { applyGrant += "Google Ranking (SEO/Google Ads), "; } applyGrant = applyGrant.substring(0, applyGrant.length - 2); $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").show(); $("#divMDECContent").hide(); var items = { "ddlSalutationText": $("#ctl00_cphContent_ucUsrCMS_ucMDEC_ddlSalutation option:selected").text(), "ddlSalutation": ddlSalutation, "txtContact": txtContact, "txtName": txtName, "txtEmail": txtEmail, "txtCompanyName": txtCompanyName, "txtYearInBusiness": txtYearInBusiness, "rblAnuualSales": rblAnuualSales, "rblBudget": rblBudget, "rblApplyGrant": applyGrant, "strCurURL": window.location.href, }; $.ajax({ type: "POST", url: wsBase + "wsAjax.asmx/sendMDEC", data: JSON.stringify(items), contentType: "application/json; charset=utf-8", dataType: "json", }).done(function (data) { var status = $.parseJSON(data.d); if (status.success == "1") { console.log("success"); $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").hide(); //var firstPartContent = submissionText+ submissionContent1; //var vehicleTypeContent = (ddlVehicleType == "1") ? submissionContent2 : submissionContent3; //var lastPartContent = submissionContent4; //var successContent = firstPartContent + vehicleTypeContent + lastPartContent //$(".divRenewalAck").html("<h3>Renew Online - Car & Motorbike Insurance - Successful</h3>" + successContent); $(".divMDECAck").html("<h3>MDEC Grant Submission Successful</h3><div class='button1 height_45 divRenewalOK' style='cursor:pointer;margin-top:10px;' title='OK'>OK</div>").css("padding", "50px 0px"); $(".divRenewalOK").on("click", function () { window.location.href = "https://www.webteq.com.my/about-us"; }); } else if (status.error == "1") { alert(status.error_msg); $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").hide(); $(".divMDECAck").html(status.error_msg).css("padding", "50px 0px"); } }); } else { //$(".errmsg:visible").siblings("input").css("border-color", "red"); //$(".errmsg:visible").siblings("select").css("border-color", "red"); //$(".divMDECRbl .errmsg").each(function () { // if ($(this).css("display") == "inline") { // $(this).parents(".divMDECRbl").css("border-color", "red").addClass("divFocus"); // } //}); $("html, body").animate({ scrollTop: ($(".errmsg:visible:first").offset().top) - 200 }, 1000); //if ($(".errmsg:visible").length > 0) { // $("html, body").animate({ scrollTop: ($(".errmsg:visible:first").offset().top) - 200 }, 1000); //} //else { // $("html, body").animate({ scrollTop: ($(".divFocus:first").offset().top) - 200 }, 1000); //} } }); $(".divCheckBoxLabel").each(function () { $(this).on("click", function () { $(this).siblings("input").click(); }); }); function validationEffect() { $("input").each(function () { $(this).on("blur", function () { switch ($(this).attr("type")) { case "text": if ($(this).siblings(".errmsg").is(":visible")) { $(this).css("border-color", "red"); } else { $(this).css("border-color", "#ccc"); } break; default: break; } }); $(this).off("click").on("click", delay(function () { switch ($(this).attr("type")) { case "radio": if ($(this).parents(".divMDECRbl").find(".errmsg").is(":visible")) { $(this).parents(".divMDECRbl").css("border-color", "red"); } else { $(this).parents(".divMDECRbl").css("border-color", "#ccc").removeClass("divFocus"); } break; default: break; } }, 100)) }); $(".ddl").each(function () { $(this).change(delay(function () { if ($(this).siblings(".errmsg").is(":visible")) { $(this).css("border-color", "red"); } else { $(this).css("border-color", "#ccc"); } }, 100)); }); } //delay function trigger function delay(callback, ms) { var timer = 0; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { callback.apply(context, args); }, ms || 0); }; } //validationEffect(); } </script> </div> </div> </div> </div> </div> <div id="ctl00_pnlBannerContainerSub" class="divBannerContainerSub"> <div id="ctl00_ucUsrCMSBannerContainer_pnlCMSContainer" class="divCMSContainerOuter"> <div id="ctl00_ucUsrCMSBannerContainer_pnlCMSContainerInner" class="divCMSContainerInner"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_pnlCMSContent"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter2"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentContent" class="divCMSContentContent"> <div><link href="https://fonts.googleapis.com/css?family=Quicksand:400,600,700|Material+Icons|Material+Icons+Outlined" rel="stylesheet" type="text/css" /> <link href="https://library.webteq.asia/font-awesome/font-awesome.min.css" rel="Stylesheet" type="text/css" /> <style type="text/css">.jMkHaA{ animation: pulse-animation1 2s infinite; animation-duration: 4s; } @keyframes pulse-animation1 { 0% { box-shadow: 0 0 0 0px rgba(0, 132, 255, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(0, 132, 255, 0); } } @keyframes pulse-animation2 { 0% { box-shadow: 0 0 0 0px rgba(77, 194, 71, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(77, 194, 71, 0); } } @keyframes pulse-animation3 { 0% { box-shadow: 0 0 0 0px rgba(238, 128, 31, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(238, 128, 31, 0); } } .kMshiB{ animation: pulse-animation1 2s infinite; } .dfBDQI{ display:none!important; } .whatsapp{ animation: pulse-animation2 2s infinite; animation-duration: 4s; } .cart{ animation: pulse-animation3 2s infinite; animation-duration: 4s; } </style> <style type="text/css">.floatcart{ position:fixed; width:50px; height:50px; bottom: 160px; right: 22px; background-color:#EE801F; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .float{ position:fixed; width:50px; height:50px; bottom:80px; right:22px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .my-float{ margin-top:10px; } </style> <script type="text/javascript"> (function () { var options = { facebook: "490692491734384", // Facebook page ID call_to_action: "", // Call to action position: "right", // Position may be 'right' or 'left' }; var proto = document.location.protocol, host = document.location.hostname, url = proto + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://library.webteq.asia/js/widget_bundle.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <table style="position:fixed;z-index:9;"> <tbody> <tr> <td><a alt="Contact Webteq | Website Design Johor Bahru JB" class="float whatsapp" href="https://api.whatsapp.com/send?phone=60167704437&text=Enquiry%20from%20Webteq%20Solution%20Website" rel="nofollow" target="_blank" title="Contact Webteq | Website Design Johor Bahru JB"><i class="fa fa-whatsapp my-float" style="color:#fff;"></i> </a> </td> </tr> </tbody> </table></div> </div> </div> </div> </div> </div> </div> </div> <div id="ctl00_pnlBottomContainerOuter" class="divBottomContainerOuter "> <div id="ctl00_pnlBottomContainer" class="divBottomContainer animated"> <div id="ctl00_ucUsrCMSBtmBannerContainer_pnlCMSContainer" class="divCMSContainerOuter"> <div id="ctl00_ucUsrCMSBtmBannerContainer_pnlCMSContainerInner" class="divCMSContainerInner"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_pnlCMSContent"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter3"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentContent" class="divCMSContentContent"> <div><style type="text/css">.btm_eProfile { background-image: url("/data/admcms/images/icon-btm-panel-eprofile.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_eCatalog { background-image: url("/data/admcms/images/icon-btm-panel-ecatalog.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_eShop { background-image: url("/data/admcms/images/icon-btm-panel-eshop.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_SEO { background-image: url("/data/admcms/images/icon-btm-panel-seo.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } a.btm_eProfile:hover, a.btm_eCatalog:hover, a.btm_eShop:hover, a.btm_SEO:hover{ text-decoration: none; } a.menu { font-size:16px; font-family:'Mukta Mahee'; outline:none; color:#333644; } a.menu:link, a.menu:visited{ color:#333644; text-decoration:none; } a.menu:hover, a.menu:active { color:#497bd8; text-decoration:none; } .btm_WhiteBG { background-image: url("/data/admcms/images/bg-btm-panel-contact-details.png"); background-repeat: no-repeat; height: 170px; } .btm_topshadow { background: url("/data/admcms/images/img-btm-panel-top-shadow.png")no-repeat center bottom; height: 96px; } .button1, .button1:link, .button1:visited { padding-top: 0px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; } .website{ font-size:12px; position: relative; bottom: 4px; } .dottedsplitter{ width: 410px; height: 1px; border-top: 1px dotted #ddd; } .contact-box{ width: 310px; height: 80px; border: 1px solid #edf1f9; background-color: #fff; padding: 10px; box-sizing: border-box; } </style> <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"> <div id="loading-screen__title"> <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 5000 5000"> <path class="cls-1" d="M485,335H2566.31a60,60,0,0,1,60,60V2476.02a60,60,0,0,1-60,60H485a60,60,0,0,1-60-60V395A60,60,0,0,1,485,335Z" /> <path id="Shape_1_copy" data-name="Shape 1 copy" class="cls-2" d="M4739,2868.09H2957.71l-18.59,16.76V4660a50,50,0,0,1-50,50H1000.22a50,50,0,0,1-50-50V2771.37a50,50,0,0,1,50-50H2778.07l22.02-19.85V929.469a50,50,0,0,1,50-50H4739a50,50,0,0,1,50,50V2818.09A50,50,0,0,1,4739,2868.09Z" /> <text id="f13" class="cls-3" transform="translate(661.885 2354.155) scale(3.862 3.861)">f13</text> </svg> <div> LOADING </div> </div> <div class="solar-system"> <div class="comet"></div> <div class="sun"></div> <div class="planet mercury"></div> <div class="planet venus"></div> <div class="planet earth"> <div class="moon"></div> </div> <div class="planet mars"></div> <div class="planet jupiter"></div> <div class="planet saturn"></div> <div class="planet uranus"></div> <div class="planet neptune"></div> <div class="planet pluto"></div> </div> </div> <style> .loading-wrapper { width: 100%; height: 100%; position: fixed; top: 0; display: flex; flex-direction: column; align-items: center; color: #fff; font-size: 18px; letter-spacing: 10px; text-align: center; overflow: hidden; z-index: 1000; background: #000322; visibility: hidden; opacity: 0; transition: .5s; } .loading-wrapper.init { visibility: visible; opacity: 1; } .loading-animated { -webkit-animation-duration: 3s; -webkit-animation-fill-mode: both; animation-duration: 3s; animation-fill-mode: both; } #loading-screen__title { display: flex; flex-direction: column; align-items: center; position: absolute; top: 15%; -webkit-animation: text-focus-in 4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: text-focus-in 4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } #loading-screen__title.loading { animation-duration: 1.5s; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: alternate; } #loading-screen__title svg { margin-bottom: 40px; } #loading-screen__title .cls-1 { fill: none; stroke: #fff; stroke-width: 30px; } #loading-screen__title .cls-1, #loading-screen__title .cls-2 { fill-rule: evenodd; } #loading-screen__title .cls-2, #loading-screen__title .cls-3 { fill: #fff; } #loading-screen__title .cls-3 { font-size: 183.333px; font-family: "Century Gothic", sans-serif; font-style: italic; } @-webkit-keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } .solar-system { position: absolute; bottom: 0; } .sun { width: 250px; height: 250px; background-image: linear-gradient(120deg, #f6d365 0%, #f1663d 100%); box-shadow: 0 0 calc(250px * .7) #f6d365; border-radius: 50%; position: absolute; top: calc(50% - calc(250px * .5)); left: calc(50% - calc(250px * .5)); animation-duration: 5s; animation-name: rotate; animation-iteration-count: infinite; animation-timing-function: linear; } .planet, .earth .moon { width: calc(250px * 2); height: calc(250px * 2); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; position: absolute; top: calc(50% - 250px); left: calc(50% - 250px); animation-duration: 3s; animation-name: rotate; animation-iteration-count: infinite; animation-timing-function: linear; } .planet::after, .earth .moon::after { content: ''; width: calc(250px * .2); height: calc(250px * .2); border-radius: 50%; background-color: #4285f4; position: absolute; top: calc(50% - calc(250px / 10)); left: calc(250px * -.1); } .venus { width: calc(250px * 3); height: calc(250px * 3); top: calc(50% - calc(250px * 1.5)); left: calc(50% - calc(250px * 1.5)); animation-duration: 6s; } .venus::after { background-color: #34a853; width: calc(250px * .3); height: calc(250px * .3); top: calc(50% - calc(250px * .15)); left: auto; right: calc(250px * -.15); } .earth { width: calc(250px * 4.5); height: calc(250px * 4.5); top: calc(50% - calc(250px * 2.25)); left: calc(50% - calc(250px * 2.25)); animation-duration: 7s; } .earth::after { background-color: #fbbc05; width: calc(250px * .36); height: calc(250px * .36); top: calc(50% - calc(250px * .18)); left: auto; right: calc(250px * -.18); } .earth .moon { width: calc(250px * .7); height: calc(250px * .7); top: calc(50% - calc(250px * .35)); left: auto; right: calc(250px * -.35); animation-duration: 2s; } .earth .moon::after { width: calc(250px * .1); height: calc(250px * .1); background-color: #ea4335; left: auto; right: calc(250px * -.05); } .comet { width: calc(250px * .35); height: calc(250px * .02); border-radius: 50%; background-color: red; background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%); } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> <script type="text/javascript"> var customs = { //'easing': 'linear', 'targetParent': "#ctl00_ucUsrLoadingScreen_pnlWrapper", 'target': "#loading-screen__title", }; if (false) { if (Cookies.get('load') == null) { customs.duration = 5000; } else { $('#ctl00_ucUsrLoadingScreen_pnlWrapper').removeClass('init'); } numberIncrementer(customs); } else { $(function () { $.runMasthead(); }); $(customs.target).addClass("loading"); } function numberIncrementer(options) { var defaults = { 'duration': 100, 'easing': 'swing', 'start': 0, 'end': 100, 'prefix': false, 'suffix': false, 'target': null, 'targetParent': null, 'completeTiming': 1000, 'animateDuration': 750 }; var settings = $.extend({}, defaults, options); var $this = $(settings.target), suffix = settings.suffix || '', prefix = settings.prefix || '', x = settings.duration > 100 ? settings.completeTiming : 0, y = settings.duration > 100 ? settings.animateDuration : 0; // Stop and clear animation queue $this.stop(true); $.setWrapper(); $("body").css("overflow", "hidden"); // Begin the number sequence animation $this.prop('counter', settings.start).animate({ counter: settings.end || $this.text(), }, { duration: settings.duration, easing: settings.easing, step: function (now) { }, complete: function () { setTimeout(function () { $(settings.targetParent).addClass("loading-animated fadeOut"); $(function () { $.runMasthead(); }) }, x += y); setTimeout(function () { $("body").css("overflow", "auto"); }, x += y); setTimeout(function () { $(settings.target).addClass("loading").find("div").text("LOADING"); $(settings.targetParent).hide(); }, x += y * 2); } } ); Cookies.set('load', 'visited', { expires: 30 }); } var isUnloadIgnored = false; $("a[href^=mailto], a[title~=Submit]").on("click", function() { isUnloadIgnored = true; }); window.onbeforeunload = function () { if (!isUnloadIgnored) { setTimeout(function () { $("body").css("overflow", "hidden"); $(".loading-wrapper").fadeIn().removeClass("fadeOut").addClass("init"); }, 3000); } isUnloadIgnored = false; }; particlesJS('ctl00_ucUsrLoadingScreen_pnlWrapper', { 'particles': { 'number': { 'value': 160, 'density': { 'enable': true, 'value_area': 1500 } }, 'color': { 'value': '#7f88e0' }, 'shape': { 'type': 'circle', 'stroke': { 'width': 0, 'color': '#000000' }, 'polygon': { 'nb_sides': 3 }, 'image': { 'src': 'img/github.svg', 'width': 100, 'height': 100 } }, 'opacity': { 'value': 1, 'random': true, 'anim': { 'enable': true, 'speed': 1.038961038961039, 'opacity_min': 0.23176823176823177, 'sync': true } }, 'size': { 'value': 5, 'random': true, 'anim': { 'enable': false, 'speed': 300, 'size_min': 20, 'sync': false } }, 'line_linked': { 'enable': true, 'distance': 60, 'color': '#7f88e0', 'opacity': 0.4, 'width': 1 }, 'move': { 'enable': true, 'speed': 0, 'direction': 'none', 'random': true, 'straight': true, 'out_mode': 'out', 'bounce': false, 'attract': { 'enable': false, 'rotateX': 600, 'rotateY': 600 } } }, 'interactivity': { 'detect_on': 'canvas', 'events': { 'onhover': { 'enable': false, 'mode': 'grab' }, 'onclick': { 'enable': false, 'mode': 'repulse' }, 'resize': true }, 'modes': { 'grab': { 'distance': 400, 'line_linked': { 'opacity': 1 } }, 'bubble': { 'distance': 250, 'size': 0, 'duration': 2, 'opacity': 0, 'speed': 3 }, 'repulse': { 'distance': 400, 'duration': 0.4 }, 'push': { 'particles_nb': 4 }, 'remove': { 'particles_nb': 2 } } }, 'retina_detect': true }); $('#ctl00_ucUsrLoadingScreen_pnlWrapper').find('canvas').css('position', 'absolute').css('top', 0).css('filter', 'blur(1px)').css('opacity', .4); </script> <script type="text/javascript"> //<![CDATA[ Sys.Application.add_init(function() { $create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":"ctl00_UsrSiteSearch_upnlProdGroup","displayAfter":10,"dynamicLayout":true}, null, null, $get("ctl00_UsrSiteSearch_uprgProdGroup")); }); //]]> </script> </form> </body> </html> <script type="text/javascript"> $(function () { var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divMainFooterOutter", triggerHook: "onEnter" }) .setClassToggle(".divMainFooterOutter .divMainFooter", "fadeInUp") .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divBottomContainerOuter", triggerHook: "onEnter" }) .setClassToggle(".divBottomContainerOuter .divBottomContainer", "fadeInUp") .addTo(controller); //var controller = new ScrollMagic.Controller(); //var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainerOuterSub", triggerHook: "onEnter" }) // .setClassToggle(".divMiddleContainerOuterSub .divMiddleContainerSub", "fadeInRight") // .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainerMiddleBottom", triggerHook: "onEnter" }) .setClassToggle(".divMiddleContainerMiddleBottom .animatedItem", "fadeInUp") .addTo(controller); var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainerMiddleBottom", triggerHook: "onEnter" }) .setClassToggle(".divMiddleContainerMiddleBottom .tblAnimated", "fadeInLeft") .addTo(controller) .on("enter", function (e) { var initCount = 1; $('.divMiddleContainerMiddleBottom .tblAnimated').each(function (i) { $(this).addClass("delay-item-" + (initCount++)); }); }); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divProdSpecial", triggerHook: "onEnter" }) .setClassToggle(".divProdSpecial .animatedItem2", "fadeInDown") .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".tdAnimated1", triggerHook: "onEnter" }) .setClassToggle(".tdAnimated1 .tblAnimated1", "fadeInLeft") .addTo(controller); }); resetZoom(); $(".hypApplyNow").off("click").on("click", function () { resetZoom(); }); $(window).resize(function () {resetZoom();}); function resetZoom() { var browserZoomLevel = Math.round(window.devicePixelRatio * 100); if (browserZoomLevel > 200 || browserZoomLevel <= 100) { $("body").css("zoom", "1"); } else if (browserZoomLevel > 100 && browserZoomLevel <= 125) { $("body").css("zoom", "0.8"); } else if (browserZoomLevel > 125 && browserZoomLevel <= 150) { $("body").css("zoom", "0.7"); } else if (browserZoomLevel > 150 && browserZoomLevel <= 175) { $("body").css("zoom", "0.6"); } else if (browserZoomLevel > 175 && browserZoomLevel <= 200) { $("body").css("zoom", "0.5"); } else { $("body").css("zoom", "1"); } } </script>

CINXE.COM

Website Design Johor Bahru | About Webteq Website Company JB KL SEO Google