CINXE.COM
Website Design Johor Bahru | JB Web Design | Website Design Company 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><!-- Event snippet for 123 conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --> <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> <!-- Hotjar Tracking Code for www.webteq.com.my --> <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> <!-- JSON-LD markup generated by Google Structured Data Markup Helper. --> <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 | JB Web Design | Website Design Company Johor Bahru | Google Ranking SEO </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 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='We provide website design services, Johor Bahru (JB). Web Design (ePROFILE. eCATALOG. eSHOP). Google Ranking using Search Engine Optimization/ SEO. Webteq.' /><link href='/css/loading.css' rel='Stylesheet' type='text/css' /></head> <body id="ctl00_BodyID" class="bodySubpage"> <form name="aspnetForm" method="post" action="/our-services" 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> <!-- Global site tag (gtag.js) - Google Analytics --> <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> <!-- Facebook Pixel Code --> <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> <!-- End Facebook Pixel Code --> <!-- Facebook Pixel Code --> <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> <!-- End Facebook Pixel Code --> <!-- Facebook Pixel Code --> <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> <!-- End Facebook Pixel Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-7Z62G4HZXD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7Z62G4HZXD'); </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjax.debug.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys._Application && Sys.Observer)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=xEucleASRLKN_LQ-ZSQ-LRelD28Re60dROoiy8gFRnBv7uv5sUH2-pjfyAtnZFTCXUt7noabmRMqpB7KNENBVDDBZQ6hOwfVBBiGYjHtcUPbVT3gZgdd17LApwKFPRdEI9HMSShS9P3hkugmer5XdlssuMCIE2neH4VU12rC6wd2vEZma3Wd15WtdfDgSJ140&t=74258c30"><\/script>');//]]> </script> <script type="text/javascript"> //<![CDATA[ if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.'); //]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjaxWebForms.debug.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys.WebForms)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=tSfncuLKVdlUb_ejMH8V8UkL-uMk0-inSbNp6cQRYrGyu7gWPpT0Uez8WI0h97sYHvCQIUXoWIUBwbQliOGoDJai1el2ld9v0N-vFwP_GN8uZnohcO_IlAPFpKjfvmJ9EzfVZmnSEBJOFjIrBtQkovco8I75gqZDHxHsAHdBGpui8-KdEBjdGl0IZU5pILaT0&t=74258c30"><\/script>');//]]> </script> <div> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAWvVXD1oYELeveMr0vHCmYPMXCviTIf3l/WUwneuF6D1HxCLTP638hNrQou14COvFnCc/oWCRQRQNViAy5nC4NssCcPe0V0zXjJ3NXvHUXXOfgwOflw9PwsgM6sNLqkbmzbfIrFiQydrLYrbS4CEEKR" /> </div> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$scriptmanager1', 'aspnetForm', ['tctl00$UsrSiteSearch$upnlProdGroup',''], [], [], 90, 'ctl00'); //]]> </script> <input type="hidden" name="ctl00$hfVSFileName" id="ctl00_hfVSFileName" value="6fddafb2-8e65-41d9-8dcd-247e7be3d822" /> <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_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/1541662446_masthead-services.jpg', description: ''}, // Slideshow Images ], // Theme Options progress_bar: 1, // Timer for each slide mouse_scrub: 1 }); } })(); </script> <div id="ctl00_pnlMiddleContainerOuter" class="divMiddleContainerOuterSub "> <div id="ctl00_pnlMiddleContainerSub" class="divMiddleContainerSub animated"> <div id="ctl00_cphContent_ucUsrCMS_pnlCMS" class="divCMS"> <div id="ctl00_cphContent_ucUsrCMS_pnlContentSection" class="divCMSContentSection"> <div id="ctl00_cphContent_ucUsrCMS_pnlContent" class="divCMSContent"> <style type="text/css">.blueshirtBG { background-image: url("/data/cms/images/1538734794_img-career.jpg"); background-repeat: no-repeat; height: 950px; background-size:100%; margin-top: -110px; width:100%; } .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/1539152606_bg-ecatalog-project.png"); background-repeat: no-repeat; background-size:100%; width:100%; } 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; } 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; } .button11, .button11:link, .button11:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 10px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #005bff, #00cbe6, #00cbe6, #005bff); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button11:hover, .button11:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .button2, .button2:link, .button2:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 10px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #db0084 , #ff3434, #db0084, #db0084); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button2:hover, .button2:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .button13, .button13:link, .button13:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 10px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #1ce49b , #76c212, #76c212, #1ce49b); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button13:hover, .button13:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .button14, .button14:link, .button14:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 10px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #6d00d3 , #9f2b98, #9f2b98, #6d00d3); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button14:hover, .button14:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .box01 { width: 960px; height: 60px; background: #fff; border-top: 3px solid transparent; border-image: linear-gradient(to right, #005bff 0%, #00cbe6 100%); border-image-slice: 1; border-radius:10px; } .dot { height: 8px; width: 8px; background-color: #ffffff; border-radius: 50%; display: inline-block; } .box02 { background: #fff; border-left: 3px solid transparent; border-image: linear-gradient(to bottom, #00cbe6 0%, #005bff 100%); border-image-slice: 1; } .tdIcon { cursor:pointer; background:url('/data/cms/images/1541652629_icon-testimonial-cert.png') no-repeat center 20px; padding-top:13px; } .tdIcon:hover { cursor:pointer; background:url('/data/cms/images/1541652629_icon-testimonial-cert.png') no-repeat center -60px; background-color:#57a2ff; } .but { background: linear-gradient(to right, #ff3434,#db0084); border-radius: 12px; color: #db0084; display: inline-block; font-size: 15px; padding: 1px; text-decoration: none; opacity: 0.8; } .but span { background: #f6f7fb; display: block; padding-left: 20px; padding-right: 18px; border-radius: 12px; } .but2 { background: linear-gradient(to right, #005bff,#00cbe6); border-radius: 12px; color: #00cbe6; display: inline-block; font-size: 15px; padding: 1px; text-decoration: none; opacity: 0.8; } .but2 span { background: #f6f7fb; display: block; padding-left: 20px; padding-right: 18px; border-radius: 12px; } .but3 { background: linear-gradient(to right, #1ce49b,#76c212); border-radius: 12px; color: #76c212; display: inline-block; font-size: 15px; padding: 1px; text-decoration: none; opacity: 0.8; } .but3 span { background: #f6f7fb; display: block; padding-left: 26px; padding-right: 23px; border-radius: 12px; } .but4 { background: linear-gradient(to right, #6d00d3,#9f2b98); border-radius: 12px; color: #9f2b98; display: inline-block; font-size: 16px; padding: 1px; text-decoration: none; opacity: 0.8; } .but4 span { background: #f6f7fb; display: block; padding-left: 32px; padding-right: 29px; border-radius: 12px; } .tt { background: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .dot { height: 8px; width:8px; background-color: #dd037f; border-radius: 50%; display: inline-block; } .dot2 { height: 8px; width: 8px; background-color: #0064fd; border-radius: 50%; display: inline-block; } .dot3 { height: 8px; width: 8px; background-color: #23e190; border-radius: 50%; display: inline-block; } .dot4 { height: 8px; width: 8px; background-color: #7003cf; border-radius: 50%; display: inline-block; } </style> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto; "> <tbody> <tr> <td style="text-align: center;"> <h1>Our Services</h1> </td> </tr> <tr> <td style="height:30px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; background:#f6f7fb;"> <tbody> <tr> <td colspan="10" style="height:30px;"> </td> </tr> <tr> <td style="width:20px;"> </td> <td style="width:90px;height:90px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:90px;height:90px; background-image: linear-gradient(#ff3434 , #db0084);border-radius:10px; "> <tbody> <tr> <td style="text-align: center;"><img alt="" src="/data/cms/images/1541663444_icon-services-eprofile.png" style="width: 45px; height: 45px;" /></td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td> <h3>You're running a<span style=" color: #fe3336;"> service based business.</span></h3> </td> </tr> <tr> <td>You're planning to have a website to showcase company profile and core services.</td> </tr> <tr> <td><img alt="" src="/data/cms/images/1541664225_icon-rating-user.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> (200)</td> </tr> </tbody> </table> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td style="text-align:center;"><a class="button2" href="/eProfile" style="margin: auto; margin-top: -20px;" title="More Details">More Details</a></td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> </tr> <tr> <td style="width:20px;"> </td> <td style="width:90px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; padding-top: 10px;"> <tbody> <tr> <td class="but" style=" text-align: center;"><span>ePROFILE</span></td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> </td> <td> </td> </tr> <tr> <td colspan="10" style="height:30px;"> </td> </tr> <tr> <td> </td> <td colspan="4" style="border-top:1px solid #dddddd;height:30px;"> </td> <td style="height:30px;"> </td> </tr> <tr> <td> </td> <td colspan="4"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="10 - pages Website" src="/data/cms/images/1539072751_icon-services-10-pages-website.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="10 - pages Website" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">10 - pages Website</td> </tr> <tr> <td>With Unique Design</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Online Enquiry Form" src="/data/cms/images/1539072782_icon-services-online-enquiry.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Online Enquiry Form" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Online Enquiry Form</td> </tr> <tr> <td>With Google Map</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="CMS" src="/data/cms/images/1539072807_icon-services-cms.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="CMS" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">CMS</td> </tr> <tr> <td>DIY for website content updates</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Gallery Module" src="/data/cms/images/1541671158_icon-services-gallery-module.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Gallery Module" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Gallery Module</td> </tr> <tr> <td>Create Album, Upload Photos</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td colspan="10" style="height:30px;"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:70px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; background:#f6f7fb;"> <tbody> <tr> <td colspan="10" style="height:30px;"> </td> </tr> <tr> <td style="width:20px;"> </td> <td style="width:90px;height:90px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:90px;height:90px; background-image: linear-gradient(#00cbe6 , #005bff);border-radius:10px; "> <tbody> <tr> <td style="text-align: center;"><img alt="" src="/data/cms/images/1541671599_icon-services-ecatalog.png" style="width: 45px; height: 45px;" /></td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td> <h3>You're running a<span style=" color: #005dff;"> product based business (trading or manufacturing).</span></h3> </td> </tr> <tr> <td>You're planning to have a website to showcase company profile and product range.</td> </tr> <tr> <td><img alt="" src="/data/cms/images/1541664225_icon-rating-user.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> (150)</td> </tr> </tbody> </table> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td style="text-align:center;"><a class="button11" href="/eCatalog" style="margin: auto; margin-top: -20px;" title="More Details">More Details</a></td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> </tr> <tr> <td style="width:20px;"> </td> <td style="width:90px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; padding-top: 10px;"> <tbody> <tr> <td class="but2" style=" text-align: center;"><span>eCATALOG</span></td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> </td> <td> </td> </tr> <tr> <td colspan="10" style="height:30px;"> </td> </tr> <tr> <td> </td> <td colspan="4" style="border-top:1px solid #dddddd;height:30px;"> </td> <td style="height:30px;"> </td> </tr> <tr> <td> </td> <td colspan="4"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="10 - pages Website" src="/data/cms/images/1539072751_icon-services-10-pages-website.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="10 - pages Website" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">10 - pages Website</td> </tr> <tr> <td>With Unique Design</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Online Enquiry Form" src="/data/cms/images/1539072782_icon-services-online-enquiry.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Online Enquiry Form" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Online Enquiry Form</td> </tr> <tr> <td>With Google Map</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="CMS" src="/data/cms/images/1539072807_icon-services-cms.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="CMS" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">CMS</td> </tr> <tr> <td>DIY for website content updates</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Product Module" src="/data/cms/images/1541671158_icon-services-gallery-module.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Product Module" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Product Module</td> </tr> <tr> <td>Create Category, Create Product</td> </tr> </tbody> </table> </td> </tr> <tr> <td colspan="4" style="height:20px;"> </td> </tr> <tr> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Unlimited Catergories, Unlimited Products" src="/data/cms/images/1540880984_icon-services-unlimited-categories.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Unlimited Catergories, Unlimited Products" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Unlimited Catergories,<br /> Unlimited Products</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Initial insertion of 100 Products" src="/data/cms/images/1540881008_icon-services-initial-insertion.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Initial insertion of 100 Products" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Initial insertion<br /> of 100 Products</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px;"> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; "> </td> </tr> </tbody> </table> </td> </tr> <tr> <td colspan="10" style="height:30px;"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:70px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; background:#f6f7fb;"> <tbody> <tr> <td colspan="10" style="height:30px;"> </td> </tr> <tr> <td style="width:20px;"> </td> <td style="width:90px;height:90px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:90px;height:90px; background-image: linear-gradient(#76c212 , #1ce49b);border-radius:10px; "> <tbody> <tr> <td style="text-align: center;"><img alt="" src="/data/cms/images/1541673125_icon-services-eshop.png" style="width: 45px; height: 45px;" /></td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td> <h3>You're running a<span style=" color: #76c212;"> retail business for wide range of products.</span></h3> </td> </tr> <tr> <td>You're planning to have a website to facilitate your customers with Online Purchase.</td> </tr> <tr> <td><img alt="" src="/data/cms/images/1541664225_icon-rating-user.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> (150)</td> </tr> </tbody> </table> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td style="text-align:center;"><a class="button13" href="/eShop" style="margin: auto; margin-top: -20px;" title="More Details">More Details</a></td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> </tr> <tr> <td style="width:20px;"> </td> <td style="width:90px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; padding-top: 10px;"> <tbody> <tr> <td class="but3" style=" text-align: center;"><span>eSHOP</span></td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> </td> <td> </td> </tr> <tr> <td colspan="10" style="height:30px;"> </td> </tr> <tr> <td> </td> <td colspan="4" style="border-top:1px solid #dddddd; height:30px;"> </td> <td style="height:30px;"> </td> </tr> <tr> <td> </td> <td colspan="4"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="10 - pages Website" src="/data/cms/images/1539072751_icon-services-10-pages-website.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="10 - pages Website" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">10 - pages Website</td> </tr> <tr> <td>With Unique Design</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Online Enquiry Form" src="/data/cms/images/1539072782_icon-services-online-enquiry.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Online Enquiry Form" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Online Enquiry Form</td> </tr> <tr> <td>With Google Map</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="CMS" src="/data/cms/images/1539072807_icon-services-cms.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="CMS" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">CMS</td> </tr> <tr> <td>DIY for website content updates</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Product Module" src="/data/cms/images/1541731278_icon-services-product-module.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Product Module" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Product Module</td> </tr> <tr> <td>Create Category, Create Product</td> </tr> </tbody> </table> </td> </tr> <tr> <td colspan="4" style="height:20px;"> </td> </tr> <tr> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Unlimited Catergories, Unlimited Products" src="/data/cms/images/1540880984_icon-services-unlimited-categories.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Unlimited Catergories, Unlimited Products" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Unlimited Catergories,<br /> Unlimited Products</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Initial insertion of 100 Products" src="/data/cms/images/1540881008_icon-services-initial-insertion.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Initial insertion of 100 Products" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Initial insertion<br /> of 100 Products</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Order Module" src="/data/cms/images/1541648475_icon-services-order-module.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Order Module" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Order Module</td> </tr> <tr> <td>Keep track online orders</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Online Payment Paypal, iPay88, MOLPay, eGHL" src="/data/cms/images/1541648487_icon-services-online-payment.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Online Payment Paypal, iPay88, MOLPay, eGHL" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Online Payment Paypal,<br /> iPay88, MOLPay, eGHL</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td colspan="10" style="height:30px;"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:70px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; background:#f6f7fb;"> <tbody> <tr> <td colspan="10" style="height:30px;"> </td> </tr> <tr> <td style="width:20px;"> </td> <td style="width:90px;height:90px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:90px;height:90px; background-image: linear-gradient(#6d00d3 , #9f2b98);border-radius:10px; "> <tbody> <tr> <td style="text-align: center;"><img alt="" src="/data/cms/images/1541673395_icon-services-seo.png" style="width: 45px; height: 45px;" /></td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td> <h3>You're wondering how a website can help in your<span style=" color: #6e01d2;"> sales revenue.</span></h3> </td> </tr> <tr> <td>Is your website one of your important sources for sales leads? How to get a good ranking<br /> website in Google search? You obviously need SEO!</td> </tr> <tr> <td><img alt="" src="/data/cms/images/1541664225_icon-rating-user.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> <img alt="" src="/data/cms/images/1541664239_icon-rating-star.png" style="width: 10px; height: 12px;" /> (150)</td> </tr> </tbody> </table> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td style="text-align:center;"><a class="button14" href="/seo" style="margin: auto; margin-top: -20px;" title="More Details">More Details</a></td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> </tr> <tr> <td style="width:20px;"> </td> <td style="width:90px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; padding-top: 10px;"> <tbody> <tr> <td class="but4" style=" text-align: center;"><span>SEO</span></td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> </td> <td> </td> </tr> <tr> <td colspan="10" style="height:30px;"> </td> </tr> <tr> <td> </td> <td colspan="4" style="border-top:1px solid #dddddd;height:30px;"> </td> <td style="height:30px;"> </td> </tr> <tr> <td> </td> <td colspan="4"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Organic Search Engine Optimization" src="/data/cms/images/1541649068_icon-services-organic-search-engine.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Organic Search Engine Optimization" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Organic Search Engine<br /> Optimization</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; box-sizing: border-box; background:#edeff5; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Pay Per Click" src="/data/cms/images/1541649080_icon-services-pay-per-click.png" style="width: 45px; height: 40px; margin: 0px 0px 10px;" title="Pay Per Click" /></td> </tr> <tr> <td style="font-family:Mukta Mahee;font-weight:700;">Pay Per Click</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; "> </td> <td style="width:20px;"> </td> <td style="width:215px; height:170px; "> </td> </tr> <tr> <td colspan="4" style="height:20px;"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td colspan="10" style="height:30px;"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:70px;"> </td> </tr> <tr> <td style="border:1px solid #dddddd;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;height:160px;"> <tbody> <tr> <td style="height:40px;"> </td> </tr> <tr> <td style="text-align:center;"><span class="dot"> </span> <span class="dot2"> </span> <span class="dot3"> </span> <span class="dot4"> </span></td> </tr> <tr> <td style="font-size:20px;font-family:Catamaran;font-weight:300px;color:333644;text-align:center;">Each Service has Included</td> </tr> <tr> <td style="height:20px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="border-right:1px solid #dddddd;"> <table border="0" cellpadding="0" cellspacing="0" style="width:240px;"> <tbody> <tr> <td style="text-align:center;">Web + Email Hosting</td> </tr> </tbody> </table> </td> <td style="border-right:1px solid #dddddd;"> <table border="0" cellpadding="0" cellspacing="0" style="width:240px;"> <tbody> <tr> <td style="text-align:center;">Domain Registration</td> </tr> </tbody> </table> </td> <td style="border-right:1px solid #dddddd;"> <table border="0" cellpadding="0" cellspacing="0" style="width:240px;"> <tbody> <tr> <td style="text-align:center;">20GB Web + Email Space</td> </tr> </tbody> </table> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:240px;"> <tbody> <tr> <td style="text-align:center;">Unlimited Email IDs</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:50px;"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <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/our-services"; }); } 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> </div> </div> <div id="ctl00_pnlBottomContainerOuter" class="divBottomContainerOuter "> <div id="ctl00_pnlBottomContainer" class="divBottomContainer animated"> <div id="ctl00_ucUsrCMSBtmBannerContainer_pnlCMSContainer" class="divCMSContainerOuter"> <div id="ctl00_ucUsrCMSBtmBannerContainer_pnlCMSContainerInner" class="divCMSContainerInner"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_pnlCMSContent"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter3"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentContent" class="divCMSContentContent"> <div><style type="text/css">.btm_eProfile { background-image: url("/data/admcms/images/icon-btm-panel-eprofile.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_eCatalog { background-image: url("/data/admcms/images/icon-btm-panel-ecatalog.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_eShop { background-image: url("/data/admcms/images/icon-btm-panel-eshop.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_SEO { background-image: url("/data/admcms/images/icon-btm-panel-seo.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } a.btm_eProfile:hover, a.btm_eCatalog:hover, a.btm_eShop:hover, a.btm_SEO:hover{ text-decoration: none; } a.menu { font-size:16px; font-family:'Mukta Mahee'; outline:none; color:#333644; } a.menu:link, a.menu:visited{ color:#333644; text-decoration:none; } a.menu:hover, a.menu:active { color:#497bd8; text-decoration:none; } .btm_WhiteBG { background-image: url("/data/admcms/images/bg-btm-panel-contact-details.png"); background-repeat: no-repeat; height: 170px; } .btm_topshadow { background: url("/data/admcms/images/img-btm-panel-top-shadow.png")no-repeat center bottom; height: 96px; } .button1, .button1:link, .button1:visited { padding-top: 0px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; } .website{ font-size:12px; position: relative; bottom: 4px; } .dottedsplitter{ width: 410px; height: 1px; border-top: 1px dotted #ddd; } .contact-box{ width: 310px; height: 80px; border: 1px solid #edf1f9; background-color: #fff; padding: 10px; box-sizing: border-box; } </style> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td class="btm_topshadow" style="text-align: center; position: relative; z-index: -10;"> </td> </tr> <tr> <td style="height: 70px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto;"> <tbody> <tr> <td style="text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="position: relative;"><a alt="ePROFILE | Profiling Website | Website Design Johor Bahru JB" class="btm_eProfile" href="/eProfile" title="ePROFILE | Profiling Website | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="ePROFILE | Profiling Website | Website Design Johor Bahru JB" href="/eProfile" title="ePROFILE | Profiling Website | Website Design Johor Bahru JB">ePROFILE</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Profiling Website </td> </tr> </tbody> </table> </td> <td style="position: relative;"><a alt="eCATALOG | Catalogue Website | Website Design Johor Bahru JB" class="btm_eCatalog" href="/eCatalog" title="eCATALOG | Catalogue Website | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="eCATALOG | Catalogue Website | Website Design Johor Bahru JB" href="/eCatalog" title="eCATALOG | Catalogue Website | Website Design Johor Bahru JB">eCATALOG</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Catalogue Website </td> </tr> </tbody> </table> </td> <td style="position: relative;"><a alt="eSHOP | Online Shopping Website | Website Design Johor Bahru JB" class="btm_eShop" href="/eShop" title="eSHOP | Online Shopping Website | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="eSHOP | Online Shopping Website | Website Design Johor Bahru JB" href="/eShop" title="eSHOP | Online Shopping Website | Website Design Johor Bahru JB">eSHOP</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Online Shopping Website </td> </tr> </tbody> </table> </td> <td style="position: relative;"><a alt="SEO | Search Engine Optimization | Website Design Johor Bahru JB" class="btm_SEO" href="/seo" title="SEO | Search Engine Optimization | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="SEO | Search Engine Optimization | Website Design Johor Bahru JB" href="/seo" title="SEO | Search Engine Optimization Website | Website Design Johor Bahru JB">SEO</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Search Engine Optimization </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:40px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><strong>Professional Website Design Johor Bahru (JB)</strong> </td> </tr> <tr> <td style="height:3px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </td> </tr> <tr> <td> <h4>What do you need for your company website? </h4> </td> </tr> <tr> <td style="height:20px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </td> </tr> <tr> <td>At Webteq, we focus on <strong>Effective Website</strong> - Website that can help to enhance <nobr><b>Company Image</b> </nobr> & increase <b>Online Enquiry</b> through search engines (Google). Contact us and we will arrange our web consultants to understand your business nature and advise a suitable website for your business. <strong>Website Design Johor Bahru, Kuala Lumpur</strong>, Malaysia. </td> </tr> <tr> <td style="height:25px; border-bottom: 1px solid #ddd;"> </td> </tr> <tr> <td style="height:30px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:190px; padding-right:40px; box-sizing:border-box; line-height:2.3; vertical-align:text-top;"><a class="menu" href="/eProfile" title="Profiling Website">Profiling Website</a> <br /> <a alt="Online Catalogue" class="menu" href="/eCatalog" title="Online Catalogue">Online Catalogue</a> <br /> <a alt="Online Shopping" class="menu" href="/eShop" title="Online Shopping">Online Shopping</a> <br /> <a alt="Mobile Website" class="menu" href="/mobile-friendly" title="Mobile Website">Mobile Website</a> <br /> <a alt="Google Ranking" class="menu" href="/seo" title="Google Ranking">Google Ranking</a> </td> <td style="width:190px; padding-right:40px; box-sizing:border-box; line-height:2.3; vertical-align:text-top;"><a alt="Who We Are?" class="menu" href="/about-us" title="Who We Are?">Who We Are?</a> <br /> <a class="menu" href="/our-services" title="Our Services">Our Services</a> <br /> <a alt="What We Did?" class="menu" href="/event/portfolio" title="What We Did?">What We Did?</a> <br /> <a alt="What They Said?" class="menu" href="/testimonial" title="What They Said?">What They Said?</a> <br /> <a alt="FAQs" class="menu" href="/faqs" title="FAQs">FAQs</a> </td> <td style="width:150px; box-sizing:border-box; line-height:2.3; vertical-align:text-top;"><a alt="Policy" class="menu" href="/policy" title="Policy">Policy</a> <br /> <a alt="Contact Us" class="menu" href="/contact/contact-us" title="Contact Us">Contact Us</a> <br /> <a alt="Join Webteq" class="menu" href="/career" title="Join Webteq">Join Webteq</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td style="width: 50px;"> </td> <td style="vertical-align: top;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td><b>Contact Us</b> </td> </tr> <tr> <td style="height:10px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td class="contact-box"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 35px;"><img alt="Contact Webteq | Website Design Johor Bahru JB" src="/data/cms/images/1594196147_icon-btmpanel-phone.png" style="width: 35px; height: 35px;" title="Contact Webteq | Website Design Johor Bahru JB" /> </td> <td style="width: 15px;"> </td> <td><b>Web Design JB</b> <br /> <a alt="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" href="tel:60167704437" onclick="return gtag_report_conversion('tel:60167704437');" style="color: #333644;" title="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">+6016-770 4437</a> (Mr Tey) </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:2px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td class="contact-box"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 35px;"><img alt="Contact Webteq | Website Design Kuala Lumpur KL" src="/data/cms/images/1594196147_icon-btmpanel-phone.png" style="width: 35px; height: 35px;" title="Contact Webteq | Website Design Kuala Lumpur KL" /> </td> <td style="width: 15px;"> </td> <td><b>Web Design KL</b> <br /> <a alt="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" href="tel:60167704437" onclick="return gtag_report_conversion('tel:60167704437');" style="color: #333644;" title="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">+6016-770 4437</a> (Mr Tey) </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:2px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td class="contact-box"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 35px;"><img alt="Email us at info@webteq.com.my | Web Design Johor Bahru JB" src="/data/cms/images/1594196329_icon-btmpanel-mdec-email.png" style="width: 35px; height: 35px;" title="Email us at info@webteq.com.my | Web Design Johor Bahru JB" /> </td> <td style="width: 15px;"> </td> <td><b>Email Webteq for Web Design</b> <br /> <a alt="Email us at info@webteq.com.my | Web Design Johor Bahru JB" href="mailto:info@webteq.com.my" title="Email us at info@webteq.com.my | Web Design Johor Bahru JB">info@webteq.com.my</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height: 20px;"> </td> </tr> <tr> <td><a alt="Contact Us | Web Design Johor Bahru JB" class="button1" href="/contact-us" title="Contact Us | Web Design Johor Bahru JB">Contact Us Today!</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height: 40px;"> </td> </tr> <tr> <td style="text-align: right;"><span style="font-size:14px; float:left;">©2007-2023 Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO | Webteq</span><a alt="Email Us | Website Design Johor Bahru JB" href="mailto:info@webteq.com.my?subject=Enquiry From Webteq Solution" title="Email Us | Website Design Johor Bahru JB"><img alt="Email Us | Website Design Johor Bahru JB" src="/data/admcms/images/icon-btm-panel-email.png" style="width: 40px; height: 40px; margin:0px 10px;" title="Email Us | Website Design Johor Bahru JB" /></a><a alt="Whatsapp Us | Website Design Johor Bahru JB" href="https://api.whatsapp.com/send?phone=60167704437&text=Enquiry from Webteq Solution" target="_blank" title="Whatsapp Us | Website Design Johor Bahru JB"><img alt="Whatsapp Us | Website Design Johor Bahru JB" src="/data/admcms/images/icon-btm-panel-whatsapp.png" style="width: 40px; height: 40px;" title="Whatsapp Us | Website Design Johor Bahru JB" /></a><a href="https://www.facebook.com/WebteqSince2007/" target="_blank"><img alt="Find Us On Facebook | Website Design Johor Bahru JB" src="/data/admcms/images/icon-btm-panel-fb.png" style="width: 40px; height: 40px; margin:0px 10px;" title="Find Us On Facebook | Website Design Johor Bahru JB" /></a><img alt="Find Us On Facebook | Website Design Johor Bahru JB" src="/data/admcms/images/logo-btm-panel-google-partner.gif" style="width: 84px; height: 36px;" title="Find Us On Facebook | Website Design Johor Bahru JB" /> </td> </tr> <tr> <td style="text-align: center; height: 100px;"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "LocalBusiness", "name" : "Webteq Solution Sdn. Bhd.", "image" : "https://www.webteq.com.my/img/usr/logo-top-panel-webteq.png", "telephone" : "016 770 4437", "email" : "info@webteq.com.my", "address" : { "@type" : "PostalAddress", "streetAddress" : "No. 34-01 & 34-02, Jalan Austin Perdana 2/23, Taman Austin Perdana", "addressLocality" : "Johor Bahru", "postalCode" : "81100" }, "aggregateRating": {"@type": "AggregateRating", "ratingValue": "5/5", "reviewCount": "46" } } </script></div> </div> </div> </div> </div> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl01_pnlCMSContent"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl01_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter3"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl01_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBtmBannerContainer_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> <!-- GetButton.io widget --><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><!-- /GetButton.io widget --> <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> </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>